Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
iGoogle Gadgets @ Your Library Presenter: Ed Metz Systems Librarian, USACGSC [email_address] 913-758-3027
Intro – What is iGoogle <ul><li>What is iGoogle? </li></ul><ul><ul><li>Personal information portal and virtual workspace <...
Intro – What are Gadgets <ul><li>What are these gadget things? </li></ul><ul><ul><li>A gadget is a mini web application </...
Intro – Library Gadgets <ul><li>What have some libraries done with gadgets? </li></ul><ul><ul><li>Hennepin County Library ...
Intro – Library Gadgets
So how do you make one? <ul><li>Step 1 . Do your homework. Some essential reads: </li></ul><ul><ul><li>Google Gadget API D...
So how do you make one? <ul><li>Step 2 . Login to or create your free Google account </li></ul><ul><li>Step 3 . Find a gad...
Google Gadget Editor (GGE) <ul><li>Google Gadget Editor . (GGE) Use it for: </li></ul><ul><ul><li>Creating, editing, previ...
Getting started <ul><li>Go to the  GGE </li></ul><ul><li>Select File - Open by url - my catalog template </li></ul><ul><ul...
Getting started – Log-in <ul><li>Log-in to your Google account. </li></ul><ul><li>If you don’t already have your iGoogle p...
Getting started Find some source code <ul><li>Now go to the content directory by selecting the Add stuff link </li></ul>
Getting started  Find some source code <ul><li>Now you can search or browse the Homepage (iGoogle) content directory </li>...
Getting started  Find some source code select  View source
Opening a Gadget in the GGE <ul><li>At the next page copy the url from the browser address bar </li></ul>
Opening a Gadget in the GGE <ul><li>Now return to the GGE </li></ul><ul><li>Select File – Open from url </li></ul>
Opening a Gadget in the GGE <ul><li>At next window paste the URL you copied for our XML document </li></ul>
Opening a Gadget in the GGE <ul><li>This populates your GGE with the XML source code </li></ul><ul><li>Before you begin ed...
Creating your gadget Defining the document <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?>   </li></ul...
Creating your gadget Module Settings <ModulePrefs> <ul><li><ModulePrefs   </li></ul><ul><ul><li>attribute </li></ul></ul><...
<ul><li>title : required.  </li></ul><ul><ul><li>Title of the gadget. Displays in the gadget title bar on iGoogle. </li></...
<ul><li>author_affiliation  (suggested)   </li></ul><ul><ul><li>Who’s to blame? Your library or college </li></ul></ul><ul...
<ul><li>screenshot  (suggested)  </li></ul><ul><ul><li>url address of image </li></ul></ul><ul><ul><li>png, gif, jpeg </li...
Creating your gadget Content <Content type=“html”> <ul><li><Content type=&quot;html&quot;> <![CDATA[  </li></ul><ul><li>Pl...
<ul><li><table style=&quot;WIDTH: 99%&quot; borderColorDark=&quot;#333333&quot; borderColorLight=&quot;#666666&quot; borde...
<ul><li>The HIP Search Form </li></ul>Creating your gadget Content : HIP Search <form> <tr><td> <form id=&quot;catalog_for...
<ul><li>Library Thing  bookcovers widget </li></ul><ul><li><td> </li></ul><ul><li><script language=&quot;javascript&quot; ...
<ul><li>Other links of interest. </li></ul><ul><li><tr><td> </li></ul><ul><li><center><a href=&quot;http://comarms.ipac.dy...
<ul><li>Add your logo and close the table </li></ul><ul><li><td> </li></ul><ul><li><center> </li></ul><ul><li><img src=&qu...
<ul><li>Now we close our  </li></ul><ul><li>Content section  </Content>  and our XML wrapper  </Module> </li></ul>Creating...
Testing, testing 1,2,3 <ul><li>Test your gadget in different browsers  </li></ul><ul><li>Firefox, Internet Explorer, (Safa...
Publishing your gadget <ul><li>http://www.google.com/apis/gadgets/publish.html#Submitting </li></ul><ul><ul><li>iGoogle </...
Publishing to the Content Directory <ul><li>On the GGE select File – Publish </li></ul><ul><li>At the next screen you’ll s...
Publish to the Content Directory Make sure you’ve dotted your i’s and crossed your t’s,  read the fine print,  and then cl...
Syndicate your gadget <ul><li>On the GGE select File – Publish </li></ul><ul><li>At the next screen you’ll see this prompt...
Syndicate your gadget <ul><li>Customize your gadget </li></ul><ul><li>Click on the Get Code button </li></ul>
Syndicate your gadget <ul><li>Now simply copy the code generated in the box below and paste it as appropriate into your we...
Syndicated gadget <ul><li>Here’s how our gadget appears on our library’s blog. </li></ul>
Review <ul><li>Do your background reading (Google Gadget Developer Toolkit) </li></ul><ul><li>Open a gadget in the GGE </l...
iGoogle Gadgets @ Your Library <ul><li>Questions? </li></ul>Contact Info: Ed Metz Systems Librarian, USACGSC [email_addres...
Prochain SlideShare
Chargement dans…5
×

38

Partager

Télécharger pour lire hors ligne

iGoogle Gadgets @ Your Library

Télécharger pour lire hors ligne

describes how to create a simple iGoogle gadget for your library's online catalog

Livres associés

Gratuit avec un essai de 30 jours de Scribd

Tout voir

Livres audio associés

Gratuit avec un essai de 30 jours de Scribd

Tout voir

iGoogle Gadgets @ Your Library

  1. 1. iGoogle Gadgets @ Your Library Presenter: Ed Metz Systems Librarian, USACGSC [email_address] 913-758-3027
  2. 2. Intro – What is iGoogle <ul><li>What is iGoogle? </li></ul><ul><ul><li>Personal information portal and virtual workspace </li></ul></ul><ul><ul><li>iGoogle offers more than 25000 modules or “gadgets” to choose from. </li></ul></ul>
  3. 3. Intro – What are Gadgets <ul><li>What are these gadget things? </li></ul><ul><ul><li>A gadget is a mini web application </li></ul></ul><ul><ul><li>XML document residing on any public webserver </li></ul></ul><ul><ul><li>At most basic level it is simply your HTML (and/or JavaScript, Flash) content nested inside an XML wrapper. </li></ul></ul>A gadget…. … and it’s underlying XMLdocument
  4. 4. Intro – Library Gadgets <ul><li>What have some libraries done with gadgets? </li></ul><ul><ul><li>Hennepin County Library Catalog </li></ul></ul><ul><ul><li>WorldCat Open Search </li></ul></ul><ul><ul><li>Washington State Library </li></ul></ul><ul><ul><li>CARL HIP, CARL DigLib , CARL RSS Feeds </li></ul></ul><ul><ul><li>BYU Idaho Library Search </li></ul></ul>
  5. 5. Intro – Library Gadgets
  6. 6. So how do you make one? <ul><li>Step 1 . Do your homework. Some essential reads: </li></ul><ul><ul><li>Google Gadget API Developer’s Toolkit </li></ul></ul><ul><ul><ul><li>Getting started </li></ul></ul></ul><ul><ul><ul><li>Writing your own gadgets </li></ul></ul></ul><ul><ul><ul><li>Development Fundamentals </li></ul></ul></ul><ul><ul><ul><li>Creating a user interface </li></ul></ul></ul><ul><ul><ul><li>Publishing your gadget </li></ul></ul></ul>
  7. 7. So how do you make one? <ul><li>Step 2 . Login to or create your free Google account </li></ul><ul><li>Step 3 . Find a gadget that has a similar aim to what you want to do. </li></ul><ul><li>Step 4 Open it in the Google Gadget Editor (GGE), study the source code and adapt it to your own needs. </li></ul><ul><li>Step 5 Edit, preview, save, test and publish your gadget in the Google Gadget Editor (GGE) </li></ul>
  8. 8. Google Gadget Editor (GGE) <ul><li>Google Gadget Editor . (GGE) Use it for: </li></ul><ul><ul><li>Creating, editing, previewing, saving, publishing your gadget. </li></ul></ul>Edit/create your gadget Open any gadget Preview your gadget
  9. 9. Getting started <ul><li>Go to the GGE </li></ul><ul><li>Select File - Open by url - my catalog template </li></ul><ul><ul><li>http://hosting.gmodules.com/ig/gadgets/file/116444596163220004073/catalog1.xml </li></ul></ul><ul><li>Next, select File – Save as and give it a new name </li></ul><ul><li>Begin editing </li></ul>
  10. 10. Getting started – Log-in <ul><li>Log-in to your Google account. </li></ul><ul><li>If you don’t already have your iGoogle page as your default display click on the iGoogle link here as shown. </li></ul>
  11. 11. Getting started Find some source code <ul><li>Now go to the content directory by selecting the Add stuff link </li></ul>
  12. 12. Getting started Find some source code <ul><li>Now you can search or browse the Homepage (iGoogle) content directory </li></ul>
  13. 13. Getting started Find some source code select View source
  14. 14. Opening a Gadget in the GGE <ul><li>At the next page copy the url from the browser address bar </li></ul>
  15. 15. Opening a Gadget in the GGE <ul><li>Now return to the GGE </li></ul><ul><li>Select File – Open from url </li></ul>
  16. 16. Opening a Gadget in the GGE <ul><li>At next window paste the URL you copied for our XML document </li></ul>
  17. 17. Opening a Gadget in the GGE <ul><li>This populates your GGE with the XML source code </li></ul><ul><li>Before you begin editing, select File –Save as - give the document a new name </li></ul>Note: you MUST be logged into your Google account to take advantage of all the GGE features
  18. 18. Creating your gadget Defining the document <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> </li></ul><ul><li><Module> </li></ul>
  19. 19. Creating your gadget Module Settings <ModulePrefs> <ul><li><ModulePrefs </li></ul><ul><ul><li>attribute </li></ul></ul><ul><ul><li>attribute </li></ul></ul><ul><ul><li>attribute </li></ul></ul><ul><ul><li>attribute </li></ul></ul><ul><ul><li>height=“220” > </li></ul></ul></ModulePrefs>
  20. 20. <ul><li>title : required. </li></ul><ul><ul><li>Title of the gadget. Displays in the gadget title bar on iGoogle. </li></ul></ul><ul><li>title_url: </li></ul><ul><ul><li>make my gadget title a hyperlink to your library or institution </li></ul></ul><ul><li>directory_title : optional. </li></ul><ul><ul><li>Don’t really need this here since I don’t have any user preferences. </li></ul></ul><ul><li>author : required. </li></ul><ul><li>author_email : required. </li></ul>Creating your gadget Module Settings <ModulePrefs>
  21. 21. <ul><li>author_affiliation  (suggested) </li></ul><ul><ul><li>Who’s to blame? Your library or college </li></ul></ul><ul><li>author_location  (suggested) </li></ul><ul><li>author_link (suggested) </li></ul><ul><li>description - required. </li></ul><ul><ul><li>Provide 1-2 sentences that tell something about your gadget. </li></ul></ul>Creating your gadget Module Settings <ModulePrefs>
  22. 22. <ul><li>screenshot  (suggested) </li></ul><ul><ul><li>url address of image </li></ul></ul><ul><ul><li>png, gif, jpeg </li></ul></ul><ul><ul><li>width = 280 pixels </li></ul></ul><ul><li>Thumbnail – (required) </li></ul><ul><ul><li>url address of image </li></ul></ul><ul><ul><li>120 x 60 pixels </li></ul></ul><ul><li>Width – Required in GGE </li></ul><ul><ul><li>Normally the default is 320. </li></ul></ul><ul><li>Height – optional </li></ul><ul><ul><li>Default is 200. </li></ul></ul>Creating your gadget Module Settings <ModulePrefs> Screenshot image Thumbnail image
  23. 23. Creating your gadget Content <Content type=“html”> <ul><li><Content type=&quot;html&quot;> <![CDATA[ </li></ul><ul><li>Place your content in this section. Can include HTML, JavaScript, Flash. </li></ul><ul><li>In the following example I’ve created a simple table <table> containing two rows <tr> with a total of four cells <td>. The html search form, related hyperlinks, some JavaScript and an image are nested inside their respective cells. </td> </li></ul>
  24. 24. <ul><li><table style=&quot;WIDTH: 99%&quot; borderColorDark=&quot;#333333&quot; borderColorLight=&quot;#666666&quot; border=&quot;2&quot; FONT color=&quot;#2B1500&quot;><center><b> Search the CARL Catalog </b></font></center><tbody> </li></ul>Creating your gadget Content : HIP Search Form <table>
  25. 25. <ul><li>The HIP Search Form </li></ul>Creating your gadget Content : HIP Search <form> <tr><td> <form id=&quot;catalog_form&quot; action=&quot;http://comarms.ipac.dynixasp.com/ipac20/ipac.jsp?profile=carlcgsc&quot; method=&quot;get&quot; target=&quot;_blank&quot; reloadxsl=&quot; true #focus&quot;> <font color=&quot;#2B1500&quot;><b> for </b></font> <input name=&quot;term&quot;> <font color=&quot;#2B1500&quot;><b> in </b></font> <select name=&quot;index&quot;> <option value=&quot;.GW&quot; selected> Keyword anywhere </option> <option value=&quot;.TW&quot;> Title keyword </option> <option value=&quot;.AW&quot;> Author keyword </option> <option value=&quot;.SK&quot;> Fulltext items </option> </select> <input type=&quot;image&quot; src=&quot;http://cgsc.leavenworth.army.mil/carl/images/b-go-red-full.jpg&quot; value=&quot;Submit Query&quot;> </form></td> Note: Option values come from the word_index table in Horizon HIP url
  26. 26. <ul><li>Library Thing bookcovers widget </li></ul><ul><li><td> </li></ul><ul><li><script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;http://www.librarything.com/jswidget.php?reporton=metzejr&show=random&header=&num=1&covers=small&text=none&onlycovers=1&tag=alltags&css=1&style=1&version=1&quot;> </script> </li></ul><ul><li></td></tr> </li></ul>Creating your gadget <Content> : Adding dynamic content Library Thing Widget
  27. 27. <ul><li>Other links of interest. </li></ul><ul><li><tr><td> </li></ul><ul><li><center><a href=&quot;http://comarms.ipac.dynixasp.com/ipac20/ipac.jsp?&amp;profile=carlcgsc&amp;menu=account&quot; target=&quot;_blank&quot;> <font size=&quot;3&quot;> </li></ul><ul><li><b> My Account </b></a></center> </li></ul><ul><li><center><a href=&quot;http://cgsc.leavenworth.army.mil/carl/new_titles.asp&quot; target=&quot;_blank&quot;> </li></ul><ul><li><b> New Titles </b></a></center> </li></ul><ul><li><center><a href=&quot;http://cgsc.leavenworth.army.mil/CARL/c_ya.asp&quot; target=&quot;_blank&quot; > </li></ul><ul><li><b> New Youth Titles </b></a></center> </li></ul><ul><li></font> </li></ul><ul><li></td> </li></ul>Creating your gadget <Content> : Adding links
  28. 28. <ul><li>Add your logo and close the table </li></ul><ul><li><td> </li></ul><ul><li><center> </li></ul><ul><li><img src=&quot;http://pages.google.com/edit/edmetz1/cgsc2.jpg/cgsc2-full.jpg&quot;> </li></ul><ul><li></center> </li></ul><ul><li></td> </li></ul><ul><li></tr> </li></ul><ul><li></tbody> </li></ul><ul><li></table> </li></ul>Creating your gadget <Content> : Add your branding
  29. 29. <ul><li>Now we close our </li></ul><ul><li>Content section </Content> and our XML wrapper </Module> </li></ul>Creating your gadget Let’s wrap it up
  30. 30. Testing, testing 1,2,3 <ul><li>Test your gadget in different browsers </li></ul><ul><li>Firefox, Internet Explorer, (Safari, and Opera). </li></ul><ul><li>This can be easily done via the GGE . Open a web browser of your choice, Select File – Publish – Add to a web page. </li></ul><ul><li>Creator page opens and gives you a preview. </li></ul>
  31. 31. Publishing your gadget <ul><li>http://www.google.com/apis/gadgets/publish.html#Submitting </li></ul><ul><ul><li>iGoogle </li></ul></ul><ul><ul><li>Content Directory </li></ul></ul><ul><ul><li>Syndication Example: CARL Blog </li></ul></ul>
  32. 32. Publishing to the Content Directory <ul><li>On the GGE select File – Publish </li></ul><ul><li>At the next screen you’ll see this prompt. Click on the Publish to iGoogle Directory link. </li></ul>
  33. 33. Publish to the Content Directory Make sure you’ve dotted your i’s and crossed your t’s, read the fine print, and then click the Send button.
  34. 34. Syndicate your gadget <ul><li>On the GGE select File – Publish </li></ul><ul><li>At the next screen you’ll see this prompt. Click on the Add to a webpage link. </li></ul>
  35. 35. Syndicate your gadget <ul><li>Customize your gadget </li></ul><ul><li>Click on the Get Code button </li></ul>
  36. 36. Syndicate your gadget <ul><li>Now simply copy the code generated in the box below and paste it as appropriate into your website. </li></ul>
  37. 37. Syndicated gadget <ul><li>Here’s how our gadget appears on our library’s blog. </li></ul>
  38. 38. Review <ul><li>Do your background reading (Google Gadget Developer Toolkit) </li></ul><ul><li>Open a gadget in the GGE </li></ul><ul><li>Edit, Preview, and Test in the GGE </li></ul><ul><li>Publish to the Content Directory and/or syndicate it for third party website(s). </li></ul><ul><li>Publicize it (newsletters, brownbags, blog, RSS) </li></ul>
  39. 39. iGoogle Gadgets @ Your Library <ul><li>Questions? </li></ul>Contact Info: Ed Metz Systems Librarian, USACGSC [email_address] 913-758-3027
  • ninochitidze

    Jan. 29, 2017
  • 54yuri

    Jan. 6, 2013
  • tranchefile

    Mar. 26, 2010
  • SE2S

    Feb. 13, 2010
  • jmcgee

    Sep. 24, 2009
  • marlene

    Sep. 24, 2009
  • sreynoldsctc

    Jul. 15, 2009
  • henedy

    May. 24, 2009
  • telconews

    May. 9, 2009
  • buffyjhamilton

    Mar. 8, 2009
  • LibraryConnection

    Feb. 21, 2009
  • Arifmuhammad41

    Jan. 24, 2009
  • luchie78

    Jan. 23, 2009
  • eddy_ni

    Jan. 9, 2009
  • bibliotecapgnegro

    Nov. 20, 2008
  • maponi

    Sep. 9, 2008
  • ElSensei

    Jul. 15, 2008
  • salemb

    Jul. 15, 2008
  • iat

    Jun. 23, 2008
  • Rizaayu

    Jun. 10, 2008

describes how to create a simple iGoogle gadget for your library's online catalog

Vues

Nombre de vues

26 887

Sur Slideshare

0

À partir des intégrations

0

Nombre d'intégrations

2 935

Actions

Téléchargements

399

Partages

0

Commentaires

0

Mentions J'aime

38

×