Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget...

26
Authoring Interactive Widgets for Education

Transcript of Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget...

Page 1: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

Authoring Interactive Widgets for Education

Page 2: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book
Page 3: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

EDUPUB 1 recap

Page 4: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book
Page 5: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

what’s a widget?

Page 6: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

widget(ˈwijit) n. a mini application with limited functionality that can be placed on a book page and executed automatically or by the end user, e.g. a gallery, clock, stock ticker

Page 7: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

what’s a super widget?(the simple explanation)

Page 8: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

super widget(ˈso͞opər ˈwijit) n. a mini application with virtually unlimited functionality that can be placed in a book and executed automatically or by the end user

Page 9: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

widget landscape

Page 10: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book
Page 11: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

Find Common Ground‣ Common widgets

‣ Easy to implement, flexible and customizable

‣ Accessible

‣ Hooks for analytics

‣ Compatible: reading systems and content creation systems

‣ Open source and open standard

Page 12: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book
Page 13: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

EPUB Widgets 1.0‣ Video and Audio

‣ Popup

‣ Image gallery

‣ Multiple choice or true/false quiz

‣ Text resizer

‣ Scrolling sidebar

‣ And a starting specification for EPUB Widgets 1.0

Page 14: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

90 days later…

Page 15: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

We Have a Home‣ A user-friendly place to share demos:

http://widgets.chaucercloud.com

‣ A developer-friendly place to share code: http://github.com/IDPF/widgets

‣ An implementer-friendly place to discuss:https://groups.google.com/forum/#!forum/epub-widgets-discuss

‣ A collaborator-friendly place to share specifications: https://github.com/IDPF/widgets/wiki

Page 16: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

IDPF Widget Discussion Group‣ Security

‣ State management

‣ Presentation and layout control (including accessibility)

‣ Event handling

‣ Parameterization & resource sharing

‣ Inter-widget communication

‣ Easy widget composition

‣ Packaging

Page 17: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

widget landscape now

Page 18: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book
Page 19: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

how does a widget become super?

Page 20: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

Super Powers‣ Customizability (Builder tool)

‣ Analytics

‣ Metadata

‣ Accessibility

‣ Responsive

Page 21: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book
Page 22: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

super widget demo

Page 23: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

even more can be done

Page 24: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

More EPUB Widgets‣ Flashcards

‣ Tabs

‣ Accordions

A total of 10 widgets!

Page 25: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

Next Steps‣ More collaboration

‣ More input

‣ More open source widgets

‣ More ideas

‣ More, more, more…

Page 26: Authoring Interactive Widgets for Education€¦ · EDUPUB 1 recap. what’s a widget? widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book

Up, up and away!

Ron Severdia CTO, Metrodigi

[email protected]