Presentation Logic

The final step in the development process for Kevin is to create HTML and JavaScript files with respective auxiliary files to implement the application presentation (frontend) logic. Declaration of navigation trees in metadata contains the view elements and specifies their JavaScript or HTML source files that are the key components in this development step.

Input

• User scenarios presenting a set of screens with transitions between them

• Wireframes specifying widgets and navigation controls for each screen

• Navigation tree declaration with a declaration of views, respective source files, variables, and navigation controls

• Information architecture with the following details:

  • Terminology in the Controlled Vocabulary

  • UI Structure and Content

Development Process

Development of source files depends on the location they work in:

• In the PCP and the CCP, a typical view source file is an HTML file with JavaScript code inside. Each view is loaded into its own IFrame. A source file is based on the typical view structure.

• In the UX1 (the preferable user panel for customers), all application views are loaded into a single IFrame implementing the single page application concept. There are a few view types in the UX1, and their structure is considerably different from the view structure in the CP and slightly different from each other:

  • Regular view

  • View-plugin

  • Wizard view

  • Wizard host

For each particular integration case, follow the Integration Points section.

Outcome

HTML, JavaScript, and JSON files implementing the application custom UI.

← Provisioning Logic

Application Deployment →