Canvas Technology Platform 19.1 Training Course
- 1 Course Contents
- 1.1 Introduction
- 1.2 1. Canvas Technology Platform Overview
- 1.3 2. Basics of Canvas Technology Platform
- 1.4 3. Widgets and Dashboards
- 1.4.1 Creating an App in Canvas Studio using Web Service:
- 1.4.2 Creating Chart Widget from Spreadsheet using Canvas Studio:
- 1.4.3 Applying Row Template to a Widget:
- 1.4.4 Rendering an External Component (Google Charts):
- 1.4.5 Configuring Icon and Add Labels for Widget in Canvas Studio:
- 1.4.6 Creating an Advertisement Widget in Canvas Studio using Web Service:
- 1.4.7 Applying Statement Template for Widget Export Data:
- 1.4.8 Creating a Static Content (Template) using Canvas Studio:
- 1.4.9 Creating Composite or Multi Widgets in Canvas Studio:
- 1.4.10 Rendering an External Carousel on a Widget using Canvas Studio:
- 1.4.11 Rendering an External Site in Application using Canvas Studio:
- 1.4.12 Enabling Drill-down for Widgets using Canvas Studio:
- 1.5 4. Forms
- 1.6 5. Micro-flows
- 1.7 6. Theme
- 1.8 7. Sample Mobile App
- 1.9 8. Certification
- 1.10 9. What’s Next?
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.
Refer the following links to learn about the respective programming languages and UI frameworks:
HTML, CSS, and JavaScript - W3 Schools Free Online Web Tutorials.
HandleBars - Handlebars.
Twitter Bootstrap - Bootstrap.
React Native - Introduction: React Native.
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.
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.