Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape....

26
Authoring Interactive Widgets for Education

Transcript of Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape....

Page 1: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

Authoring Interactive Widgets for Education

Page 2: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable
Page 3: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

EDUPUB 1 recap

Page 4: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable
Page 5: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

what’s a widget?

Page 6: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

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 Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

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

Page 8: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

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 Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

widget landscape

Page 10: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable
Page 11: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

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 Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable
Page 13: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

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 Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

90 days later…

Page 15: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

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 Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

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 Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

widget landscape now

Page 18: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable
Page 19: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

how does a widget become super?

Page 20: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

Super Powers‣ Customizability (Builder tool)

‣ Analytics

‣ Metadata

‣ Accessibility

‣ Responsive

Page 21: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable
Page 22: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

super widget demo

Page 23: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

even more can be done

Page 24: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

More EPUB Widgets‣ Flashcards

‣ Tabs

‣ Accordions

A total of 10 widgets!

Page 25: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

Next Steps‣ More collaboration

‣ More input

‣ More open source widgets

‣ More ideas

‣ More, more, more…

Page 26: Authoring Interactive Widgets for Educationsuper widget (ˈso͞opər ˈwijit) ... widget landscape. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable

Up, up and away!

Ron Severdia CTO, Metrodigi

[email protected]