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:

8. Certification

You need to clear the online assessment for attaining the CT Platform certification. Reach out to ravikumar.babu@intellectdesign.com for taking the assessment.

• Assessment format: Multiple-choice and fill-in-the-blanks

• Number of questions: 30

• Duration: 30 minutes

• Pass percentage: 75% (23/30)

• Attempts allowed: Three

Questions about CT Platform will be from the training course contents (above) and on the prerequisites basics mentioned in the ‘Introduction’ section above.

Good luck on your assessment!

9. What’s Next?

Once you are familiar with CT Platform and successfully cleared the CT Platform certification, the next step is to map the wireframes (UI design) for the application you are going to develop using CT Platform with the platform components. This is an offline activity that needs to happen in collaboration with the CT Platform Support Leads. Even though CT is an omni-channel application platform and is responsive by design, it is advisable to use different mock-ups or wireframes for each channel (desktop, tablet or mobile).

The following factors needs to be considered and determined during this activity:

• Development infrastructure needed, such as database server and application server to be used for application development.

• Authentication and authorization of the application users, such as Single Sign-On (SSO), systems to be used for authentication and authorization.

• Security aspects, such as encryption, MIMA etc.

• Map application functional elements to CT Platform components. For example, what part of the application UI is to be configured as workspace, sub-workspace etc.

• Based on priority, CT Engineering shall work on any CT Platform enhancements that may be required for the application.

• Channel-specific requirements, if any.

• Data source for business data.

• Deployment strategy.

For deploying Canvas Technology 20.1 Platform, send email to canvas.technology@intellectdesign.com.