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 /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
5. Getting Started with Canvas Technology
Refer /wiki/spaces/CTv21/pages/2005828016 for more information on registering a tenant.
6. Creating a New Project in Canvas Studio
Refer Creating a New Canvas Project for more information on creating a new project.
7. Importing Business Data from a Spreadsheet using Canvas Studio
Refer /wiki/spaces/CTv21/pages/1455751170 for more information on importing a spreadsheet.
8. Creating a Form in Canvas Studio
Refer /wiki/spaces/CTv21/pages/2113372166 for more information on creating forms.
9. Publishing a Grid Widget from a Form
Refer /wiki/spaces/CTv21/pages/2124579981 for more information on publishing a grid widget from a form.
10. Configuring Widget Titles in Canvas Studio
Refer /wiki/spaces/CTv21/pages/2160571143 for more information on the Add Labels feature.
11. Enabling Validation for Forms using Canvas Studio
Refer /wiki/spaces/CTv21/pages/2113372292 for more information on form items and form item validity messages.
12. Launching Form
Refer /wiki/spaces/CTv21/pages/2124613167 for more information on launching a form.
13. Writing JS Listener for Forms in Canvas Studio
Refer /wiki/spaces/CTv21/pages/2070741093 for more information on the JS Editor feature.
14. Creating a Dashboard
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
Refer /wiki/spaces/CTv21/pages/2129068079 for more information on adding themes using the Theme Designer.
16. Applying Custom CSS Styles
Refer /wiki/spaces/CTv21/pages/2129004757 for more information on 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 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!
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.