CTools Advanced

CTools Advanced (CT2000)

Training Course

CTools Advanced builds upon the knowledge and skills learned in the CTools Fundamentals (CT1000) course to teach you how to add dynamic and interactive features to improve the experience for dashboard users.

Learn how to create dashboards with dynamic layouts that respond based on the device or window size; create dynamic, parameterized dashboard tables and charts; create dynamic text components, and personalize text components with session variables; create custom add-ins; create map components, create template components; and embed dashboards in HTML pages or within other CTools dashboards

 

Description

Id: CT2000
Level: Advanced
Audience: Business Analyst
Delivery Method: Instructor-led online, Private on-site
Duration: 2 Day(s)
Cost: $1350.00 USD
Credits: 2
Category: Business Analytics

Duration

2 Days

Upcoming Classes

Online

Instructor-led online training

Location May 2017 Jun 2017 Jul 2017 Aug 2017 Sep 2017
Online - NA Jun 14 – Jun 15
Jul 12 – Jul 13
Aug 16 – Aug 17
Sep 27 – Sep 28
Online - EMEA (BST Time) Jul 12 – Jul 13
Sep 13 – Sep 14

Class dates in bold are guaranteed to run!

Course Benefits

  • Learn how to create pixel-perfect dashboards
  • Learn how to create dynamic and responsive dashboard layouts
  • Learn how to create highly customized and responsive dashboard components
  • Learn how to create custom add-ins, template components, and map components
  • Learn how to obtain and use session variables to personalize a dashboard
  • Learn how to embed CTools dashboards in HTML pages and within other CTools dashboards
  • Interactive, hands-on training materials significantly improve skill development and maximize retention

Skills Achieved

At the completion of this course, you should be able to:

  • Describe how Bootstrap CSS classes can be used to create a responsive dashboard layout
  • Apply Bootstrap CSS classes within a dashboard layout.
  • Set column sizes to dynamically adjust depending on the size device that is viewing the dashboard
  • Add table components to a dashboard
  • Describe the CTools training environment
  • Add chart components to a dashboard
  • Add custom parameters to a dashboard
  • Add filter components to a dashboard
  • Set the listeners and parameters for dashboard components
  • Use JavaScript to change the type of chart that is displayed based on a user's filter selection
  • Use JavaScript to customize dashboard tables and charts
  • Use JavaScript to dynamically resize dashboard charts based on the window size
  • Add dynamic text components to a dashboard
  • Use web developer tools to obtain information needed to create a custom text component
  • Attach an external JavaScript resource to the dashboard to create a custom add-in
  • Add a map component to the dashboard
  • Use JavaScript to customize the map component
  • Obtain values from session variables to include in the dashboard
  • Embed a CTools dashboard in an HTML page
  • Embed a dashboard component in a CTools dashboard

 

      

·         

·        

·         

·        

·         

·         

·        

·        

·        

·       

·         

·       

This course is intended for dashboard developers.

CT1000 CTools Fundamentals is a prerequisite for this course or comparable development experience with building CTools dashboards. Students should be proficient with JavaScript and HTML. Knowledge of CSS, jQuery, MDX and SQL is beneficial.

 

Students attending classroom courses in the United States are provided with a PC to use during class. Students attending courses outside the US should contact the Authorized Training Provider regarding PC requirements for Pentaho courses.

In general, if your training provider requires you to bring a PC to class, it must meet the following requirements. You can also verify your system against the Compatibility Matrix: List of Supported Products topic in the Pentaho Documentation site.

  • Windows XP, 7 desktop operating system (for Macintosh support, please contact your Customer Success Manager)
  • RAM: at least 4GB
  • Hard drive space: at least 2GB for the software, and more for solution and content files
  • Processor: dual-core AMD64 or Intel EM64T
  • USB port

Online courses require a broadband Internet connection, the use of a modern Web browser (such as Microsoft Internet Explorer or Mozilla Firefox), and the ability to connect to GoToTraining. For more information on GoToTraining requirements, see www.gotomeeting.com/online/training. Online courses use Pentaho’s cloud-based exercise environment. Students are provided access to a virtual machine used to complete the exercises.

For online courses, students are provided with a secured, electronic course manual. Printed manuals are not provided for online courses. When an electronic manual is provided, students are encouraged to print the exercise book before class begins, though this is not required.

Students attending this course on-site should contact their Customer Success Manager for hardware and software requirements. You can also email us at training@pentaho.com for more information regarding on-site training requirements.

Day 1

Module 1: Introduction

Lesson 1: Review the Dashboard Design Process

Lesson 2: Introduction to the Sample Dashboard

Lesson 3: Training Environment Setup

Module 2: Advanced Layout Concepts

Lesson 1: Advanced Layout Concepts

Guided Demo: Create a Responsive Layout

Guided Demo: Compare the Module 2 Dashboard to the Sample Dashboard

Module 3: Dashboard Components

Lesson 1: Review of Dashboard Components

Guided Demo: Add the Key Performance Indicator Table Component

Guided Demo: Add the Scatter Plot Chart

Exercise 3-1: Add the Top 3 Countries Table

Exercise 3-2: Add the Bar Chart

Guided Demo: Compare the Module 3 Dashboard to the Sample Dashboard

Module 4: Lifecycle of Components and Dashboard Interactions

Lesson 1: CDF Lifecycle and Components Lifecycle

Guided Demo: Add Custom Parameters

Guided Demo: Add Filter Components

Guided Demo: Add Listeners and Parameters to Components

Guided Demo: Add Pre-execution JavaScript to Switch Between Chart Types

Guided Demo: Add Pre-execution JavaScript to Customize Tables

Guided Demo: Use a JavaScript Resource to Customize Charts

Guided Demo: Use a JavaScript Function to Dynamically Resize Charts Based on the Window Size

Guided Demo: Add a Dynamic Text Component

Exercise 4-1: Add the Technology and Year Parameter Components

Exercise 4-2: Add the Technology and Year Filter Components

Exercise 4-3: Update the Listeners and Parameters for the Scatter Chart and Bar Chart

Exercise 4-4: Add Pre-execution JavaScript to Customize the Bar Chart

Exercise 4-5: Add Additional Dynamic Text Components

Guided Demo: Compare the Module 4 Dashboard to the Sample Dashboard

 

Day 2

Module 5: Developer Tools

Lesson 1: Developer Tools

Guided Demo: Use Developer Tools to Create the Hello, User Message

Guided Demo: Compare the Module 5 Dashboard to the Sample Dashboard

Module 6: Custom Add-ins

Lesson 1: Custom Add-ins

Guided Demo: Add a Custom Add-in

Guided Demo: Compare the Module 6 Dashboard to the Sample Dashboard

Module 7: Map Components

Lesson 1: Map Components

Guided Demo: View the Map Component Reference Materials

Guided Demo: Add a Map Component

Guided Demo: Add Pre-execution JavaScript to Match Data Values with Colors

Guided Demo: Add Pre-execution JavaScript to Customize the Map Markers

Guided Demo: Add Pre-execution JavaScript to Define the Default Zoom Level

Guided Demo: Add Post-execution JavaScript to Define the Zoom Level Range

Guided Demo: Compare the Module 7 Dashboard to the Sample Dashboard

Module 8: Template Components

Lesson 1: Template Components

Guided Demo: Create a Template Component to Display Card Data

Guided Demo: Compare the Module 8 Dashboard to the Sample Dashboard

Module 9: Role-based Dashboard Behavior

Lesson 1: Role-based Dashboard Behavior

Guided Demo: Create a Welcome Message using a Session Variable

Guided Demo: Compare the Module 9 Dashboard to the Sample Dashboard

Module 10: Embedding Dashboards

Lesson 1: Embedding Dashboards in an HTML Page

Guided Demo: Embed a Dashboard in an HTML Page

Guided Demo: Embed a Dashboard Component in a CTools Dashboard

Onsite Training

For groups of six or more

Request Quote

Public Training

Online - NA

Online - EMEA (BST Time)

Classes marked with Confirmed are guaranteed to run. Sign up now while there is still space available!


Don't see a date that works for you?

Request Class

CTools Advanced Ratings

Training Organized
Training Objectives
Training Expectations
Training Curriculum
Training Labs
Training Overall

What do these ratings mean?