Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

Course Contents

Introduction

With Intellect Design® Canvas Technology (CT) Platform, you can efficiently develop and maintain rich omni-channel applications that can access the full capabilities of your target devices. The capabilities of Canvas Technology Platform will help reduce your organizations' time-to-market, cost and complexity of development, and enables an optimized customer experience across multiple environments.

Being a low-code platform, Canvas empowers you with a plethora of ready-made UI components and configuration options via Canvas Studio (web application) built using Canvas framework itself. Deploy the Canvas Studio WAR in your local or remote server and use it to create widgets, forms etc. and configure the layout. Canvas Studio generates the metadata for the UI components configured and stores those in a local or remote database configured. The scripts for the metadata can be exported using Canvas Studio itself and can be promoted to the target environments, e.g. staging, SIT, UAT.

You can further enrich the applications built using Canvas by putting in customized logic at the client-side or server-side. Canvas uses HTMLJavaScript and CSS on the client-side (with HandleBars for the component's HTML templatization), and Java on the server-side that uses iBatis for the database interactions. REST web service-based datasources are also supported.

Info

Refer the following links to learn about the respective programming languages and UI frameworks:

1. Canvas Technology Platform Overview

...

2. Basics of Canvas Technology Platform

...

3. Getting Started

...

4. Widgets and Dashboards

Creating an App in Canvas Studio using Web Service:

...

Enabling Drill-down for Widgets using Canvas Studio:

...

5. Forms

Render Form as a Widget Showing Data from Web Service:

...

Filtering Widget Data with Form using Canvas Studio:

...

6. Micro-flows

Inserting and Modifying Data using Request Modeler in Canvas Studio:

...

View file
nameSource Code Files_20a_Posting Data to a Web Service.zip

7. Theme

Applying Themes using Theme Designer in Canvas Studio:

...

View file
nameSource Code Files_21a_Applying Themes using Theme Designer.zip

8. Sample Mobile App

Mobile App created using Canvas Platform:

...