0
Widgets voor Bibliotheken (Widgets for Libraries <ul><li>Workshop for Library Staff of the University of Groningen, April ...
Widget voor Bibliotheken “hands-on” <ul><ul><li>1. Waarom wil je een widget kunnen maken? </li></ul></ul><ul><ul><li>2. We...
Het waarom van toolbars, zoekboxjes, widgets <ul><li>Waarom? </li></ul><ul><li>(wat je nou ECHT wilt met de inhoud) </li><...
Geen doel op zich, maar extra! <ul><li>Toolbars  </li></ul><ul><li>Van Toolbar naar zoekbox </li></ul><ul><li>Van RSS naar...
Ontwikkelingen <ul><li>Nog meer web-based </li></ul><ul><li>Mobiel internet </li></ul><ul><li>Verdere individualisering & ...
 
NLM SEARCH WIDGET BLOG WEBSITE iGoogle Netvibes MyYahoo FACEBOOK MySpace Opera Windows Live Apple Dashboard Vista INTRANET...
<ul><li>Niet : Kom het maar halen </li></ul><ul><li>Wel : Kies zelf, Neem het met je mee, breng het naar je eigen omgeving...
Maar ook:  Integratie <ul><li>In organisatie-, bibliotheek website & systeem </li></ul><ul><ul><li>Service Oriented Archit...
Hoe gaan we een basic widget maken? <ul><li>Html/xml/javascript </li></ul><ul><li>Netvibes </li></ul><ul><li>Widgetbox </l...
Van zoekbox naar “ Universal”  Widgets <ul><li>A  web widget  is a portable chunk of code that can be installed and execut...
Maar het kan ook ingewikkeld …Widgets <ul><ul><li>A small program.  Usually does a single thing.  </li></ul></ul><ul><ul><...
Desktop Widgets <ul><li>Desktop Data Integration with Web  </li></ul><ul><li>Web Data to the Desktop </li></ul><ul><li>Hea...
RIDA (Rich Internet/Desktop Application) Platforms <ul><li>What is a RIDA?  </li></ul><ul><ul><li>A standalone application...
Quicktake: Mobile Widgets <ul><li>Widgets are a natural fit for Mobile Devices </li></ul><ul><ul><li>Use less bandwidth th...
The Future <ul><li>Easy User-Created Widgets </li></ul><ul><ul><li>Apple Clip for the Dashboard </li></ul></ul><ul><li>RID...
<ul><li>From Wikipedia (they have a good page which compares widget engines as well as other pages on widget engines and c...
Toevoegen aan  <ul><ul><li>- Bibliotheek Toolbar </li></ul></ul><ul><ul><li>- webplatform? Vakportals? </li></ul></ul><ul>...
Widgets maken <ul><ul><li>in Netvibes </li></ul></ul><ul><ul><li>Create+Publish in Eco.netvibes.com </li></ul></ul><ul><ul...
<ul><li>Template op Netvibes CMB </li></ul><ul><li>Notepad++ of Notepad </li></ul><ul><li>Zoekbox van een Bibliotheek of e...
Hoe maak ik een widget? <ul><li>Vele manieren </li></ul><ul><li>Zoekbox naar Widgetbox  </li></ul><ul><li>Zoekbox naar Net...
Voor een basis widget heb je nodig… <ul><li>Een beetje html or xml </li></ul><ul><li>Een link </li></ul><ul><li>Een plaatj...
Voor het PUBLICEREN van je widget .. <ul><li>Zelf “hosten” van de html/xml-file </li></ul><ul><li>een thumbnail </li></ul>...
Suggesties, Wensen voor widgets,
Upcoming SlideShare
Loading in...5
×

Widgets WorkShop for Libraries

1,812

Published on

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

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,812
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
18
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Transcript of "Widgets WorkShop for Libraries"

  1. 1. Widgets voor Bibliotheken (Widgets for Libraries <ul><li>Workshop for Library Staff of the University of Groningen, April 9th 2009 </li></ul><ul><li>By Guus van den Brekel & Dorine Kieft-Wondergem </li></ul><ul><li>Central Medical Library, UMCG </li></ul><ul><li>http://www.netvibes.com/digicmb & http://www.netvibes.com/cmb </li></ul>
  2. 2. Widget voor Bibliotheken “hands-on” <ul><ul><li>1. Waarom wil je een widget kunnen maken? </li></ul></ul><ul><ul><li>2. Welke soorten widgets zijn er? </li></ul></ul><ul><ul><li>3. Hoe kan ik een basic widget maken? </li></ul></ul><ul><ul><li>4. Aan de slag: </li></ul></ul><ul><ul><li>- met html/xml/javascript </li></ul></ul><ul><ul><li>- met Netvibes </li></ul></ul><ul><ul><li>- met Widgetbox </li></ul></ul><ul><ul><li>- met Google Gadget editor </li></ul></ul><ul><ul><li>5. Toevoegen aan </li></ul></ul><ul><ul><li>- Bibliotheek Toolbar </li></ul></ul><ul><ul><li>- webplatform? Vakportals? </li></ul></ul><ul><ul><li>- Weblogs </li></ul></ul><ul><ul><li>- Sociale netwerken (Hyves, Ning, Facebook, .....) </li></ul></ul><ul><ul><li>- Desktop? </li></ul></ul>Guus van den Brekel & Dorine Kieft-Wondergem. Centrale Medische Bibliotheek, UMCG
  3. 3. Het waarom van toolbars, zoekboxjes, widgets <ul><li>Waarom? </li></ul><ul><li>(wat je nou ECHT wilt met de inhoud) </li></ul>WAAR? wil je zijn voor de klant? –als bibliotheek -
  4. 4. Geen doel op zich, maar extra! <ul><li>Toolbars </li></ul><ul><li>Van Toolbar naar zoekbox </li></ul><ul><li>Van RSS naar persoonlijke startpagina’s </li></ul><ul><li>Van zoekbox & RSS naar “Universele Widgets” </li></ul><ul><li>Van widgets naar sociale netwerken … overal </li></ul>
  5. 5. Ontwikkelingen <ul><li>Nog meer web-based </li></ul><ul><li>Mobiel internet </li></ul><ul><li>Verdere individualisering & personalisatie, maar ook … </li></ul><ul><li>Vorming, doorontwikkeling van (sociale) netwerken </li></ul><ul><li>Web 3D </li></ul>
  6. 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
  7. 8. <ul><li>Niet : Kom het maar halen </li></ul><ul><li>Wel : Kies zelf, Neem het met je mee, breng het naar je eigen omgeving </li></ul><ul><li>Delen, samenwerken, educatie, training </li></ul><ul><li>Bewust worden en blijven van wat er allemaal kan, en waar de klant tegenaan loopt …. </li></ul><ul><li>“ Toolbox” Take-Away & Op Maat” </li></ul>
  8. 9. Maar ook: Integratie <ul><li>In organisatie-, bibliotheek website & systeem </li></ul><ul><ul><li>Service Oriented Architecture (SOA) Integrating Services: http:// dev.theeuropeanlibrary.org/vga/SRUportal / (ontwikkel) </li></ul></ul><ul><ul><li>http:// www.lib.umich.edu /labs/ </li></ul></ul>
  9. 10. Hoe gaan we een basic widget maken? <ul><li>Html/xml/javascript </li></ul><ul><li>Netvibes </li></ul><ul><li>Widgetbox </li></ul><ul><li>Google Gadget editor </li></ul>
  10. 11. Van zoekbox naar “ Universal” Widgets <ul><li>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 . </li></ul><ul><li>Or: gadget, badge, module, capsule, snippet, mini and flake. </li></ul>
  11. 12. Maar het kan ook ingewikkeld …Widgets <ul><ul><li>A small program. Usually does a single thing. </li></ul></ul><ul><ul><li>Often gets data from the web Web widgets (Flash, Javascript, XML, HTML, XHTML, CSS, XML) </li></ul></ul><ul><ul><ul><li>In browser; can have RIA-functionality such as drag-able </li></ul></ul></ul><ul><ul><li>Desktop widgets (all above, Perl, Python, C++, Executable) </li></ul></ul><ul><ul><ul><li>Download to desktop; flashy appearance/also drag-able and persistent layout </li></ul></ul></ul><ul><ul><li>Language options vary depending on the particular platform </li></ul></ul><ul><ul><li>Predecessors: Apple II, Push technology, Pointcast, Weatherbug </li></ul></ul><ul><ul><li>Beyond the Browser: Widgets and Rich Internet/Desktop Applications (RIDAs) </li></ul></ul><ul><ul><li>http://www.slideshare.net/hiddenreflex/beyond-the-browser-widgets-and-rich-internetdesktop-applications-ridas </li></ul></ul>
  12. 13. Desktop Widgets <ul><li>Desktop Data Integration with Web </li></ul><ul><li>Web Data to the Desktop </li></ul><ul><li>Heavier Widgets -- take advantage of client computing power </li></ul><ul><li>More Complex </li></ul><ul><li>Much More Diverse than Web Widgets </li></ul><ul><li>Single Function -- not a stand-alone program, often tool-like </li></ul><ul><li>Hot Button Access </li></ul><ul><ul><li>Pulls up all widgets </li></ul></ul><ul><ul><li>Drag-able/Persistent Position </li></ul></ul><ul><ul><li>Beyond the Browser: Widgets and Rich Internet/Desktop Applications (RIDAs) </li></ul></ul><ul><ul><li>http://www.slideshare.net/hiddenreflex/beyond-the-browser-widgets-and-rich-internetdesktop-applications-ridas </li></ul></ul>
  13. 14. RIDA (Rich Internet/Desktop Application) Platforms <ul><li>What is a RIDA? </li></ul><ul><ul><li>A standalone application for web and or desktop service(s) </li></ul></ul><ul><ul><li>Greater access to client computing resources than widgets </li></ul></ul><ul><ul><li>Can Integrate or Mix Desktop and Web data/applications </li></ul></ul><ul><ul><ul><li>E.g Dekoh’s photo viewer or iTunes or Employee Workpage(s) via Webtop </li></ul></ul></ul><ul><ul><li>Usually has a specific purpose/site associated with it </li></ul></ul><ul><ul><ul><li>E.g. eBay or Amazon browsers; finance or map (Google Earth) browser </li></ul></ul></ul><ul><li>Platforms </li></ul><ul><ul><li>Dekoh, Adobe’s AIR (not just flash), WPF (.Net)/Silverlight, Cloudstack </li></ul></ul><ul><ul><li>Cross-OS GUI Platforms like qt, wxwidgets, Mozilla </li></ul></ul><ul><ul><li>Dojo’s Offline Toolkit (Google Gadgets), Browser offline support (Firefox) </li></ul></ul><ul><ul><li>LaszloSystems Webtop, Java WebStart </li></ul></ul><ul><ul><li>Flash-based Desktop Platforms like MDM’s Zinc or Northcode’s SWF Studio </li></ul></ul><ul><li>Differences from Desktop Widgets </li></ul><ul><ul><li>RIDA has own icon to load/stand-alone/distinct (not just a single-use tool) </li></ul></ul><ul><ul><li>Multi-purpose/Complex functionality/Integration of multiple related services or tools </li></ul></ul><ul><ul><li>Interface important and complex </li></ul></ul><ul><ul><li>Beyond the Browser: Widgets and Rich Internet/Desktop Applications (RIDAs) </li></ul></ul><ul><ul><li>http://www.slideshare.net/hiddenreflex/beyond-the-browser-widgets-and-rich-internetdesktop-applications-ridas </li></ul></ul>
  14. 15. Quicktake: Mobile Widgets <ul><li>Widgets are a natural fit for Mobile Devices </li></ul><ul><ul><li>Use less bandwidth than typical browsing </li></ul></ul><ul><ul><li>Browsing not easy; usually need some select service fast; touch screen </li></ul></ul><ul><ul><li>Always running/instant on </li></ul></ul><ul><ul><li>Emerging Standards/Technologies: Mobile Flash and Flash Lite; Java ME and JavaFX Mobile; Mojax </li></ul></ul><ul><ul><li>PDA platforms (Palm, Windows Mobile) </li></ul></ul><ul><li>Fring -- VOIP/IM/Twitter Communications. </li></ul><ul><li>ZenZui -- Microsoft spin-off to widgetize webpages to ease web navigation. </li></ul><ul><li>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.” </li></ul><ul><li>Mobio (deal with 9 Indian carriers, about 70% of the market) </li></ul><ul><li>Mobile Distellery/Celsius -- over 650 devices supported; easily ports mobile java applications to different phones. </li></ul><ul><li>Opera; </li></ul><ul><li>iPhone -- no widget support for outside developers/only within their mobile safari browser. </li></ul><ul><li>Webwag/Mobease; Bling Software; NeoMades (NeoMad; gaming); Plusmo (claim over 20,000 widgets); ActionEngine (rich media ap.s); Flurry </li></ul><ul><li>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.” </li></ul><ul><ul><li>Beyond the Browser: Widgets and Rich Internet/Desktop Applications (RIDAs) </li></ul></ul><ul><ul><li>http://www.slideshare.net/hiddenreflex/beyond-the-browser-widgets-and-rich-internetdesktop-applications-ridas </li></ul></ul>
  15. 16. The Future <ul><li>Easy User-Created Widgets </li></ul><ul><ul><li>Apple Clip for the Dashboard </li></ul></ul><ul><li>RIDAs Rich Internet/Desktop Applications </li></ul><ul><ul><li>Some applications Secure: RSS Readers, E-mail clients, Photo organizers/viewers, Music players </li></ul></ul><ul><ul><li>Wider future uncertain. Platforms just being launched. </li></ul></ul><ul><li>Cross-OS/Cross-Site/Web+Desktop Widgets </li></ul><ul><ul><li>Cross-Site Web Widget Creation/Publication: Clearspring, Snipperoo </li></ul></ul><ul><ul><li>Desktop/Web: Spring Widgets; NetVibes Universal API </li></ul></ul><ul><ul><li>Opera’s submitted open standards to W3C </li></ul></ul><ul><ul><li>Cross-OS: Yahoo (Windows, Mac); Opera (Windows/Mac/Linux) </li></ul></ul><ul><ul><li>Linux: open source projects to port to Linux; Dashboard; Yahoo Widgets; Windows may have as well (Mono group porting Silverlight to Linux) </li></ul></ul><ul><ul><li>Other Platforms: Mozilla (XULRunner), Java Platforms, Silverlight/Dekoh/Apollo; YourMinis via OpenLaszlo </li></ul></ul><ul><ul><li>HiddenReflex </li></ul></ul><ul><li>RIAs (Rich Internet Applications)/Browser Developments </li></ul><ul><li>Spread of User-Customization via Widgetization/RIA to many, many websites </li></ul><ul><ul><li>Beyond the Browser: Widgets and Rich Internet/Desktop Applications (RIDAs) </li></ul></ul><ul><ul><li>http://www.slideshare.net/hiddenreflex/beyond-the-browser-widgets-and-rich-internetdesktop-applications-ridas </li></ul></ul>
  16. 17. <ul><li>From Wikipedia (they have a good page which compares widget engines as well as other pages on widget engines and cross-OS development platforms) </li></ul><ul><ul><li>Beyond the Browser: Widgets and Rich Internet/Desktop Applications (RIDAs) </li></ul></ul><ul><ul><li>http://www.slideshare.net/hiddenreflex/beyond-the-browser-widgets-and-rich-internetdesktop-applications-ridas </li></ul></ul>
  17. 18. Toevoegen aan <ul><ul><li>- Bibliotheek Toolbar </li></ul></ul><ul><ul><li>- webplatform? Vakportals? </li></ul></ul><ul><ul><li>- Weblogs </li></ul></ul><ul><ul><li>- Sociale netwerken (Hyves, Ning, Facebook, .....) </li></ul></ul><ul><ul><li>- Desktop? </li></ul></ul>
  18. 19. Widgets maken <ul><ul><li>in Netvibes </li></ul></ul><ul><ul><li>Create+Publish in Eco.netvibes.com </li></ul></ul><ul><ul><li>Widgetbox.com </li></ul></ul><ul><ul><li>Google Gadget Editor </li></ul></ul><ul><ul><li>OpenSocial </li></ul></ul><ul><ul><li>En nog 100 andere manieren.. </li></ul></ul><ul><ul><li>http://en.wikipedia.org/wiki/Widget_engine </li></ul></ul>
  19. 20. <ul><li>Template op Netvibes CMB </li></ul><ul><li>Notepad++ of Notepad </li></ul><ul><li>Zoekbox van een Bibliotheek of eigen Toolbar </li></ul>Simpele HTML zoekbox maken
  20. 21. Hoe maak ik een widget? <ul><li>Vele manieren </li></ul><ul><li>Zoekbox naar Widgetbox </li></ul><ul><li>Zoekbox naar Netvibes Universal Widget </li></ul><ul><li>Van widget naar…. overal </li></ul><ul><li>http://librarytoolbar.blogspot.com </li></ul><ul><li>Demo Movie </li></ul>
  21. 22. Voor een basis widget heb je nodig… <ul><li>Een beetje html or xml </li></ul><ul><li>Een link </li></ul><ul><li>Een plaatje </li></ul><ul><li>Stop dat in een html-widget! </li></ul><ul><li>Deel & Verstuur dat via </li></ul><ul><li>Met Notepad(of++) </li></ul><ul><li>Snippy, Paint & Flickr </li></ul><ul><li>Via: Add Content; Essential Widgets; HTML widget or </li></ul><ul><li>Via: the Netvibes Widgets Editor </li></ul>
  22. 23. Voor het PUBLICEREN van je widget .. <ul><li>Zelf “hosten” van de html/xml-file </li></ul><ul><li>een thumbnail </li></ul><ul><li>(een xml-validator soms) </li></ul><ul><li>Uploaded naar webplatform (als html-file). Nadeel: als RUG netwerk weer plat ligt …) </li></ul><ul><li>Maak, Publiceer, Deel & Verspreid! </li></ul><ul><li>Of je gebruikt Widgetbox wizard om de html/xml code ONLINE in te plakken! </li></ul><ul><li>Of de Google Gadget Editor </li></ul><ul><li>Organizatie, Provider.. </li></ul><ul><li>Met Notepad(or++) </li></ul><ul><li>Snippy, Paint & Flickr </li></ul><ul><li>http://validator.w3.org/ </li></ul><ul><li>Via: http://eco.netvibes.com/submit </li></ul><ul><li>Via: http://www.widgetbox.com/create/create_widget.jsp </li></ul><ul><li>Via: http://www.google.com/ig/adde?hl=nl&moduleurl=gge.xml&source=imag </li></ul>
  23. 24. Suggesties, Wensen voor widgets,
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×