Widged
0 likes4,085 views
The document discusses 'widgeds', which are small-sized interactive educational widgets designed for use on various devices, aimed at simplifying the creation of engaging learning activities. It highlights the use of jQuery plugins for embedment in web environments, allowing for easy customization by both novice and advanced users. The roadmap includes future developments like an editor for content specification and adaptive systems to tailor activities based on user performance.
Widged
- 1. Widgeds An introduction Select a widged Add your Content Publish it anywhere (widget for education)
- 2. 2 Widgeds Widgeds? Widgets for Education Small sized interactive activities with an instructional purpose that can run on a range of devices (desktop or mobile).
- 3. 3 Why? Teachers are subject Developers and designers experts but often have know how to design limited knowledge highly engaging activities about interactivity but don't always know design. about instructional design.
- 4. 4 How? Make it easy for developers to contribute Learning Activities that implement Rich Media and Interactivity. Make these templates easy to edit by non-technical persons. Better, make it easy to swap content between activities.
- 5. 5 What makes a widged By default, widgeds are written as jQuery plugins*. Content is declared as html. Styling and theming is done with CSS. Widged HTML content and layout jQuery plugin CSS behavior style (*) The best way to introduce jQuery plugins is show what they can do - 40+ Stunning jQuery Plugins and Tutorials, 37 More Shocking jQuery Plugins
- 6. 6 Why jQuery plugins? So that widgeds can be embedded in any web environment that can execute javascript code. Learning Activities written as jQuery plugins run on multiple screens and devices. Widged demos at widgeds.wikispaces
- 7. 7 Easy to edit Javascript and CSS can be modified by advanced users to provide a more personalized experience. Novice users only need to worry about writing content. Content HTML Interactive put these words in <div id="a-0" the right order. class="wg-magnet"> put these words in the right order. </div>
- 8. 8 Classics MCQ Gap Fill Flash Card Categorisation
- 9. 9 Any interactive, really Racing Game Timed Reading Pick the labels Notes
- 10. 10 Extensible, Pluggable A given activity Extensions on demand Scoreboard Timer Live Chat 2/6 Rate activity Hints Share Save scores Save scores Future Req. google sheet Moodle Flickr Import Parse Items Item-Options
- 11. 11 No LMS lock-in The widgeds can be embedded in any environment that accepts Google Gadgets or iFrame embeds. • LMS: Moodle and Mahara • Web environments: Wikispaces or Google Sites. • Self-managed accounts in the cloud: Dropbox.
- 12. 12 Decentralized Innovation can be slowed down because of too centralized infrastructures, whereby contributions can only be made by approved members. Here we adopt community empowering tools from the software development community. http://github.com/ http://jsdo.it/ http://jsfiddle.net/
- 13. 13 Alpha Release • Centralized widgeds repository - http:// widgeds.wikispaces.com/ • Open Source - http://github.com/widged/widgeds • Specifications on how to write widgeds so that widgeds can be contributed by the community. • Widgeds posted on jsdo.it for forking. - http:// jsdo.it/widged/6jZd
- 14. 14 Roadmap Exercist - Editor for Widged Content Web application to make it even easier to specify widged content (text and media), using a visual interface. Reached Alpha
- 15. 15 Roadmap Educards - JIT guidelines In the Webapp, add just in time guidance on the aspects of instructional design and interactivity design. These guidelines will be in the format of short cards. Something in between the UX trading cards, the Game Design Lenses, the Educational Practices booklets. Tentative content has been collected on a private wiki. Access available on request.
- 16. 16 Roadmap Adaptive System Allow users to define a flow between activity that is function of performance on each activity. If student reached mastery on Activity 1, then present activity 2, otherwise present activity 3. This will be done with a wiring solution like wireIt or pipescape.
- 17. 17 Who? Lead - Marielle Lange First career as educator (PhD): grabbed an award for best educational website in 2000 - LinkedIn. Second career as Software Developer (specializing in Flex) - Portfolio.
- 18. 18 Credits Icons on first page: Tango Icons - http:// commons.wikimedia.org/wiki/Tango_icons - GPL license. Others: Fugue icons - http:// p.yusukekamiyamane.com/ - Creative Commons Attribution 3.0 license.