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-WondergemCentral Medical Library, UMCG

http://www.netvibes.com/digicmb & http://www.netvibes.com/cmb

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 editor5. Toevoegen aan - Bibliotheek Toolbar - webplatform? Vakportals? - Weblogs - Sociale netwerken (Hyves, Ning, Facebook, .....) - Desktop?

Guus van den Brekel & Dorine Kieft-Wondergem.

Centrale Medische Bibliotheek, UMCG

Het waarom van toolbars, zoekboxjes, widgets

Waarom? (wat je nou ECHT wilt met de inhoud)

WAAR?wil je zijn voor de klant?–als bibliotheek -

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

Ontwikkelingen

• Nog meer web-based• Mobiel internet• Verdere individualisering &

personalisatie, maar ook …• Vorming, doorontwikkeling

van (sociale) netwerken • Web 3D

NLM SEARCH WIDGET

BLOGWEBSITE iGoogle

Netvibes

MyYahooFACEBOOK

MySpaceOpera Windows Live Apple Dashboard

Vista

INTRANET

http://eco.netvibes.com/widgets/229971/nlm-search-solutions

• 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”

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/

Hoe gaan we een basic widget maken?

• Html/xml/javascript

• Netvibes

• Widgetbox

• Google Gadget editor

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.

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

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

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

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

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

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

Toevoegen aan

- Bibliotheek Toolbar

- webplatform? Vakportals?

- Weblogs

- Sociale netwerken (Hyves, Ning, Facebook, .....)

- Desktop?

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

• Template op Netvibes CMB

• Notepad++ of Notepad

• Zoekbox van een Bibliotheek of eigen Toolbar

Simpele HTML zoekbox maken

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

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

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

Suggesties, Wensen voor widgets,