CTools Advanced

Pentaho Course ID:

CT1500

Duration:

2 days

Dates:

Course description

The CTools Advanced course builds on the knowledge and skills acquired in the CTools Fundamentals (CT1000) course, which covered how to add dynamic and interactive features to improve the dashboard user experience.

Target Audience

Business User	Business Analyst	Data Analyst	Software Architect	Pentaho Admin	Pentaho Support

Learning Goals

After completing this course, you will be able to:

use Bootstrap CSS classes to create an attractive dashboard layout
apply bootstrap CSS classes within a dashboard layout
set column sizes dynamically, depending on the size of the device displayed by the dashboard
add table components to a dashboard
add diagram components to a dashboard
add custom parameters to a dashboard
add filter components to a dashboard
set listeners and parameters for dashboard components
use JavaScript to change the type of chart displayed based on a user’s filter selections
customise dashboard tables and charts with JavaScript
use JavaScript to dynamically adjust dashboard chart sizes based on window size
add dynamic text components to a dashboard
apply web developer tools to obtain information needed for creating a custom text component
attach an external JavaScript resource to the dashboard for creating a custom add-in
add a map component to the dashboard
adapt the map component using JavaScript
include values from session variables in the dashboard
embed a CTools dashboard in an HTML page
embed dashboard components in a CTools dashboard

Course schedule

Day 1

Module 1	Introduction
Lesson	Review of the dashboard design process
Lesson	Introduction to the sample dashboard

Module 2	Advanced layout concepts
Lesson	Advanced layout concepts
Guided demo	Creating an appealing dashboard layout
Guided demo	Comparing the Module 2 dashboard with the example dashboard

Module 3	Dashboard components
Lesson	Review of dashboard components
Guided demo	Adding the Key Performance Indicator table component
Guided demo	Adding the scatter plot diagram
Exercise	Adding the top 3 countries table
Exercise	Adding a bar graph
Guided demo	Comparing the Module 3 dashboard with the example dashboard

Module 4	The life cycle of components and dashboard interactions
Lesson	CDF life cycle and component life cycle
Guided demo	Adding custom parameters
Guided demo	Adding filter components
Guided demo	Adding listeners and parameters to components
Guided demo	Adding pre-execution JavaScript for switching between chart types
Guided demo	Adding pre-execution JavaScript for customising tables
Guided demo	Using a JavaScript Resource for customising charts
Guided demo	Using a JavaScript function to dynamically resize charts based on window size
Guided demo	Adding a dynamic text component
Exercise	Adding the technology and annual parameter components
Exercise	Adding the technology and annual filter components
Exercise	Updating the listener and parameters for the scatter and bar charts
Exercise	Adding pre-execution JavaScript for customising the bar graph
Exercise	Adding additional dynamic text components
Guided demo	Comparing the Module 4 dashboard with the example dashboard

Day 2

Module 5	Developer tools
Lesson	Developer tools
Guided demo	Use the Developer Tools to create the "Hello, User" message.
Guided demo	Comparing the Module 5 dashboard with the example dashboard

Module 6	Custom add-ins
Lesson	Custom add-ins
Guided demo	Adding a custom add-in
Guided demo	Comparing the Module 6 dashboard with the example dashboard

Module 7	Map components
Lesson	Map components
Guided demo	Viewing the map component reference materials
Guided demo	Adding a map component
Guided demo	Adding pre-execution JavaScript for matching data values with colours
Guided demo	Adding pre-execution JavaScript for customising map markers
Guided demo	Adding pre-execution JavaScript to define the default zoom level
Guided demo	Adding pre-execution JavaScript to define the zoom level range
Guided demo	Comparing the Module 7 Dashboard with the sample dashboard

Module 8	Template components
Lesson	Template components
Guided demo	Creating a template component for displaying map data
Guided demo	Comparing the Module 8 dashboard with the sample dashboard

Module 9	Role-based dashboard behaviour
Lesson	Role-based dashboard behaviour
Guided demo	Creating a welcome message using a session variable
Guided demo	Comparing the Module 9 dashboard with the example dashboard

Module 10	Embedding dashboards
Lesson	Embedding dashboards in an HTML page
Guided demo	Creating a welcome message using a session variable
Guided demo	Embedding a dashboard component in a CTools dashboard