The document discusses creating and publishing widgets for libraries. It provides an overview of different types of widgets and platforms for creating them, such as Netvibes, Widgetbox and Google Gadget Editor. It then gives step-by-step instructions for making a basic HTML widget and publishing it on various platforms and websites.

1. Widgets voor Bibliotheken (Widgets for Libraries Workshop for Library Staff of the University of Groningen, April 9th 2009 By Guus van den Brekel & Dorine Kieft-Wondergem Central Medical Library, UMCG http://www.netvibes.com/digicmb & http://www.netvibes.com/cmb

2. Widget voor Bibliotheken “hands-on” 1. Waarom wil je een widget kunnen maken? 2. Welke soorten widgets zijn er? 3. Hoe kan ik een basic widget maken? 4. Aan de slag: - met html/xml/javascript - met Netvibes - met Widgetbox - met Google Gadget editor 5. Toevoegen aan - Bibliotheek Toolbar - webplatform? Vakportals? - Weblogs - Sociale netwerken (Hyves, Ning, Facebook, .....) - Desktop? Guus van den Brekel & Dorine Kieft-Wondergem. Centrale Medische Bibliotheek, UMCG

3. Het waarom van toolbars, zoekboxjes, widgets Waarom? (wat je nou ECHT wilt met de inhoud) WAAR? wil je zijn voor de klant? –als bibliotheek -

4. Geen doel op zich, maar extra! Toolbars Van Toolbar naar zoekbox Van RSS naar persoonlijke startpagina’s Van zoekbox & RSS naar “Universele Widgets” Van widgets naar sociale netwerken … overal

5. Ontwikkelingen Nog meer web-based Mobiel internet Verdere individualisering & personalisatie, maar ook … Vorming, doorontwikkeling van (sociale) netwerken Web 3D

7. NLM SEARCH WIDGET BLOG WEBSITE iGoogle Netvibes MyYahoo FACEBOOK MySpace Opera Windows Live Apple Dashboard Vista INTRANET http://eco.netvibes.com/widgets/229971/nlm-search-solutions

8. Niet : Kom het maar halen Wel : Kies zelf, Neem het met je mee, breng het naar je eigen omgeving Delen, samenwerken, educatie, training Bewust worden en blijven van wat er allemaal kan, en waar de klant tegenaan loopt …. “ Toolbox” Take-Away & Op Maat”

9. Maar ook: Integratie In organisatie-, bibliotheek website & systeem Service Oriented Architecture (SOA) Integrating Services: http:// dev.theeuropeanlibrary.org/vga/SRUportal / (ontwikkel) http:// www.lib.umich.edu /labs/

10. Hoe gaan we een basic widget maken? Html/xml/javascript Netvibes Widgetbox Google Gadget editor

11. Van zoekbox naar “ Universal” Widgets A web widget is a portable chunk of code that can be installed and executed within any separate HTML -based web page by an end user without requiring additional compilation . Or: gadget, badge, module, capsule, snippet, mini and flake.

12. Maar het kan ook ingewikkeld …Widgets A small program. Usually does a single thing. Often gets data from the web Web widgets (Flash, Javascript, XML, HTML, XHTML, CSS, XML) In browser; can have RIA-functionality such as drag-able Desktop widgets (all above, Perl, Python, C++, Executable) Download to desktop; flashy appearance/also drag-able and persistent layout Language options vary depending on the particular platform Predecessors: Apple II, Push technology, Pointcast, Weatherbug Beyond the Browser: Widgets and Rich Internet/Desktop Applications (RIDAs) http://www.slideshare.net/hiddenreflex/beyond-the-browser-widgets-and-rich-internetdesktop-applications-ridas

13. Desktop Widgets Desktop Data Integration with Web Web Data to the Desktop Heavier Widgets -- take advantage of client computing power More Complex Much More Diverse than Web Widgets Single Function -- not a stand-alone program, often tool-like Hot Button Access Pulls up all widgets Drag-able/Persistent Position Beyond the Browser: Widgets and Rich Internet/Desktop Applications (RIDAs) http://www.slideshare.net/hiddenreflex/beyond-the-browser-widgets-and-rich-internetdesktop-applications-ridas

14. RIDA (Rich Internet/Desktop Application) Platforms What is a RIDA? A standalone application for web and or desktop service(s) Greater access to client computing resources than widgets Can Integrate or Mix Desktop and Web data/applications E.g Dekoh’s photo viewer or iTunes or Employee Workpage(s) via Webtop Usually has a specific purpose/site associated with it E.g. eBay or Amazon browsers; finance or map (Google Earth) browser Platforms Dekoh, Adobe’s AIR (not just flash), WPF (.Net)/Silverlight, Cloudstack Cross-OS GUI Platforms like qt, wxwidgets, Mozilla Dojo’s Offline Toolkit (Google Gadgets), Browser offline support (Firefox) LaszloSystems Webtop, Java WebStart Flash-based Desktop Platforms like MDM’s Zinc or Northcode’s SWF Studio Differences from Desktop Widgets RIDA has own icon to load/stand-alone/distinct (not just a single-use tool) Multi-purpose/Complex functionality/Integration of multiple related services or tools Interface important and complex Beyond the Browser: Widgets and Rich Internet/Desktop Applications (RIDAs) http://www.slideshare.net/hiddenreflex/beyond-the-browser-widgets-and-rich-internetdesktop-applications-ridas

15. Quicktake: Mobile Widgets Widgets are a natural fit for Mobile Devices Use less bandwidth than typical browsing Browsing not easy; usually need some select service fast; touch screen Always running/instant on Emerging Standards/Technologies: Mobile Flash and Flash Lite; Java ME and JavaFX Mobile; Mojax PDA platforms (Palm, Windows Mobile) Fring -- VOIP/IM/Twitter Communications. ZenZui -- Microsoft spin-off to widgetize webpages to ease web navigation. BluePulse -- “two things here that make this important; the first is the sheer number of phones bluepulse works on and how good the experience is across the range.” Mobio (deal with 9 Indian carriers, about 70% of the market) Mobile Distellery/Celsius -- over 650 devices supported; easily ports mobile java applications to different phones. Opera; iPhone -- no widget support for outside developers/only within their mobile safari browser. Webwag/Mobease; Bling Software; NeoMades (NeoMad; gaming); Plusmo (claim over 20,000 widgets); ActionEngine (rich media ap.s); Flurry Widset -- Out of Nokia Emerging Business Unit. Technology based on Java MIDP 2.0. Over 1400 widgets. Over 300 phones supported. “a disappointing RSS reader from Nokia.” Beyond the Browser: Widgets and Rich Internet/Desktop Applications (RIDAs) http://www.slideshare.net/hiddenreflex/beyond-the-browser-widgets-and-rich-internetdesktop-applications-ridas

16. The Future Easy User-Created Widgets Apple Clip for the Dashboard RIDAs Rich Internet/Desktop Applications Some applications Secure: RSS Readers, E-mail clients, Photo organizers/viewers, Music players Wider future uncertain. Platforms just being launched. Cross-OS/Cross-Site/Web+Desktop Widgets Cross-Site Web Widget Creation/Publication: Clearspring, Snipperoo Desktop/Web: Spring Widgets; NetVibes Universal API Opera’s submitted open standards to W3C Cross-OS: Yahoo (Windows, Mac); Opera (Windows/Mac/Linux) Linux: open source projects to port to Linux; Dashboard; Yahoo Widgets; Windows may have as well (Mono group porting Silverlight to Linux) Other Platforms: Mozilla (XULRunner), Java Platforms, Silverlight/Dekoh/Apollo; YourMinis via OpenLaszlo HiddenReflex RIAs (Rich Internet Applications)/Browser Developments Spread of User-Customization via Widgetization/RIA to many, many websites Beyond the Browser: Widgets and Rich Internet/Desktop Applications (RIDAs) http://www.slideshare.net/hiddenreflex/beyond-the-browser-widgets-and-rich-internetdesktop-applications-ridas

17. From Wikipedia (they have a good page which compares widget engines as well as other pages on widget engines and cross-OS development platforms) Beyond the Browser: Widgets and Rich Internet/Desktop Applications (RIDAs) http://www.slideshare.net/hiddenreflex/beyond-the-browser-widgets-and-rich-internetdesktop-applications-ridas

18. Toevoegen aan - Bibliotheek Toolbar - webplatform? Vakportals? - Weblogs - Sociale netwerken (Hyves, Ning, Facebook, .....) - Desktop?

19. Widgets maken in Netvibes Create+Publish in Eco.netvibes.com Widgetbox.com Google Gadget Editor OpenSocial En nog 100 andere manieren.. http://en.wikipedia.org/wiki/Widget_engine

20. Template op Netvibes CMB Notepad++ of Notepad Zoekbox van een Bibliotheek of eigen Toolbar Simpele HTML zoekbox maken

21. Hoe maak ik een widget? Vele manieren Zoekbox naar Widgetbox Zoekbox naar Netvibes Universal Widget Van widget naar…. overal http://librarytoolbar.blogspot.com Demo Movie

22. Voor een basis widget heb je nodig… Een beetje html or xml Een link Een plaatje Stop dat in een html-widget! Deel & Verstuur dat via Met Notepad(of++) Snippy, Paint & Flickr Via: Add Content; Essential Widgets; HTML widget or Via: the Netvibes Widgets Editor

23. Voor het PUBLICEREN van je widget .. Zelf “hosten” van de html/xml-file een thumbnail (een xml-validator soms) Uploaded naar webplatform (als html-file). Nadeel: als RUG netwerk weer plat ligt …) Maak, Publiceer, Deel & Verspreid! Of je gebruikt Widgetbox wizard om de html/xml code ONLINE in te plakken! Of de Google Gadget Editor Organizatie, Provider.. Met Notepad(or++) Snippy, Paint & Flickr http://validator.w3.org/ Via: http://eco.netvibes.com/submit Via: http://www.widgetbox.com/create/create_widget.jsp Via: http://www.google.com/ig/adde?hl=nl&moduleurl=gge.xml&source=imag

24. Suggesties, Wensen voor widgets,