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

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Recently uploaded (20)

Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
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...
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
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
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 

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.