widgets workshop for libraries
DESCRIPTION
Workshop for Library Staff of the University of Groningen, April 9th 2009By Guus van den Brekel & Dorine Kieft-WondergemCentral Medical Library, UMCGhttp://www.netvibes.com/digicmb & http://www.netvibes.com/cmbTRANSCRIPT
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,