SlideShare a Scribd company logo
1 of 15
Nishikant P Taksande
School of Electronics and Computer Science
        University of Southampton
Evolution
Conclusions
Microformats-aware
Implementation
Types
Why Microformats? applications
Introduction
Background
“Designed for human first and machine
second, microformats are a set of simple, open
data format build upon existing and widely adopted
standards.”               -Microformats.org
Microformats adds semantics to web pages
                      Smart content
                     Meaningful markup




                  http://www.flickr.com/photos/veerles-blog/172851392/
Separate file format for machine-readable information, however
powerful, may not succeed simply because it uses another file [3]




Utilizing established standards to add semantics is the preferred
way




Writers with some knowledge of HTML can add semantic
information to web page like calendar events (hCalendar) and
contact information (hCard).
<rdf:RDF
             xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'
            BEGIN: VCALENDER
             xmlns='http://www.w3.org/2002/12/cal/ical#'>

                <div class=”vcalendar vevent”>
            <Vcalendar>
             <prodid>-//kanzaki.com//RDFCal 1.0//EN</prodid>
vCalendar   BEGIN: VEVENT vCalendar
             <version>2.0</version>
                <span class=”summary”> Jeopardy! The IBM
             <method>PUBLISH</method>

            SUMMARY: Jeopardy! The IBM Challenge: Inside the
             <component>
             <Vevent>

             <a Challenge: Inside the Mind of Watson
                href=”/egFile.vcs”>
              <dtstart rdf:parseType='Resource'>
            Mind of Watson
               <dateTime>2011-12-01T17:00:00</dateTime>

                </span>
               <tzid>Asia/Tokyo</tzid>

             <b>Jeopardy! The IBM Challenge: Inside
              </dtstart>
            DTSTART: 20111201T170000Z
              <dtend rdf:parseType='Resource'>
                <p class=”decription”> How Watson works at
               <dateTime>2011-12-01T19:00:00</dateTime>


  RDF
            LOCATION: Turner sims
             the Mind of Watson</b> from the show.
               <tzid>Asia/Tokyo</tzid>
              </dtend>
                                 RDF
                a high level with examples
              <summary>Jeopardy! The IBM Challenge: Inside the Mind of Watson</summary>

Calendar    DTEND: 20111201T190000Z at a high level
             <p> How Watson works
              <description>How Watson works at a high level with examples from the show.</description>
                               Calendar
                </p>
              <dtstamp>20111130T104917Z</dtstamp>
              <uid>1322650157245@kanzaki.com</uid>
            DESCRIPTION: How Watson works at a high level
             </Vevent>
             with examples from the show</p>
                <abbr class=”dtstart”
             </component>

            with examples from the st
             <component>
             <Vtimezone>               show.
             <small>December 1 , 2011,December 1st,
                title=”20111201T170000Z”> 5-7PM in
              <tzid>Asia/Tokyo</tzid>
            END: st
                  VEVENT
              <standard rdf:parseType='Resource'>

                2011, 5-</abbr> <abbr class=”dtend”
                1 , 2011, 5-</abbr> <abbr class=”dtend”
               <dtstart rdf:parseType='Resource'>
             the<i>Turner sims</i></small>
               <dateTime>1970-01-01T00:00:00</dateTime>
            END: VCALENDAR
               </dtstart>
                title=”20111201T190000Z”>7PM</abbr> in
               <tzoffsetfrom>+0900</tzoffsetfrom>


hCalendar    </a>
               <tzoffsetto>+0900</tzoffsetto>
                              hCalendar
               <tzname>JST</tzname>
                the <span class=”location”>Turner
              </standard>
             </Vtimezone>

                sims</span></div>
             </component>
            </Vcalendar>
            </rdf:RDF>
Microformats
                   Compound Microformats
                  Elemental Microformats


rel-nofollow
    rel-license
    VoteLinks
        XFN                                hCalendar
                                            hReview
                                             xFolk
                                             hCard
<div class="hreview"><span
      class="item"> <a class="url fn"
href="http://www.example.com><a>Titl
             e</a></span> <div
      class="description"><p> Some
                 description
     </p></div> (<abbr class="rating"
        title="5">*****</abbr>) <p
  class="reviewer vcard">Review by <a
                class="url fn"
href="http://website.com/blog/">Name
     </a>, <abbr class="dtreviewed"
title="2012-02">February 2012</abbr>
                 </p> </div>


 http://allrecipes.co.uk/recipe/6245/chicken-chicken-curry.aspx
Microformats are not new language




Microformats use HTML and XHTML power to create machine
readable information in simpler way




Clever use of css class which serves the purpose of styling and
providing semantic information at one place
[1]   K. Stolley, "Using Microformats: Gateway to the Semantic Web," IEEE
      Transactions on Professional Communication, vol.52, no.3, pp.291-302, Sept.
      2009.

[2]   R. Khare, "Microformats: The next (small) thing on the semantic
      web?", IEEE Internet Comput., vol. 10, p.68 , 2006.

[3]   R. Khare and T. Ç elik. Microformats: a pragmatic path to the semantic web
      (Poster). Proceedings of the 15th international conference on World Wide Web,
      pages 865-866, 2006.
Microformats, Institute of Engineering and Technology
Microformats, Institute of Engineering and Technology

More Related Content

Similar to Microformats, Institute of Engineering and Technology

Semantic web support for POSH
Semantic web support for POSHSemantic web support for POSH
Semantic web support for POSH
Dinu Suman
 
Microsoft Accademic Cloud Tour Genova
Microsoft Accademic Cloud Tour GenovaMicrosoft Accademic Cloud Tour Genova
Microsoft Accademic Cloud Tour Genova
antimo musone
 
网站无障碍阅读知识
网站无障碍阅读知识网站无障碍阅读知识
网站无障碍阅读知识
ppanyong
 
网站无障碍阅读知识
网站无障碍阅读知识网站无障碍阅读知识
网站无障碍阅读知识
ppanyong
 
Internal training - Eda
Internal training - EdaInternal training - Eda
Internal training - Eda
Tony Vo
 

Similar to Microformats, Institute of Engineering and Technology (20)

HTML5 Essentials
HTML5 EssentialsHTML5 Essentials
HTML5 Essentials
 
Vaadin Components @ Angular U
Vaadin Components @ Angular UVaadin Components @ Angular U
Vaadin Components @ Angular U
 
Microformats: what are they and why do I care?
Microformats: what are they and why do I care?Microformats: what are they and why do I care?
Microformats: what are they and why do I care?
 
Big Data processing with Spark, Scala or Java?
Big Data processing with Spark, Scala or Java?Big Data processing with Spark, Scala or Java?
Big Data processing with Spark, Scala or Java?
 
Introduction to Bootstrap
Introduction to BootstrapIntroduction to Bootstrap
Introduction to Bootstrap
 
Semantic web support for POSH
Semantic web support for POSHSemantic web support for POSH
Semantic web support for POSH
 
jAPS 2 0 - Presentation Layer Comparison
jAPS 2 0 - Presentation Layer ComparisonjAPS 2 0 - Presentation Layer Comparison
jAPS 2 0 - Presentation Layer Comparison
 
Enhancing mobile applications with Windows Azure
Enhancing mobile applications with Windows AzureEnhancing mobile applications with Windows Azure
Enhancing mobile applications with Windows Azure
 
RSS Like A Ninja
RSS Like A NinjaRSS Like A Ninja
RSS Like A Ninja
 
Microsoft Accademic Cloud Tour Genova
Microsoft Accademic Cloud Tour GenovaMicrosoft Accademic Cloud Tour Genova
Microsoft Accademic Cloud Tour Genova
 
Maven
MavenMaven
Maven
 
Maven
MavenMaven
Maven
 
Nick harris-sic-2011
Nick harris-sic-2011Nick harris-sic-2011
Nick harris-sic-2011
 
DIWE - Coding HTML for Basic Web Designing
DIWE - Coding HTML for Basic Web DesigningDIWE - Coding HTML for Basic Web Designing
DIWE - Coding HTML for Basic Web Designing
 
Who am I? Who are you? Who is anybody?
Who am I? Who are you? Who is anybody?Who am I? Who are you? Who is anybody?
Who am I? Who are you? Who is anybody?
 
网站无障碍阅读知识
网站无障碍阅读知识网站无障碍阅读知识
网站无障碍阅读知识
 
网站无障碍阅读知识
网站无障碍阅读知识网站无障碍阅读知识
网站无障碍阅读知识
 
前端概述
前端概述前端概述
前端概述
 
Internal training - Eda
Internal training - EdaInternal training - Eda
Internal training - Eda
 
Maven in Mule
Maven in MuleMaven in Mule
Maven in Mule
 

Recently uploaded

Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 

Microformats, Institute of Engineering and Technology

  • 1. Nishikant P Taksande School of Electronics and Computer Science University of Southampton
  • 3.
  • 4. “Designed for human first and machine second, microformats are a set of simple, open data format build upon existing and widely adopted standards.” -Microformats.org
  • 5. Microformats adds semantics to web pages Smart content Meaningful markup http://www.flickr.com/photos/veerles-blog/172851392/
  • 6. Separate file format for machine-readable information, however powerful, may not succeed simply because it uses another file [3] Utilizing established standards to add semantics is the preferred way Writers with some knowledge of HTML can add semantic information to web page like calendar events (hCalendar) and contact information (hCard).
  • 7. <rdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' BEGIN: VCALENDER xmlns='http://www.w3.org/2002/12/cal/ical#'> <div class=”vcalendar vevent”> <Vcalendar> <prodid>-//kanzaki.com//RDFCal 1.0//EN</prodid> vCalendar BEGIN: VEVENT vCalendar <version>2.0</version> <span class=”summary”> Jeopardy! The IBM <method>PUBLISH</method> SUMMARY: Jeopardy! The IBM Challenge: Inside the <component> <Vevent> <a Challenge: Inside the Mind of Watson href=”/egFile.vcs”> <dtstart rdf:parseType='Resource'> Mind of Watson <dateTime>2011-12-01T17:00:00</dateTime> </span> <tzid>Asia/Tokyo</tzid> <b>Jeopardy! The IBM Challenge: Inside </dtstart> DTSTART: 20111201T170000Z <dtend rdf:parseType='Resource'> <p class=”decription”> How Watson works at <dateTime>2011-12-01T19:00:00</dateTime> RDF LOCATION: Turner sims the Mind of Watson</b> from the show. <tzid>Asia/Tokyo</tzid> </dtend> RDF a high level with examples <summary>Jeopardy! The IBM Challenge: Inside the Mind of Watson</summary> Calendar DTEND: 20111201T190000Z at a high level <p> How Watson works <description>How Watson works at a high level with examples from the show.</description> Calendar </p> <dtstamp>20111130T104917Z</dtstamp> <uid>1322650157245@kanzaki.com</uid> DESCRIPTION: How Watson works at a high level </Vevent> with examples from the show</p> <abbr class=”dtstart” </component> with examples from the st <component> <Vtimezone> show. <small>December 1 , 2011,December 1st, title=”20111201T170000Z”> 5-7PM in <tzid>Asia/Tokyo</tzid> END: st VEVENT <standard rdf:parseType='Resource'> 2011, 5-</abbr> <abbr class=”dtend” 1 , 2011, 5-</abbr> <abbr class=”dtend” <dtstart rdf:parseType='Resource'> the<i>Turner sims</i></small> <dateTime>1970-01-01T00:00:00</dateTime> END: VCALENDAR </dtstart> title=”20111201T190000Z”>7PM</abbr> in <tzoffsetfrom>+0900</tzoffsetfrom> hCalendar </a> <tzoffsetto>+0900</tzoffsetto> hCalendar <tzname>JST</tzname> the <span class=”location”>Turner </standard> </Vtimezone> sims</span></div> </component> </Vcalendar> </rdf:RDF>
  • 8. Microformats Compound Microformats Elemental Microformats rel-nofollow rel-license VoteLinks XFN hCalendar hReview xFolk hCard
  • 9. <div class="hreview"><span class="item"> <a class="url fn" href="http://www.example.com><a>Titl e</a></span> <div class="description"><p> Some description </p></div> (<abbr class="rating" title="5">*****</abbr>) <p class="reviewer vcard">Review by <a class="url fn" href="http://website.com/blog/">Name </a>, <abbr class="dtreviewed" title="2012-02">February 2012</abbr> </p> </div> http://allrecipes.co.uk/recipe/6245/chicken-chicken-curry.aspx
  • 10.
  • 11.
  • 12. Microformats are not new language Microformats use HTML and XHTML power to create machine readable information in simpler way Clever use of css class which serves the purpose of styling and providing semantic information at one place
  • 13. [1] K. Stolley, "Using Microformats: Gateway to the Semantic Web," IEEE Transactions on Professional Communication, vol.52, no.3, pp.291-302, Sept. 2009. [2] R. Khare, "Microformats: The next (small) thing on the semantic web?", IEEE Internet Comput., vol. 10, p.68 , 2006. [3] R. Khare and T. Ç elik. Microformats: a pragmatic path to the semantic web (Poster). Proceedings of the 15th international conference on World Wide Web, pages 865-866, 2006.