WADe 2017-2018 Tutorial (2/3): Data Modeling in HTML: Schema.org HTML5 MicrodataSabin Buraga
A lecture delivered for "Web Application Development" discipline (MSc studies at Faculty of Computer Science, 'Alexandru Ioan Cuza' University of Iasi, Romania): https://profs.info.uaic.ro/~busaco/teach/courses/wade/web-film.html
Sabin Buraga – Dezvoltator Web (...în 2017)Sabin Buraga
O prezentare pentru elevii de liceu – participanți la SummerIS <www.summeris.ro> – referitoare la cele mai importante aspecte privind cariera de dezvoltator de aplicații Web.
A presentation for high-school students regarding the most important aspects about a professional carrier focused on Web application development.
Web 2016 (01/13) Spațiul World Wide Web – aspecte arhitecturaleSabin Buraga
Tehnologii Web (prezentările aferente disciplinei predate de Sabin Buraga la Facultatea de Informatică, Universitatea A.I. Cuza din Iași) – detalii la http://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Web 2016 (06/13) Modelarea datelor. Familia XML + spații de numeSabin Buraga
Tehnologii Web (prezentările aferente disciplinei predate de Sabin Buraga la Facultatea de Informatică, Universitatea A.I. Cuza din Iași) – detalii la http://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Web 2016 (10/13) Servicii Web. De la arhitecturi orientate spre servicii (SOA...Sabin Buraga
Tehnologii Web (prezentările aferente disciplinei predate de Sabin Buraga la Facultatea de Informatică, Universitatea A.I. Cuza din Iași) – detalii la http://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
WADe 2017-2018 Tutorial (2/3): Data Modeling in HTML: Schema.org HTML5 MicrodataSabin Buraga
A lecture delivered for "Web Application Development" discipline (MSc studies at Faculty of Computer Science, 'Alexandru Ioan Cuza' University of Iasi, Romania): https://profs.info.uaic.ro/~busaco/teach/courses/wade/web-film.html
Sabin Buraga – Dezvoltator Web (...în 2017)Sabin Buraga
O prezentare pentru elevii de liceu – participanți la SummerIS <www.summeris.ro> – referitoare la cele mai importante aspecte privind cariera de dezvoltator de aplicații Web.
A presentation for high-school students regarding the most important aspects about a professional carrier focused on Web application development.
Web 2016 (01/13) Spațiul World Wide Web – aspecte arhitecturaleSabin Buraga
Tehnologii Web (prezentările aferente disciplinei predate de Sabin Buraga la Facultatea de Informatică, Universitatea A.I. Cuza din Iași) – detalii la http://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Web 2016 (06/13) Modelarea datelor. Familia XML + spații de numeSabin Buraga
Tehnologii Web (prezentările aferente disciplinei predate de Sabin Buraga la Facultatea de Informatică, Universitatea A.I. Cuza din Iași) – detalii la http://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Web 2016 (10/13) Servicii Web. De la arhitecturi orientate spre servicii (SOA...Sabin Buraga
Tehnologii Web (prezentările aferente disciplinei predate de Sabin Buraga la Facultatea de Informatică, Universitatea A.I. Cuza din Iași) – detalii la http://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
WADe 2017-2018 (1/12) Web Application Development: Concepts & VisionSabin Buraga
A lecture delivered for "Web Application Development" discipline (MSc studies at Faculty of Computer Science, 'Alexandru Ioan Cuza' University of Iasi, Romania): https://profs.info.uaic.ro/~busaco/teach/courses/wade/web-film.html
Dezvoltarea aplicatiilor orientate spre servicii Web. De la REST la mash-up-u...Sabin Buraga
A presentation (available in Romanian language) about RESTful Web service development, including several considerations regarding mash-ups & APIs.
For other details, visit http://profs.info.uaic.ro/~busaco/teach/courses/wade/web-film.html
Web 2020 02/12: Programare Web – HTTP. Cookie-uri. Sesiuni WebSabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
A presentation explaining to (high-school) students what Web development is, including career information.
O prezentare pentru elevi și studenți oferind informații despre ceea ce înseamnă dezvoltarea de apllicații Web.
STAW 08/12: Programare Web. Suita de tehnologii HTML5Sabin Buraga
Prelegere din cadrul materiei "Dezvoltarea aplicaţiilor Web cu JavaScript" (Full-Stack Web Development) predată de Dr. Sabin Buraga (oct.2019–feb.2020).
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/staw/web-film.html
A lecture – prepared to be delivered during "Computer Science at the Castle" Summer School (Macea, Arad, Romania, 2016): www.informaticalacastel.ro – regarding the most important aspects on Web development and current perspectives (2016 updated edition).
For other resources of interest, visit http://profs.info.uaic.ro/~busaco/teach/
O prelegere reunind cele mai importante aspecte privind dezvoltarea Web și perspectivele actuale (ediția actualizată pentru 2016).
Pentru alte resurse de interes, a se consulta http://profs.info.uaic.ro/~busaco/teach/
An overview of HTML5.
O prezentare generală referitoare la suita de tehnologii HTML5, incluzând aspecte legate de grafică vectorială (SVG) și raster (via <canvas> și JavaScript), plus informații despre microdatele HTML5 pe baza modelelor schema.org.
Prelegere din cadrul materiei "Dezvoltarea aplicaţiilor Web cu JavaScript" (Full-Stack Web Development) predată de Dr. Sabin Buraga (oct.2019–feb.2020).
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/staw/web-film.html
CLIW 2015-2016 (10/13) Programare Web. Suita de tehnologii HTML5Sabin Buraga
O viziune de ansamblu asupra suitei de tehnologii HTML5, plus exemple referitoare la generarea de conținut multimedia via SVG sau via elementul canvas. Detalii la http://profs.info.uaic.ro/~busaco/teach/courses/cliw/web-film.html
CLIW 2017-2018 (9/12) Programare Web. Suita de tehnologii HTML5Sabin Buraga
O prelegere din cadrul materiei "aplicaţiilor Web la nivel de client" (CLIW), fondată și predată de Sabin Buraga la Facultatea de Informatică a Universității "Alexandru Ioan Cuza" din Iași.
Detalii la https://profs.info.uaic.ro/~busaco/teach/courses/cliw/web-film.html
Web 2020 08/12: Servicii Web. De la arhitecturi orientate spre servicii la SO...Sabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Ce înseamnă a fi dezvoltator Web (varianta 2014)Sabin Buraga
Considerații privind diverse posibilități de carieră în domeniul tehnologiilor Web, de dorit după absolvirea studiilor oferite de Facultatea de Informatică, UAIC Iași.
Pentru alte detalii, a se vizita http://www.info.uaic.ro/~busaco/teach/
Web 2020 01/12: World Wide Web – aspecte arhitecturaleSabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Web 2020 03/12: Programare Web – Arhitectura aplicaţiilor Web. Inginerie WebSabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
More Related Content
Similar to Dezvoltarea aplicațiilor Web (supliment): Modelarea datelor în HTML: microformate, scheme de microdate HTML5 şi RDFa
WADe 2017-2018 (1/12) Web Application Development: Concepts & VisionSabin Buraga
A lecture delivered for "Web Application Development" discipline (MSc studies at Faculty of Computer Science, 'Alexandru Ioan Cuza' University of Iasi, Romania): https://profs.info.uaic.ro/~busaco/teach/courses/wade/web-film.html
Dezvoltarea aplicatiilor orientate spre servicii Web. De la REST la mash-up-u...Sabin Buraga
A presentation (available in Romanian language) about RESTful Web service development, including several considerations regarding mash-ups & APIs.
For other details, visit http://profs.info.uaic.ro/~busaco/teach/courses/wade/web-film.html
Web 2020 02/12: Programare Web – HTTP. Cookie-uri. Sesiuni WebSabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
A presentation explaining to (high-school) students what Web development is, including career information.
O prezentare pentru elevi și studenți oferind informații despre ceea ce înseamnă dezvoltarea de apllicații Web.
STAW 08/12: Programare Web. Suita de tehnologii HTML5Sabin Buraga
Prelegere din cadrul materiei "Dezvoltarea aplicaţiilor Web cu JavaScript" (Full-Stack Web Development) predată de Dr. Sabin Buraga (oct.2019–feb.2020).
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/staw/web-film.html
A lecture – prepared to be delivered during "Computer Science at the Castle" Summer School (Macea, Arad, Romania, 2016): www.informaticalacastel.ro – regarding the most important aspects on Web development and current perspectives (2016 updated edition).
For other resources of interest, visit http://profs.info.uaic.ro/~busaco/teach/
O prelegere reunind cele mai importante aspecte privind dezvoltarea Web și perspectivele actuale (ediția actualizată pentru 2016).
Pentru alte resurse de interes, a se consulta http://profs.info.uaic.ro/~busaco/teach/
An overview of HTML5.
O prezentare generală referitoare la suita de tehnologii HTML5, incluzând aspecte legate de grafică vectorială (SVG) și raster (via <canvas> și JavaScript), plus informații despre microdatele HTML5 pe baza modelelor schema.org.
Prelegere din cadrul materiei "Dezvoltarea aplicaţiilor Web cu JavaScript" (Full-Stack Web Development) predată de Dr. Sabin Buraga (oct.2019–feb.2020).
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/staw/web-film.html
CLIW 2015-2016 (10/13) Programare Web. Suita de tehnologii HTML5Sabin Buraga
O viziune de ansamblu asupra suitei de tehnologii HTML5, plus exemple referitoare la generarea de conținut multimedia via SVG sau via elementul canvas. Detalii la http://profs.info.uaic.ro/~busaco/teach/courses/cliw/web-film.html
CLIW 2017-2018 (9/12) Programare Web. Suita de tehnologii HTML5Sabin Buraga
O prelegere din cadrul materiei "aplicaţiilor Web la nivel de client" (CLIW), fondată și predată de Sabin Buraga la Facultatea de Informatică a Universității "Alexandru Ioan Cuza" din Iași.
Detalii la https://profs.info.uaic.ro/~busaco/teach/courses/cliw/web-film.html
Web 2020 08/12: Servicii Web. De la arhitecturi orientate spre servicii la SO...Sabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Ce înseamnă a fi dezvoltator Web (varianta 2014)Sabin Buraga
Considerații privind diverse posibilități de carieră în domeniul tehnologiilor Web, de dorit după absolvirea studiilor oferite de Facultatea de Informatică, UAIC Iași.
Pentru alte detalii, a se vizita http://www.info.uaic.ro/~busaco/teach/
Web 2020 01/12: World Wide Web – aspecte arhitecturaleSabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Web 2020 03/12: Programare Web – Arhitectura aplicaţiilor Web. Inginerie WebSabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Web 2020 04/12: Programare Web – Dezvoltarea aplicaţiilor Web în PHP Sabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Web 2020 05/12: Modelarea datelor. Familia XML. Extragerea datelor cu XPath. ...Sabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Web 2020 06/12: Procesarea datelor XML & HTML. Document Object ModelSabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Web 2020 07/12: Procesarea datelor XML & HTML – Simple API for XML. Procesări...Sabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Web 2020 09/12: Servicii Web. Paradigma RESTSabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Web 2020 10/12: Servicii Web. Micro-servicii. Serverless. Specificarea API-ur...Sabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Web 2020 11/12: Interacţiune Web asincronă. Aplicaţii Web de tip mash-up. JAM...Sabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Web 2020 12/12: Securitatea aplicaţiilor Web. Aspecte esenţialeSabin Buraga
Prelegere din cadrul materiei "Tehnologii Web" predată de Dr. Sabin Buraga.
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/web/web-film.html
Prelegere din cadrul materiei "Dezvoltarea aplicaţiilor Web cu JavaScript" (Full-Stack Web Development) predată de Dr. Sabin Buraga (oct.2019–feb.2020).
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/staw/web-film.html
Prelegere din cadrul materiei "Dezvoltarea aplicaţiilor Web cu JavaScript" (Full-Stack Web Development) predată de Dr. Sabin Buraga (oct.2019–feb.2020).
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/staw/web-film.html
Prelegere din cadrul materiei "Dezvoltarea aplicaţiilor Web cu JavaScript" (Full-Stack Web Development) predată de Dr. Sabin Buraga (oct.2019–feb.2020).
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/staw/web-film.html
Prelegere din cadrul materiei "Dezvoltarea aplicaţiilor Web cu JavaScript" (Full-Stack Web Development) predată de Dr. Sabin Buraga (oct.2019–feb.2020).
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/staw/web-film.html
STAW 06/12: JavaScript în navigatorul Web. De la DOM la Ajax şi mash-up-uriSabin Buraga
Prelegere din cadrul materiei "Dezvoltarea aplicaţiilor Web cu JavaScript" (Full-Stack Web Development) predată de Dr. Sabin Buraga (oct.2019–feb.2020).
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/staw/web-film.html
Prelegere din cadrul materiei "Dezvoltarea aplicaţiilor Web cu JavaScript" (Full-Stack Web Development) predată de Dr. Sabin Buraga (oct.2019–feb.2020).
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/staw/web-film.html
Prelegere din cadrul materiei "Dezvoltarea aplicaţiilor Web cu JavaScript" (Full-Stack Web Development) predată de Dr. Sabin Buraga (oct.2019–feb.2020).
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/staw/web-film.html
Prelegere din cadrul materiei "Dezvoltarea aplicaţiilor Web cu JavaScript" (Full-Stack Web Development) predată de Dr. Sabin Buraga (oct.2019–feb.2020).
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/staw/web-film.html
STAW 11/12: Performanţa aplicaţiilor Web la nivel de clientSabin Buraga
Prelegere din cadrul materiei "Dezvoltarea aplicaţiilor Web cu JavaScript" (Full-Stack Web Development) predată de Dr. Sabin Buraga (oct.2019–feb.2020).
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/staw/web-film.html
STAW 12/12: (Re)găsirea resurselor Web. De la motoare de căutare şi SEO la da...Sabin Buraga
Prelegere din cadrul materiei "Dezvoltarea aplicaţiilor Web cu JavaScript" (Full-Stack Web Development) predată de Dr. Sabin Buraga (oct.2019–feb.2020).
Resurse suplimentare la https://profs.info.uaic.ro/~busaco/teach/courses/staw/web-film.html
6. soluții:
microformate
scheme de microdate HTML5
RDFa
Dr. Sabin Buragawww.purl.org/net/busaco
Idee:
specificarea unor meta-date (date privind datele)
direct în cadrul documentelor HTML
7. (Tantek Çelik & Kevin Marks, 2004)
www.microformats.org
Dr. Sabin Buragawww.purl.org/net/busaco
Microformate
8. utilizarea de marcaje (X)HTML pentru a desemna
semantica și/sau structura conținutului
Dr. Sabin Buragawww.purl.org/net/busaco
Microformate
9. utilizarea de marcaje (X)HTML pentru a desemna
semantica și/sau structura conținutului
“curentul” POSH (Plain Old Semantic HTML)
Dr. Sabin Buragawww.purl.org/net/busaco
Microformate
10. reutilizarea unor vocabulare de termeni,
disponibile liber și standardizate
Dr. Sabin Buragawww.purl.org/net/busaco
Microformate
11. reutilizarea unor vocabulare de termeni,
disponibile liber și standardizate
realizarea de adnotări semantice direct în HTML
și alte limbaje similare
prelucrare mai faciltă a reprezentărilor resurselor
Dr. Sabin Buragawww.purl.org/net/busaco
Microformate
12. “clase” CSS pentru prezentare
și asocierea de descrieri
ale meta-datelor
structurarea
paginilor Web:
precizarea
înțelesului
(semanticii)
conținutului
Dr. Sabin Buragawww.purl.org/net/busaco
marcaje HTML (<div>, <span>)
pentru specificarea datelor &
structurii lor
13. elementare (desemnează o singură caracteristică)
+
compuse (specifică mai multe proprietăți
care modelează un aspect de interes
– e.g., un concept: persoană, eveniment,…)
Dr. Sabin Buragawww.purl.org/net/busaco
Microformate
14. asociază unei legături hipertext un termen (tag)
– cuvânt-cheie ori subiect – ales liber de autor
(tagging content)
Dr. Sabin Buragawww.purl.org/net/busaco
rel-tag
15. <a href="http://technorati.com/tag/fish" rel="tag">fish</a>
<a href="http://en.wikipedia.com/wiki/UNIX" rel="tag"
class="skill">UNIX</a>
<a href="http://flickr.com/photos/tags/Penguin" rel="tag">
<img src="tux.jpg" alt="Foto cu un pinguin" /></a>
Dr. Sabin Buragawww.purl.org/net/busaco
rel-tag
18. desemnează evenimente & orare
vezi formatul iCalendar – RFC 2445
Dr. Sabin Buragawww.purl.org/net/busaco
hCalendar
19. <div class="vevent">
<a class="url" href="http://profs.info.uaic.ro/~web/2007/">
<abbr class="dtstart" title="20061117">November 17</abbr> -<abbr class="dtend" title="20061118">18, 2006</abbr>
<span class="summary">Summer Web 2007</span> la
<span class="location">Sala Romtelecom</span></a>
<div class="description">Se anunță ediția a VII-a a workshop-ului
dedicat tehnologiilor Web!</div>
</div>
Dr. Sabin Buragawww.purl.org/net/busaco
hCalendar
20. informații de contact despre persoane, organizații etc.
în conformitate cu formatul vCard – RFC 2426
Dr. Sabin Buragawww.purl.org/net/busaco
hCard
27. simplifică maniera de specificare (2012)
http://microformats.org/wiki/microformats2
Dr. Sabin Buragawww.purl.org/net/busaco
Microformate 2
28. vocabularele sunt definite pe baza unor prefixe
hpudte-
includerea unui microformat
specificarea unei proprietăți simple
desemnarea unui URL
definirea de valori privind data & timpul
specificarea de proprietăți compuse
Dr. Sabin Buragawww.purl.org/net/busaco
Microformate 2
29. exemplu concret de utilizare a microformatului hCard
(în ambele versiuni)
preluat de la https://webfwd.org/about/experts/
Dr. Sabin Buragawww.purl.org/net/busaco
<div class="h-card vcard">
<img src="/content/content_about-experts/brendaneich.jpg"
alt="Brendan Eich">
<h5><a href="http://brendaneich.com/"
class="p-name fn u-url url">Brendan Eich</a></h5>
<p class="p-note note">
Created JavaScript, co-founded the mozilla.org project…</p>
<span class="p-category category">Technology</span>
</div>
30. vocabulare predefinite (în stadiu de ciornă):
h-adr
h-geo
h-resume
h-card
h-item
h-review
h-entry
h-event
h-product h-recipe
h-review-aggregate
Dr. Sabin Buragawww.purl.org/net/busaco
Microformate 2
31. Dr. Sabin Buragawww.purl.org/net/busaco
<!-- specificarea unui eveniment via microformate versiunea 2 -->
<section class="h-event">
<a class="p-name u-url" href="http://potop.info/2013/">
Potop – ediția 2013</a>
de la <time class="dt-start">2013-10-28</time>
până la <time class="dt-end">2013-11-01</time>, fiind organizat la
<span class="p-location h-card">
<a class="p-name p-org u-url" href="http://www.info.uaic.ro/">
Facultatea de Informatică</a>,
<span class="p-street-address">Strada Berthelot, 16</span>,
<span class="p-locality">Iași</span>,
<abbr class="p-region" title="Iași">IS</abbr>
</span>
</section>
32. }
"items": [ {
"type": [ "h-event" ],
"properties": {
"name": [ "Potop – ediția 2013" ],
"url": [ "http://potop.info/2013/" ],
"start": [ "2013-10-28" ],
"end": [ "2013-11-01" ],
"location": [ {
"value": "Strada Berthelot, 16, Iași, IS",
"type": [ "h-card" ],
"properties": {
"name": [ "Facultatea de Informatică" ],
"org": [ "Facultatea de Informatică" ],
"url": [ "http://www.info.uaic.ro/" ],
"street-address": [ "Strada Berthelot, 16" ],
"locality": [ "Iași" ],
"region": ["Iași" ]
}
aceleași date în format JSON
}]
}
rezultate în urma procesării
}]
marcajelor HTML
Dr. Sabin Buragawww.purl.org/net/busaco
{
34. Desigur, putem definite microformate proprii:
hLocation – referențierea (în termeni fuzzy) a locațiilor
(S. Dumitriu, M. Gîrdea & S. Buraga, 2007)
hMusic – specificarea datelor privind producții muzicale
(S. Buraga, 2008)
Dr. Sabin Buragawww.purl.org/net/busaco
microformate: utilizări
36. alternativă la microformate
specificație W3C în stadiu de ciornă (octombrie 2012)
www.w3.org/TR/microdata/
Dr. Sabin Buragawww.purl.org/net/busaco
Microdata HTML 5
37. posibilitatea de a specifica perechi de proprietăți
(nume, valoare) “scufundate” în HTML
Dr. Sabin Buragawww.purl.org/net/busaco
Microdata HTML 5
38. grupurile de perechi de proprietăți nume—valoare
sunt denumite items
Dr. Sabin Buragawww.purl.org/net/busaco
Microdata HTML 5
39. grupurile de perechi de proprietăți nume—valoare
sunt denumite items
creare via atributul itemscope
specificarea unei proprietăți prin atributul itemprop
referire cu ajutorul atributului itemref
Dr. Sabin Buragawww.purl.org/net/busaco
Microdata HTML 5
40. grupurile de perechi de proprietăți nume—valoare
sunt denumite items
asocierea unui tip de date se face cu atributul itemtype
pentru identificarea unui item se folosește itemid
Dr. Sabin Buragawww.purl.org/net/busaco
Microdata HTML 5
41. ca tipuri de date se pot folosi microformatele
Dr. Sabin Buragawww.purl.org/net/busaco
Microdata HTML 5
46. Dr. Sabin Buragawww.purl.org/net/busaco
<body itemscope itemtype="http://schema.org/WebPage">
<header>
<h1 itemprop="name">
<a href="index.html" title="…">Dezvoltarea aplicațiilor Web</a>
</h1>
<p class="slogan" itemprop="description">prezentările aferente cursului</p>
</header>
<article>
<!– conținut propriu-zis -->
specificarea faptului că Sabin Buraga
</article>
este o persoană
<footer>
<h6>
<span itemscope itemtype="http://schema.org/Person">
<a href="http://www.purl.org/net/busaco" title="…"
itemprop="url" accesskey="S">
<span itemprop="name">Sabin Buraga</span>
</a>
</span>
</h6>
</footer>
</body>
recurgerea la elemente structurale și
scheme de microdate HTML5
47. <div itemscope itemtype="http://schema.org/Product">
<img itemprop="image" src="tux-de-catifea-cu-paiete.jpg" />
<span itemprop="name" lang="ro">Tux de catifea cu paiete</span>
Dr. Sabin Buragawww.purl.org/net/busaco
<div itemprop="aggregateRating"
itemscope itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">74</span>
din <span itemprop="bestRating">100</span> de puncte
pe baza a <span itemprop="ratingCount">33</span> de evaluări ale utilizatorilor
</div>
<div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer">
disponibil de la <span itemprop="lowPrice">30</span>
la <span itemprop="highPrice">130</span> de RON
pe baza ofertei a <span itemprop="offerCount">10</span> comercianți
Oferta zilei:
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<a itemprop="url" href="http://jucarii.biz/tucsi/tux-catifea-paiete">
Jucării de groază pentru toți, acum cu paiete</a>
</div>
</div>
</div>
48. adnotarea semantică via microdate HTML5 a datelor
în contextul interacțiunii om-calculator
persona & teste de utilizabilitate
(Ștefan Negru & Sabin Buraga, 2012)
http://blankdots.com/open/schema/
Dr. Sabin Buragawww.purl.org/net/busaco
Studiu de caz:
54. reprezintă un alt format de serializare a modelului RDF
RDF + HTML = RDFa
Dr. Sabin Buragawww.purl.org/net/busaco
Specificarea construcțiilor RDF direct în (X)HTML
RDFa
55. recomandări ale Consorțiului Web
RDFa 1.0 (2008)
RDFa 1.1 (2012 – prima ediție; 2013 – a doua ediție)
www.w3.org/TR/rdfa-core
Dr. Sabin Buragawww.purl.org/net/busaco
RDFa
56. “punte” între Web-ul social și Web-ul datelor
www.w3.org/TR/rdfa-primer/
Dr. Sabin Buragawww.purl.org/net/busaco
RDFa
57. utilizarea unor atribute HTML specifice menite a modela
datele disponibile într-o pagină Web
în vederea procesării acestora de către un program
Dr. Sabin Buragawww.purl.org/net/busaco
RDFa
58. minimal, se pot utiliza atributele specificate de RDFa Lite
www.w3.org/TR/rdfa-lite/
Dr. Sabin Buragawww.purl.org/net/busaco
RDFa
59. minimal, se pot utiliza atributele specificate de RDFa Lite
vocab – precizează URL-ul vocabularului de date folosit
exemplificări:
http://schema.org/
http://open.vocab.org/terms/
Dr. Sabin Buragawww.purl.org/net/busaco
RDFa
60. minimal, se pot utiliza atributele specificate de RDFa Lite
typeof – desemnează un tip de date (clasă de „lucruri”)
de exemplu: Event, Person, Product etc.
Dr. Sabin Buragawww.purl.org/net/busaco
RDFa
61. minimal, se pot utiliza atributele specificate de RDFa Lite
property – specifică o proprietate asociată tipului de date
e.g., pentru tipul Event sunt definite proprietățile
duration, location, startDate, endDate, performers,…
(conform http://schema.org/Event)
Dr. Sabin Buragawww.purl.org/net/busaco
RDFa
62. minimal, se pot utiliza atributele specificate de RDFa Lite
resource – indică un identificator de resursă (subiectul)
despre care se “vorbește” în termeni de meta-date
Dr. Sabin Buragawww.purl.org/net/busaco
RDFa
63. minimal, se pot utiliza atributele specificate de RDFa Lite
prefix – desemnează un vocabular specific
e.g., rdf pentru RDF, rdfa – RDFa, xsd – XML Schema
Dr. Sabin Buragawww.purl.org/net/busaco
RDFa
64. minimal, se pot utiliza atributele specificate de RDFa Lite
prefix – desemnează un vocabular specific
e.g., rdf pentru RDF, rdfa – RDFa, xsd – XML Schema
lista prefixelor predefinite:
www.w3.org/2011/rdfa-context/rdfa-1.1
Dr. Sabin Buragawww.purl.org/net/busaco
RDFa
65. <p vocab="http://schema.org/" typeof="Person"
resource="#tux">
Salut, eu sunt
<span property="name">Tuxy Pinguinescu</span>
și vă invit să vizitați
<a property="url" href="http://tux.info/">situl meu</a>.
</p>
Dr. Sabin Buragawww.purl.org/net/busaco
Exemplu recurgând la vocabularul schema.org
adaptare după (Manu Sporny, 2012)
66. <div vocab="http://xmlns.com/foaf/0.1">
<div resource="#busaco" typeof="Person">
<a property="url" href="http://purl.org/net/busaco">
<span property="name">Sabin Buraga</span></a>
îi are drept cunoscuți pe
<a property="knows" href="#alecsandru">Alecsandru</a> și
<a property="knows" href="#blankdots">Ștefan</a>.
</div>
<p resource="#alecsandru" typeof="Person">
<span property="name">Alecsandru Grigoriu</span></a>
</p>
…
</div>
Dr. Sabin Buragawww.purl.org/net/busaco
Exemplu: modelarea grafului social al unui utilizator
pe baza vocabularului FOAF (Friend Of A Friend)
67. date adnotate
semantic via RDFa
triplele RDF extrase
http://rdfa.info/play/
un instrument Web de editare și vizualizare a construcțiilor RDFa
Dr. Sabin Buragawww.purl.org/net/busaco
redarea
conținutului
marcat
71. Dr. Sabin Buragawww.purl.org/net/busaco
<div typeof="gr:Offering" about="#fabulous-offer">
<div rev="gr:offers" resource="http://www.undeva.biz#business">
<span property="gr:validFrom" datatype="xsd:dateTime"
content="2012-11-20T00:00:00Z"></span>
<span property="gr:validThrough" datatype="xsd:dateTime"
content="2013-11-20T00:00:00Z"></span>
</div>
<div rel="gr:hasPriceSpecification">
<span typeof="gr:UnitPriceSpecification" about="#UnitPriceSpec">
Pret:
<span property="gr:hasCurrencyValue" datatype="xsd:float">
33.33</span>
<span property="gr:hasCurrency" datatype="xsd:string">Euro</span>
</span>
</div>
<a rel="product:specification"
href="http://undeva.biz/product#spec">Specificațiile produsului</a>
</div>
modelarea în RDFa a unei oferte de e-business
pe baza Good Relations – după Martin Hepp (2009)
72. exemplificări:
BestBuy, CheapToTravel, Magento Shop, O’Reilly Media,
Overstock, ProductDB, Yahoo! Real Estate
Dr. Sabin Buragawww.purl.org/net/busaco
O listă a siturilor/aplicațiilor care recurg la adnotări
semantice RDFa referitoare la produse via Good Relations
poate fi consultată la
http://notes.3kbo.com/goodrelations-sites
73. acces la date structurate, nu doar la conținut textual
http://rdfa.info/
diverse biblioteci: http://rdfa.info/dev/
Dr. Sabin Buragawww.purl.org/net/busaco
RDFa transformă o pagină Web într-un API
75. abordare WYSISYG (What You See Is What You Get)
generează reprezentări RDFa – inclusiv rNews
recurge la API-uri de adnotare a conținutului textual
(e.g., Alchemy, Open Calais, Ontos, DBpedia)
disponibil și ca extensie pentru WordPress
http://aksw.org/Projects/RDFaCE.html
Dr. Sabin Buragawww.purl.org/net/busaco
Generarea de construcții RDFa
pe baza editorului on-line RDFaCE
77. <li about="/issues/59939" typeof="g:Issue" property="g:hasPublicationDate"
content="2011-10-14" rel="g:hasNotice"><a href="/issues/59939/notices/1457466/…"
about="/issues/59939/notices/1457466" typeof="g:Notice">…</a></li>
Dr. Sabin Buragawww.purl.org/net/busaco
rdf: utilizari – rdfa
inspectarea construcțiilor RDFa din cadrul unui document
HTML via RDFa Highlight bookmarklet
78. extragerea de triple RDF din construcții RDFa
via instrumentul RADiFy – http://code.google.com/p/radify/
(în acest caz, se folosesc vocabulare ca FOAF și Good Relations)
Dr. Sabin Buragawww.purl.org/net/busaco
<#offering> gr:name "Ty Pennington Style Mayfield 4 Pc. Deep Seating Set"
<#offering> gr:hasCurrency "USD"
<#offering> gr:hasCurrencyValue "849.99"
79. Dr. Sabin Buragawww.purl.org/net/busaco
vizualizarea triplelor RDF incluse într-un document HTML
cu extensia Green Turtle RDFa pentru Chrome
aici se recurge la Open Graph Protocol – http://opengraphprotocol.org/
81. model de date pentru includerea de meta-date
din domeniul publicațiilor
(e.g., știri, articole, periodice) în documentele HTML
standard IPTC (International Press
Telecommunications Council) – octombrie 2011
rnews.org
Dr. Sabin Buragawww.purl.org/net/busaco
rNews
82. pe bazează pe microdate HTML5 și/sau RDFa
Dr. Sabin Buragawww.purl.org/net/busaco
rNews
detalii în prezentarea E. Sandhaus, S. Myles & A. Gebhard,
“The State of rNews”, Semantic Technology & Business
Conference, San Francisco (2012)
https://speakerdeck.com/u/agebhard/p/the-state-of-rnews
83. Dr. Sabin Buragawww.purl.org/net/busaco
Microformatele, microdatele HTML5 și aserțiunile RDF(a)
sunt indexate de motoarele de căutare
Bing – http://tinyurl.com/b9mx2f2
Google rich snippets – http://tinyurl.com/3c6naq7
Yahoo! BOSS (Build your Own Search Service)
http://developer.yahoo.com/search/boss/
84. Microformatele pot fi exprimate
via microdate HTML care, la rândul lor,
pot avea asociate construcții RDF(a)
Dr. Sabin Buragawww.purl.org/net/busaco
microformate↔microformate↔RDFa
85. Cel mai expresiv – general – model este RDF(a)
Dr. Sabin Buragawww.purl.org/net/busaco
microformate↔microformate↔RDFa
87. modelarea unui eveniment via microdate HTML5,
pe baza schemelor de date oferite de schema.org
(Jeni Tennison, 2011)
Dr. Sabin Buragawww.purl.org/net/busaco
<li class="conference" itemscope itemid="/2011/oscon/"
itemtype="http://schema.org/Event"
itemclass="SocialEvent BusinessEvent EducationEvent">
<h2><a itemprop="url" href="/2011/oscon/">
<span itemprop="name">OSCON 2011</span></a></h2>
<p itemprop="location" itemscope itemid="/places/portland/"
itemtype="http://schema.org/Place">
<span itemprop="name"><a href="/places/usa/">USA</a> /
<a itemprop="url" href="/places/portland/">Portland</a></span></p>
<p class="date">
<time itemprop="startDate" datetime="2011-07-25">25</time> –
<time itemprop="endDate" datetime="2011-07-29">29 iulie</time>
</p>
...
</li>
88. </2011/oscon/> a
s:url
s:name
s:location
s:startDate
s:endDate
</places/portland/> a
s:url
s:name
s:Event ,
s:SocialEvent , s:BusinessEvent ,
s:EducationEvent ;
<http://lanyrd.com/2011/oscon/> ;
"OSCON 2011" ;
</places/portland/> ;
"2011-07-25"^^xsd:date ;
"2011-07-29"^^xsd:date .
s:Place ;
<http://lanyrd.com/places/portland/> ;
"United States / Portland" .
construcțiile RDF echivalente pe baza asocierilor
(mappings) realizate – Jeni Tennison, 2011
Dr. Sabin Buragawww.purl.org/net/busaco
@prefix s: <http://schema.org/>
89. "http://schema.org/Event",
"http://lanyrd.com/2011/oscon/",
{
[ "http://lanyrd.com/2011/oscon/" ],
[ "OSCON 2011" ],
[
"http://schema.org/Place",
"http://lanyrd.com/places/portland/",
:
{
:
[ "United States / Portland" ],
:
[ "http://lanyrd.com/places/portland/" ] }
:
:
[ "2011-07-25" ],
[ "2011-07-29" ]
Dr. Sabin Buragawww.purl.org/net/busaco
{ "type"
:
"id"
:
"properties" :
"url"
:
"name" :
"location" :
{ "type" :
"id" :
"properties"
"name"
"url"
} ],
"startDate"
"endDate"
}
}
modelul de date exprimat în JSON
(accesat via un serviciu Web respectând paradigma REST)
90. proiect realizat de Ionuț-Cosmin Atomei (absolvent FII, 2013)
Dr. Sabin Buragawww.purl.org/net/busaco
vizualizarea datelor structurate cu SmartWebBrowser
92. Alte resurse de interes privind modelarea și procesarea
datelor structurate disponibile pe Web
sunt disponibile la
http://structured-data.org/
Dr. Sabin Buragawww.purl.org/net/busaco
microformate↔microformate↔RDFa