Tehnologii Web
-
Upload
mircea-ulinic -
Category
Technology
-
view
1.164 -
download
5
Transcript of Tehnologii Web
Prezentare generala
Bogdan Gaza - hurrycane
Mircea Ulinic - mivaul6 decembrie 2008
Bazele
Retea de retele
Retea globala de calculatoare
Schimbul de date in aceasta retea se face
pe baza protocolului TCP/IP
Peste internet se formeaza mai multe
servicii:
Web, Email, Chat, Transfer de fisiere,
Jocuri etc.
Servicii de baza ale internetului:
DNS – transforma un IP - un numar - intr-
un cuvant – ceva cu inteles pentru om.
Ex: 67.207.128.209 => cadmio.org
World Wide Web
Bazele si istoria – mai putin istoria, mai mult bazele
Panza de paianjen mondiala
Serviciu al internetului
Se bazeaza pe modalitatea de
comunicare client-server
Exemplu:
Clientul trimite o cerere
Serverul ii trimite clientului un raspuns
Idea initiala ii apartine lui Sir Tim Berners
Lee (CERN – 1989)
Bazata pe idea de hipertext
Hipertext = o forma de document
electronic, structurat, o modalitate de
structurare a unui document
Anything can link to anything
Reglementat de W3c
Mai nimic !
Internet = retea mondiala de calculatoare
Web != Internet
Web = modalitate de transmitere si vizualizare
documentelor structurate ciudat(hipertext)
A fost odata ca niciodata, pentru ca daca n-ar fi nu s-ar povesti:
URI = un sir de caractere care defineste o
resursa pe Internet
HTTP = un protocol de transfer al
fisierelor cu hipertext
Documentele sunt structurate folosind
Marcaje
Toate acestea sunt reglementate de W3C
Apar din ce in ce mai multe site-uri Web –informatii unitare
Apar aplicatii Web = apare o interactiuneintre utilizatori si informatiile afisate (toateacestea printr-o interfata).
Aplicatie web = Interfata + Continut + Program
Ex: Amazon, MSN, Yahoo, Google, Ebayetc.
Webul Social
Platforma ii ofera utilizatorul posibilitatea
de a-si controla datele
Se focalizeaza pe aspectele sociale
In 2005 - Tim O`Reilly ii da numele de
Web 2.0
Aplicatii colaborative, comunitati,
inteligenta colectiva, blogging etc.
Exemplu:
Apare Wikipedia si bineintels HI5-ul !!!
Foarte multe date se afla acum in pe Web
Extragerea de informatii despre datele
deja existente = efort
Solutie: se asociaza meta-date = date
despre datele deja existente. Astfel
relatiile dintre diferitele resurse devin mai
precise
Cunostiintele se proceseaza mai rapid
Viitor
Iar nimic!
Webul a evoluat !
Web 1.0 = informatie unitara, putina interactiune
Web 2.0 = mai multa interactiune, se pune accent pe partea sociala (HI5)
Web 3.0 = date despre date, relatii mai precise intre date, viitor
Partea mai interesanta!
xHTML = Extensible HyperText Markup
Language
xHTML = modalitate de structurare si prezentare
a datelor
Documentele html (.html) sunt stocate pe un
Server Web si vizualizate de un client
Web(Browser: Firefox, IE, Safari, Chrome etc).
Foloseste marcatori (adnotari):
<html> … </html>
Structura: head(antet) – corp(body)
Anumite reguli trebuie respectate
Ex:
<html>
<head> … </head>
<body> … </body>
</html>
Alti marcatori: <p> - paragraf <div> - diviziune <br /> - trecere la linie noua <h1>…<h6> - titluri <hr /> - linie orizontala noua
Liste: <ul> - lista nenumerotata <ol> - lista numerotata <li> - element de lista
Exemplu:<ul>
<li>Un element</li><li>Un alt element</li>
</ul>
x+ HTML = Extensible + HyperText Markup Language
Standarde mai bine definite, modularizare, convertire in
alt tip de continut etc.
Exemplu de regula: elementele si atributele se scriu cu
caractere mici
Pentru a indica faptul ca documentul este unui xHTML
acesta trebuie sa inceapa cu
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Validarea se face folosind validator.w3.org
Orice document trebuie sa fie valid!
In sfarsit la calculator!
Mai mult despre tehnologiile Web
xHTML, CSS, JavaScript, XML
PHP, Ruby, Ruby on Rails, Python,
Django
Ajax, DOM
MySQL/Sqlite3
Web Semantic
Cand ? In urmatoarele duminici.
Knowledge is everything
Si va asteptam si data viitoare.