SlideShare a Scribd company logo
1 of 31
Introduction to
OntologiesOntologies && Semantic WebSemantic Web
ILIUTA STOICA – SIVA – 2013
RETELE DE CALCULATOARE SI INTERNET
Cuprins
1. Introduction
2. Ontologies
3. Semantic Web
4. Responsive Web Design
5. Conclusion
I. Introduction
 Ontologiile fac posibilă extinderea la nivel mare a informaţiei
procesata realizând oportunităţi pentru automatizarea acestui
proces.
 Dezoltarea de programe pentru a asista ontologia în procesul de
mapare este crucială pentru succesul webului semantic.
II. Ce reprezintă ontologia ?
 Ontologia reprezintă o descriere ( ca o specificaţie unică a unui program ) a
conceptelor şi relaţiilor care pot exista pentru un program sau pentru mai
multe. Aceasta definiţie este consistentă cu utilizarea ontologiei ca un set de
definiţii concept, dar mai generale. Dar lucrul cel mai important îl reprezintă
„pentru ce” este folosită o ontologie.
 Ontologia descrie un domeniu, în timp ce o bază de cuno tin e (bazată pe oș ț
ontologie) descrie o anumită stare de fapte. Fiecare sistem bazată pe
cunoa tere sau agent are propria bază de cuno tin e.ș ș ț
Specificatii ale Ontologiei
 Conceptualizare poate fi definită ca o
structură semantică care codifica
cunoa terea implicită limitând structură laș
o anumită parte dintr-un domeniu .
Ontologia este o specificaţie (parţială) a
acestei structuri.
Limitarile Ontologiei
 Partea principală a unei ontologii o reprezintă o taxonomie.
Taxonomia reprezintă o clasificare a lucrurilor într-o formă ierarhică.
Taxonomia limitează , de obicei, utilizarea inten ionată a claselor - înț
cazul în care clasele sunt subseturi ale setului a tuturor indivizilor posibili
din domeniu.
 Ontologiile nu trebuie să se limiteze la ierarhiile taxonomice de clase iș
nu trebuie să se limiteze la defini ii care introduc numai terminologii iț ș
nu adaugă nici o cunoa tere despre lume.ș
Re eaua semanticăț
 Re eaua semantică exprimă vocabularul (la nivelul ontologiei) careț
este util în special pentru om , dar care încă mai poate fi utilizat pentru
procesarea software. Rela iile dintre concepte, care sunt utilizate înț
re elele semantice sunt după cum urmează :ț
 sinonim - un concept A exprimă acela i lucru ca i conceptul Bș ș
 antonim - un concept A exprimă opusul conceptului B
 meronym , holonym - o parte sau unele parti dintre concepte
 hyponym , hypernym - includerea semantică între concepte în ambele
direc iiț
Operatii cu Ontologii
 Unirea de ontologii înseamnă crearea unei noi ontologii prin
conectarea celor deja existente.
 Maparea de la o ontologie la alta se exprimă din modul de a traduce
declara iile de la o ontologie la alta.ț
 Alinierea este un proces de mapare între ontologii în ambele direc ii,ț
întrucât este posibil să se modifice ontologiile originale, astfel încât să
existe traducere adecvată.
 Rafinamentul maparii de la o ontologie A la o altă ontologie B, astfel
încât fiecare concept din ontologie A are echivalent în ontologia B.
Operatii cu Ontologii
 Unificarea reprezintă alinierea tuturor conceptelor i rela iilor dinș ț
ontologii, astfel încât inferen a într-o ontologie poate fi mapată în alteț
ontologie i vice-versa.ș
 Integrarea este un proces de a căuta acelea i păr i din două ontologiiș ț
diferite, A i B, în timp ce se dezvolta o nouă ontologie C, care permiteș
traducerea între ontologiile A i B, pentru a permite interoperabilitateaș
între cele două sisteme.
 Mo tenireaș înseamnă că ontologia A mo tene te totul de la ontologiaș ș
B. Mo tene te toate conceptele, rela iile i restric iile i nu există nici oș ș ț ș ț ș
inconsecven ă introdusă de cuno tin ele suplimentare din ontologia A.ț ș ț
Designul Modular
 Design-ul modular folose te mo tenirea deș ș
ontologii - ontologiile superioare descriu
cuno tin e generale, iar ontologiile deș ț
aplicare descrie cuno tin e pentru o anumităș ț
aplica ieț .
III. Webul Semantic
 Webul semantic reprezintă un efort de a îmbunătăţi webul curent
pentru că calculatoarele să proceseze informaţiile prezentate pe www.
 Scopul principal al webului semantic îl reprezintă evoluţia webului
curent oferind utilizatorilor posibilitatea de a găsi, distribui şi de a
congrega informaţiile mult mai uşor.
 Solutia webului semantic o reprezinta utilizarea structurilor de date,
microformate, RDFa pentru detectia cat mai usoara a continutului
relevant.
Semantic Content Markup
Un exemplu de tag folosit intr-o pagina nesemantica:
<item>blog</item>
Folosind aceeasi informatie dar intr-o pagina semantica ar putea arata
asa:
<item rdf:about="http://example.org/semantic-web/">Semantic
Web</item>
Semantic Web Architecture
 Stratul (XML) foloseste scheme XML si se asigură că
există o sintaxă comună utilizată în web-ul semantic.
XML este un limbaj de markup general pentru
documente care con in informa ii structurate.ț ț
 RDF este o baza pentru reprezentarea de informa iiț
cu privire la resurse într-o formă cu diagrame. Poate
fi utilizat pentru stocarea oricarei alte date.
Semantic Web Tehnologies
 XML este un limbaj de markup general pentru documente care con inț
informa ii structurate . Un document XML con ine elemente care pot fiț ț
imbricate i care poate avea atribute i con inutș ș ț .
 RDF însu i serve te ca o descriere a unei diagrame formata de triplete .ș ș
Oricine poate defini vocabularul de termeni utiliza i pentru o descriereț
mai detaliată.
 OWL este un limbaj derivat din descrierea logică i oferă mai multeș
construc ii peste RDFS . Acesta este încorporat sintactic în RDF, a aț ș
cum RDFS oferă un vocabular suplimentar. OWL vine în trei forme - OWL
Lite pentru taxonomii i constrângeri simple,ș OWL DL pentru suport
complet a descrierii logice iș OWL complet pentru expresivitate
maximă i libertate sintactică a RDFș
RDF – Resource Description Framework
 „Joe Smith are pagina
http://www.example.org/~joe”. Toate elementele
ale acestei legaturi sunt resurse definite de URI.
 Prima resursa
http://www.example.org/~joe/contact.rdf#joesmith 
(subject) are intentia de a-l identifica pe Joe Smith.
Defineste precis cum sa ajungem la un document
RDF si de asemenea cum sa obtinem nodul RDF
joesmith din pagina.
RDF Elements
Vocabularul RDF include următoarele elemente:
rdf:type – o resursa este o instant a unei clase
rdf:XMLLiteral – clasa de cuvinte folosite
rdf:Property – clasa proprietatilor
rdf:Alt, rdf:Bag, rdf:Seq – clasa de elemente
rdf:List – clasa listelor RDF
rdf:nil – instante de liste rdf:List reprezentate de liste
nule.
rdf:Statement, rdf:subject, rdf:predicate, rdf:object –
folosit pentru declaratii
Sintaxa RDF
<rdf:RDF
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:foaf="http://xmlns.com/foaf/0.1/"
xmlns="http://www.example.org/~joe/contact.rdf#">
<foaf:Person rdf:about=
"http://www.example.org/~joe/contact.rdf#joesmith">
<foaf:mbox rdf:resource="mailto:joe.smith@example.org"/>
<foaf:homepage rdf:resource="http://www.example.org/~joe/"/>
<foaf:family_name>Smith</foaf:family_name>
<foaf:givenname>Joe</foaf:givenname>
</foaf:Person>
</rdf:RDF>
Adding Semantic markup to websites
 <abbr title="kilograme”>kg</abbr>
 pentru evidenţierea textului se foloseşte
tagul <em> iar pentru a scoate şi mai
mult în evidentă se foloseşte tagul
<strong>
 Acum este verificat continutul daca este
scris de catre un autor care apare pe
Google+.
Rich Snippets, microdata, microformats, RDFa
Pentru a utiliza rich snippets, trebuie
urmaţi câţiva paşi:
 Alegerea unui tip de format. Google
sugerează să folosim formatul microdata dar
putem folosi de asemenea şi microformats şi
RDFa.
 Implementarea formatului în pagini : Google
suporta rich snippets pentru următoarele
formate: review-uri, oameni, produse,
organizaţii, reţete, evenimente, video,
muzica.
 Testarea noului cod implementat folosind
diferite aplicatii de verificare.
Microformats
Reprezinta convenţii simple (cunoscute sub numele de entită i) utilizate peț
paginile web pentru a descrie un anumit tip de informaţii (de ex, informa iiț
pentru un comentariu, un eveniment, un produs, o afacere, sau o persoană).
<div class="vcard">
<img class="photo" src="www.example.com/bobsmith.jpg" />
<strong class="fn">Bob Smith</strong>
<span class="title">Senior editor</span> at <span class="org">ACME Revi-ews</span>
<span class="adr">
<span class="street-address">200 Main St</span>
<span class="locality">Desertville</span>, <span class="region">AZ</span>
<span class="postal-code">12345</span>
</span>
</div>
RDFa
RDFa este o modalitate de a eticheta con inut pentru a descrie un anumitț
tip de informa ii, cum ar fi review-ul la un restaurant, un eveniment, oț
persoană, sau o listare de produse. Aceste tipuri de informa ii sunt numiteț
entită i sau articole.ț
<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person">
My name is <span property="v:name">Bob Smith</span>,
but people call me <span property="v:nickname">Smithy</span>.
Here is my homepage:
<a href="http://www.example.com" rel="v:url">www.example.com</a>.
I live in Albuquerque, NM and work as an <span property="v:title" >engineer </span>
at <span property="v:affiliation" >ACME Corp</span>.
</div>
Testing & Validation RDFa
 Pentru a testa datele structurale adăugate în pagină web se poate
folosi intrumentul de testare oferit de google pentru a verifica dacă
Google poate accesa şi înţelege structurile de date utilizate în
pagină web.
type: Breadcrumb
relationship:
name: url
value: Connect with Iliuta Stoica on Google Plus
href: http://google.com/+IliutaStoica
property:
title: Connect with Iliuta Stoica on Google Plus
rdfa-node
IV. Responsive Web Design
 Ce este designul responsive
 De ce avem nevoie de responsive design
 Cum implementam responsive design
 Practici utile
Ce este Responsive Design ?
 Un site realizat cu responsive design se adapteaza la rezolutia device-ului
care acceseaza acel site. Se pot folosi mai multe tehnici de optimizare a
elementelor pentru a oferi o experienta cat mai naturala si mai putin
solicitanta pentru utilizator.
De ce avem nevoie de el ?
Acestia reprezinta marea majoritate a utilizatorilor de web mobil
Responsive Layout
Dimensiunile diferitelor device-uri cu acces la internet
Zone de touch pe device-uri
Mai nou si laptopurile, chiar si monitoarele au ecrane cu touch. Zonele de
interactiune pe un telefon mobil difera de zonele pe o tableta.
Cum implementam responsive design
 Putem folosi Media Queries
/* OUR DESKTOP VERSION RESOLUTION PRESETS
======================================
Resolution group Minimum resolution Maximum resolution
-----------------------------------------------------------------------
Mobile 0 319
Smartphone 320 600
Tablet portrait 601 768
Tablet landscape 769 1024
Latest table-layout: 1024 1248
Desktop 1025 1332
Wide 1333 1599
Extreme 1600 infinity
 */
Cum implementam responsive design
 Putem folosi SVG
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="329">
<title>The Clown Car Technique</title>
<g>
<image id="small" height="329" width="300"xlink:href="small.png" />
<image id="medium" height="329" width="300"xlink:href="medium.png" />
<image id="big" height="329" width="300"xlink:href="big.png" />
<image id="huge" height="329" width="300"xlink:href="huge.png" />
</g>
</svg>
Practici utile
<defs>
<style>
image {display: none; }
#small { display: block; }
@media screen and (max-width: 25em) {
#medium { display: block; }
#small {display: none; }
}
@media screen and (max-width: 45em) {
#big { display: block; }
#small {display: none; }
}
</style>
</defs>
V. Concluzii
 Webul semantic nu va cere fiecărei aplicaţii web să folosească expresii de
complexitate arbitrară. Chiar dacă limbajul în sine permite utilizarea de expresii
complexe ale structurilor de date, aplicaţiile care vor utiliza RDF vor fi limitate
să folosească expresii simple, de ex controlul accesului în aplicaţie, preferin eleț
de confiden ialitate şi criteriile de căutare.ț
 Webul semantic nu va avea nevoie de generarea de exemple pentru a putea
fi util: validarea structurilor de date va fi de ajuns pentru extragerea
informaţiilor de pe paginile web. Primele utilizări, de ex. controlarea accesului
asupra unui site, implica prevalidarea unui concept, nu o cerin ă pentru aț
răspunde la o întrebare arbitrară.

More Related Content

Viewers also liked

Presentació aules 2012 2013
Presentació aules 2012 2013Presentació aules 2012 2013
Presentació aules 2012 2013Susana Izquierdo
 
Style icon power point presentation new improved ver
Style icon power point presentation new improved verStyle icon power point presentation new improved ver
Style icon power point presentation new improved verNatalie Fontaine
 
поршакова
поршаковапоршакова
поршаковаporschakowa
 
AngularJS RTP Slides - Angular 2 Demo #ngtattoo with Angular CLI, Newest New ...
AngularJS RTP Slides - Angular 2 Demo #ngtattoo with Angular CLI, Newest New ...AngularJS RTP Slides - Angular 2 Demo #ngtattoo with Angular CLI, Newest New ...
AngularJS RTP Slides - Angular 2 Demo #ngtattoo with Angular CLI, Newest New ...Tracy Lee
 
Sukatan Pelajaran Pendidikan Seni Visual Tahun 3
Sukatan Pelajaran Pendidikan Seni Visual Tahun 3Sukatan Pelajaran Pendidikan Seni Visual Tahun 3
Sukatan Pelajaran Pendidikan Seni Visual Tahun 3Jeyah Orchids
 
Style Icon Power Point Presentation
Style Icon Power Point PresentationStyle Icon Power Point Presentation
Style Icon Power Point PresentationNatalie Fontaine
 

Viewers also liked (10)

Presentació aules 2012 2013
Presentació aules 2012 2013Presentació aules 2012 2013
Presentació aules 2012 2013
 
El rei artur
El rei arturEl rei artur
El rei artur
 
Fotos crits power
Fotos crits powerFotos crits power
Fotos crits power
 
Style icon power point presentation new improved ver
Style icon power point presentation new improved verStyle icon power point presentation new improved ver
Style icon power point presentation new improved ver
 
поршакова
поршаковапоршакова
поршакова
 
AngularJS RTP Slides - Angular 2 Demo #ngtattoo with Angular CLI, Newest New ...
AngularJS RTP Slides - Angular 2 Demo #ngtattoo with Angular CLI, Newest New ...AngularJS RTP Slides - Angular 2 Demo #ngtattoo with Angular CLI, Newest New ...
AngularJS RTP Slides - Angular 2 Demo #ngtattoo with Angular CLI, Newest New ...
 
Style&glam lookbookfinal
Style&glam lookbookfinalStyle&glam lookbookfinal
Style&glam lookbookfinal
 
Sukatan Pelajaran Pendidikan Seni Visual Tahun 3
Sukatan Pelajaran Pendidikan Seni Visual Tahun 3Sukatan Pelajaran Pendidikan Seni Visual Tahun 3
Sukatan Pelajaran Pendidikan Seni Visual Tahun 3
 
Teknik capan
Teknik capanTeknik capan
Teknik capan
 
Style Icon Power Point Presentation
Style Icon Power Point PresentationStyle Icon Power Point Presentation
Style Icon Power Point Presentation
 

Similar to Tema10 iliuta-stoica-ontologies-web-semantics

Fii linked data
Fii linked dataFii linked data
Fii linked datateodora001
 
Fii linked data
Fii linked dataFii linked data
Fii linked datateodora001
 
Modelarea datelor via XML. Design patterns in contextul specificarii document...
Modelarea datelor via XML. Design patterns in contextul specificarii document...Modelarea datelor via XML. Design patterns in contextul specificarii document...
Modelarea datelor via XML. Design patterns in contextul specificarii document...Sabin Buraga
 
Interconectarea Semantica A Datelor In Contextul Managementului Informatiilor...
Interconectarea Semantica A Datelor In Contextul Managementului Informatiilor...Interconectarea Semantica A Datelor In Contextul Managementului Informatiilor...
Interconectarea Semantica A Datelor In Contextul Managementului Informatiilor...Ecaterina Moraru (Valica)
 
WADe 2014—2015 (09/12): Semantic Web—Specificarea ontologiilor în limbajul OWL
WADe 2014—2015 (09/12): Semantic Web—Specificarea ontologiilor în limbajul OWLWADe 2014—2015 (09/12): Semantic Web—Specificarea ontologiilor în limbajul OWL
WADe 2014—2015 (09/12): Semantic Web—Specificarea ontologiilor în limbajul OWLSabin Buraga
 
Recurgerea la metode inspirate din natură în contextul Web-ului semantic
Recurgerea la metode inspirate din natură în contextul Web-ului semanticRecurgerea la metode inspirate din natură în contextul Web-ului semantic
Recurgerea la metode inspirate din natură în contextul Web-ului semanticiosstef
 
Proiect web
Proiect webProiect web
Proiect webMEliRal
 
Dezvoltarea aplicațiilor Web (9/12): Specificarea ontologiilor folosind limba...
Dezvoltarea aplicațiilor Web (9/12): Specificarea ontologiilor folosind limba...Dezvoltarea aplicațiilor Web (9/12): Specificarea ontologiilor folosind limba...
Dezvoltarea aplicațiilor Web (9/12): Specificarea ontologiilor folosind limba...Sabin Buraga
 
Prezentare site Coafor Virtual
Prezentare site Coafor VirtualPrezentare site Coafor Virtual
Prezentare site Coafor VirtualAndreea Usatenco
 
Proiectarea și modelarea tehnologiei blockchain – Bitcoin
Proiectarea și modelarea tehnologiei blockchain – BitcoinProiectarea și modelarea tehnologiei blockchain – Bitcoin
Proiectarea și modelarea tehnologiei blockchain – BitcoinNicolae Sfetcu
 
Procesarea Rdf in .NET
Procesarea Rdf in .NETProcesarea Rdf in .NET
Procesarea Rdf in .NETancaantochi
 
Proiect Programare Web
Proiect Programare WebProiect Programare Web
Proiect Programare WebAdela Bran
 
Metode Inspirate Din Natura In Contextul Web Semantic Budai Steliana Gorea Al...
Metode Inspirate Din Natura In Contextul Web Semantic Budai Steliana Gorea Al...Metode Inspirate Din Natura In Contextul Web Semantic Budai Steliana Gorea Al...
Metode Inspirate Din Natura In Contextul Web Semantic Budai Steliana Gorea Al...steliana
 

Similar to Tema10 iliuta-stoica-ontologies-web-semantics (20)

Moosik
MoosikMoosik
Moosik
 
Fii linked data
Fii linked dataFii linked data
Fii linked data
 
Fii linked data
Fii linked dataFii linked data
Fii linked data
 
Modelarea datelor via XML. Design patterns in contextul specificarii document...
Modelarea datelor via XML. Design patterns in contextul specificarii document...Modelarea datelor via XML. Design patterns in contextul specificarii document...
Modelarea datelor via XML. Design patterns in contextul specificarii document...
 
Fii linked data
Fii linked dataFii linked data
Fii linked data
 
Fii linked data
Fii linked dataFii linked data
Fii linked data
 
Interconectarea Semantica A Datelor In Contextul Managementului Informatiilor...
Interconectarea Semantica A Datelor In Contextul Managementului Informatiilor...Interconectarea Semantica A Datelor In Contextul Managementului Informatiilor...
Interconectarea Semantica A Datelor In Contextul Managementului Informatiilor...
 
WADe 2014—2015 (09/12): Semantic Web—Specificarea ontologiilor în limbajul OWL
WADe 2014—2015 (09/12): Semantic Web—Specificarea ontologiilor în limbajul OWLWADe 2014—2015 (09/12): Semantic Web—Specificarea ontologiilor în limbajul OWL
WADe 2014—2015 (09/12): Semantic Web—Specificarea ontologiilor în limbajul OWL
 
Patrascu Mihaela Hanelore Conceptul World Wide Web
Patrascu Mihaela Hanelore Conceptul World Wide Web Patrascu Mihaela Hanelore Conceptul World Wide Web
Patrascu Mihaela Hanelore Conceptul World Wide Web
 
Recurgerea la metode inspirate din natură în contextul Web-ului semantic
Recurgerea la metode inspirate din natură în contextul Web-ului semanticRecurgerea la metode inspirate din natură în contextul Web-ului semantic
Recurgerea la metode inspirate din natură în contextul Web-ului semantic
 
Proiect web
Proiect webProiect web
Proiect web
 
Dezvoltarea aplicațiilor Web (9/12): Specificarea ontologiilor folosind limba...
Dezvoltarea aplicațiilor Web (9/12): Specificarea ontologiilor folosind limba...Dezvoltarea aplicațiilor Web (9/12): Specificarea ontologiilor folosind limba...
Dezvoltarea aplicațiilor Web (9/12): Specificarea ontologiilor folosind limba...
 
Prezentare site Coafor Virtual
Prezentare site Coafor VirtualPrezentare site Coafor Virtual
Prezentare site Coafor Virtual
 
NoSql
NoSqlNoSql
NoSql
 
Proiectarea și modelarea tehnologiei blockchain – Bitcoin
Proiectarea și modelarea tehnologiei blockchain – BitcoinProiectarea și modelarea tehnologiei blockchain – Bitcoin
Proiectarea și modelarea tehnologiei blockchain – Bitcoin
 
Procesarea Rdf in .NET
Procesarea Rdf in .NETProcesarea Rdf in .NET
Procesarea Rdf in .NET
 
Proiect Programare Web
Proiect Programare WebProiect Programare Web
Proiect Programare Web
 
Web todo
Web todo Web todo
Web todo
 
Capitolul 3
Capitolul 3Capitolul 3
Capitolul 3
 
Metode Inspirate Din Natura In Contextul Web Semantic Budai Steliana Gorea Al...
Metode Inspirate Din Natura In Contextul Web Semantic Budai Steliana Gorea Al...Metode Inspirate Din Natura In Contextul Web Semantic Budai Steliana Gorea Al...
Metode Inspirate Din Natura In Contextul Web Semantic Budai Steliana Gorea Al...
 

Tema10 iliuta-stoica-ontologies-web-semantics

  • 1. Introduction to OntologiesOntologies && Semantic WebSemantic Web ILIUTA STOICA – SIVA – 2013 RETELE DE CALCULATOARE SI INTERNET
  • 2. Cuprins 1. Introduction 2. Ontologies 3. Semantic Web 4. Responsive Web Design 5. Conclusion
  • 3. I. Introduction  Ontologiile fac posibilă extinderea la nivel mare a informaţiei procesata realizând oportunităţi pentru automatizarea acestui proces.  Dezoltarea de programe pentru a asista ontologia în procesul de mapare este crucială pentru succesul webului semantic.
  • 4. II. Ce reprezintă ontologia ?  Ontologia reprezintă o descriere ( ca o specificaţie unică a unui program ) a conceptelor şi relaţiilor care pot exista pentru un program sau pentru mai multe. Aceasta definiţie este consistentă cu utilizarea ontologiei ca un set de definiţii concept, dar mai generale. Dar lucrul cel mai important îl reprezintă „pentru ce” este folosită o ontologie.  Ontologia descrie un domeniu, în timp ce o bază de cuno tin e (bazată pe oș ț ontologie) descrie o anumită stare de fapte. Fiecare sistem bazată pe cunoa tere sau agent are propria bază de cuno tin e.ș ș ț
  • 5. Specificatii ale Ontologiei  Conceptualizare poate fi definită ca o structură semantică care codifica cunoa terea implicită limitând structură laș o anumită parte dintr-un domeniu . Ontologia este o specificaţie (parţială) a acestei structuri.
  • 6. Limitarile Ontologiei  Partea principală a unei ontologii o reprezintă o taxonomie. Taxonomia reprezintă o clasificare a lucrurilor într-o formă ierarhică. Taxonomia limitează , de obicei, utilizarea inten ionată a claselor - înț cazul în care clasele sunt subseturi ale setului a tuturor indivizilor posibili din domeniu.  Ontologiile nu trebuie să se limiteze la ierarhiile taxonomice de clase iș nu trebuie să se limiteze la defini ii care introduc numai terminologii iț ș nu adaugă nici o cunoa tere despre lume.ș
  • 7. Re eaua semanticăț  Re eaua semantică exprimă vocabularul (la nivelul ontologiei) careț este util în special pentru om , dar care încă mai poate fi utilizat pentru procesarea software. Rela iile dintre concepte, care sunt utilizate înț re elele semantice sunt după cum urmează :ț  sinonim - un concept A exprimă acela i lucru ca i conceptul Bș ș  antonim - un concept A exprimă opusul conceptului B  meronym , holonym - o parte sau unele parti dintre concepte  hyponym , hypernym - includerea semantică între concepte în ambele direc iiț
  • 8. Operatii cu Ontologii  Unirea de ontologii înseamnă crearea unei noi ontologii prin conectarea celor deja existente.  Maparea de la o ontologie la alta se exprimă din modul de a traduce declara iile de la o ontologie la alta.ț  Alinierea este un proces de mapare între ontologii în ambele direc ii,ț întrucât este posibil să se modifice ontologiile originale, astfel încât să existe traducere adecvată.  Rafinamentul maparii de la o ontologie A la o altă ontologie B, astfel încât fiecare concept din ontologie A are echivalent în ontologia B.
  • 9. Operatii cu Ontologii  Unificarea reprezintă alinierea tuturor conceptelor i rela iilor dinș ț ontologii, astfel încât inferen a într-o ontologie poate fi mapată în alteț ontologie i vice-versa.ș  Integrarea este un proces de a căuta acelea i păr i din două ontologiiș ț diferite, A i B, în timp ce se dezvolta o nouă ontologie C, care permiteș traducerea între ontologiile A i B, pentru a permite interoperabilitateaș între cele două sisteme.  Mo tenireaș înseamnă că ontologia A mo tene te totul de la ontologiaș ș B. Mo tene te toate conceptele, rela iile i restric iile i nu există nici oș ș ț ș ț ș inconsecven ă introdusă de cuno tin ele suplimentare din ontologia A.ț ș ț
  • 10. Designul Modular  Design-ul modular folose te mo tenirea deș ș ontologii - ontologiile superioare descriu cuno tin e generale, iar ontologiile deș ț aplicare descrie cuno tin e pentru o anumităș ț aplica ieț .
  • 11. III. Webul Semantic  Webul semantic reprezintă un efort de a îmbunătăţi webul curent pentru că calculatoarele să proceseze informaţiile prezentate pe www.  Scopul principal al webului semantic îl reprezintă evoluţia webului curent oferind utilizatorilor posibilitatea de a găsi, distribui şi de a congrega informaţiile mult mai uşor.  Solutia webului semantic o reprezinta utilizarea structurilor de date, microformate, RDFa pentru detectia cat mai usoara a continutului relevant.
  • 12. Semantic Content Markup Un exemplu de tag folosit intr-o pagina nesemantica: <item>blog</item> Folosind aceeasi informatie dar intr-o pagina semantica ar putea arata asa: <item rdf:about="http://example.org/semantic-web/">Semantic Web</item>
  • 13. Semantic Web Architecture  Stratul (XML) foloseste scheme XML si se asigură că există o sintaxă comună utilizată în web-ul semantic. XML este un limbaj de markup general pentru documente care con in informa ii structurate.ț ț  RDF este o baza pentru reprezentarea de informa iiț cu privire la resurse într-o formă cu diagrame. Poate fi utilizat pentru stocarea oricarei alte date.
  • 14. Semantic Web Tehnologies  XML este un limbaj de markup general pentru documente care con inț informa ii structurate . Un document XML con ine elemente care pot fiț ț imbricate i care poate avea atribute i con inutș ș ț .  RDF însu i serve te ca o descriere a unei diagrame formata de triplete .ș ș Oricine poate defini vocabularul de termeni utiliza i pentru o descriereț mai detaliată.  OWL este un limbaj derivat din descrierea logică i oferă mai multeș construc ii peste RDFS . Acesta este încorporat sintactic în RDF, a aț ș cum RDFS oferă un vocabular suplimentar. OWL vine în trei forme - OWL Lite pentru taxonomii i constrângeri simple,ș OWL DL pentru suport complet a descrierii logice iș OWL complet pentru expresivitate maximă i libertate sintactică a RDFș
  • 15. RDF – Resource Description Framework  „Joe Smith are pagina http://www.example.org/~joe”. Toate elementele ale acestei legaturi sunt resurse definite de URI.  Prima resursa http://www.example.org/~joe/contact.rdf#joesmith  (subject) are intentia de a-l identifica pe Joe Smith. Defineste precis cum sa ajungem la un document RDF si de asemenea cum sa obtinem nodul RDF joesmith din pagina.
  • 16. RDF Elements Vocabularul RDF include următoarele elemente: rdf:type – o resursa este o instant a unei clase rdf:XMLLiteral – clasa de cuvinte folosite rdf:Property – clasa proprietatilor rdf:Alt, rdf:Bag, rdf:Seq – clasa de elemente rdf:List – clasa listelor RDF rdf:nil – instante de liste rdf:List reprezentate de liste nule. rdf:Statement, rdf:subject, rdf:predicate, rdf:object – folosit pentru declaratii
  • 17. Sintaxa RDF <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns="http://www.example.org/~joe/contact.rdf#"> <foaf:Person rdf:about= "http://www.example.org/~joe/contact.rdf#joesmith"> <foaf:mbox rdf:resource="mailto:joe.smith@example.org"/> <foaf:homepage rdf:resource="http://www.example.org/~joe/"/> <foaf:family_name>Smith</foaf:family_name> <foaf:givenname>Joe</foaf:givenname> </foaf:Person> </rdf:RDF>
  • 18. Adding Semantic markup to websites  <abbr title="kilograme”>kg</abbr>  pentru evidenţierea textului se foloseşte tagul <em> iar pentru a scoate şi mai mult în evidentă se foloseşte tagul <strong>  Acum este verificat continutul daca este scris de catre un autor care apare pe Google+.
  • 19. Rich Snippets, microdata, microformats, RDFa Pentru a utiliza rich snippets, trebuie urmaţi câţiva paşi:  Alegerea unui tip de format. Google sugerează să folosim formatul microdata dar putem folosi de asemenea şi microformats şi RDFa.  Implementarea formatului în pagini : Google suporta rich snippets pentru următoarele formate: review-uri, oameni, produse, organizaţii, reţete, evenimente, video, muzica.  Testarea noului cod implementat folosind diferite aplicatii de verificare.
  • 20. Microformats Reprezinta convenţii simple (cunoscute sub numele de entită i) utilizate peț paginile web pentru a descrie un anumit tip de informaţii (de ex, informa iiț pentru un comentariu, un eveniment, un produs, o afacere, sau o persoană). <div class="vcard"> <img class="photo" src="www.example.com/bobsmith.jpg" /> <strong class="fn">Bob Smith</strong> <span class="title">Senior editor</span> at <span class="org">ACME Revi-ews</span> <span class="adr"> <span class="street-address">200 Main St</span> <span class="locality">Desertville</span>, <span class="region">AZ</span> <span class="postal-code">12345</span> </span> </div>
  • 21. RDFa RDFa este o modalitate de a eticheta con inut pentru a descrie un anumitț tip de informa ii, cum ar fi review-ul la un restaurant, un eveniment, oț persoană, sau o listare de produse. Aceste tipuri de informa ii sunt numiteț entită i sau articole.ț <div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person"> My name is <span property="v:name">Bob Smith</span>, but people call me <span property="v:nickname">Smithy</span>. Here is my homepage: <a href="http://www.example.com" rel="v:url">www.example.com</a>. I live in Albuquerque, NM and work as an <span property="v:title" >engineer </span> at <span property="v:affiliation" >ACME Corp</span>. </div>
  • 22. Testing & Validation RDFa  Pentru a testa datele structurale adăugate în pagină web se poate folosi intrumentul de testare oferit de google pentru a verifica dacă Google poate accesa şi înţelege structurile de date utilizate în pagină web. type: Breadcrumb relationship: name: url value: Connect with Iliuta Stoica on Google Plus href: http://google.com/+IliutaStoica property: title: Connect with Iliuta Stoica on Google Plus rdfa-node
  • 23. IV. Responsive Web Design  Ce este designul responsive  De ce avem nevoie de responsive design  Cum implementam responsive design  Practici utile
  • 24. Ce este Responsive Design ?  Un site realizat cu responsive design se adapteaza la rezolutia device-ului care acceseaza acel site. Se pot folosi mai multe tehnici de optimizare a elementelor pentru a oferi o experienta cat mai naturala si mai putin solicitanta pentru utilizator.
  • 25. De ce avem nevoie de el ? Acestia reprezinta marea majoritate a utilizatorilor de web mobil
  • 26. Responsive Layout Dimensiunile diferitelor device-uri cu acces la internet
  • 27. Zone de touch pe device-uri Mai nou si laptopurile, chiar si monitoarele au ecrane cu touch. Zonele de interactiune pe un telefon mobil difera de zonele pe o tableta.
  • 28. Cum implementam responsive design  Putem folosi Media Queries /* OUR DESKTOP VERSION RESOLUTION PRESETS ====================================== Resolution group Minimum resolution Maximum resolution ----------------------------------------------------------------------- Mobile 0 319 Smartphone 320 600 Tablet portrait 601 768 Tablet landscape 769 1024 Latest table-layout: 1024 1248 Desktop 1025 1332 Wide 1333 1599 Extreme 1600 infinity  */
  • 29. Cum implementam responsive design  Putem folosi SVG <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="329"> <title>The Clown Car Technique</title> <g> <image id="small" height="329" width="300"xlink:href="small.png" /> <image id="medium" height="329" width="300"xlink:href="medium.png" /> <image id="big" height="329" width="300"xlink:href="big.png" /> <image id="huge" height="329" width="300"xlink:href="huge.png" /> </g> </svg>
  • 30. Practici utile <defs> <style> image {display: none; } #small { display: block; } @media screen and (max-width: 25em) { #medium { display: block; } #small {display: none; } } @media screen and (max-width: 45em) { #big { display: block; } #small {display: none; } } </style> </defs>
  • 31. V. Concluzii  Webul semantic nu va cere fiecărei aplicaţii web să folosească expresii de complexitate arbitrară. Chiar dacă limbajul în sine permite utilizarea de expresii complexe ale structurilor de date, aplicaţiile care vor utiliza RDF vor fi limitate să folosească expresii simple, de ex controlul accesului în aplicaţie, preferin eleț de confiden ialitate şi criteriile de căutare.ț  Webul semantic nu va avea nevoie de generarea de exemple pentru a putea fi util: validarea structurilor de date va fi de ajuns pentru extragerea informaţiilor de pe paginile web. Primele utilizări, de ex. controlarea accesului asupra unui site, implica prevalidarea unui concept, nu o cerin ă pentru aț răspunde la o întrebare arbitrară.