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

36
STANDING ON THE SHOULDERS OF GIANTS Improving existing systems with HTML5

description

Presentation from the HTML5 Symposium held at the University of Southern Queensland

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

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

Standing on the ShoulderS of giantSImproving existing systems with HTML5

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

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

our giantS » Content » Staff » SYSteMS

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

PerfeCt StorM

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

the riSe of MoBile

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

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

the PoSt-PC

era

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

http://goo.gl/WsOhh

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

ConneCted liVeS

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

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

PrePare

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

future friendlYwww.futurefriend.ly

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

VALUABLE INTEROPERABLE

EMBRACE UNPREDICTABILITYRESPONSIVE

future friendlY iS Being

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

Where are We noW?

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

Where are We noW?

» Content rich » Single Channel » Practical not Purposeful

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

the road ahead

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

MeaSure » Analytics » Testing » Feedback

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

Create tangiBle

utilitY » Be Purposeful » Keep Asking Why?

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

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

MaKe Content

floW » API plumbing

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

EXAMPLE:

SuBJeCt outlineS

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

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

utilitY » What is the most important information?

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

utilitY » Why will students come? ASSESSMENTS!

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

naVigate » How do I get there?

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

» Layered menus

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

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

MaKe Content

floW » Web App + Phone Gap » HTML > Native

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

rePurPoSed exiSting

» Content » Staff SKillS » SYSteMS

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

doeSn’t Mean re-inVenting

the Wheel

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

Build on thoSe

giantS

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

ContentStaff

SYSteMS

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

KeeP talKing

Twitter - @timklapdorBlog - timklapdor.wordpress.com

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

thanKS!

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

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