SlideShare a Scribd company logo
1 of 11
Tänkbara tillämpningar
Microformats för att märka upp events med hjälp av hCalendar. Nordiska visfestivaler
php Webbsida Arkitektur i exemplet MySql databas Genererar en lista med festivaler, uppmärkta med microformats. Innehåller en tabell med visfestivaler. Med hjälp av javascript plockar vi ut informationen uppmärkt med microformats och lägger in den i en karta
http:// www.svennerberg.com / microformats / Visa demo
Loopa igenom microformat med javascript < div   class = &quot;geo&quot;> GEO:  < span   class = &quot;latitude&quot;> 63.798256 </ span > ,  < span   class = &quot;longitude&quot;> 11.494446 </ span > </ div > var   lat   =   long   =   0 ; $ ( '.geo' ). each ( function ()   { lat   =   $ ( this ). cssSelect ( '.latitude' )[ 0 ]. innerHTML ; long   =   $ ( this ). cssSelect ( '.longitude' )[ 0 ]. innerHTML ; // Gör något med koordinaterna });
Javascriptbibliotek är till stor hjälp Genom att använda sig av ett javascriptbibliotek blir det mycket smidigare att jobba mot DOM. I exemplet har javascriptbiblioteket DOMAssistant använts.
DOMAssistant ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],Javascript bibliotek Det finns en uppsjö av bibliotek att välja bland, alla med sina fördelar och nackdelar. ,[object Object],[object Object],[object Object],[object Object]
Aggregera information från flera källor Ett exempel där man hämtar filmrecensioner från flera källor och visar tillsammans på ett ställe.
Filmsajt 2 Filmsajt 1 Filmsajt 3 proxy Vår recensionssida Med hjälp av screenscraping hämtar vi recensioner från andra sidor. Filmrecensioner
http://creativecommons.org/licenses/by-nc-nd/2.5/se/

More Related Content

Similar to Using Microformats to aggregate data

HT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med PythonHT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med PythonAnton Tibblin
 
Mindre och snabbare – Cache tips for WordPress developers
Mindre och snabbare – Cache tips for WordPress developersMindre och snabbare – Cache tips for WordPress developers
Mindre och snabbare – Cache tips for WordPress developersSeravo
 
VT2018 - DA355A - Geolocation, Media, Package Manage
VT2018 - DA355A - Geolocation, Media, Package ManageVT2018 - DA355A - Geolocation, Media, Package Manage
VT2018 - DA355A - Geolocation, Media, Package ManageAnton Tibblin
 
WP Meetup i Norrköping 2012-05-25
WP Meetup i Norrköping 2012-05-25WP Meetup i Norrköping 2012-05-25
WP Meetup i Norrköping 2012-05-25boiardt
 
Responsiv webbdesign + HTML5 + CSS5
Responsiv webbdesign + HTML5 + CSS5Responsiv webbdesign + HTML5 + CSS5
Responsiv webbdesign + HTML5 + CSS5Martin Carlsson
 
VT2018 - DA355A - Ajax
VT2018 - DA355A - AjaxVT2018 - DA355A - Ajax
VT2018 - DA355A - AjaxAnton Tibblin
 
Xpages för utvecklare
Xpages för utvecklareXpages för utvecklare
Xpages för utvecklareThomas Adrian
 
VT2019 - DA355A - JS-ramverk
VT2019 - DA355A - JS-ramverkVT2019 - DA355A - JS-ramverk
VT2019 - DA355A - JS-ramverkAnton Tibblin
 
Länkad Data
Länkad DataLänkad Data
Länkad Dataniklal
 
Så funkar det (del 3) - webben
Så funkar det (del 3) -  webbenSå funkar det (del 3) -  webben
Så funkar det (del 3) - webbenPeter Antman
 
WebSockets för applikationstestare
WebSockets för applikationstestareWebSockets för applikationstestare
WebSockets för applikationstestareholiman
 
Meteor realtidsramverket
Meteor   realtidsramverketMeteor   realtidsramverket
Meteor realtidsramverketEmil Stenström
 
Alfresco administration stockholm meetup
Alfresco administration stockholm meetupAlfresco administration stockholm meetup
Alfresco administration stockholm meetupCarl Nordenfelt
 
PHP och MySQL
PHP och MySQLPHP och MySQL
PHP och MySQLbjornh
 
VT23 - RWD & Ramverk
VT23 - RWD & RamverkVT23 - RWD & Ramverk
VT23 - RWD & RamverkAnton Tibblin
 

Similar to Using Microformats to aggregate data (20)

HT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med PythonHT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med Python
 
Clean code
Clean codeClean code
Clean code
 
Mindre och snabbare – Cache tips for WordPress developers
Mindre och snabbare – Cache tips for WordPress developersMindre och snabbare – Cache tips for WordPress developers
Mindre och snabbare – Cache tips for WordPress developers
 
VT2018 - DA355A - Geolocation, Media, Package Manage
VT2018 - DA355A - Geolocation, Media, Package ManageVT2018 - DA355A - Geolocation, Media, Package Manage
VT2018 - DA355A - Geolocation, Media, Package Manage
 
EventSourcing applied
EventSourcing appliedEventSourcing applied
EventSourcing applied
 
WP Meetup i Norrköping 2012-05-25
WP Meetup i Norrköping 2012-05-25WP Meetup i Norrköping 2012-05-25
WP Meetup i Norrköping 2012-05-25
 
JavaScript + DOM
JavaScript + DOMJavaScript + DOM
JavaScript + DOM
 
Responsiv webbdesign + HTML5 + CSS5
Responsiv webbdesign + HTML5 + CSS5Responsiv webbdesign + HTML5 + CSS5
Responsiv webbdesign + HTML5 + CSS5
 
VT2018 - DA355A - Ajax
VT2018 - DA355A - AjaxVT2018 - DA355A - Ajax
VT2018 - DA355A - Ajax
 
Xpages för utvecklare
Xpages för utvecklareXpages för utvecklare
Xpages för utvecklare
 
VT2019 - DA355A - JS-ramverk
VT2019 - DA355A - JS-ramverkVT2019 - DA355A - JS-ramverk
VT2019 - DA355A - JS-ramverk
 
Birdnotes
BirdnotesBirdnotes
Birdnotes
 
Länkad Data
Länkad DataLänkad Data
Länkad Data
 
Så funkar det (del 3) - webben
Så funkar det (del 3) -  webbenSå funkar det (del 3) -  webben
Så funkar det (del 3) - webben
 
WebSockets för applikationstestare
WebSockets för applikationstestareWebSockets för applikationstestare
WebSockets för applikationstestare
 
219270
219270219270
219270
 
Meteor realtidsramverket
Meteor   realtidsramverketMeteor   realtidsramverket
Meteor realtidsramverket
 
Alfresco administration stockholm meetup
Alfresco administration stockholm meetupAlfresco administration stockholm meetup
Alfresco administration stockholm meetup
 
PHP och MySQL
PHP och MySQLPHP och MySQL
PHP och MySQL
 
VT23 - RWD & Ramverk
VT23 - RWD & RamverkVT23 - RWD & Ramverk
VT23 - RWD & Ramverk
 

Using Microformats to aggregate data

  • 2. Microformats för att märka upp events med hjälp av hCalendar. Nordiska visfestivaler
  • 3. php Webbsida Arkitektur i exemplet MySql databas Genererar en lista med festivaler, uppmärkta med microformats. Innehåller en tabell med visfestivaler. Med hjälp av javascript plockar vi ut informationen uppmärkt med microformats och lägger in den i en karta
  • 4. http:// www.svennerberg.com / microformats / Visa demo
  • 5. Loopa igenom microformat med javascript < div class = &quot;geo&quot;> GEO: < span class = &quot;latitude&quot;> 63.798256 </ span > , < span class = &quot;longitude&quot;> 11.494446 </ span > </ div > var lat = long = 0 ; $ ( '.geo' ). each ( function () { lat = $ ( this ). cssSelect ( '.latitude' )[ 0 ]. innerHTML ; long = $ ( this ). cssSelect ( '.longitude' )[ 0 ]. innerHTML ; // Gör något med koordinaterna });
  • 6. Javascriptbibliotek är till stor hjälp Genom att använda sig av ett javascriptbibliotek blir det mycket smidigare att jobba mot DOM. I exemplet har javascriptbiblioteket DOMAssistant använts.
  • 7.
  • 8.
  • 9. Aggregera information från flera källor Ett exempel där man hämtar filmrecensioner från flera källor och visar tillsammans på ett ställe.
  • 10. Filmsajt 2 Filmsajt 1 Filmsajt 3 proxy Vår recensionssida Med hjälp av screenscraping hämtar vi recensioner från andra sidor. Filmrecensioner