+ All Categories
Home > Technology > Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Date post: 13-May-2015
Category:
Upload: sabin-buraga
View: 325 times
Download: 4 times
Share this document with a friend
Description:
Dezvoltarea aplicațiilor Web (1/12) — detalii la http://profs.info.uaic.ro/~busaco/teach/courses/wade/web-film.html
104
Dr. Sabin Buragawww.purl.org/net/busaco Dezvoltarea aplicatiilor Web concepte primare & viziune
Transcript
Page 1: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Dezvoltarea aplicatiilor Web

concepte primare & viziune

Page 2: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

“A defini inseamna a ucide, a sugera inseamna a crea.”

Stéphane Mallarmé

Page 3: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Prolog:

Ce este Web-ul?

Page 4: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

world wide web

Web, WWW, “panza de paianjen mondiala”

Serviciu Internet WWW Internet

Page 5: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

world wide web

Idee (Sir Tim Berners-Lee la CERN – 1989)

integrarea unor sisteme informaționale disparate într-un mod unitar,

fără diferențe între sursele de date

Page 6: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

world wide web

Idee (Sir Tim Berners-Lee la CERN – 1989)

integrarea unor sisteme informaționale disparate într-un mod unitar,

fără diferențe între sursele de date

Page 7: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

world wide web

Idee (Sir Tim Berners-Lee la CERN – 1989)

integrarea unor sisteme informaționale disparate într-un mod unitar,

fără diferențe între sursele de date

Page 8: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

world wide web

Idee (Sir Tim Berners-Lee la CERN – 1989)

integrarea unor sisteme informaționale disparate într-un mod unitar,

fără diferențe între sursele de date

anything can link to anything

Page 9: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

world wide web

“a common information space in which we communicate by sharing information”

Sir Tim Berners-Lee (2013)

“Information Management: A Proposal” www.w3.org/History/1989/proposal.html

Page 10: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

world wide web

Bazat pe modelul client/server

serverWeb

client Web

(browser)

cerere

raspuns

Page 11: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

…si pe hipertext (hipermedia)

Page 12: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

world wide web

Scopuri principale:

independenta de dispozitiv independenta de software

scalabilitatea ubicuitatea

Page 13: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

world wide web

Scopuri principale:

independenta de dispozitiv independenta de software

scalabilitatea ubicuitatea

caracter deschisopen standards

Page 14: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

world wide web

Functioneaza conform reglementarilor Consortiului Web

MIT, ERCIM, Keio University

Adobe, HP, IBM, Oracle, Microsoft,…

www.w3.org

Page 15: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

arhitectura Web-ului

Resursele sunt identificate prin adresa lor

identificator uniform de resurse URI – Uniform Resource Identifier

http://slideshare.net/busaco/presentations

Page 16: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

arhitectura Web-ului

Accesul la conţinutul – reprezentarea – resurselor Web

se realizează printr-un protocol

HTTP – HyperText Transfer Protocol

Page 17: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

arhitectura Web-ului

codificarea datelor

Unicode

nume de domenii

DNS

protocoalele Internet TCP/IP

adrese Web URI = URL + URN

protocoale Web HTTP, HTTPS, SPDY

Page 18: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

resursele – documentele – includ <marcaje />

pagini Web

Page 19: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

marcajele conțin la rândul lor URI-urihipertext

Page 20: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Relatiile dintre o resursa Web, adresa ei (URI) si reprezentarea structurata a resursei

informatii meteo

despre Iasi

http://world.info/europe/romania/iasi/#weather?today

<weather>

<point lat=… long=…>

<name lang= "ro">

Iasi

</name>

<type>city</type>

</point>

<temperature when=…>

<value>…</value>

</temperature>

</weather>

reprezentare

adresabilitate via URI

resursa Web

identifica

reprezinta

Page 21: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Relatiile dintre o resursa Web, adresa ei (URI) si reprezentarea structurata a resursei

informatii meteo

despre Iasi

http://world.info/europe/romania/iasi/#weather?today

<weather>

<point lat=… long=…>

<name lang= "ro">

Iasi

</name>

<type>city</type>

</point>

<temperature when=…>

<value>…</value>

</temperature>

</weather>

reprezentare

adresabilitate via URI

resursa Web

identifica

reprezinta

reprezentarea – intr-un format deschis (e.g., HTML, XML, JSON, RDF,…) – include date propriu-zise + meta-date

Page 22: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Primul act:

Web 1.0

Page 23: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Page 24: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Sit Web

sistem pe care rulează un server Web găzduind o serie de pagini (resurse) înrudite

ale unei organizaţii, companii sau persoane

Page 25: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Aplicaţie Web

colecţie interconectată de pagini Web cu conţinut generat dinamic, menită a oferi

utilizatorilor o funcţionalitate specifică

Page 26: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Aplicaţie Web

interacţiunea dintre aplicaţie şi utilizatori are loc via o interfaţă Web

Page 27: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Aplicaţie Web

interacţiunea dintre aplicaţie şi utilizatori are loc via o interfaţă Web

uzual, sit Web = aplicaţie Web

Page 28: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Aplicaţie Web

exemple: Amazon, Coursera, Dropbox, Expedia, Flickr,

info.uaic.ro, PHPMyAdmin, Reddit, Quora, SlideShare, Twitter, Vimeo, webmin, WordPress

…și multe, multe altele

Page 29: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Caracterizare

Arhitectura unei aplicaţii Web

Page 30: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Aplicaţie Web = Interfaţă + Conţinut (Date) + Program

Page 31: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Aplicaţie Web = Interfaţă + Conţinut (Date) + Program

mitul 1: cea mai importantă este interfaţa mitul 2: cel mai important este programul mitul 3: cele mai importante sunt datele

HTML, CSS, Ajax, Flash, Silverlight, SVG, WebGL,…

Page 32: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Aplicaţie Web = Interfaţă + Conţinut (Date) + Program

mitul 1: cea mai importantă este interfaţa mitul 2: cel mai important este programul mitul 3: cele mai importante sunt datele

server: C#, Java, JavaScript, PHP, Ruby,…; client: JavaScript

Page 33: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Aplicaţie Web = Interfaţă + Conţinut (Date) + Program

mitul 1: cea mai importantă este interfaţa mitul 2: cel mai important este programul mitul 3: cele mai importante sunt datele

relationale (SQL), XML, grafuri, modelare semantica (RDF)

Page 34: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Aplicaţie Web = Interfaţă + Conţinut (Date) + Program

mitul 1: cea mai importantă este interfaţa mitul 2: cel mai important este programul mitul 3: cele mai importante sunt datele

fapt: sunt importante toate!

Page 35: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Actul al doilea:

Web-ul social

Page 36: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul prezent

WWW platforma în care utilizatorul îşi controlează propriile date

aşa-numitul Web 2.0, conform Tim O’Reilly, 2005

Page 37: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Participare read/write Web

colaborare, comunităţi,

conectivitate inter-personală & între aplicaţii

Page 38: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Partajare de artefacte informationale

documente, fotografii, multimedia, cod-sursă etc.

Page 39: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Inteligenţa colectivă

editare & management colaborativ al conţinutului

aplicaţii de tip wiki

Page 40: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Servicii şi nu pachete software aplicaţiile masive („mamut”) sunt substituite

de cele constituite din servicii specifice, disponibile pe Web, uşor de înlocuit

SaaS – Software as a Service

Page 41: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Software rulat oriunde

ubicuitatea aplicaţiilor Web

bookmark-uri salvate local (pentru fiecare browser) vs. bookmark-uri disponibile pe Web, uşor de accesat

şi de partajat cu alţii

Page 42: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Mediatizare (syndication) Web

date privitoare la un sit Web sunt expuse liber via un flux (feed)

în format RSS (Really Simple Syndication) sau Atom

XML

Page 43: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Podcasting = pod (iPod) + broadcast

flux audio/video automat expediat utilizatorului pentru a fi redat de un player multimedia – e.g., iTunes

accesibil oricând via un podcast feed

Page 44: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Transformare/refolosire a datelor

datele sunt – sau ar trebui sa fie – disponibile în formate deschise, universale, facil de procesat

Page 45: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Transformare/refolosire a datelor

datele sunt – sau ar trebui sa fie – disponibile în formate deschise, universale, facil de procesat

vezi succesul JSON (JavaScript Object Notation)

Page 46: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Încredere radicală

autentificare si/sau autorizare descentralizată

OpenID OAuth

Page 47: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Interactiune bogata cu utilizatorul RIA – Rich Internet Applications

aplicarea modalitatilor de interactiune traditionala (la nivel de desktop) in contextul aplicatiilor Web

Page 48: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Interactiune bogata cu utilizatorul RIA – Rich Internet Applications

avantajele Web-ului (ubicuitate, date distribuite

via hipertext, posibilitati de cautare etc.) + interactiune sofisticata + utilizabilitate

Page 49: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Interactiune bogata cu utilizatorul RIA – Rich Internet Applications

avantajele Web-ului (ubicuitate, date distribuite

via hipertext, posibilitati de cautare etc.) + interactiune sofisticata + utilizabilitate

suita de tehnologii HTML5

(inclusiv la nivelul dispozitivelor mobile)

Page 50: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Valori de bază

deschidere, transparenţă, respect

Page 51: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Valori de bază

deschidere, transparenţă, respect

iniţiativa Creative Commons reasonable, flexible copyright

Page 52: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

http://creativecommons.org/about/licenses/

Page 53: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Valori de bază

partajarea pe Web a datelor deschise (open data)

Page 54: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Web-ul social: Caracteristici

Valori de bază

partajarea pe Web a datelor deschise (open data)

exemplificari: Data Hub – thedatahub.org

Open Data Commons – opendatacommons.org

Wikimedia Commons – commons.wikimedia.org

Page 55: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Intermezzo

Page 56: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

remarci

Constituirea unor “pânze” (web-uri) – grupări, rețele – de informații disponibile liber, evoluând

conform intereselor unei comunităţi (e.g., utilizatori, organizație, industrie,…)

Page 57: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Cum pot fi descrise la nivelul masinii aceste web-uri?

Page 58: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Actul al treilea:

Web-ul datelor

Page 59: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

necesităţi

o manieră de a atașa meta-date

date privitoare la date

„mai mult decât datele”

Page 60: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

necesităţi

o manieră de a ataşa meta-date

vocabulare de termeni descriind „ceva” (proprietăți, domenii, persoane, lumi,...)

Page 61: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

necesităţi

un mod de specificare de relații între resurse

structuri de organizare a datelor în cadrul unui sau mai multor web-uri

Page 62: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

necesităţi

modelarea & procesarea cunoștințelor

despre „lucruri” (knowledge about things)

Mike Bergman, The Rationale for Semantic Technologies (2012) http://www.mkbergman.com/1015/the-rationale-for-semantic-technologies/

Page 63: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

necesităţi

modelarea & procesarea cunoștințelor

realizate sistematic, formalizat

ontologii descrise riguros

Page 64: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

necesităţi

modelarea & procesarea cunoștințelor

create ad-hoc, manual, de către utilizatorii obişnuiţi

folksonomii

Page 65: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

necesităţi

modelarea & procesarea cunoștințelor

create ad-hoc, manual, de către utilizatorii obişnuiţi

folksonomii

uzual, tagging

Page 66: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

necesităţi

Modelarea datelor trebuie să facă implicitul explicit

„java” limbajul, insula ori sortimentul de cafea?

Page 67: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

necesităţi

„Java este un limbaj de programare.” „XWiki este o aplicație Web scrisă în limbajul Java.”

„Programarea Java poate fi mai ușoară decât cea în C++.”

Page 68: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

necesităţi

„Java este un limbaj de programare.” „XWiki este o aplicație Web scrisă în limbajul Java.”

„Programarea Java poate fi mai ușoară decât cea în C++.”

ușor de înțeles de (unii) oameni

Page 69: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

necesităţi

„Java este un limbaj de programare.” „XWiki este o aplicație Web scrisă în limbajul Java.”

„Programarea Java poate fi mai ușoară decât cea în C++.”

… dar pot fi oare înțelese de către calculatoare?

ușor de înțeles de (unii) oameni

Page 70: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

rdf

RDF (Resource Description Framework)

folosit la asocierea de meta-date resurselor Web și la specificarea relațiilor dintre resurse

Page 71: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Titlu: Remember That Night Artist: David Gilmour Anul apariției: 2007 Format: Blu-ray Audio: Dolby True-HD Video: VC-1 (1080i) Tip: concert Subtitrare: N/A Detalii: www.davidgilmour.com

engleză

http://www.blu-ray.com/movies/David-Gilmour-Remember-That-Night-Blu-ray/493/

Page 72: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Alina

Bogdan

relația knows

deține

proprie- tatea

areNume

concert

photo

www.flickr.com/bogdan areTag

clasa persoanelor

Page 73: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

rdf

Interogarea datelor RDF se poate realiza via limbajul SPARQL

Page 74: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

rdf

Interogarea datelor RDF se poate realiza via limbajul SPARQL

serviciile SPARQL pot fi descrise și invocate

via tehnologiile serviciilor Web clasice – e.g., REST

exemple: http://dbpedia.org/sparql/ http://graph.facebook.com/

Page 75: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

rdf: utilizări

vocabulare de meta-date privind resursele

set standardizat de meta-date asociate documentelor DCMI (Dublin Core Metadata Initiative)

documente multimedia partajabile

Adobe XMP (Extensible Metadata Platform)

Page 76: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

rdf: utilizări

http://purl.org/vocab/

Page 77: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

rdf: utilizări

relații între resurse

rețele sociale FOAF (Friend Of A Friend)

proiecte software

DOAP (Description Of A Project)

comunități online SIOC (Semantically Interconnected Online Communities)

Page 78: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

rdf: utilizări

modelarea cunoștințelor în termeni „înțeleși” de software

RDF Schema

SKOS (Simple Knowledge Organizational System)

OWL (Web Ontology Language)

Page 79: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

AAA – Anyone can say Anything about Any topic

Page 80: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Cum se asigura interoperabilitatea, consistența și refolosirea web-urilor?

Page 81: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

linked data

Inițiativă privind publicarea și reutilizarea datelor structurate disponibile liber pe Web

interconectare a resurselor descrise la nivel de Web

http://linkeddata.org/

Page 82: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

linked data

Inițiativă privind publicarea și reutilizarea datelor structurate disponibile liber pe Web

inclusiv folosind formatul de date JSON – JSON-LD

http://json-ld.org/

Page 83: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

http://lod-cloud.net/

Page 84: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Page 85: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Câteva exemplificări concrete?

Page 86: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

augmentarea cautarii resurselor Web pe baza microformatelor, schemelor de microdate HTML5 si RDFa

studiu de caz: Google Knowledge Graph http://www.google.com/insidesearch/features/search/knowledge.html

Page 87: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

definirea unui graf social privind persoanele & relatiile acestora cu diverse resurse de interes (fotografii, produse, locatii geografice,…)

Facebook Open Graph – developers.facebook.com/docs/opengraph/

Page 88: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

curl -H 'Accept: text/turtle' http://graph.facebook.com/fii.uaic

@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .

@prefix api: <tag:graph.facebook.com,2011:/> .

@prefix og: <http://ogp.me/ns#> .

@prefix fb: <http://ogp.me/ns/fb#> .

@prefix : <http://graph.facebook.com/schema/~/> .

@prefix page: <http://graph.facebook.com/schema/page#> .

</215764508465252#>

page:id "215764508465252" ;

page:name "Facultatea de Informatica, UAIC, Iasi (FII)" ;

page:link <http://www.facebook.com/fii.uaic> ;

page:likes 284 ;

page:category "University" ;

page:website <http://www.infoiasi.ro/> ;

page:username "fii.uaic" ;

page:location [

:street "General Berthelot, 16" ;

:city "Iasi" ;

:country "Romania" ;

:zip 700483 ] ;

page:general_info "…" ;

in prezent, cu autorizare

via OAuth

meta-date asociate

unei pagini Facebook

Page 89: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

interogari asupra DBpedia (varianta procesabila de catre masina a enciclopediei Wikipedia)

http://dbpedia.org/isparql/

Cine este Linus Torvalds?

PREFIX rdf:

<http://www.w3.org/1999/02/22-rdf-syntax-ns#>

SELECT DISTINCT *

WHERE {

<http://dbpedia.org/resource/Linus_Torvalds>

rdf:type ?val

}

LIMIT 20

Page 90: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

interogari asupra DBpedia (varianta procesabila de catre masina a enciclopediei Wikipedia)

http://dbpedia.org/isparql/

Cine este Linus Torvalds?

diverse URI-uri desemnand concepte

(definite in cadrul unor web-uri)

Page 91: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co modelarea

cunostintelor cu aplicabilitate in mass-media exemplu: BBC

www.w3.org/2001/sw/sweo/public/

UseCases/BBC/

Page 92: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

“Epilog”:

următorii (zeci de) ani…

Page 93: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

“concluzii”

constituirea unui Web of Data

„Web 3.0”? „semantic Web”?

Page 94: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

“concluzii”

constituirea unui Web of Data

acces pe baza protocolului HTTP

Page 95: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

“concluzii”

constituirea unui Web of Data

descriere de resurse și a relațiilor dintre ele via RDF

Page 96: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

“concluzii”

constituirea unui Web of Data

datele pot fi „mixate” pe baza vocabularelor multiple

Page 97: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

“concluzii”

constituirea unui Web of Data

datele pot fi „mixate” pe baza vocabularelor multiple

numeroase vocabulare sunt deja standardizate

inclusiv in vederea regasirii de resurse Web via motoare

de cautare – e.g., microdate HTML5: schema.org

Page 98: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

“concluzii”

constituirea unui Web of Data

structurarea avansată via modele conceptuale:

taxonomii, tezaure, ontologii – folosind OWL et al.

Page 99: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

“concluzii”

constituirea unui Web of Data

structurarea avansată via modele conceptuale:

taxonomii, tezaure, ontologii – folosind OWL et al.

managementul cunostintelor (knowledge management)

+

inginerie ontologica (ontology engineering)

Page 100: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Punct de vedere

Web attitude (Tim Berners-Lee)

Anyone can say anything about anything

Page 101: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Punct de vedere

Web attitude (Tim Berners-Lee)

No one knows everything about anything

Page 102: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

Punct de vedere

Web attitude (Tim Berners-Lee)

My system is most valuable

because of its interconnection to its peers

Page 103: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co rezumat

De la Web-ul clasic, la cel social și la viitorul datelor procesabile de către computer

Page 104: Dezvoltarea aplicațiilor Web (1/12): Dezvoltarea de aplicaţii Web: Concepte & viziune

Dr.

Sab

in B

ura

ga

ww

w.p

url

.org

/ne

t/b

usa

co

episodul viitor: servicii Web & API-uri deschise


Recommended