EN | DE

CTools Advanced

Pentaho Course ID:

CT1500

Duration:

2 days

Dates:

23.06. 23.06.2021 – 24.06.2021
06.10. 06.10.2021 – 07.10.2021

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

Unsere Trainer

Deepening knowledge of software and technology

I am interested in this training!

STANDORTE
it-novum GmbH Deutschland
Hauptsitz:
Edelzeller Straße 44,36043 Fulda
Niederlassungen:
Ruhrallee 9, 44139 Dortmund
Kaiserswerther Str. 229, 40474 Düsseldorf
E-Mail: info@it-novum.com
Tel.: +49 661 103-434
it-novum Zweigniederlassung Österreich
Ausstellungsstraße 50 / Zugang C
1020 Wien

E-Mail: info@it-novum.at
Tel.: +43 1 205 774 1041

it-novum Schweiz GmbH
Hotelstrasse 1
8058 Zürich

E-Mail: info@it-novum.ch
Tel.: +41 44 567 62 07