Top Banner
Authoring Interactive Widgets for Education
26

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

Sep 27, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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]