Presentation Logic

The final step in the development process for Kevin is creation of 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 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 CCP v1 used in PCP and rarely in 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 CCP v2 that is preferable as a control 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 CCP v2, and their structure is considerably different from the view structure in CCP v1 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 application custom UI.

← Provisioning Logic

Application Deployment →