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 HTML, JavaScript 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. Canvas uses the open-source framework, React Native, to create native mobile apps. Developers must be familiar with React Native to create native mobile apps using the Canvas Technology platform.

1. Canvas Technology Platform Overview

2. Basics of Canvas Technology Platform

3. Widgets and Dashboards

Creating an App in Canvas Studio using Web Service:

Creating Chart Widget from Spreadsheet using Canvas Studio:

Applying Row Template to a Widget:

Rendering an External Component (Google Charts):

Configuring Icon and Add Labels for Widget in Canvas Studio:

Creating an Advertisement Widget in Canvas Studio using Web Service:

Applying Statement Template for Widget Export Data:

Creating a Static Content (Template) using Canvas Studio:

Creating Composite or Multi Widgets in Canvas Studio:

Rendering an External Carousel on a Widget using Canvas Studio:

Rendering an External Site in Application using Canvas Studio:

Enabling Drill-down for Widgets using Canvas Studio:

4. Forms

Render Form as a Widget Showing Data from Web Service:

Filtering Widget Data with Form using Canvas Studio:

5. Micro-flows

Inserting and Modifying Data using Request Modeler in Canvas Studio:

Configuring Conditional Wiring for Forms in Canvas Studio:

Posting Data to a Web Service:

6. Theme

Applying Themes using Theme Designer in Canvas Studio:

7. Sample Mobile App

Mobile App created using Canvas Platform: