architecture.html

<article class="docs-article" id="section-1">
    <section class="docs-section">
        <div>
            <h1 class="docs-heading">System Architecture</h1><br>
            <hr><br>
            <img src="./assets/images/formsflow-ai-components.png" alt="image" width="700"
                height="500"><br><br>
            <h3 id="components">Components</h3>
            <p>The components of the system are:</p>
            <h4 id="formsflow-ui">formsflow UI</h4>
            <p>Browser-based React integration web UI Most of the day-to-day end-user and review
                tasks are performed from this application, built specifically to act as a common
                UI combining forms, workflow, and analytics functionality. The web application
                is written as a <a
                    href="https://en.wikipedia.org/wiki/Progressive_web_application">progressive</a>
                app with the potential for offline data-entry. formsflow UI accesses the
                individual system component data through native API&#39;s using OIDC or SAML
                access tokens.</p>
            <h4 id="formsflow-ui-extension-for-vue-js-optional-">formsflow UI Extension for
                Vue.js (optional)</h4>
            <p>There is a Vue.js based web user interface for easy integration of formsflow.ai
                to your existing User Interface. This extension provides components for easily
                using Forms, Tasklist by installing as a npm package. To know more details
                checkout <a
                    href="https://github.com/AOT-Technologies/forms-flow-ai-extensions/tree/master/camunda-formio-tasklist-vue">formsflow-ai-extension
                    repository</a>and to install package <a
                    href="https://www.npmjs.com/package/camunda-formio-tasklist-vue">go
                    here.</a></p>
            <h4 id="keycloak-identity-management-server">Keycloak Identity management server
            </h4>
            <p>The system uses an existing (your) Keycloak server which provides a common
                identity management capability. The system provides default installation and
                provisioning of the Keycloak server for local setup, steps are mentioned <a
                    href="download and installation.html">here</a>.
                However, you can setup your own Keycloak server and follow the provisioning
                steps <a href="local keycloak setup.html">here</a>.
            <h4 id="form-io-api">Form.io API</h4>
            <p>The REST interface to the form.io core</p>
            <h4 id="camunda-admin-ui">Camunda Admin UI</h4>
            <p>The native admin interface to Camunda (bundled and unchanged). Use this to
                define workflows and to manage workflow tasks as an admin.</p>
            <h4 id="nginx-web-server-optional-">Nginx Web server (optional)</h4>
            <p>Webserver providing reverse-proxy redirection and SSL to components for remote
                deployments ( bundled and configured ).</p>
            <h4 id="redash-admin-ui">Redash Admin UI</h4>
            <p>The native admin interface to Redash (bundled and unchanged). Use this to build
                analytics dashboards.</p>
            <h4 id="redash-api">Redash API</h4>
            <p>The REST interface to the Redash core. Bundled and unchanged</p>
            <h4 id="rest-api">REST API</h4>
            <p>Python REST API providing business logic around the internal formsflow.ai
                Postgres database. This API is used extensively by the formsflow.ai UI to
                synchronize, maintain state, extend functionality, and integrate between
                components.</p>


            </p>

        </div>
    </section>
</article>