Comunicare

Valentin Clocotici

Cursul nr. 2
World Wide Web

Primele trei cursuri conin fragmente din cursul elaborat de dl.prof. Sabin Buraga, cruia i mulumesc i pe aceast cale pentru ngduina acordat.

Noiuni
Sit Web
sistem pe care ruleaz un server Web gzduind o serie de pagini (documente) WWW nrudite ale unei organizaii, companii sau persoane

Sit Web
Ofer informaii unitare Are asociat o adres public (vizibil), bazat pe un domeniu Internet Serverul Web poate gestiona simultan mai multe situri gzduire virtual Poate fi disponibil n intranet sau extranet
4

Noiuni
Aplicaie Web
colecie interconectat de pagini Web cu coninut generat dinamic, menit a oferi utilizatorilor o funcionalitate specific Interaciunea dintre aplicaie i utilizatori are loc via o interfa Web Uzual, sit Web = aplicaie Web Exemple: Amazon, Blogger, Expedia, Flickr, Kartoo, PHPMyAdmin, webmin, Wikipedia, YouTube etc.
5

Noiuni
Arhitectura unei aplicaii Web

Realiti
Web-ul ca spaiu de aprovizionare cu date Utilizatorul privit drept consumator Apariia e-business-ului (.com-urile) i a altor e-* (e-learning, e-government, e-marketing,) Cutri bazate pe cuvinte cheie sau pe cataloage (directories) Rzboiul browser-elor

Adresarea WWW
Resursele sunt identificate prin adresa lor identificator uniform de resurse (URI) Existena unui protocol (e.g., HTTP) pentru accesul la coninutul resurselor Resursele (vzute ca documente) includ marcaje (adnotri) Marcajele pot conine la rndul lor URI-uri

Adresarea WWW
Cum se acceseaz resursele?
Accesul la o resurs Web se realizeaz prin intermediul identificatorilor uniformi de resurse URI (Uniform Resource Identifiers), denumirea popular fiind aceea de adres Web. URL (Uniform Resource Locator) identific resursele prin reprezentarea mecanismului de accesare (adresa de reea, domeniu simbolic)
http://www.infoiasi.ro/~busaco/teach/ mailto:tux@pinguin.info ftp://ftp.funet.fi/pub/README.txt

URN (Uniform Resource Name) identific resursele prin nume, ntr-o form persistent, chiar dac resursa este inaccesibil sau a disprut
urn:ISBN:973-681-988-4 urn:ietf:rfc:2401 urn:mozilla:package:communicator
9

Adresarea WWW
URI

10

Adresarea WWW
Sintactic, URI este compus din patru pri <scheme name> : <hierarchical part> [ ? <query> ] [ # <fragment> ]
scheme name const dintr-o liter urmat de orice combinaie de litere, cifre sau simboluri + . i se termin cu : identific protocolul de comunicaie hierarchical part ncepe uzual cu // i continu cu
authority part care conine o parte opional (cu informaii utilizator) terminat cu @, o denumire de server (hostname, nume de domeniu sau adresa IP) i un numr opional de port precedat de : path part este o secven de segmente separate de / (similar ierarhiei de foldere)

query este o parte opional separat de ? necesar n interogri fragment este o parte opional separat prin # i care menioneaz identificri suplimentare, de regul resurse secundare.

11

Adresarea WWW
Caractere rezervate: ; / ? : @ & = + $ , se codific n baza 16, precedate de %
Exemplu: Spaiul va deveni %20

Se pot identifica
URL-uri absolute http://www.infoiasi.ro/~busaco/cv.html URL-uri relative ../../csb.css

12

Hypertext Transfer Protocol

Hypertext Transfer Protocol (HTTP) este un protocol la nivel de aplicaie, pentru sisteme distribuite, colaborative, hipermedia. Este protocolul utilizat pentru regsirea resurselor care alctuiesc World Wide Web. Dezvoltarea HTTP este coordonat de World Wide Web Consortium i de Internet Engineering Task Force (IETF).
13

Hypertext Transfer Protocol

HTTP este un standard de tip cerere/rspuns pentru un client (user agent) i un server (origin server). Clientul este utiliyatorul care navigheaz pe net (utiliznd un browser sau alt program). Serverul origine este serverul care conine sau produce resursele cerute. ntre client i server pot fi intermediari diveri (proxies, gateways, tunnels). HTTP nu este redus la utilizarea protocolului de comunicaie TCP/IP, dei acesta este cazul uzual. Poate fi implementat cu orice alt protocol de comunicaie. Uzual, un client HTTP
Lanseaz o cerere Se stabilete o conexiune Transmission Control Protocol (TCP) la un port al serverului gazd (host), implicit portul 80 Serverul HTTP care ascult pe acest port va rspunde trimimd resursa cerut sau un mesaj de eroare etc.

Resursele accesate prin HTTP sunt identificate prin URI cu schemele http: sau https:
14

Proxy
Un server proxy este un server (computer sau aplicaie) care intermediaz cererile clienilor ctre alte servere. Cererea unui client poate fi filtrat de proxy. Cererile validate sunt adresate serverului int i rspunsul este dat clientului. Uneori, serverul proxy poate s nu mai interogheze serverul origine deoarece are rspunsul deja stocat (operaiunea de caching) Proxy are dou scopuri:
Pstreaz anonimatul clienilor Mrete viteza de acces prin caching.
15

Gateway
Un server proxy poate fi plasat oriunde ntre client (inclusiv pe maina acestuia) i serverul destinaie sau Internet. Un gateway este un nod care unete dou reele cu protocoale de comunicaie diferite. Spre deosebire de acestea, un router transmite informaiile aa cum le primete.
16

Hipertext XHTML

17

Hipertext
Prin hipertext se nelege un document electrornic, care n afar de text conine
Referine (hyperlinks) la alte documente pe care utilizatorul le poate accesa imediat atunci cnd documentul hipertext este activ (afiat pe ecran). Pot s apar tabele, imagini etc. ca i n orice alt document obinut printr-un procesor de texte. Formulare Elemente grafice dinamice (de exemplu videoclipuri)

18

Hipertext
Documentele hipertext pot fi
Statice (scrise i memorate anterior afirii) Dinamice (create ca rspuns la cererea utilizatorului)

Un document hipertext evoluat poate conine elemente de interfa uzuale, cum ar fi meniuri, linii de comand etc. Cea mai buna implementare a conceptului de hipertext este World Wide Web.
19

Hipertext
O extensie a termenului de hipertext este hipermedia care arat c elemente grafice, audio, video, text i legturi concur la obinerea unui mediu de informare neliniar Opusul este termenul de multimedia care nu conine partea interactiv dat de legturi. World Wide Web este exemplul clasic de hipermedia.
20

XHTML
Cum putem publica pe Web? Via o modalitate de structurare i de prezentare a datelor n cazul nostru, folosind un limbaj de marcare (markup language) XHTML (Extensible HyperText Markup Language) Lingua franca a Web-ului Documente HTML pagini Web
(fiiere text .html sau .htm) stocate pe un server Web i vizualizate de un client Web (navigator, browser)
21

HTML
Hyper Text Markup Language, HTML, mpreun cu extensiile sale, constituie principalul limbaj de creare a paginilor Web. HTML ofer mijloacele pentru structurarea textului (anteturi, paragrafe, liste etc.) ca i pentru introducerea elementelor hipertext (legturi, scufundare obiecte etc.) Limbajul const din elemente de marcaj (tag-uri) care sunt interpretate de programele browser. Se permite inserarea unor scripturi, secvene de cod care devin active n momente specificate ale vizionrii unei pagini web. Exist, de asemenea, posibilitatea de a defini propriile pagini de stiluri, Cascading Style Sheets (CSS), pentru a defini un mod propriu de vizualizare a paginilor web. Prima descriere a aprut n 1991, n HTML Tags, articol scris de Berners-Lee. Extensible Hypertext Markup Language, XHTML, a aprut ca o extindere a limbajul HTML.
22

XHTML
Format bazat pe marcatori (adnotri, tag-uri)
<html></html>

Structur:
antet (head) + corp (body)
<html> <! tag obligatoriu > <head> <! nceput de antet > </head> <! sfrit de antet > <body> <! nceput de corp > </body> <! sfrit de corp > </html> <! sfrit de document >

Marcatorii trebuie s fie nchii i s se imbrice corect! Incorectitudinile sintactice/semantice nu vor fi semnalate de browser
23

XHTML
Seciuni ale coninutului
<p> paragraf <div> diviziune <hr /> linie orizontal <br /> trecere la linie nou <h1> ... <h6> ase tipuri de titluri <hr /><h2>Maniera de evaluare</h2>

Indicaii despre coninut

<b> ngroat <i> nclinat <strong> important <em> intensificat <sub> indice <sup> exponent <pre> text preformatat <code> cod sursa <span> proprieti ale coninutului <p><strong>Orice ncercare de</strong></p>
24

XHTML
Liste
<ul> list nenumerotat <ol> list numerotat <li> element de list (ne)numerotat <ul>
<li><p>Medii clasice</p></li> <li><p>Medii <em>on-line</em></p></li>

</ul>

Imagini
<img /> insereaz o imagine JPG/PNG <img src="../sigla.png" alt="Sigla TehnologiiWeb" />
25

XHTML
Legturi (ancore) specific hipertextul
<a> ancor spre o alt resurs Web sau un fragment de document <p><a href=http://www.xhtml.org/ title="Spre situl XHTML.org">XHTML.org</a></p>

Tabele
<table> insereaz un coninut tabelar <tr> linie de tabel <td> definiie de celul <th> antet de tabel <caption> legend de tabel
26

XHTML
Formulare
<form> insereaz un formular electronic <input> cmp de intrare <button> buton <select> selecie de list de opiuni <option> opiune ce poate fi selectat <textarea> text introdus pe mai multe linii

27

XHTML
Includere de alte coninuturi
<style> definiii de stiluri interne <script> programe JavaScript <applet> applet-uri Java <embed> inserare a unui obiect generic <object> (audio, film, animaie etc.) <embed name="plugin" type="audio/mpeg src="Celestial%20Celebration.mp3" />

Meta-date (plasate n <head></head>)

<title> titlul paginii Web <meta /> informaii suplimentare descrierea documentului, autorul, cuvintele cheie etc. <link /> insereaz un fiier extern e.g., o foaie de stiluri <meta name="description" lang="ro content="Situl Web dedicat cursului" />
28

XHTML
Se pot insera caractere speciale, entiti standard &nume_entitate;
&lt; < &gt; > &amp; & &quot; &nbsp; spaiu indestructibil &middot; &ndash; &copy; &micro;
29

XHTML
Inserarea de caractere speciale entiti caracter &#cod_caracter;
&#169; &#182; depind de setul de caractere ales: ISO-8859-1 (Latin-1), ISO-8859-2 (Latin-2),
30

De ce XHTML i nu HTML?
Extensibilitate
pot fi incluse tag-uri ale altor limbaje: SVG (Scalable Vector Graphics), MathML,

Modularizare
grupare logic a seturilor de tag-uri, utilizate conform necesitilor

Transformare a marcajelor
convertire facil n alte tipuri de coninut
31

Reguli XHTML
Elemente (taguri) & atribute scrise cu minuscule
XHTML este case sensitive

Tag-uri de sfrit obligatorii Tag-urile vide scrise <tag /> sau <tag></tag> Valorile atributelor vor fi incluse ntre ghilimele Atributele booleene vor trebui s aib ataat i valoarea: <hr noshade="noshade" /> Pentru a se indica faptul c documentul este unul XHTML, acesta trebuie s nceap cu:
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

sau
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

32

Proiectarea siturilor Web

Pentru documentare se vor studia materialele http://thor.info.uaic.ro/~busaco/teach/ courses/iCome/presentations/ iCome07DesignWeb.pdf http://thor.info.uaic.ro/~busaco/teach/ courses/iCome/presentations/ iCome08DesignWeb2.pdf http://thor.info.uaic.ro/~busaco/teach/ courses/iCome/presentations/ iCome09DesignWeb3.pdf
33

Pota electronic

34

E-mail
Comunicare inter-personal mediat de Internet
Pota electronic Instant messaging

35

E-mail
Sistemele e-mail sunt bazate pe modelul store-andforward. Prin urmare, un server de mail accept, transmite, livreaz i memoreaza mesaje electronice. Un utilizator trebuie s fie conectat la un server de mail doar atunci cnd trimite un mesaj sau atunci cnd primete (descarc) un mesaj. Dezvoltarea mecanismelor potei electronice a condus ca s accepte coninut multimedia, conform standardului Multipurpose Internet Mail Extensions (MIME). Standardele de codificare a mesajelor au aprut n 1973. Protocolul de comunicaie utilizat a fost, la nceput, File Transfer Protocol (FTP); astzi se utilizeaz Simple Mail Transfer Protocol (SMTP), aprut n 1982.
36

E-mail
Care este arhitectura serviciului de email?
Serviciu Internet ancestral Urmeaz modelul real al serviciilor potale comunicaii asincrone Distincia dintre plic i coninut

37

E-mail
Plicul
ncapsuleaz mesajul conine date necesare pentru transportul mesajului:
destinatar, adres, prioritate, folosit pentru dirijarea mesajului la destinatar

Mesajul
stocat de plic conine un antet (date de control pentru programul de e-mail) + un corp (date pentru utilizator) poate include i fiiere ataate (attachments)
38

Terminologie e-mail
Agent utilizator (MUA Mail User Agent)
client (local) pentru managementul potei electronice pine, mutt, Mozilla Thunderbird, KMail, Outlook etc.

Agent de transfer (MTA Mail Transport Agent)

responsabil cu comunicarea cu gazdele la distan i cu trimiterea/recepionarea de pot (client & server) sendmail, qmail

Agent de distribuie (MDA Mail Distribution Agent)

direcioneaz mesajele primite ctre csua potal a utilizatorului (eventual, filtreaz/organizeaz unele mesaje) procmail

Mail exchanger (MX)

entitate responsabil cu email-urile unui domeniu (main intermediar)

39

Terminologie e-mail
Adres de e-mail
identific un utilizator sau grup (list) de utilizatori cutie_ potal@locaie cont_utilizator@furnizor_servicii_e-mail

Adres de e-mail
numele contuluiutilizator poate fi stabilit de utilizator sau impus de furnizorul de servicii conform unor reguli (access policy) gogoshik88@yahoo.com prenume.nume@info.uaic.ro

Parol (password)
asigur accesul autentificat la o resurs n acest caz, la coninutul csuei potale trebuie judicios aleas e.g., s nu fie scurt, s includ combinaii de litere, cifre & simboluri, s nu fie dezvluit nimnui, s fie schimbat periodic
40

Arhitectura e-mail

41

Protocoale e-mail
Schimbul de mesaje ntre serverele de e-mail (MTA-uri) se realizeaz via protocolul SMTP (Simple Mail Transfer Protocol) Transferul de mesaje de pe un server de pot la un MUA este realizat uzual prin protocolul POP (Post Office Protocol) sau IMAP (Internet Message Access Protocol).
42

Protocoale e-mail
Simple Mail Transfer Protocol (SMTP) este un standard pentru transmiterea mesajelor de pot electronic ntr-o reea IP. Serverele de mail i ceilali ageni utilizeaza SMTP pentru primire-transmitere mesaje. Clienii de mail de la nivelul utilizator folosesc SMTP doar pentru trimiterea mesajelor ctre serverul de mail. SMTP was published as RFC 821 in August 1982
43

Protocoale e-mail
SMTP este un protocol simplu, bazat pe text, n care un mail sender comunic cu un mail receiver prin intermediul unor comenzi simple si trimitere de date utiliznd un canal de comunicaie TCP. O sesiune de SMTP const din comenzi, iniiate de clientul SMTP i rspunsuri ale serverului SMTP. Iniiatorul este este fie un client email de la enduser (MUA), fie MTA-ul de pe un server releu.
44

Structura mesajului
Fiecare mesaj va fi prefixat de o serie de anteturi (create de MUA sau adugate de MTA) Fiecare MTA insereaz cel puin un cmp de antet Received util pentru a reconstitui ruta mesajului Unele cmpuri din antet pot fi analizate de MTA intermediari, dar coninutul mesajului este ignorat Pentru calculatoarele neconectate la Internet, pentru transfer se folosesc pori de e-mail.
45

Structura mesajului
Cmpuri de antet importante:
To: adresa/adresele destinat./destinatarilor principal(i) Cc: adresa/adresele destinat./destinatarilor secundar(i) copie la indigo (Carbon copy) Bcc: adresa/adresele destinatarului/destinatarilor invizibil(i) nu se afieaz destinat. principal/secundar (Blind carbon copy) From: adresa expeditorului (persoan/grup) Date: data la care a fost trimis mesajul Reply-To: adresa la care va fi expediat rspunsul la un anumit mesaj Message-Id: identificator unic al mesajului Subject: scurt sumar al mesajului foarte important!

46

Faciliti E-mail
Forward
retrimiterea unui mesaj primit spre alt destinatar

Reply
expedierea unui rspuns la un mesaj recepionat

Attach
ataarea unui (grup de) fiier(e) la un mesaj de trimis
47

Fiiere ataate
Iniial, se permiteau doar mesaje textuale codificate n ASCII (American Standard Code for Information Interchange)
256 caractere: 128 (cod standard) + 128 (cod extins) Codul standard: primele 32 valori asociate codurilor de control al comunicaiei (terminal + imprimant) caractere neafiabile urmate de 96 de caractere de punctuaie, cifre i litere ale alfabetului roman

Cerin ulterioar:
Codificarea coninutului mesajelor nonASCII
Limbi cu accente franceza, spaniola, romna Limbi avnd alfabete nonlatine greaca Limbi fr alfabet chineza Mesaje nontextuale imagini, filme, arhive,
48

Fiiere ataate
Soluie a fost dat de standardul MIME (Multipurpose Internet Mail Extensions) Specific un set de tipuri primare de coninut + sub-tipuri adiionale Permite ataarea la e-mail a fiierelor de orice tip Tipuri MIME principale
text desemneaz formate textuale
text/plain fiier text neformatat text/html document HTML (HyperText Markup Language) text/css foaie de stiluri CSS (Cascading Style Sheet)

image specific formate grafice

image/gif imagini n format GIF (Graphical Interchange Format) image/jpeg fotografii n format JPEG (Joint Picture Experts Group) image/png imagini PNG (Portable Network Graphics)

49

Fiiere ataate
Tipuri MIME principale:
audio desemneaz coninuturi sonore
audio/basic fiier audio n formatul de baz .au audio/mpeg fiier MP3 specificaia privitoare la date audio a standardului MPEG (Motion Picture Experts Group)

video definete coninuturi video (animaii, filme)

video/mpeg fiier MPEG (Motion Picture Experts Group)
50

Fiiere ataate
Tipuri MIME principale
application definete aplicaiile ce vor fi executate la nivel de client
application/executable program executabil application/javascript program JavaScript application/msword document Word application/octet-stream ir de octei application/pdf fiier Portable Document Format

multipart utilizat pentru transferul datelor compuse

multipart/mixed coninut mixt, mai multe tipuri de coninut: text/plain i application/zip multipart/alternative coninuturi alternative, informaii disponibile n mai multe formate: text/plain sau text/html
51

Liste e-mail
Numele de cont (cutia potal) poate fi atribuit() unui utilizator fictiv, desemnat de exemplu de un grup => lista de e-mail Distribuie de mesaje unui set de utilizatori (adrese de email) focalizai pe un domeniu anume sau reunii conform unor interese
Exemple: info1@info.uaic.ro, profs@info.uaic.ro , admins@info.uaic.ro

O list poate fi:

public (deschis) pot trimite mesaje i utilizatorii care nu aparin (nc) listei privat (nchis) nu se permit mesaje dect din partea membrilor moderat orice mesaj, nainte de a fi trimis listei, este revzut de o persoan moderatorul
52

netiquette
Aceleai standarde de comportament trebuie s existe i n mediul on-line: comport-te cu ceilali aa cum ai dori s se comporte i ei cu tine De respectat timpul & resursele destinatarului Asumarea responsabilitii pentru afirmaiile fcute A nu se abuza de putere (postura de superioritate) Iertarea greelilor comise de alii Redactarea corect, ngrijit, a mesajelor Adaptarea la obiceiurile locale Utilizarea judicioas a facilitilor programelor de e-mail

53

netiquette
Redactarea corect, ngrijit, a mesajelor Adaptarea la obiceiurile locale Utilizarea judicioas a facilitilor programelor de e-mail Rspunsul la un mesaj s fie dat n timp util Corespondena personal (privat) ar trebui realizat la serviciu via un alt cont de e-mail
Organizaiile i rezerv dreptul de a monitoriza/cenzura mesajele angajailor

Trimiterea de mesaje pe o list trebuie s fie realizat cu discernmnt

54

Modul de redactare
Subiectul mesajului trebuie s fie util, concis Mesajul trebuie scris corect (gramatical & stilistic) Tonul vocii trebuie s fie unul moderat Utilizarea corespunztoare a emoticoanelor (emoticons) Se pot folosi abrevieri comune De evitat scrierea cu majuscule desemneaz strigt Mesajul trebuie terminat cu o semntur (eventual, plasat automat via un fiier .signature)

55

Emoticoane
:-) Smile; laugh; I'm joking :-( Frown; sadness; Bummer ;-) Wink; a pun or sly joke :-O Yelling or screaming; completely shocked :-D Big, delighted grin :-P Sticking out your tongue :-| Can't decide how to feel; no feelings either way :-\ Mixed but mostly happy :-/ Mixed but mostly sad Pot avea i corespondent grafic.
56

Abrevieri
BTW By the way IMHO In my humble opinion IOW In other words LOL Laughing out loud ROTFL Rolling on the floor laughing f2f Face to face IRL In real life BRB Be right back ASAP As soon as possible AFK Away from keyboard WRT With regard to <g> / <G> Grin <bg> Big grin
57

Fenomene e-mail
Receptarea de mesaje (publicitare) nesolicitate spam Apariia scrisorilor n lan chain letters Folosirea unor fiiere ataate avnd formate neadecvate sau proprietare (e.g., Word) Se prefer mesajele text obinuite Hruirea e-mail harassment Abonarea fr consimmnt la liste de discuii Declanarea unor situaii conflictuale pe o list (inflamarea spiritelor) flame Apariia mesajelor necorespunztoare (injurioase) din partea unui utilizator trolling
Un troll poate ntreine i o stare de conflict Reacie necesar: ignorarea Dont feed the troll

Propagarea de programe maliioase malware

58

Pericole e-mail
Manipularea de ctre persoane ruintenionate Intimidare, antaj, presiune, autoritate, flatare, substituie de persoan, vanitate etc. Nu trebuie s se rspund expeditorilor necunoscui sau s se divulge informaii confideniale
Se previne furtul identitii phishing

A nu se deschide/copia fiiere ataate dubioase

59