Exploring Model-View Design With Qt Quick
In-Depth QML
Location: Waltham, MA
Early Bird Pricing: $1,695
Regular Price: $1,995
Course Description
This 3-day course approaches common issues inherent to Qt/QML development. We cover a wide-range of advanced topics such as keyboard focus, gestures, virtual keyboard, unit-testing, profiling, rendering; and provide helpful design patterns and debugging tips. The target audience is the intermediate QML developer.
Course Availability: On-site, Open Enrollment
Subject: Qt
Duration: 3 days
Course Prerequisites
- Basic knowledge of programming with Qt on the desktop using widgets
- Basic QML experience
Day 1
User Input
- Keyboard Navigation and Focus
- Input Focus
- Focus Order
- Focus property
- Active Focus
- FocusScope
- Virtual Keyboard
- Handling Keyboard Input
- Key-Specific Handlers
- All Keys Handler
- Key Event Propagation
- Event Propagation is Convenient
- Multi-Touch
- Common Multi-Touch Gestures
- Handling Overlapping Touch Areas
Dynamic Creation of Items
- Creating Items Dynamically
- Procedural Method
- Declarative Method
- Procedural Creation
- Procedural/Declarative Creation
- Declarative Creation
- Creating Multiple Items
- Repeaters
Debugging and Profiling QML Applications
- The Scene Graph
- QML Profiler
Day 2
Review and Solution of Lab 1
Model/View
- Model/View Concepts
- Showing Simple Data
- Custom Models
- Proxy Models
- Delegates
- Tree Models
Multithreaded Programming
- Qt Multithreading
- Thread Synchronization and Primitives
- QtConcurrent
C++/QML Layer
- Layered Design
- Exporting QPainter based GUI Classes
- Exporting Scene Graph GUI classes
- Defining Custom Property Types
- Qt Serial Bus C++ Classes
Day 3
Testing
- QTest Framework in QML
- Overview
- Adding a Test Suite
- Implementing a Test
- Add a Testing Main()
- Running the Test
- Simulating GUI Events
- Mocking C++ Classes with QML
- SignalSpy
- Design for Testability
-
Notes on Google Test Framework and Qt
Additional Topics
- Animations
- QML Charts
- QML Canvas
- Particles
- OpenGL and QML
- Intro to Qt 3D
QML by Design
Location: Sunnyvale, CA
Early Bird Pricing: $1,695
Regular Price: $1,995
Course Description
Course Availability: On-site; open enrollment
Duration: 3 days
Click here for mandatory computer requirements
The introduction of the iPhone, and later Android devices, forever changed the way people engage with devices and technology and raised expectations. Gone are the days when interacting with simple square boxes on a screen using a physical keyboard and mouse is acceptable. Today’s consumers demand elegant, graphical, intuitive, responsive applications.
To achieve the sophisticated user experiences consumers clamor for, software design teams now include user experience (UX) designers and graphic designers -- visual communication experts who establish the look, the feel, and the behavior of the application before software engineers bring it to life.
Typically, designers provide engineers with mocked up images showcasing how the finished application should look and written specifications indicating how it should behave. But, there’s a problem. While images can capture the rich look of the application, the subtle interactive nuances are often lost in the written specification. It is not uncommon for software engineers to implement something that looks as the designers intended but behaves altogether differently. In some cases, designers may even specify an action or effect that is impossible for engineers to implement.
A better solution is for designers to provide software engineers with a working, interactive prototype as a live specification, rather than static images and frozen documents. QML by Design will teach you how to create these interactive prototypes.
QML by Design is a three-day course aimed at UX and graphic designers. You’ll learn how to create working prototypes that will act as functional specifications to show the development engineers what to build. Using QML, a user interface markup language, designers can generate responsive mockups that not only reveal the look of the final user interface but its key behaviors, as well. Rather than read about the transition from one screen to the next, software engineers can actually see the desired transition in action.
QML by Design covers the designer-to-engineer workflow and each party's role, as well as presents an overview of QML and examples of what can be done with this language. Through a combination of presentations and interactive labs, designers are guided through the process of creating interactive mockups, moving from simple to sophisticated over the three days.
Note: this is not a programming class. The prototypes produced during this course are intended as interactive specifications that show how end applications look and behave. Using these prototypes, engineering teams implement their own production quality code.
-
Introduction
-
Overview of QML: What it is and isn’t
-
Examples of what can be done using QML
-
QML as part of the UX/graphic designer-to-engineer workflow
-
Overview of course
-
-
In-Depth Look at the UX/Graphic Designer-to-Engineer Workflow
-
Initial design
-
Graphical mockups
-
Exploring structure and flow using wireframes
-
Pattern library and style guide
-
Extracting the graphical assets
-
Creating an interactive mockup with QML
-
-
Using QML
-
Visual items and basic structure
-
Designer workflow
-
Layout tools and techniques
-
Input and internal communication
-
Creating components
-
Animation
-
Handling adaptive layout
-
Best practices and debugging
-
Advanced Topics
-
-
Wrap up
Download Course Description: QML By Design - PDF
In-Depth QML
Location: Sunnyvale, CA
Early Bird Pricing: $1,695
Regular Price: $1,995
Course Description
This 3-day course approaches common issues inherent to Qt/QML development. We cover a wide-range of advanced topics such as keyboard focus, gestures, virtual keyboard, unit-testing, profiling, rendering; and provide helpful design patterns and debugging tips. The target audience is the intermediate QML developer.
Course Availability: On-site, Open Enrollment
Subject: Qt
Duration: 3 days
Course Prerequisites
- Basic knowledge of programming with Qt on the desktop using widgets
- Basic QML experience
Day 1
User Input
- Keyboard Navigation and Focus
- Input Focus
- Focus Order
- Focus property
- Active Focus
- FocusScope
- Virtual Keyboard
- Handling Keyboard Input
- Key-Specific Handlers
- All Keys Handler
- Key Event Propagation
- Event Propagation is Convenient
- Multi-Touch
- Common Multi-Touch Gestures
- Handling Overlapping Touch Areas
Dynamic Creation of Items
- Creating Items Dynamically
- Procedural Method
- Declarative Method
- Procedural Creation
- Procedural/Declarative Creation
- Declarative Creation
- Creating Multiple Items
- Repeaters
Debugging and Profiling QML Applications
- The Scene Graph
- QML Profiler
Day 2
Review and Solution of Lab 1
Model/View
- Model/View Concepts
- Showing Simple Data
- Custom Models
- Proxy Models
- Delegates
- Tree Models
Multithreaded Programming
- Qt Multithreading
- Thread Synchronization and Primitives
- QtConcurrent
C++/QML Layer
- Layered Design
- Exporting QPainter based GUI Classes
- Exporting Scene Graph GUI classes
- Defining Custom Property Types
- Qt Serial Bus C++ Classes
Day 3
Testing
- QTest Framework in QML
- Overview
- Adding a Test Suite
- Implementing a Test
- Add a Testing Main()
- Running the Test
- Simulating GUI Events
- Mocking C++ Classes with QML
- SignalSpy
- Design for Testability
-
Notes on Google Test Framework and Qt
Additional Topics
- Animations
- QML Charts
- QML Canvas
- Particles
- OpenGL and QML
- Intro to Qt 3D
QML by Design
Location: Waltham, MA
Early Bird Pricing: $1,695
Regular Price: $1,995
Course Description
Course Availability: On-site; open enrollment
Duration: 3 days
Click here for mandatory computer requirements
The introduction of the iPhone, and later Android devices, forever changed the way people engage with devices and technology and raised expectations. Gone are the days when interacting with simple square boxes on a screen using a physical keyboard and mouse is acceptable. Today’s consumers demand elegant, graphical, intuitive, responsive applications.
To achieve the sophisticated user experiences consumers clamor for, software design teams now include user experience (UX) designers and graphic designers -- visual communication experts who establish the look, the feel, and the behavior of the application before software engineers bring it to life.
Typically, designers provide engineers with mocked up images showcasing how the finished application should look and written specifications indicating how it should behave. But, there’s a problem. While images can capture the rich look of the application, the subtle interactive nuances are often lost in the written specification. It is not uncommon for software engineers to implement something that looks as the designers intended but behaves altogether differently. In some cases, designers may even specify an action or effect that is impossible for engineers to implement.
A better solution is for designers to provide software engineers with a working, interactive prototype as a live specification, rather than static images and frozen documents. QML by Design will teach you how to create these interactive prototypes.
QML by Design is a three-day course aimed at UX and graphic designers. You’ll learn how to create working prototypes that will act as functional specifications to show the development engineers what to build. Using QML, a user interface markup language, designers can generate responsive mockups that not only reveal the look of the final user interface but its key behaviors, as well. Rather than read about the transition from one screen to the next, software engineers can actually see the desired transition in action.
QML by Design covers the designer-to-engineer workflow and each party's role, as well as presents an overview of QML and examples of what can be done with this language. Through a combination of presentations and interactive labs, designers are guided through the process of creating interactive mockups, moving from simple to sophisticated over the three days.
Note: this is not a programming class. The prototypes produced during this course are intended as interactive specifications that show how end applications look and behave. Using these prototypes, engineering teams implement their own production quality code.
-
Introduction
-
Overview of QML: What it is and isn’t
-
Examples of what can be done using QML
-
QML as part of the UX/graphic designer-to-engineer workflow
-
Overview of course
-
-
In-Depth Look at the UX/Graphic Designer-to-Engineer Workflow
-
Initial design
-
Graphical mockups
-
Exploring structure and flow using wireframes
-
Pattern library and style guide
-
Extracting the graphical assets
-
Creating an interactive mockup with QML
-
-
Using QML
-
Visual items and basic structure
-
Designer workflow
-
Layout tools and techniques
-
Input and internal communication
-
Creating components
-
Animation
-
Handling adaptive layout
-
Best practices and debugging
-
Advanced Topics
-
-
Wrap up
Download Course Description: QML By Design - PDF
In-Depth QML
Location: Waltham, MA
Early Bird Pricing: $1,695
Regular Price: $1,995
Course Description
This 3-day course approaches common issues inherent to Qt/QML development. We cover a wide-range of advanced topics such as keyboard focus, gestures, virtual keyboard, unit-testing, profiling, rendering; and provide helpful design patterns and debugging tips. The target audience is the intermediate QML developer.
Course Availability: On-site, Open Enrollment
Subject: Qt
Duration: 3 days
Course Prerequisites
- Basic knowledge of programming with Qt on the desktop using widgets
- Basic QML experience
Day 1
User Input
- Keyboard Navigation and Focus
- Input Focus
- Focus Order
- Focus property
- Active Focus
- FocusScope
- Virtual Keyboard
- Handling Keyboard Input
- Key-Specific Handlers
- All Keys Handler
- Key Event Propagation
- Event Propagation is Convenient
- Multi-Touch
- Common Multi-Touch Gestures
- Handling Overlapping Touch Areas
Dynamic Creation of Items
- Creating Items Dynamically
- Procedural Method
- Declarative Method
- Procedural Creation
- Procedural/Declarative Creation
- Declarative Creation
- Creating Multiple Items
- Repeaters
Debugging and Profiling QML Applications
- The Scene Graph
- QML Profiler
Day 2
Review and Solution of Lab 1
Model/View
- Model/View Concepts
- Showing Simple Data
- Custom Models
- Proxy Models
- Delegates
- Tree Models
Multithreaded Programming
- Qt Multithreading
- Thread Synchronization and Primitives
- QtConcurrent
C++/QML Layer
- Layered Design
- Exporting QPainter based GUI Classes
- Exporting Scene Graph GUI classes
- Defining Custom Property Types
- Qt Serial Bus C++ Classes
Day 3
Testing
- QTest Framework in QML
- Overview
- Adding a Test Suite
- Implementing a Test
- Add a Testing Main()
- Running the Test
- Simulating GUI Events
- Mocking C++ Classes with QML
- SignalSpy
- Design for Testability
-
Notes on Google Test Framework and Qt
Additional Topics
- Animations
- QML Charts
- QML Canvas
- Particles
- OpenGL and QML
- Intro to Qt 3D
In-Depth QML
Location: Sunnyvale, CA
Early Bird Pricing: $1,695
Regular Price: $1,995
Course Description
This 3-day course approaches common issues inherent to Qt/QML development. We cover a wide-range of advanced topics such as keyboard focus, gestures, virtual keyboard, unit-testing, profiling, rendering; and provide helpful design patterns and debugging tips. The target audience is the intermediate QML developer.
Course Availability: On-site, Open Enrollment
Subject: Qt
Duration: 3 days
Course Prerequisites
- Basic knowledge of programming with Qt on the desktop using widgets
- Basic QML experience
Day 1
User Input
- Keyboard Navigation and Focus
- Input Focus
- Focus Order
- Focus property
- Active Focus
- FocusScope
- Virtual Keyboard
- Handling Keyboard Input
- Key-Specific Handlers
- All Keys Handler
- Key Event Propagation
- Event Propagation is Convenient
- Multi-Touch
- Common Multi-Touch Gestures
- Handling Overlapping Touch Areas
Dynamic Creation of Items
- Creating Items Dynamically
- Procedural Method
- Declarative Method
- Procedural Creation
- Procedural/Declarative Creation
- Declarative Creation
- Creating Multiple Items
- Repeaters
Debugging and Profiling QML Applications
- The Scene Graph
- QML Profiler
Day 2
Review and Solution of Lab 1
Model/View
- Model/View Concepts
- Showing Simple Data
- Custom Models
- Proxy Models
- Delegates
- Tree Models
Multithreaded Programming
- Qt Multithreading
- Thread Synchronization and Primitives
- QtConcurrent
C++/QML Layer
- Layered Design
- Exporting QPainter based GUI Classes
- Exporting Scene Graph GUI classes
- Defining Custom Property Types
- Qt Serial Bus C++ Classes
Day 3
Testing
- QTest Framework in QML
- Overview
- Adding a Test Suite
- Implementing a Test
- Add a Testing Main()
- Running the Test
- Simulating GUI Events
- Mocking C++ Classes with QML
- SignalSpy
- Design for Testability
-
Notes on Google Test Framework and Qt
Additional Topics
- Animations
- QML Charts
- QML Canvas
- Particles
- OpenGL and QML
- Intro to Qt 3D
QML by Design
Location: San Diego, CA
Early Bird Pricing: $1,695
Regular Price: $1,995
Course Description
Course Availability: On-site; open enrollment
Duration: 3 days
Click here for mandatory computer requirements
The introduction of the iPhone, and later Android devices, forever changed the way people engage with devices and technology and raised expectations. Gone are the days when interacting with simple square boxes on a screen using a physical keyboard and mouse is acceptable. Today’s consumers demand elegant, graphical, intuitive, responsive applications.
To achieve the sophisticated user experiences consumers clamor for, software design teams now include user experience (UX) designers and graphic designers -- visual communication experts who establish the look, the feel, and the behavior of the application before software engineers bring it to life.
Typically, designers provide engineers with mocked up images showcasing how the finished application should look and written specifications indicating how it should behave. But, there’s a problem. While images can capture the rich look of the application, the subtle interactive nuances are often lost in the written specification. It is not uncommon for software engineers to implement something that looks as the designers intended but behaves altogether differently. In some cases, designers may even specify an action or effect that is impossible for engineers to implement.
A better solution is for designers to provide software engineers with a working, interactive prototype as a live specification, rather than static images and frozen documents. QML by Design will teach you how to create these interactive prototypes.
QML by Design is a three-day course aimed at UX and graphic designers. You’ll learn how to create working prototypes that will act as functional specifications to show the development engineers what to build. Using QML, a user interface markup language, designers can generate responsive mockups that not only reveal the look of the final user interface but its key behaviors, as well. Rather than read about the transition from one screen to the next, software engineers can actually see the desired transition in action.
QML by Design covers the designer-to-engineer workflow and each party's role, as well as presents an overview of QML and examples of what can be done with this language. Through a combination of presentations and interactive labs, designers are guided through the process of creating interactive mockups, moving from simple to sophisticated over the three days.
Note: this is not a programming class. The prototypes produced during this course are intended as interactive specifications that show how end applications look and behave. Using these prototypes, engineering teams implement their own production quality code.
-
Introduction
-
Overview of QML: What it is and isn’t
-
Examples of what can be done using QML
-
QML as part of the UX/graphic designer-to-engineer workflow
-
Overview of course
-
-
In-Depth Look at the UX/Graphic Designer-to-Engineer Workflow
-
Initial design
-
Graphical mockups
-
Exploring structure and flow using wireframes
-
Pattern library and style guide
-
Extracting the graphical assets
-
Creating an interactive mockup with QML
-
-
Using QML
-
Visual items and basic structure
-
Designer workflow
-
Layout tools and techniques
-
Input and internal communication
-
Creating components
-
Animation
-
Handling adaptive layout
-
Best practices and debugging
-
Advanced Topics
-
-
Wrap up
Download Course Description: QML By Design - PDF
QML by Design
Location: Waltham, MA
Early Bird Pricing: $1,695
Regular Price: $1,995
Register
Course Description
Course Availability: On-site; open enrollment
Duration: 3 days
Click here for mandatory computer requirements
The introduction of the iPhone, and later Android devices, forever changed the way people engage with devices and technology and raised expectations. Gone are the days when interacting with simple square boxes on a screen using a physical keyboard and mouse is acceptable. Today’s consumers demand elegant, graphical, intuitive, responsive applications.
To achieve the sophisticated user experiences consumers clamor for, software design teams now include user experience (UX) designers and graphic designers -- visual communication experts who establish the look, the feel, and the behavior of the application before software engineers bring it to life.
Typically, designers provide engineers with mocked up images showcasing how the finished application should look and written specifications indicating how it should behave. But, there’s a problem. While images can capture the rich look of the application, the subtle interactive nuances are often lost in the written specification. It is not uncommon for software engineers to implement something that looks as the designers intended but behaves altogether differently. In some cases, designers may even specify an action or effect that is impossible for engineers to implement.
A better solution is for designers to provide software engineers with a working, interactive prototype as a live specification, rather than static images and frozen documents. QML by Design will teach you how to create these interactive prototypes.
QML by Design is a three-day course aimed at UX and graphic designers. You’ll learn how to create working prototypes that will act as functional specifications to show the development engineers what to build. Using QML, a user interface markup language, designers can generate responsive mockups that not only reveal the look of the final user interface but its key behaviors, as well. Rather than read about the transition from one screen to the next, software engineers can actually see the desired transition in action.
QML by Design covers the designer-to-engineer workflow and each party's role, as well as presents an overview of QML and examples of what can be done with this language. Through a combination of presentations and interactive labs, designers are guided through the process of creating interactive mockups, moving from simple to sophisticated over the three days.
Note: this is not a programming class. The prototypes produced during this course are intended as interactive specifications that show how end applications look and behave. Using these prototypes, engineering teams implement their own production quality code.
-
Introduction
-
Overview of QML: What it is and isn’t
-
Examples of what can be done using QML
-
QML as part of the UX/graphic designer-to-engineer workflow
-
Overview of course
-
-
In-Depth Look at the UX/Graphic Designer-to-Engineer Workflow
-
Initial design
-
Graphical mockups
-
Exploring structure and flow using wireframes
-
Pattern library and style guide
-
Extracting the graphical assets
-
Creating an interactive mockup with QML
-
-
Using QML
-
Visual items and basic structure
-
Designer workflow
-
Layout tools and techniques
-
Input and internal communication
-
Creating components
-
Animation
-
Handling adaptive layout
-
Best practices and debugging
-
Advanced Topics
-
-
Wrap up
Download Course Description: QML By Design - PDF
Register