Nmc11 html5 zobrist

25
HTML5: A Good Thing Bill Zobrist Product Strategy Pearson

description

non-technical evangelism for educational media to move toward more use of HTML5.

Transcript of Nmc11 html5 zobrist

Page 1: Nmc11 html5 zobrist

HTML5: A Good Thing

Bill Zobrist Product Strategy Pearson

Page 2: Nmc11 html5 zobrist

Twitter: bzobrist

Just for the record, when I say

“HTML5,” I’m including CSS,

JavaScript, and DOM

Page 3: Nmc11 html5 zobrist

Twitter: bzobrist

A bit on your presenter: @bzobrist

• In education media for over 20 years

• Emerging & Online Product Strategy

• elearning Courseware

• Mobile learning apps

• The ebook guy

QuickTime and aª decompressor

are needed to see this picture.

I AM NOT A RCOKET SCIENTIST

Page 4: Nmc11 html5 zobrist

Twitter: bzobrist

A bit about this session

• We’ll keep it light

• Non-technical

• Focus on enabling web content for learning

• Let’s have discussion!

Page 5: Nmc11 html5 zobrist

Why I think HTML5 is the watershed event for

mobile learning

Bill Zobrist Product Strategy Pearson

Page 6: Nmc11 html5 zobrist

Why is HTML5 a Good Thing?

Page 7: Nmc11 html5 zobrist

Twitter: bzobrist

increasingly mobile - changing how we interact with the web

• We create content

• We share

• We continue to search for answers

• We watch a lot of video

• We burn through a lot of apps

Page 8: Nmc11 html5 zobrist

Twitter: bzobrist

Change in Internet Use by Age

Page 9: Nmc11 html5 zobrist

Twitter: bzobrist

Growth of mobile categories

Page 10: Nmc11 html5 zobrist

Twitter: bzobrist

Killer App or Kill the App?

• Do we need another 100K apps?

• Only 5% of people use a free app 30 days after its been downloaded

Page 11: Nmc11 html5 zobrist

For education, we need build once - play everywhere.

HTML5 can give us that(eventually)

Page 12: Nmc11 html5 zobrist

Twitter: bzobrist

For the good of mobile learning - Flash may need to die

Really, Flash will have its place for a long time to come

Page 13: Nmc11 html5 zobrist

Twitter: bzobrist

We need a great web experience - no matter how we decide to access it

Page 14: Nmc11 html5 zobrist

Twitter: bzobrist

we have a problem:

Your browser dictates your view of the web

Page 15: Nmc11 html5 zobrist

Twitter: bzobrist

Standards give an expected experience

Page 16: Nmc11 html5 zobrist

Twitter: bzobrist

Enter HTML5

http://bit.ly/kKCm1X

Page 17: Nmc11 html5 zobrist

Twitter: bzobrist

Highlights

• No plug-ins!• Offline Data• Drag & Drop• Geolocation• Semantic Tags• Canvas• History

Page 18: Nmc11 html5 zobrist

Twitter: bzobrist

Video - No Plug-in! (but some headaches)

QuickTime and aª decompressor

are needed to see this picture.

Page 19: Nmc11 html5 zobrist

Twitter: bzobrist

Offline data storage

QuickTime and aª decompressor

are needed to see this picture.

QuickTime and aª decompressor

are needed to see this picture.

Page 20: Nmc11 html5 zobrist

Twitter: bzobrist

Drag and Drop

QuickTime and aª decompressor

are needed to see this picture.

Page 21: Nmc11 html5 zobrist

Twitter: bzobrist

Geolocation

QuickTime and aª decompressor

are needed to see this picture.

Page 22: Nmc11 html5 zobrist

Twitter: bzobrist

Canvas for rich interactions

Look Ma, no Flash!

QuickTime and aª decompressor

are needed to see this picture.

Page 23: Nmc11 html5 zobrist

Twitter: bzobrist

The History API

• The illusion of “back”

• Loads only new part of page

• No page refresh = big performance upside!

QuickTime and aª decompressor

are needed to see this picture.

QuickTime and aª decompressor

are needed to see this picture.

Page 24: Nmc11 html5 zobrist

Twitter: bzobrist

HTML5 to Education

• Video with no plugins…it just works!• Offline data storage … assessments?• Drag & Drop - activities• Geolocation - checking, but not Facebook?• Canvas … rich interactions• History … performance

Page 25: Nmc11 html5 zobrist

[email protected]

Twitter: bzobristLocation: usually near NYC

QuickTime and aª decompressor

are needed to see this picture.

HTML5: It’s a good thing.