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 |
Our Pentaho Trainer
Dirk Rönsch
Djordja Markovic
Laziz Karimov
Tom Haupt
Deepening knowledge of software and technology
- In-House
- Online
- In Fulda
I am interested in this training!