standing on the shoulders of giants: improving existing systems with html5
DESCRIPTION
Presentation from the HTML5 Symposium held at the University of Southern QueenslandTRANSCRIPT
![Page 1: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/1.jpg)
Standing on the ShoulderS of giantSImproving existing systems with HTML5
![Page 2: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/2.jpg)
tiM KlaPdorCharles Sturt University
Wagga WaggaInnovation Technology Officer
mLearn Project Manager
@timklapdor
![Page 3: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/3.jpg)
our giantS » Content » Staff » SYSteMS
![Page 4: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/4.jpg)
PerfeCt StorM
![Page 5: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/5.jpg)
the riSe of MoBile
![Page 6: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/6.jpg)
1 BILLIONSMARTPHONES
ARE IN USE WORLDWIDE
MOBILE PHONE SATURATION IN AUSTRALIA IS MORE THAN
130%
53%of Australians have a smartphone
![Page 7: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/7.jpg)
the PoSt-PC
era
![Page 8: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/8.jpg)
http://goo.gl/WsOhh
![Page 9: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/9.jpg)
ConneCted liVeS
![Page 10: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/10.jpg)
SMARTPHONE
74%of CSU students own a
of internet traffic traverses the wireless network
increase in wireless connections
increase in wireless traffic since last year
![Page 11: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/11.jpg)
PrePare
![Page 12: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/12.jpg)
![Page 13: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/13.jpg)
future friendlYwww.futurefriend.ly
![Page 14: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/14.jpg)
VALUABLE INTEROPERABLE
EMBRACE UNPREDICTABILITYRESPONSIVE
future friendlY iS Being
![Page 15: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/15.jpg)
Where are We noW?
![Page 16: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/16.jpg)
Where are We noW?
» Content rich » Single Channel » Practical not Purposeful
![Page 17: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/17.jpg)
the road ahead
![Page 18: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/18.jpg)
MeaSure » Analytics » Testing » Feedback
![Page 19: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/19.jpg)
Create tangiBle
utilitY » Be Purposeful » Keep Asking Why?
![Page 20: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/20.jpg)
Set Content free
» Liberate Content from Presentation » Design of the medium » Design for the User Experience
![Page 21: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/21.jpg)
MaKe Content
floW » API plumbing
![Page 22: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/22.jpg)
EXAMPLE:
SuBJeCt outlineS
![Page 23: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/23.jpg)
MeaSure » 100% of Subjects » 100% of Students » Adopt an Agile approach » Get feedback
![Page 24: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/24.jpg)
utilitY » What is the most important information?
![Page 25: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/25.jpg)
utilitY » Why will students come? ASSESSMENTS!
![Page 26: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/26.jpg)
naVigate » How do I get there?
![Page 27: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/27.jpg)
» Layered menus
![Page 28: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/28.jpg)
liBerated Content
» Combining separate systems » Existing APIs » Data in JSON » Parser creates menus » Presentation done solely with CSS
![Page 29: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/29.jpg)
MaKe Content
floW » Web App + Phone Gap » HTML > Native
![Page 30: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/30.jpg)
rePurPoSed exiSting
» Content » Staff SKillS » SYSteMS
![Page 31: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/31.jpg)
doeSn’t Mean re-inVenting
the Wheel
![Page 32: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/32.jpg)
Build on thoSe
giantS
![Page 33: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/33.jpg)
ContentStaff
SYSteMS
![Page 34: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/34.jpg)
KeeP talKing
Twitter - @timklapdorBlog - timklapdor.wordpress.com
![Page 35: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/35.jpg)
thanKS!
![Page 36: Standing on the Shoulders of Giants: Improving existing systems with HTML5](https://reader033.vdocuments.site/reader033/viewer/2022060108/554df135b4c905ee578b5070/html5/thumbnails/36.jpg)
Gegant pagès - http://goo.gl/MSZU5iPaddr - 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/drVnHYou Are Here - http://goo.gl/doo02
Road - http://goo.gl/2RwSzMeasuring Distance (32/365) - http://goo.gl/amhvJ
strike of a match - http://goo.gl/yIqwicog - http://goo.gl/V06t9
Plantada de gegants - http://goo.gl/u0t7zWhy I oughta... (Success Kid) - http://goo.gl/KYwVg
iMage referenCeS