![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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/1.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/2.jpg)
![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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/3.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/4.jpg)
![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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/5.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/6.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/7.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/8.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/9.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/10.jpg)
![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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/11.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/12.jpg)
![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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/13.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/14.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/15.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/16.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/17.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/18.jpg)
![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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/19.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/20.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/21.jpg)
![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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/22.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/23.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/24.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052002/6014bee5ba7e423b0d49185b/html5/thumbnails/25.jpg)
Next Steps‣ More collaboration
‣ More input
‣ More open source widgets
‣ More ideas
‣ More, more, more…