Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

Course Contents

1. 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/SASS 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.

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

2. Canvas Technology Platform Overview

Canvas Technology Platform Overview.mp4

3. Basics of Canvas Technology Platform

02_Basics of Canvas Technology Platform.mp4

In CT 20, the new workspace designer feature enables you to create pages (workspaces), sections (sub-workspaces), and widgets (apps) in single screen! You can learn about using the new Workspace Designer in the subsequent training videos and for detailed information, refer /wiki/spaces/CTv21/pages/2038956033.

Watch the following CT 20.1 training videos in sequence. The training videos help you understand how to use Canvas Studio to create an interactive dashboard. These videos were captured on a Multi-tenant Cloud environment. However, the CT Platform can be deployed on your local system as well for developing web applications.

4. Overview of CT Pay Dashboard

01-Overview of CT PAY Dashboard.mp4

5. Getting Started with Canvas Technology

02-Getting Started with Canvas Technology.mp4

Refer /wiki/spaces/CTv21/pages/2005828016 for more information on registering a tenant.

6. Creating a New Project in Canvas Studio

03-Creating a new project in Canvas Studio.mp4

Refer Creating a New Canvas Project for more information on creating a new project.

7. Importing Business Data from a Spreadsheet using Canvas Studio

04-Importing Business Data from a spreadsheet using Canvas Studio.mp4

Refer /wiki/spaces/CTv21/pages/1455751170 for more information on importing a spreadsheet.

8. Creating a Form in Canvas Studio

05-Creating a Form.mp4

Refer /wiki/spaces/CTv21/pages/2113372166 for more information on creating forms.

9. Publishing a Grid Widget from a Form

09-Publishing a grid widget from a form (New).mp4

Refer /wiki/spaces/CTv21/pages/2124579981 for more information on publishing a grid widget from a form.

10. Configuring Widget Titles in Canvas Studio

07-Add Labels.mp4

Refer /wiki/spaces/CTv21/pages/2160571143 for more information on the Add Labels feature.

11. Enabling Validation for Forms using Canvas Studio

08-Form item validity message.mp4

Refer /wiki/spaces/CTv21/pages/2113372292 for more information on form items and form item validity messages.

12. Launching Form

09-Launching Form.mp4

Refer /wiki/spaces/CTv21/pages/2124613167 for more information on launching a form.

13. Writing JS Listener for Forms in Canvas Studio

10-JS Editor.mp4

Refer /wiki/spaces/CTv21/pages/2070741093 for more information on the JS Editor feature.

14. Creating a Dashboard

11-Dashboard.mp4

Refer /wiki/spaces/CTv21/pages/1995341879 for information on the different custom layouts and their configurations, and /wiki/spaces/CTv21/pages/2038956033 for information on creating a dashboard.

15. Adding Themes using Theme Designer

12-Theme Designer.mp4

Refer /wiki/spaces/CTv21/pages/2129068079 for more information on adding themes using the Theme Designer.

16. Applying Custom CSS Styles

13-Applying CSS Themes.mp4

Refer /wiki/spaces/CTv21/pages/2129004757 for more information on applying custom CSS styles.

17. Final View of CT Pay Dashboard

14-Final view.mp4

18. 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.

Good luck on your assessment!

19. 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.

  • No labels