Architecture of the Online office

Functionality of the online office is implemented in a set of UI components. Each component is an independent web component which can be used literally on any page or website in the web.

In terms of web development each component is placed on a page as an HTML tag with its attributes, and it basically looks like this:

<v-frontline auto-switch-mode="false" view-mode="Cards"
 account-properties='["t.fullname","p.email", "m.Status", "m.PV", "m.GV", "m.AR", "p.region_id"]' />

Each UI component connects to the platform's API via proxy which makes this connection secure.

This proxy also demands authorization to access to the API, and UI components can show pop over window over the page (any page) to perform this authorization, either sign-in of an existing user, or sign-up of a new one.

So this means it's fully autonomous system, and you can use these UI components on any website to provide to this website all necessary online office features.

This, for example, a way to build e-commerce integration. If you already have e-commerce website built on any platform you can create pages for the online office part of this website and put necessary UI components there.

This way might be of use for enterprise level solutions.

For startups we have a better alternative. It's to use our default online office app out-of-the-box, and customize it the way you want.

To make it easier for you to manage we built basic version of the online office on the Grav CMS. This simple CMS allows to manage menu, pages, and its content easily.

So you can manage your website basics, its design theme, pages, and its content.