SlideShare a Scribd company logo
1 of 36
Download to read offline
Standing on
the shoulders
of giants
Improving existing systems with HTML5
TIM KLAPDOR
         Charles Sturt University
                  Wagga Wagga
   Innovation Technology Officer
       mLearn Project Manager
                    @timklapdor
OUR Giants
»»CONTENT
»»STAFF
»»SYSTEMS
PERFECT
 STORM
THE RISE OF
    MOBILE
1 BILLION
SMARTPHONES
    ARE IN USE WORLDWIDE




53%
of Australians have a smartphone

MOBILE PHONE SATURATION IN
  AUSTRALIA IS MORE THAN



130%
The
POST-PC
    ERA
http://goo.gl/WsOhh
CONNECTED
     LIVES
of internet traffic traverses
                        the wireless network


                              increase in wireless
74%
of CSU students own a
                              connections
SMARTPHONE                        increase in
                                  wireless traffic
                                  since last year
PREPARE
FUTURE FRIENDLY
         www.futurefriend.ly
FUTURE FRIENDLY IS BEING


     VALUABLE     EMBRACE UNPREDICTABILITY
  INTEROPERABLE         RESPONSIVE
WHERE ARE
 WE NOW?
WHERE ARE
 WE NOW?
  »» 	Content rich
  »» 	Single Channel
  »» 	Practical not Purposeful
THE ROAD
   AHEAD
Measure
 »» 	Analytics
 »» 	Testing
 »» 	Feedback
Create
Tangible
  Utility
 »» 	Be Purposeful
 »» 	Keep Asking Why?
SET CONTENT
       FREE
»» 	Liberate Content from Presentation
»» 	Design of the medium
»» 	Design for the User Experience
MAKE
CONTENT
   FLOW
»» 	API plumbing
EXAMPLE:

 SUBJECT
OUTLINES
Measure
»» 	100% of Subjects
»» 	100% of Students
»» 	Adopt an Agile approach
»» 	Get feedback
Utility
»» 	What is the most
   important information?
Utility
»» 	Why will students come?
   ASSESSMENTS!
NAVIGATE
»» 	How do I get there?
»» 	Layered menus
LIBERATED
         CONTENT
»» Combining separate systems	
»» Existing APIs
»» 	Data in JSON
»» 	Parser creates menus
»» 	Presentation done solely with CSS
MAKE
CONTENT
   FLOW
»» 	Web App + Phone Gap
»» 	HTML > Native
Repurposed
Existing
»»Content
»»Staff skills
»»Systems
Doesn’t mean
 re-inventing
    the wheel
BUILD ON
   THOSE
  GIANTS
CONTENT
   STAFF
SYSTEMS
KEEP
      TALKING
            Twitter - @timklapdor
Blog - timklapdor.wordpress.com
THANKS!
IMAGE REFERENCES     Gegant pagès - http://goo.gl/MSZU5
                               iPaddr - http://goo.gl/eZ6Pc
                          Geocaching - http://goo.gl/yHzmj
“...I’m telling you I said 7, not 8...” - http://goo.gl/OpSii
                    Yellow raincoats - http://goo.gl/drVnH
                       You Are Here - http://goo.gl/doo02
                                Road - http://goo.gl/2RwSz
    Measuring Distance (32/365) - http://goo.gl/amhvJ
                     strike of a match - http://goo.gl/yIqwi
                                  cog - http://goo.gl/V06t9
                Plantada de gegants - http://goo.gl/u0t7z
     Why I oughta... (Success Kid) - http://goo.gl/KYwVg

More Related Content

Similar to Standing on the Shoulders of Giants: Improving existing systems with HTML5

Pantalk: Responsive Web Design
Pantalk: Responsive Web DesignPantalk: Responsive Web Design
Pantalk: Responsive Web Design
Screen Concept
 
How To Use Mobile Technology for Engaging & Successful Learning & Teaching
How To Use Mobile Technology for Engaging & Successful Learning & TeachingHow To Use Mobile Technology for Engaging & Successful Learning & Teaching
How To Use Mobile Technology for Engaging & Successful Learning & Teaching
Tim Klapdor
 

Similar to Standing on the Shoulders of Giants: Improving existing systems with HTML5 (20)

DevOps isn't something you buy - DevOpsDays Cape Town
DevOps isn't something you buy - DevOpsDays Cape TownDevOps isn't something you buy - DevOpsDays Cape Town
DevOps isn't something you buy - DevOpsDays Cape Town
 
Web Accessibility and WCAG
Web Accessibility and WCAGWeb Accessibility and WCAG
Web Accessibility and WCAG
 
Research talk to the Web DTC Nov 2014
Research talk to the Web DTC Nov 2014Research talk to the Web DTC Nov 2014
Research talk to the Web DTC Nov 2014
 
Digital Innovation in Commerce-R.D.Sivakumar
Digital Innovation in Commerce-R.D.SivakumarDigital Innovation in Commerce-R.D.Sivakumar
Digital Innovation in Commerce-R.D.Sivakumar
 
AMP Accelerated Mobile Pages - To AMPFinity And Beyond
AMP Accelerated Mobile Pages - To AMPFinity And BeyondAMP Accelerated Mobile Pages - To AMPFinity And Beyond
AMP Accelerated Mobile Pages - To AMPFinity And Beyond
 
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger BartelWeb Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
 
Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"
 
Pantalk: Responsive Web Design
Pantalk: Responsive Web DesignPantalk: Responsive Web Design
Pantalk: Responsive Web Design
 
September 2018 - Georgia Tech - Science Communications Workshop - Building We...
September 2018 - Georgia Tech - Science Communications Workshop - Building We...September 2018 - Georgia Tech - Science Communications Workshop - Building We...
September 2018 - Georgia Tech - Science Communications Workshop - Building We...
 
Clll12 horizon
Clll12 horizonClll12 horizon
Clll12 horizon
 
IPython Notebooks - Hacia los papers ejecutables
IPython Notebooks - Hacia los papers ejecutablesIPython Notebooks - Hacia los papers ejecutables
IPython Notebooks - Hacia los papers ejecutables
 
GDSC - SJEC Info Session.pptx
GDSC - SJEC Info Session.pptxGDSC - SJEC Info Session.pptx
GDSC - SJEC Info Session.pptx
 
Rocket packs on escalators - stop messing with progressive enhancement
Rocket packs on escalators - stop messing with progressive enhancementRocket packs on escalators - stop messing with progressive enhancement
Rocket packs on escalators - stop messing with progressive enhancement
 
Cooltools nsw elearning11
Cooltools nsw elearning11Cooltools nsw elearning11
Cooltools nsw elearning11
 
Programming for Non-programmers PFNP @ Razorfish
Programming for Non-programmers PFNP @ Razorfish Programming for Non-programmers PFNP @ Razorfish
Programming for Non-programmers PFNP @ Razorfish
 
eLearning Africa: Overcoming Challenges in Multimedia Delivery
eLearning Africa: Overcoming Challenges in Multimedia DeliveryeLearning Africa: Overcoming Challenges in Multimedia Delivery
eLearning Africa: Overcoming Challenges in Multimedia Delivery
 
Google Teacher Academy - Vicki Davis - Keynote Part 1
Google Teacher Academy - Vicki Davis - Keynote Part 1Google Teacher Academy - Vicki Davis - Keynote Part 1
Google Teacher Academy - Vicki Davis - Keynote Part 1
 
Creating an Effective Mobile API
Creating an Effective Mobile API Creating an Effective Mobile API
Creating an Effective Mobile API
 
How To Use Mobile Technology for Engaging & Successful Learning & Teaching
How To Use Mobile Technology for Engaging & Successful Learning & TeachingHow To Use Mobile Technology for Engaging & Successful Learning & Teaching
How To Use Mobile Technology for Engaging & Successful Learning & Teaching
 
EIUG Edinburgh Joe Murphy librarian futurist
EIUG Edinburgh Joe Murphy librarian futuristEIUG Edinburgh Joe Murphy librarian futurist
EIUG Edinburgh Joe Murphy librarian futurist
 

More from Tim Klapdor

More from Tim Klapdor (16)

Think piece 2016: Leadership Outside the Hierarchy
Think piece 2016: Leadership Outside the HierarchyThink piece 2016: Leadership Outside the Hierarchy
Think piece 2016: Leadership Outside the Hierarchy
 
Exploitation & Enslavement: A Story of Social Media
Exploitation & Enslavement: A Story of Social MediaExploitation & Enslavement: A Story of Social Media
Exploitation & Enslavement: A Story of Social Media
 
Empowering the Node & Avoiding Enclosure
Empowering the Node & Avoiding EnclosureEmpowering the Node & Avoiding Enclosure
Empowering the Node & Avoiding Enclosure
 
You Are Not In Control
You Are Not In ControlYou Are Not In Control
You Are Not In Control
 
Learning Technology Innovation - Different Architectures
Learning Technology Innovation - Different ArchitecturesLearning Technology Innovation - Different Architectures
Learning Technology Innovation - Different Architectures
 
Tribes & Treasure Maps: The Networked Professional
Tribes & Treasure Maps: The Networked ProfessionalTribes & Treasure Maps: The Networked Professional
Tribes & Treasure Maps: The Networked Professional
 
Think Piece 2014 Panel Presentation
Think Piece 2014 Panel PresentationThink Piece 2014 Panel Presentation
Think Piece 2014 Panel Presentation
 
Badges for the Institution: OBANZ presentation
Badges for the Institution: OBANZ presentationBadges for the Institution: OBANZ presentation
Badges for the Institution: OBANZ presentation
 
The Network & Me
The Network & MeThe Network & Me
The Network & Me
 
Lessons learned from University wide iPad Trials
Lessons learned from University wide iPad TrialsLessons learned from University wide iPad Trials
Lessons learned from University wide iPad Trials
 
The Adaptive Digital Publishing Engine
The Adaptive Digital Publishing EngineThe Adaptive Digital Publishing Engine
The Adaptive Digital Publishing Engine
 
Smartphones to Smart Students
Smartphones to Smart StudentsSmartphones to Smart Students
Smartphones to Smart Students
 
Build, Measure, Learn, Rinse, Repeat
Build, Measure, Learn, Rinse, RepeatBuild, Measure, Learn, Rinse, Repeat
Build, Measure, Learn, Rinse, Repeat
 
The Changing Context of Learning
The Changing Context of LearningThe Changing Context of Learning
The Changing Context of Learning
 
mLearn: Lessons Through Exploration
mLearn: Lessons Through Exploration  mLearn: Lessons Through Exploration
mLearn: Lessons Through Exploration
 
CSU Ed 2011
CSU Ed 2011CSU Ed 2011
CSU Ed 2011
 

Recently uploaded

1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 

Recently uploaded (20)

Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 

Standing on the Shoulders of Giants: Improving existing systems with HTML5