Canvas Technology Platform 20.1 Training Course
- 1 Course Contents
- 1.1 1. Introduction
- 1.2 2. Canvas Technology Platform Overview
- 1.3 3. Basics of Canvas Technology Platform
- 1.4 4. Overview of CT Pay Dashboard
- 1.5 5. Getting Started with Canvas Technology
- 1.6 6. Creating a New Project in Canvas Studio
- 1.7 7. Importing Business Data from a Spreadsheet using Canvas Studio
- 1.8 8. Creating a Form in Canvas Studio
- 1.9 9. Publishing a Grid Widget from a Form
- 1.10 10. Configuring Widget Titles in Canvas Studio
- 1.11 11. Enabling Validation for Forms using Canvas Studio
- 1.12 12. Launching Form
- 1.13 13. Writing JS Listener for Forms in Canvas Studio
- 1.14 14. Creating a Dashboard
- 1.15 15. Adding Themes using Theme Designer
- 1.16 16. Applying Custom CSS Styles
- 1.17 17. Final View of CT Pay Dashboard
- 1.18 18. Certification
- 1.19 19. What’s 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 HTML, JavaScript 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:
HTML, CSS/SASS, and JavaScript - W3 Schools Free Online Web Tutorials, SASS Introduction, SASS Documentation.
HandleBars - Handlebars.
Twitter Bootstrap - Bootstrap.
React Native - Introduction: React Native.
2. Canvas Technology Platform Overview
3. Basics of Canvas Technology Platform
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 New Workspace Designer.
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
5. Getting Started with Canvas Technology
6. Creating a New Project in Canvas Studio
7. Importing Business Data from a Spreadsheet using Canvas Studio
8. Creating a Form in Canvas Studio
9. Publishing a Grid Widget from a Form
10. Configuring Widget Titles in Canvas Studio
11. Enabling Validation for Forms using Canvas Studio
12. Launching Form
13. Writing JS Listener for Forms in Canvas Studio
14. Creating a Dashboard
15. Adding Themes using Theme Designer
16. Applying Custom CSS Styles
17. Final View of CT Pay Dashboard
18. Certification
You need to clear the online assessment for attaining the CT Platform certification. Reach out to canvas.technology@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!
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.
Copyright © Intellect Design Arena Limited.
All rights reserved. These materials are confidential and proprietary to Intellect Design Arena Limited and no part of these materials should be reproduced, published in any form by any means, electronic or mechanical including photocopy or any information storage or retrieval system nor should the materials be disclosed to third parties without the express written authorization of Intellect Design Arena Limited.