i4 Frontend

The i4 Frontend Environment (FE) offers a GUI-Editor to allow i4 App developers the implementation of end-user interfaces for their solutions. It will be accessible from within the Studio as a plain browser consuming external microservices. These services provide large ranges of visual templates implemented in HTML5 + CSS3.

Developers can combine these templates within the GUI editor to achieve enclosed i4 App visualisations at the end. The templates can stand for themselves (eg customized GUI elements) or contain additional behaviour and logic (eg registration forms or error representation). i4 App developers thus will have a high degree of flexibility and power as there are barely any restrictions in merging templates.

The FE will still develop an abstraction layer concept, subordinating the entities into abstraction levels. This strategy will produce additional guidance for the developer and speed up the process of rapid prototyping. The editor also allows external configuration like translations for internationalisation, as well as internal, individual configurations for each template itself. The module is subdivided in lower-level modules:

  • The Client-Module is a single HTML file, processing user inputs and forwarding them to the mircoservices module, where necessary calculations for representing i4 Apps take place.
  • The Server-Module consists out of multiple mircoservices working together, which listen to user inputs and transform them into clickable prototypes of a i4 App.

i4 App Customization

An amount of around 70 nestable GUI-templates in combination with self-implemented logic allows a high degree of i4 App customization.

Rapid Prototyping

Templates are addable with one single click and automatically formed into a clickable Prototype, allowing very fast initial development.

Internationalisation

Developers can provide own text translations, offering multi-lingual i4 Apps at the end.

Data Representation

GUI-Templates allow the visual representation of external data in a clear, understandable way.

Additional ressources

Learn more about i4FS by visting the project website for general information, the wiki for information about the core components, the Technical Manual for API documentation, and downloading the repository’s source code.

Wiki

Get a better understanding of the global architecture and information flow.

Source code

Our source code is opensource and available on our Gitlab repository.

API endpoints

Let your infrastructure communicate with the i4 Platform.