SlideShare a Scribd company logo
1 of 46
Download to read offline
Building, Assessing, and Delivering
Mobile Training at Citrix
Patrick Quinlan
Manager, Publication and eLearning Services
‹#›
Patrick
9 years developing and 

supporting training
6 months managing an 

eLearning team
‹#›
Nate
Lots of experience with web
development
Noticeably absent today
‹#›
Themes
• Adapt rapidly to changing requirements
• Future-proof content
• Avoid vendor lock-in
• Leverage standards-based technology
• Retain control over activities and style
• Minimize code maintenance
• Automate quality assurance
‹#›
Agenda
Delivering
Assessing
Building
‹#›
Terms
HTML, JSON
DITA Open Toolkit
DITA markup
Delivering
‹#›
Problem:
Long. Boring. Late.
‹#›
Problem:
Long. Boring. Late.
Important processes
described via text.
Click to reveal
more text.
Hey look, more
text!
‹#›
Promise:
Timely. Relevant. Mobile.
‹#›
Promise:
Timely. Relevant. Mobile.
Video introduction
to each lesson by
an expert.
Incorporate
student’s name to
personalize
content
Use diagrams to
explain concepts.
‹#›
More diagrams.
And
screenshots
too.
Promise:
Timely. Relevant. Mobile.
‹#›
Promise:
Timely. Relevant. Mobile.
‹#›
Framework container
manages navigation,
SCORM
communication, and
features.
‹#›
Content area is a
bucket we fill with
HTML generated from
DITA source.
Framework container
manages navigation,
SCORM
communication, and
features.
‹#›
Encode content

in DITA
Design and

create
storyboard
Build HTML/
JS content
with the DITA
OT
Wrap HTML in
course
framework
‹#›
Tipue Site Search Engine
http://www.tipue.com/search
jQuery Unselectable
https://github.com/
madeinstefano/
jquery.unselectable
‹#›
jQuery Sortable
http://johnny.github.io/jquery-
sortable/
‹#›
iScroll
http://cubiq.org/iscroll-4iOS no double tap to
zoom - https://
gist.github.com/johan/
2047491
Viewport selectors for
jQuery
http://www.appelsiini.net/
projects/viewport
‹#›
Change color-scheme
through configuration
file
Use “branding
neutral” header and
footer.
‹#›
Promise:
Timely. Relevant. Mobile.
Avoid vendor lock-in by
leveraging web standards
and open-source plugins.
Adapt to business changes, like
new branding, more quickly
than would be possible with an
off-the-shelf solution.
Retain control over
framework behavior and
can add new features
and activities as needed.
But we are always in
development.
Assessing
‹#›
Evaluate using

Quality Assurance

Metrics
Design and

create
storyboard
Build HTML/
JS content
with the DITA
OT
Encode content

in DITA
Wrap HTML in
course
framework
‹#›
Courseware Quality Report
• language
• terminology
• Engagement
Uses string matching via XSLT
If statements.
‹#›
http://sourceforge.net/projects/qa-plugin-dot/
‹#›
‹#›
‹#›
‹#›
‹#›
‹#›
Page Turner Engaging
‹#›
Promise:
Timely. Relevant. Mobile.
Avoid vendor lock-in by
leveraging web standards
and open-source plugins.
Automatically assess
quality by reporting on
language and
engagement metrics.
Minimize code maintenance
by leveraging the DITA Open
Toolkit.
Building
‹#›
Evaluate using

Quality Assurance

Metrics
Design and

create
storyboard
Build HTML/
JS content
with the DITA
OT
Encode content

in DITA
Wrap HTML in
course
framework
‹#›
{
type:"video",
layout:
"texttop",
video: {id:
10758}
},
Storyboard
<div class="contentBlock video
">
<h2 class="title
sectiontitle">Overview</h2>
<div class="body blockBody">
<div class="videoPlayer"></div>
</div>
</div>
CitrixTV
‹#›
Storyboard
{
type: "interaction",
layout: "texttop",
interaction:
{type:"sequence",
feedback: "“ }
}
<div class="contentBlock sequence ">
<h2 class="title sectiontitle">Test Your Knowledge</
h2>
<div class="body blockBody">
<div class="note ctxDirections directions"><span
class="notetitle">Directions: </span> Place the
following steps in the correct order. </div>
<ol class="ol sequence">
<li class="li questionSet">
<div class="itemgroup questionBlock"></div>
<ol class="ul choices">
<li class="li correct">A user logs into Receiver.</li>
<li class="li correct">StoreFront passes the credentials
to the Controller.</li>
<li class="li correct">The Controller queries Active
Directory and the site database. </li>
<li class="li correct">The user launches an application
from Receiver.</li>
<li class="li correct">StoreFront sends an ICA file to
Receiver.</li>
<li class="li correct">The VDA verifies a license is
available.</li>
<li class="li correct">The application is displayed to the
user.</li>
</ol> </li>
</ol>
</div>
</div>
‹#›
‹#›
Storyboard
{
type: "interaction",
layout: "texttop",
interaction: {type:"more-
info-imagemap",
highlight: true,
areas: [
{ x:517, y:7, w:89, h:91,
title: "Receiver" },
{ x:472, y:154, w:232, h:92,
title: "StoreFront" },
{ x:316, y:273, w:299, h:
100, title: "Delivery
Controller" }
]
}
},
‹#›
<div class="contentBlock more-info-imagemap ">
<div class="body blockBody">
<img class="image" src="../images/
core_components.jpg">
<dl class="dl Term">
<dt class="dt dlterm termUI">
Receiver
</dt>
<dd class="dd termDesc">
<p class="p"><strong class="ph b">Receiver</
strong></p>
<p class="p">Receiver provides secure, high-
performance access to virtual server
desktops and applications in a XenApp 

environment.
</p>
</dd>
</dl>
<dl>…</dl>
</div>
</div>
‹#›
Pros and Cons
Pros
• No manual coding
• All template based
• Consistent input and output
Cons
• Manage XML markup
• Building new templates
• Ramp up for new authors
‹#›
Promise:
Timely. Relevant. Mobile.
Avoid vendor lock-in by
leveraging open-source
standard.
Future-proof content by
automatically generate
HTML5 now, and later, 6
or 7….
Adapt to changing package
requirements because
content is highly
reconfigurable.
‹#›
Wrap up
‹#›
Themes
• Adapt rapidly to changing requirements
• Future-proof content
• Avoid vendor lock-in
• Leverage standards-based technology
• Retain control over activities and style
• Minimize code maintenance
• Automate quality assurance
‹#›
Rules-Based
Formatting ReportingContent as
Data
‹#›
Questions?
patrick.quinlan@citrix.com
www.linkedin.com/in/patrickq/
www.ditanauts.org
‹#›
WORK BETTER. LIVE BETTER.

More Related Content

Similar to mlearn-qaas

Siddharth_Biswas_Fullstack_Developer.pdf
Siddharth_Biswas_Fullstack_Developer.pdfSiddharth_Biswas_Fullstack_Developer.pdf
Siddharth_Biswas_Fullstack_Developer.pdfsiddharth211102
 
Exploratory Testing As Code Eurostar23
Exploratory Testing As Code Eurostar23Exploratory Testing As Code Eurostar23
Exploratory Testing As Code Eurostar23Brendan Connolly
 
Exploratory Testing As Code
Exploratory Testing As CodeExploratory Testing As Code
Exploratory Testing As CodeBrendan Connolly
 
Base Logic Inc Solution Offering
Base Logic Inc Solution OfferingBase Logic Inc Solution Offering
Base Logic Inc Solution OfferingMick Knutson
 
Noman Khan Internship Report 2.pptx
Noman Khan Internship Report 2.pptxNoman Khan Internship Report 2.pptx
Noman Khan Internship Report 2.pptxNomanKhan869872
 
The State of Front-end At CrowdTwist
The State of Front-end At CrowdTwistThe State of Front-end At CrowdTwist
The State of Front-end At CrowdTwistMark Fayngersh
 
Mykhailo Bodnarchuk "The history of the Codeception project"
Mykhailo Bodnarchuk "The history of the Codeception project"Mykhailo Bodnarchuk "The history of the Codeception project"
Mykhailo Bodnarchuk "The history of the Codeception project"Fwdays
 
NIHIT SRIVASTAVA_2.6Years_Resume
NIHIT SRIVASTAVA_2.6Years_ResumeNIHIT SRIVASTAVA_2.6Years_Resume
NIHIT SRIVASTAVA_2.6Years_ResumeNihit Srivastava
 
Unit Testing Documentum Foundation Classes Code
Unit Testing Documentum Foundation Classes CodeUnit Testing Documentum Foundation Classes Code
Unit Testing Documentum Foundation Classes CodeBlueFish
 
Untangling - fall2017 - week 9
Untangling - fall2017 - week 9Untangling - fall2017 - week 9
Untangling - fall2017 - week 9Derek Jacoby
 
Agile methodologies based on BDD and CI by Nikolai Shevchenko
Agile methodologies based on BDD and CI by Nikolai ShevchenkoAgile methodologies based on BDD and CI by Nikolai Shevchenko
Agile methodologies based on BDD and CI by Nikolai ShevchenkoMoldova ICT Summit
 
A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...
A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...
A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...DataLeader.io
 
JavaScript front end performance optimizations
JavaScript front end performance optimizationsJavaScript front end performance optimizations
JavaScript front end performance optimizationsChris Love
 
ITB2017 - Intro to Behavior Driven Development
ITB2017 - Intro to Behavior Driven DevelopmentITB2017 - Intro to Behavior Driven Development
ITB2017 - Intro to Behavior Driven DevelopmentOrtus Solutions, Corp
 
DevSecCon Singapore 2018 - Remove developers’ shameful secrets or simply rem...
DevSecCon Singapore 2018 -  Remove developers’ shameful secrets or simply rem...DevSecCon Singapore 2018 -  Remove developers’ shameful secrets or simply rem...
DevSecCon Singapore 2018 - Remove developers’ shameful secrets or simply rem...DevSecCon
 
Yeoman AngularJS and D3 - A solid stack for web apps
Yeoman AngularJS and D3 - A solid stack for web appsYeoman AngularJS and D3 - A solid stack for web apps
Yeoman AngularJS and D3 - A solid stack for web appsclimboid
 
JSMVCOMFG - To sternly look at JavaScript MVC and Templating Frameworks
JSMVCOMFG - To sternly look at JavaScript MVC and Templating FrameworksJSMVCOMFG - To sternly look at JavaScript MVC and Templating Frameworks
JSMVCOMFG - To sternly look at JavaScript MVC and Templating FrameworksMario Heiderich
 

Similar to mlearn-qaas (20)

Droidcon Paris 2015
Droidcon Paris 2015Droidcon Paris 2015
Droidcon Paris 2015
 
Siddharth_Biswas_Fullstack_Developer.pdf
Siddharth_Biswas_Fullstack_Developer.pdfSiddharth_Biswas_Fullstack_Developer.pdf
Siddharth_Biswas_Fullstack_Developer.pdf
 
Tibco developer
Tibco developerTibco developer
Tibco developer
 
Tibco Developer
Tibco DeveloperTibco Developer
Tibco Developer
 
Exploratory Testing As Code Eurostar23
Exploratory Testing As Code Eurostar23Exploratory Testing As Code Eurostar23
Exploratory Testing As Code Eurostar23
 
Exploratory Testing As Code
Exploratory Testing As CodeExploratory Testing As Code
Exploratory Testing As Code
 
Base Logic Inc Solution Offering
Base Logic Inc Solution OfferingBase Logic Inc Solution Offering
Base Logic Inc Solution Offering
 
Noman Khan Internship Report 2.pptx
Noman Khan Internship Report 2.pptxNoman Khan Internship Report 2.pptx
Noman Khan Internship Report 2.pptx
 
The State of Front-end At CrowdTwist
The State of Front-end At CrowdTwistThe State of Front-end At CrowdTwist
The State of Front-end At CrowdTwist
 
Mykhailo Bodnarchuk "The history of the Codeception project"
Mykhailo Bodnarchuk "The history of the Codeception project"Mykhailo Bodnarchuk "The history of the Codeception project"
Mykhailo Bodnarchuk "The history of the Codeception project"
 
NIHIT SRIVASTAVA_2.6Years_Resume
NIHIT SRIVASTAVA_2.6Years_ResumeNIHIT SRIVASTAVA_2.6Years_Resume
NIHIT SRIVASTAVA_2.6Years_Resume
 
Unit Testing Documentum Foundation Classes Code
Unit Testing Documentum Foundation Classes CodeUnit Testing Documentum Foundation Classes Code
Unit Testing Documentum Foundation Classes Code
 
Untangling - fall2017 - week 9
Untangling - fall2017 - week 9Untangling - fall2017 - week 9
Untangling - fall2017 - week 9
 
Agile methodologies based on BDD and CI by Nikolai Shevchenko
Agile methodologies based on BDD and CI by Nikolai ShevchenkoAgile methodologies based on BDD and CI by Nikolai Shevchenko
Agile methodologies based on BDD and CI by Nikolai Shevchenko
 
A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...
A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...
A Microsoft Silverlight User Group Starter Kit Made Available for Everyone to...
 
JavaScript front end performance optimizations
JavaScript front end performance optimizationsJavaScript front end performance optimizations
JavaScript front end performance optimizations
 
ITB2017 - Intro to Behavior Driven Development
ITB2017 - Intro to Behavior Driven DevelopmentITB2017 - Intro to Behavior Driven Development
ITB2017 - Intro to Behavior Driven Development
 
DevSecCon Singapore 2018 - Remove developers’ shameful secrets or simply rem...
DevSecCon Singapore 2018 -  Remove developers’ shameful secrets or simply rem...DevSecCon Singapore 2018 -  Remove developers’ shameful secrets or simply rem...
DevSecCon Singapore 2018 - Remove developers’ shameful secrets or simply rem...
 
Yeoman AngularJS and D3 - A solid stack for web apps
Yeoman AngularJS and D3 - A solid stack for web appsYeoman AngularJS and D3 - A solid stack for web apps
Yeoman AngularJS and D3 - A solid stack for web apps
 
JSMVCOMFG - To sternly look at JavaScript MVC and Templating Frameworks
JSMVCOMFG - To sternly look at JavaScript MVC and Templating FrameworksJSMVCOMFG - To sternly look at JavaScript MVC and Templating Frameworks
JSMVCOMFG - To sternly look at JavaScript MVC and Templating Frameworks
 

mlearn-qaas