Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

6 Beispiele für die nützliche Anwendung von Mikroformaten

5,377 views

Published on

Der Hype um Mikroformate hat in letzter Zeit ein wenig nachgelassen. Viele Webentwickler nutzen sie, um ihre Webseiten semantisch reichhaltiger zu gestalten, als es mit reinem (X)HTML möglich ist. Die meisten Webentwickler jedoch verzichten auf Mikroformate, entweder weil sie sie nicht kennen oder weil ihnen ihre Anwendung zu umständlich erscheint. Zu Unrecht, denn Mikroformate sind ein Gewinn für das Web! Dieser Vortrag zeigt, was Sie mit »mikroformatierten« Seiten alles machen können.

Published in: Technology
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download Full EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download Full doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THIS can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THIS is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THIS Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THIS the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THIS Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download Full EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download Full doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THIS can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THIS is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THIS Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THIS the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THIS Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download Full EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download Full doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THIS can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THIS is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THIS Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THIS the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THIS Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download Full EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download Full doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THIS can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THIS is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THIS Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THIS the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THIS Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download Full EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download Full doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THIS can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THIS is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THIS Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THIS the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THIS Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

6 Beispiele für die nützliche Anwendung von Mikroformaten

  1. 1. 6 Beispiele für die nützliche Anwendung von Mikroformaten Was Sie mit »mikroformatierten« Seiten alles machen können Michael Jendryschik
  2. 2. Michael Jendryschik <ul><li>itemis AG </li></ul><ul><ul><li>www.itemis.de </li></ul></ul>
  3. 3. Michael Jendryschik <ul><li>Webkrauts </li></ul><ul><ul><li>www.webkrauts.de </li></ul></ul>
  4. 4. Agenda <ul><li>(Sehr) kurze Einführung in Mikroformate </li></ul><ul><li>1. Beispiel: Datenimport von Kontakten </li></ul><ul><li>2. Beispiel: Datenexport von Veranstaltungen </li></ul><ul><li>3. Beispiel: Umfragen auswerten mit Folksr </li></ul><ul><li>4. Beispiel: Mashups </li></ul><ul><li>5. Beispiel: CSS-Layout </li></ul><ul><li>6. Beispiel: Bessere Suchmaschinen </li></ul>
  5. 5. Agenda <ul><li>(Sehr) kurze Einführung in Mikroformate </li></ul><ul><li>1. Beispiel: Datenimport von Kontakten </li></ul><ul><li>2. Beispiel: Datenexport von Veranstaltungen </li></ul><ul><li>3. Beispiel: Umfragen auswerten mit Folksr </li></ul><ul><li>4. Beispiel: Mashups </li></ul><ul><li>5. Beispiel: CSS-Layout </li></ul><ul><li>6. Beispiel: Bessere Suchmaschinen </li></ul>
  6. 6. (Sehr) kurze Einführung <ul><li>XHTML und HTML </li></ul><ul><ul><li>Rund 90 Elementtypen </li></ul></ul><ul><ul><li>Menschen- und maschinenlesbar </li></ul></ul>
  7. 7. (Sehr) kurze Einführung <ul><li>XHTML und HTML </li></ul><ul><ul><li>Semantisch unvollständig </li></ul></ul><ul><ul><ul><li>Kontaktdaten? </li></ul></ul></ul><ul><ul><ul><li>Veranstaltungen? </li></ul></ul></ul><ul><ul><ul><li>DVD-Sammlungen? </li></ul></ul></ul><ul><ul><ul><li>Rezensionen? </li></ul></ul></ul><ul><ul><ul><li>Fahrpläne? </li></ul></ul></ul><ul><ul><ul><li>... </li></ul></ul></ul>
  8. 8. (Sehr) kurze Einführung <ul><li>Beispiel: Auszeichnung von Kontaktdaten (hCard) </li></ul><address> itemis AG<br /> Am Brambusch 15–24<br /> 44536 Lünen<br /> Telefon: +49 231 9860-210<br /> Fax: +49 231 9860-211<br /> E-Mail: <a href=&quot;mailto:info@itemis.de&quot;>info@itemis.de</a><br /> Web: <a href=&quot;http://www.itemis.de/&quot;>www.itemis.de</a> </address>
  9. 9. (Sehr) kurze Einführung <ul><li>Beispiel: Auszeichnung von Kontaktdaten (hCard) </li></ul><address class=&quot;contact&quot; > <span class=&quot;address&quot;> <span class=&quot;name&quot;> itemis AG </span> <br /> <span class=&quot;street&quot;> Am Brambusch 15–24 </span> <br /> <span class=&quot;city&quot;> 44536 Lünen </span> </span> <br /> Telefon: <span class=&quot;phone&quot;> +49 231 9860-210 </span> <br /> Fax: <span class=&quot;fax&quot;> +49 231 9860-211 </span> <br /> E-Mail: <a href=&quot;mailto:info@itemis.de&quot; class=&quot;mail&quot; >info@itemis.de</a><br /> Web: <a href=&quot;http://www.itemis.de/&quot; class=&quot;website&quot; >www.itemis.de</a> </address>
  10. 10. (Sehr) kurze Einführung <ul><li>Beispiel: Auszeichnung von Kontaktdaten (hCard) </li></ul><address class=&quot;vcard&quot; > <span class=&quot;adr&quot;> <span class=&quot;fn org&quot;> itemis AG </span> <br /> <span class=&quot;street-address&quot;> Am Brambusch 15–24 </span> <br /> <span class=&quot;postal-code&quot;> 44536 </span> <span class=&quot;locality&quot;> Lünen </span> </span> <br /> Telefon: <span class=&quot;tel&quot;> +49 231 9860-210 </span> <br /> <span class=&quot;tel&quot;> <span class=&quot;type&quot;> Fax </span>: <span class=&quot;value&quot;> +49 231 9860-211 </span> </span> <br /> E-Mail: <a href=&quot;mailto:info@itemis.de&quot; class=&quot;email&quot; >info@itemis.de</a><br /> Web: <a href=&quot;http://www.itemis.de/&quot; class=&quot;url&quot; >www.itemis.de</a> </address>
  11. 11. (Sehr) kurze Einführung <ul><li>Mikroformate </li></ul><ul><ul><li>Formate zur »Feinstrukturierung« von Webseiten </li></ul></ul><ul><ul><li>Erweitern (X)HTML durch zusätzliche semantische Strukturen </li></ul></ul><ul><ul><li>Nutzen </li></ul></ul><ul><ul><ul><li>Wiederverwendbarkeit </li></ul></ul></ul><ul><ul><ul><li>Interoperabilität </li></ul></ul></ul><ul><ul><ul><li>Wartbarkeit </li></ul></ul></ul>
  12. 12. (Sehr) kurze Einführung <ul><li>Populäre Formate </li></ul>
  13. 13. (Sehr) kurze Einführung <ul><li>Microformats.org </li></ul><ul><ul><li>microformats.org : Offizielle Website </li></ul></ul><ul><ul><li>microformats.org/wiki/Main_Page : Microformats Wiki </li></ul></ul><ul><ul><li>microformats.org/code : Anwendungen und Werkzeuge </li></ul></ul>
  14. 14. Agenda <ul><li>(Sehr) kurze Einführung in Mikroformate </li></ul><ul><li>1. Beispiel: Datenimport von Kontakten </li></ul><ul><li>2. Beispiel: Datenexport von Veranstaltungen </li></ul><ul><li>3. Beispiel: Umfragen auswerten mit Folksr </li></ul><ul><li>4. Beispiel: Mashups </li></ul><ul><li>5. Beispiel: CSS-Layout </li></ul><ul><li>6. Beispiel: Bessere Suchmaschinen </li></ul>
  15. 15. Datenimport von Kontakten <ul><li>hCardMapper </li></ul><ul><ul><li>http://lib.omnia-computing.de/hcardmapper </li></ul></ul><ul><ul><li>Extrahiert Adressdaten aus Webseiten und befüllt damit Formularfelder </li></ul></ul>
  16. 16. Datenimport von Kontakten <ul><li>hCardMapper </li></ul>
  17. 17. Datenimport von Kontakten <ul><li>hCardMapper </li></ul>
  18. 18. Datenimport von Kontakten <ul><li>hCardMapper </li></ul>
  19. 19. Datenimport von Kontakten <ul><li>hCardMapper </li></ul>
  20. 20. Datenimport von Kontakten <ul><li>hCardMapper </li></ul><ul><ul><li>Als WordPress-Plugin von Matthias Pfefferle </li></ul></ul><ul><ul><ul><li>http://notizblog.org/2008/04/02/hcardmapper-fuer-wordpress/ </li></ul></ul></ul>
  21. 21. Datenimport von Kontakten <ul><li>Personen aus anderen Netzwerken importieren </li></ul>
  22. 22. Datenimport von Kontakten <ul><li>Personen aus anderen Netzwerken importieren </li></ul><ul><ul><li>Beispiel: DOPPLR </li></ul></ul>
  23. 23. Datenimport von Kontakten <ul><li>Firefox 3 Microformats API </li></ul><ul><ul><li>Firefox 3 verfügt über eine API für Mikroformate </li></ul></ul><ul><ul><ul><li>http://developer.mozilla.org/en/Using_microformats </li></ul></ul></ul>
  24. 24. Datenimport von Kontakten <ul><li>Firefox 3 Microformats API </li></ul><ul><ul><li>In der Benutzeroberfläche noch nicht zu finden </li></ul></ul>
  25. 25. Datenimport von Kontakten <ul><li>Firefox 3 Microformats API </li></ul><ul><ul><li>Nutzung der API für Extensions </li></ul></ul><ul><ul><ul><li>http://www.ibm.com/developerworks/xml/library/x-tipffoxmicroapi/ </li></ul></ul></ul>
  26. 26. Datenimport von Kontakten <ul><li>Firefox 3 Microformats API </li></ul>
  27. 27. Datenimport von Kontakten <ul><li>Firefox 3 Microformats API </li></ul>
  28. 28. Datenimport von Kontakten <ul><li>Firefox 3 Microformats API </li></ul>
  29. 29. Agenda <ul><li>(Sehr) kurze Einführung in Mikroformate </li></ul><ul><li>1. Beispiel: Datenimport von Kontakten </li></ul><ul><li>2. Beispiel: Datenexport von Veranstaltungen </li></ul><ul><li>3. Beispiel: Umfragen auswerten mit Folksr </li></ul><ul><li>4. Beispiel: Mashups </li></ul><ul><li>5. Beispiel: CSS-Layout </li></ul><ul><li>6. Beispiel: Bessere Suchmaschinen </li></ul>
  30. 30. Datenexport von Veranstaltungen <ul><li>Veranstaltungen exportieren und importieren </li></ul><h3><a href=&quot;http://www.worldusabilityday.org/&quot;> World Usability Day 2007</a></h3> <p>Weltweiter Aktionstag zum Thema Usability</p> <p class=&quot;datum&quot;> 8. November, Weltweit, weitere Infos unter <a href=&quot;http://www.worldusabilityday.org/&quot;>worldusabilityday.org</a>. </p>
  31. 31. Datenexport von Veranstaltungen <ul><li>Veranstaltungen exportieren und importieren </li></ul><div class=&quot;vevent&quot;> <h3 class=&quot;summary &quot;><a href=&quot;http://www.worldusabilityday.org/&quot; class=&quot;url&quot; >World Usability Day 2007</a></h3> <p class=&quot;description&quot; >Weltweiter Aktionstag zum Thema Usability</p> <p class=&quot;datum&quot;> <abbr class=&quot;dtstart&quot; title=&quot;2007-11-8&quot;> 8. November </abbr> , <span class=&quot;location&quot;> Weltweit </span> , weitere Infos unter <a href=&quot;http://www.worldusabilityday.org/&quot; rel=&quot;external&quot; class=&quot;url&quot; >worldusabilityday.org</a>. </p> </div>
  32. 32. Datenexport von Veranstaltungen <ul><li>Veranstaltungen exportieren und importieren </li></ul>
  33. 33. Datenexport von Veranstaltungen <ul><li>Veranstaltungen exportieren und importieren </li></ul>
  34. 34. Datenexport von Veranstaltungen <ul><li>Veranstaltungen exportieren und importieren </li></ul>
  35. 35. Datenexport von Veranstaltungen <ul><li>Veranstaltungen exportieren und importieren </li></ul>
  36. 36. Datenexport von Veranstaltungen <ul><li>Veranstaltungen exportieren und importieren </li></ul>
  37. 37. Datenexport von Veranstaltungen <ul><li>Veranstaltungen exportieren und importieren </li></ul>
  38. 38. Datenexport von Veranstaltungen <ul><li>Veranstaltungen exportieren und importieren </li></ul>
  39. 39. Datenexport von Veranstaltungen <ul><li>Veranstaltungen exportieren und importieren </li></ul>
  40. 40. Datenexport von Veranstaltungen <ul><li>Veranstaltungen exportieren und importieren </li></ul>
  41. 41. Agenda <ul><li>(Sehr) kurze Einführung in Mikroformate </li></ul><ul><li>1. Beispiel: Datenimport von Kontakten </li></ul><ul><li>2. Beispiel: Datenexport von Veranstaltungen </li></ul><ul><li>3. Beispiel: Umfragen auswerten mit Folksr </li></ul><ul><li>4. Beispiel: Mashups </li></ul><ul><li>5. Beispiel: CSS-Layout </li></ul><ul><li>6. Beispiel: Bessere Suchmaschinen </li></ul>
  42. 42. Umfragen auswerten mit Folksr <ul><li>Vote Links </li></ul><ul><ul><li>microformats.org/wiki/votelinks </li></ul></ul><ul><ul><li>rev=&quot;vote-for&quot; : Zustimmung </li></ul></ul><ul><ul><li>rev=&quot;vote-abstain&quot; : Enthaltung </li></ul></ul><ul><ul><li>rev=&quot;vote-against&quot; : Ablehnung </li></ul></ul>
  43. 43. Umfragen auswerten mit Folksr <ul><li>Vote Links </li></ul><ul><ul><li>microformats.org/wiki/votelinks </li></ul></ul><ul><ul><li>rev=&quot;vote-for&quot; : Zustimmung </li></ul></ul><ul><ul><li>rev=&quot;vote-abstain&quot; : Enthaltung </li></ul></ul><ul><ul><li>rev=&quot;vote-against&quot; : Ablehnung </li></ul></ul><a href=&quot;http://de.wikipedia.org/wiki/XHTML&quot; rev=&quot;vote-for&quot; >XHTML</a> <a href=&quot;http://de.wikipedia.org/wiki/XHTML&quot; rev=&quot;vote-against&quot; >HTML</a>
  44. 44. Umfragen auswerten mit Folksr <ul><li>Folksr </li></ul><ul><ul><li>www.folksr.de </li></ul></ul>
  45. 45. Umfragen auswerten mit Folksr <ul><li>Folksr </li></ul><ul><ul><li>www.folksr.de </li></ul></ul>
  46. 46. Umfragen auswerten mit Folksr <ul><li>Folksr </li></ul><ul><ul><li>www.folksr.de </li></ul></ul>
  47. 47. Agenda <ul><li>(Sehr) kurze Einführung in Mikroformate </li></ul><ul><li>1. Beispiel: Datenimport von Kontakten </li></ul><ul><li>2. Beispiel: Datenexport von Veranstaltungen </li></ul><ul><li>3. Beispiel: Umfragen auswerten mit Folksr </li></ul><ul><li>4. Beispiel: Mashups </li></ul><ul><li>5. Beispiel: CSS-Layout </li></ul><ul><li>6. Beispiel: Bessere Suchmaschinen </li></ul>
  48. 48. Mashups mit Google Maps <ul><li>Geodaten auslesen und an Google übergeben </li></ul>
  49. 49. Mashups mit Google Maps <ul><li>Geodaten auslesen und an Google übergeben </li></ul>
  50. 50. Mashups mit Google Maps <ul><li>Geodaten auslesen und an Google übergeben </li></ul>
  51. 51. Mashups mit Google Maps <ul><li>Geodaten auslesen und an Google übergeben </li></ul><abbr class=&quot;geo&quot; title=&quot;51.604951;7.452614&quot;> itemis AG</abbr>
  52. 52. Mashups mit Google Maps <ul><li>Geodaten auslesen und an Google übergeben </li></ul><ul><ul><li>http://suda.co.uk/projects/microformats/geo/ </li></ul></ul><kml xmlns=&quot;http://earth.google.com/kml/2.0&quot;> <Folder> <name>Schulungen und Vorträge</name> <Placemark> <Style> <LineStyle> <color>cc0000ff</color> <width>5.0</width> </LineStyle> </Style> <name>6 Beispiele für die nützliche Anwendung von Mikroformaten</name> <description>Was Sie mit »mikroformatierten« Seiten alles machen können</description> <Point> <coordinates>11.03011,49.57458,0</coordinates> </Point> </Placemark> ... </Folder> </kml>
  53. 53. Mashups mit Google Maps <ul><li>Geodaten auslesen und an Google übergeben </li></ul><ul><ul><li>Beispiel: 24 ways </li></ul></ul>
  54. 54. Mashups mit Google Maps <ul><li>Geodaten auslesen und an Google übergeben </li></ul>
  55. 55. Agenda <ul><li>(Sehr) kurze Einführung in Mikroformate </li></ul><ul><li>1. Beispiel: Datenimport von Kontakten </li></ul><ul><li>2. Beispiel: Datenexport von Veranstaltungen </li></ul><ul><li>3. Beispiel: Umfragen auswerten mit Folksr </li></ul><ul><li>4. Beispiel: Mashups </li></ul><ul><li>5. Beispiel: CSS-Layout </li></ul><ul><li>6. Beispiel: Bessere Suchmaschinen </li></ul>
  56. 56. CSS-Layout <ul><li>Immer dasselbe Vokabular, also standardisierte Darstellung mittels Stylesheets möglich </li></ul>
  57. 57. CSS-Layout <ul><li>Beispiel: XFN </li></ul><ul><ul><li>Anzeige von persönlichen Beziehungen im World Wide Web und in sozialen Netzwerken </li></ul></ul><a href=&quot;http://www.intermitto.net/ich/&quot; rel=&quot;friend met&quot; >Jens Becker</a>
  58. 58. CSS-Layout <ul><li>Beispiel: XFN </li></ul>
  59. 59. CSS-Layout <ul><li>Beispiel: XFN </li></ul>
  60. 60. CSS-Layout <ul><li>Beispiel: XFN </li></ul><ul><ul><li>Microformats Icons </li></ul></ul>a[rel~=&quot;friend&quot;] { background: url(/images/xfn/friend.png) left center no-repeat; padding: 0 0 0 20px; }
  61. 61. CSS-Layout <ul><li>Beispiel: expose-mf.css von Hicksdesign </li></ul>
  62. 62. Agenda <ul><li>(Sehr) kurze Einführung in Mikroformate </li></ul><ul><li>1. Beispiel: Datenimport von Kontakten </li></ul><ul><li>2. Beispiel: Datenexport von Veranstaltungen </li></ul><ul><li>3. Beispiel: Umfragen auswerten mit Folksr </li></ul><ul><li>4. Beispiel: Mashups </li></ul><ul><li>5. Beispiel: CSS-Layout </li></ul><ul><li>6. Beispiel: Bessere Suchmaschinen </li></ul>
  63. 63. Bessere Suchmaschinen <ul><li>Mehr Semantik = Bessere Suchergebnisse </li></ul>
  64. 64. Bessere Suchmaschinen
  65. 65. Bessere Suchmaschinen
  66. 66. Bessere Suchmaschinen
  67. 67. Bessere Suchmaschinen
  68. 68. Bessere Suchmaschinen
  69. 69. Bessere Suchmaschinen
  70. 70. Bessere Suchmaschinen <ul><li>Yahoo SearchMonkey </li></ul><ul><ul><li>hCard: searchmonkeyid:com.yahoo.uf.hcard </li></ul></ul><ul><ul><li>hCalendar: searchmonkeyid:com.yahoo.uf.hcalendar </li></ul></ul><ul><ul><li>hReview: searchmonkeyid:com.yahoo.uf.hreview </li></ul></ul><ul><ul><li>XFN: searchmonkeyid:com.yahoo.uf.xfn </li></ul></ul>
  71. 71. <ul><li>Diskussion? </li></ul><ul><li>Michael Jendryschik </li></ul><ul><li>[email_address] </li></ul>

×