SlideShare a Scribd company logo
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
Standing on the Shoulders of Giants: Improving existing systems with HTML5
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

PPTX
High School Accounting Power Point
PPT
Jimmy pollard powerpoint presentation for hurry up and wait sept 2013
PDF
Mobility makes us Agile and Lean
PPT
E-Content Development - R.D.Sivakumar
PPTX
Universell utforming er godt håndtverk
PDF
Introduction To Machine Learning | Edureka
PDF
Too Much Information - Managing Digital Overload
PPT
E-Content Development - R.D.Sivakumar
High School Accounting Power Point
Jimmy pollard powerpoint presentation for hurry up and wait sept 2013
Mobility makes us Agile and Lean
E-Content Development - R.D.Sivakumar
Universell utforming er godt håndtverk
Introduction To Machine Learning | Edureka
Too Much Information - Managing Digital Overload
E-Content Development - R.D.Sivakumar

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

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

More from Tim Klapdor (16)

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

Recently uploaded (20)

PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PDF
O7-L3 Supply Chain Operations - ICLT Program
PPTX
GDM (1) (1).pptx small presentation for students
PPTX
master seminar digital applications in india
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
01-Introduction-to-Information-Management.pdf
PPTX
Lesson notes of climatology university.
PPTX
Pharma ospi slides which help in ospi learning
PPTX
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
PPTX
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PPTX
Presentation on HIE in infants and its manifestations
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
Microbial disease of the cardiovascular and lymphatic systems
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
O7-L3 Supply Chain Operations - ICLT Program
GDM (1) (1).pptx small presentation for students
master seminar digital applications in india
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
01-Introduction-to-Information-Management.pdf
Lesson notes of climatology university.
Pharma ospi slides which help in ospi learning
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
102 student loan defaulters named and shamed – Is someone you know on the list?
Chinmaya Tiranga quiz Grand Finale.pdf
Microbial diseases, their pathogenesis and prophylaxis
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
O5-L3 Freight Transport Ops (International) V1.pdf
Final Presentation General Medicine 03-08-2024.pptx
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Presentation on HIE in infants and its manifestations
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student

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