1. Comunicare
Valentin Clocotici

2. Cursul nr. 2
World Wide Web

3. Primele trei cursuri conţin fragmente din cursul elaborat de dl. prof
Primele trei cursuri conţin fragmente din cursul elaborat de dl.prof. Sabin Buraga, căruia îi mulţumesc şi pe această cale pentru îngăduinţa acordată.

4. Noţiuni
Sit Web
sistem pe care rulează un server Web găzduind o serie de pagini (documente) WWW înrudite – ale unei organizații, companii sau persoane
Oferă informații unitare
Are asociată o adresă publică (vizibilă), bazată pe un domeniu Internet
Serverul Web poate gestiona simultan mai multe situri – găzduire virtuală
Poate fi disponibil în intranet sau extranet

5. Noţiuni
Aplicație Web
colecție interconectată de pagini Web cu conținut generat dinamic, menită a oferi utilizatorilor o funcționalitate specifică
Interacțiunea dintre aplicație şi utilizatori are loc via o interfață Web
Uzual, sit Web = aplicație Web
Exemple: Amazon, Blogger, Expedia, Flickr, Kartoo, PHPMyAdmin, webmin, Wikipedia, YouTube etc.

6. Noţiuni
Arhitectura unei aplicații Web

7. Realități Web-ul ca spațiu de “aprovizionare” cu date
Utilizatorul privit drept consumator
Apariția e-business-ului (.com-urile) şi a altor e-* (e-learning, e-government, e-marketing,…)
Căutări bazate pe cuvinte cheie sau pe cataloage (directories)
“Războiul” browser-elor

8. Adresarea WWW
Resursele sunt identificate prin adresa lor – identificator uniform de resurse (URI)
Existența unui protocol (e.g., HTTP) pentru accesul la conținutul resurselor
Resursele (văzute ca documente) includ marcaje (adnotări)
Marcajele pot conține la rândul lor URI-uri

9. 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 rețea, domeniu simbolic)
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 dispărut
urn:ISBN:
urn:ietf:rfc:2401
urn:mozilla:package:communicator

10. Adresarea WWW
URI

11. Adresarea WWW
Sintactic, URI este compusă din patru părţi <scheme name> : <hierarchical part> [ ? <query> ] [ # <fragment> ]
scheme name constă dintr-o literă urmată de orice combinaţie de litere, cifre sau simboluri + . – şi se termină cu : identifică protocolul de comunicaţie
hierarchical part începe uzual cu // şi continuă cu
authority part care conţine o parte opţională (cu informaţii utilizator) terminată o denumire de server (hostname, nume de domeniu sau adresa IP) şi un număr opţional de port precedat de :
path part este o secvenţă de segmente separate de / (similar ierarhiei de foldere)
query este o parte opţională separată de ? necesară în interogări
fragment este o parte opţională separată prin # şi care menţionează identificări suplimentare, de regulă resurse secundare.

12. Adresarea WWW
Caractere rezervate: ; / ? & = + $ , se codifică în baza 16, precedate de %
Exemplu: Spațiul va deveni %20
Se pot identifica
URL-uri absolute
URL-uri relative ../../csb.css

13. Hypertext Transfer Protocol
Hypertext Transfer Protocol (HTTP) este un protocol la nivel de aplicaţie, pentru sisteme distribuite, colaborative, hipermedia.
Este protocolul utilizat pentru regăsirea resurselor care alcătuiesc World Wide Web.
Dezvoltarea HTTP este coordonată de World Wide Web Consortium şi de Internet Engineering Task Force (IETF).

14. Hypertext Transfer Protocol
HTTP este un standard de tip cerere/răspuns pentru un client (user agent) şi un server (origin server).
Clientul este utiliyatorul care navighează pe net (utilizând un browser sau alt program).
Serverul origine este serverul care conţine sau produce resursele cerute.
Între client şi server pot fi intermediari diverşi (proxies, gateways, tunnels).
HTTP nu este redus la utilizarea protocolului de comunicaţie TCP/IP, deşi acesta este cazul uzual. Poate fi implementat cu orice alt protocol de comunicaţie.
Uzual, un client HTTP
Lansează o cerere
Se stabileşte o conexiune Transmission Control Protocol (TCP) la un port al serverului gazdă (host), implicit portul 80
Serverul HTTP care “ascultă” pe acest port va răspunde trimiţâmd resursa cerută sau un mesaj de eroare etc.
Resursele accesate prin HTTP sunt identificate prin URI cu schemele http: sau https:

15. Proxy
Un server proxy este un server (computer sau aplicaţie) care intermediază cererile clienţilor către alte servere.
Cererea unui client poate fi filtrată de proxy. Cererile validate sunt adresate serverului ţintă şi răspunsul este dat clientului.
Uneori, serverul proxy poate să nu mai interogheze serverul origine deoarece are răspunsul deja stocat (operaţiunea de caching)
Proxy are două scopuri:
Păstrează anonimatul clienţilor
Măreşte viteza de acces prin caching.

16. Gateway
Un server proxy poate fi plasat oriunde între client (inclusiv pe maşina acestuia) şi serverul destinaţie sau Internet.
Un gateway este un nod care uneşte două reţele cu protocoale de comunicaţie diferite.
Spre deosebire de acestea, un router transmite informaţiile aşa cum le primeşte.

17. Hipertext
XHTML

18. Hipertext
Prin hipertext se înţelege un document electrornic, care în afară de text conţine
Referinţe (hyperlinks) la alte documente pe care utilizatorul le poate accesa imediat atunci când documentul hipertext este activ (afişat pe ecran).
Pot să apară tabele, imagini etc. ca şi în orice alt document obţinut printr-un procesor de texte.
Formulare
Elemente grafice dinamice (de exemplu videoclipuri)

19. Hipertext Documentele hipertext pot fi
Statice (scrise şi memorate anterior afişării)
Dinamice (create ca răspuns la cererea utilizatorului)
Un document hipertext evoluat poate conţine elemente de interfaţă uzuale, cum ar fi meniuri, linii de comandă etc.
Cea mai buna implementare a conceptului de hipertext este World Wide Web.

20. Hipertext
O extensie a termenului de hipertext este hipermedia care arată că elemente grafice, audio, video, text şi legături concură la obţinerea unui mediu de informare neliniar
Opusul este termenul de multimedia care nu conţine partea interactivă dată de legături.
World Wide Web este exemplul clasic de hipermedia.

21. 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
(fişiere text .html sau .htm) stocate pe un server Web şi vizualizate de un client Web (navigator, browser)

22. 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 (legături, scufundare obiecte etc.)
Limbajul constă din elemente de marcaj (tag-uri) care sunt interpretate de programele browser.
Se permite inserarea unor scripturi, secvenţe de cod care devin active în momente specificate ale vizionării 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 apărut în 1991, în HTML Tags, articol scris de Berners-Lee.
Extensible Hypertext Markup Language, XHTML, a apărut ca o extindere a limbajul HTML.

23. XHTML Format bazat pe marcatori (adnotări, tag-uri) Structură:
<html>…</html>
Structură:
antet (head) + corp (body)
<html> <! tag obligatoriu >
<head> <! început de antet > …
</head> <! sfârşit de antet >
<body> <! început de corp >
</body> <! sfârşit de corp >
</html> <! sfârşit de document >
Marcatorii trebuie să fie închişi şi să se imbrice corect!
Incorectitudinile sintactice/semantice nu vor fi semnalate de browser

24. XHTML Secțiuni ale conținutului Indicații despre conținut
<p> paragraf
<div> diviziune
<hr /> linie orizontală
<br /> trecere la linie nouă
<h1> ... <h6> şase tipuri de titluri
<hr /><h2>Maniera de evaluare</h2>
Indicații despre conținut
<b> îngroşat
<i> înclinat
<strong> important
<em> intensificat
<sub> indice
<sup> exponent
<pre> text preformatat
<code> cod sursa
<span> proprietăți ale conținutului
<p><strong>Orice încercare de…</strong></p>

25. XHTML Liste Imagini <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" />

26. XHTML Legături (ancore) – specifică hipertextul Tabele
<a> ancoră spre o altă resursă Web sau un fragment de document
<p><a href= title="Spre situl XHTML.org">XHTML.org</a></p>
Tabele
<table> inserează un conținut tabelar
<tr> linie de tabel
<td> definiție de celulă
<th> antet de tabel
<caption> legendă de tabel …

27. XHTML Formulare <form> inserează un formular electronic
<input> câmp de intrare
<button> buton
<select> selecție de listă de opțiuni
<option> opțiune ce poate fi selectată
<textarea> text introdus pe mai multe linii

28. XHTML Includere de alte conținuturi
<style> definiții de stiluri interne
<script> programe JavaScript
<applet> applet-uri Java
<embed> inserare a unui obiect generic
<object> (audio, film, animație etc.)
<embed name="plugin" type="audio/mpeg“ src="Celestial%20Celebration.mp3" />
Meta-date (plasate în <head>…</head>)
<title> titlul paginii Web
<meta /> informații suplimentare – descrierea documentului, autorul, cuvintele cheie etc.
<link /> inserează un fişier extern – e.g., o foaie de stiluri
<meta name="description" lang="ro“ content="Situl Web dedicat cursului" />

29. XHTML
Se pot insera caractere speciale, entități standard – &nume_entitate;
< <
> >
& &
" “
  spațiu indestructibil
· ∙
– –
© ©
µ μ

30. XHTML
Inserarea de caractere speciale entități caracter – &#cod_caracter;
© ©
¶ ¶ …
depind de setul de caractere ales:
ISO (Latin-1), ISO (Latin-2),…

31. De ce XHTML şi nu HTML? Extensibilitate Modularizare
pot fi incluse tag-uri ale altor limbaje: SVG (Scalable Vector Graphics), MathML,…
Modularizare
grupare logică a seturilor de tag-uri, utilizate conform necesităților
Transformare a marcajelor
convertire facilă în alte tipuri de conținut

32. Reguli XHTML Elemente (tag‐uri) & atribute scrise cu minuscule
XHTML este case sensitive
Tag-uri de sfârşit obligatorii
Tag-urile vide scrise <tag /> sau <tag></tag>
Valorile atributelor vor fi incluse între ghilimele
Atributele booleene vor trebui să aibă ataşată ş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"
"
sau
<!DOCTYPE html PUBLIC
“-//W3C//DTD XHTML 1.0 Transitional//EN"
"

33. Proiectarea siturilor Web
Pentru documentare se vor studia materialele courses/iCome/presentations/ iCome07DesignWeb.pdf courses/iCome/presentations/ iCome08DesignWeb2.pdf courses/iCome/presentations/ iCome09DesignWeb3.pdf

34. Poşta electronică

35. E-mail Comunicare inter-personală mediată de Internet
Poşta electronică
Instant messaging

36.
Sistemele sunt bazate pe modelul store-and-forward. 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 când trimite un mesaj sau atunci când primeşte (descarcă) un mesaj.
Dezvoltarea mecanismelor poştei electronice a condus ca să accepte conţinut multimedia, conform standardului Multipurpose Internet Mail Extensions (MIME).
Standardele de codificare a mesajelor au apărut în 1973.
Protocolul de comunicaţie utilizat a fost, la început, File Transfer Protocol (FTP); astăzi se utilizează Simple Mail Transfer Protocol (SMTP), apărut în 1982.

37. E-mail Care este arhitectura serviciului de e-mail?
Serviciu Internet “ancestral”
Urmează modelul real al serviciilor poştale – comunicații asincrone
Distincția dintre plic şi conținut

38. E-mail Plicul Mesajul încapsulează mesajul
conține date necesare pentru transportul mesajului:
destinatar, adresă, prioritate,…
folosit pentru dirijarea mesajului la destinatar
Mesajul
stocat de plic
conține un antet (date de control pentru programul de ) + un corp (date pentru utilizator)
poate include şi fişiere ataşate (attachments)

39. Terminologie e-mail Agent utilizator (MUA – Mail User Agent)
client (local) pentru managementul poştei 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/recepționarea de poştă (client & server) sendmail, qmail
Agent de distribuție (MDA – Mail Distribution Agent)
direcționează mesajele primite către căsuța poştală a utilizatorului (eventual, filtrează/organizează unele mesaje) procmail
Mail exchanger (MX)
entitate responsabilă cu -urile unui domeniu (maşină intermediară)

40. Terminologie e-mail Adresă de e-mail Parolă (password)
identifică un utilizator sau grup (listă) de utilizatori cutie_
numele contului‐utilizator poate fi stabilit de utilizator sau impus de furnizorul de servicii conform unor reguli (access policy)
Parolă (password)
asigură accesul autentificat la o resursă – în acest caz, la conținutul căsuței poştale
trebuie judicios aleasă – e.g., să nu fie scurtă, să includă combinații de litere, cifre & simboluri,
să nu fie dezvăluită nimănui, să fie schimbată periodic

41. Arhitectura

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

43. Protocoale
Simple Mail Transfer Protocol (SMTP) este un standard pentru transmiterea mesajelor de poştă electronică într-o reţea IP.
Serverele de mail şi ceilalţi agenţi utilizeaza SMTP pentru primire-transmitere mesaje.
Clienţii de mail de la nivelul utilizator folosesc SMTP doar pentru trimiterea mesajelor către serverul de mail.
SMTP was published as RFC 821 in August 1982

44. Protocoale
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 utilizând un canal de comunicaţie TCP.
O sesiune de SMTP constă din comenzi, iniţiate de clientul SMTP şi răspunsuri ale serverului SMTP.
Iniţiatorul este este fie un client de la end-user (MUA), fie MTA-ul de pe un server releu.

45. Structura mesajului
Fiecare mesaj va fi prefixat de o serie de anteturi (create de MUA sau adăugate de MTA)
Fiecare MTA inserează cel puțin un câmp de antet Received – util pentru a reconstitui ruta mesajului
Unele câmpuri din antet pot fi analizate de MTA intermediari, dar conținutul mesajului este ignorat
Pentru calculatoarele neconectate la Internet, pentru transfer se folosesc porți de .

46. Structura mesajului Câmpuri 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 afişează 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 răspunsul la un anumit mesaj
Message-Id: identificator unic al mesajului
Subject: scurt sumar al mesajului – foarte important!

47. Facilităţi E-mail Forward Reply Attach
retrimiterea unui mesaj primit spre alt destinatar
Reply
expedierea unui răspuns la un mesaj recepționat
Attach
ataşarea unui (grup de) fişier(e) la un mesaj de trimis

48. Fişiere ataşate
Inițial, se permiteau doar mesaje textuale codificate în ASCII (American Standard Code for Information Interchange)
256 caractere: 128 (cod standard) (cod extins)
Codul standard: primele 32 valori asociate codurilor de control al comunicației (terminal + imprimantă) – caractere neafişabile – urmate de 96 de caractere de punctuație, cifre şi litere ale alfabetului roman
Cerinţă ulterioară:
Codificarea conținutului mesajelor non‐ASCII
Limbi cu accente – franceza, spaniola, româna
Limbi având alfabete non‐latine – greaca
Limbi fără alfabet – chineza
Mesaje non‐textuale – imagini, filme, arhive,…

49. Fişiere ataşate
Soluție a fost dată de standardul MIME (Multipurpose Internet Mail Extensions)
Specifică un set de tipuri primare de conținut + sub-tipuri adiționale
Permite ataşarea la a fişierelor de orice tip
Tipuri MIME principale
text desemnează formate textuale
text/plain – fişier 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)

50. Fişiere ataşate Tipuri MIME principale:
audio desemnează conținuturi sonore
audio/basic – fişier audio în formatul de bază .au
audio/mpeg – fişier MP3 – specificația privitoare la date audio a standardului MPEG (Motion Picture Experts Group)
video defineşte conținuturi video (animații, filme)
video/mpeg – fişier MPEG (Motion Picture Experts Group)

51. Fişiere ataşate Tipuri MIME principale
application defineşte aplicațiile 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 octeți
application/pdf – fişier Portable Document Format
multipart utilizat pentru transferul datelor compuse
multipart/mixed – conținut mixt, mai multe tipuri de conținut: text/plain şi application/zip
multipart/alternative – conținuturi alternative, informații disponibile în mai multe formate: text/plain sau text/html

52. Liste
Numele de cont (cutia poştală) poate fi atribuit(ă) unui utilizator fictiv, desemnat – de exemplu – de un grup => lista de
Distribuție de mesaje unui set de utilizatori (adrese de ) focalizați pe un domeniu anume sau reuniți conform unor interese
Exemple: ,
O listă poate fi:
publică (deschisă) – pot trimite mesaje şi utilizatorii care nu aparțin (încă) listei
privată (închisă) – nu se permit mesaje decât din partea membrilor
moderată – orice mesaj, înainte de a fi trimis listei, este revăzut de o persoană –moderatorul

53. netiquette
Aceleaşi standarde de comportament trebuie să existe şi în mediul on-line: “comportă-te cu ceilalți aşa cum ai dori să se comporte şi ei cu tine”
De respectat timpul & resursele destinatarului
Asumarea responsabilității pentru afirmațiile făcute
A nu se abuza de putere (postura de superioritate)
Iertarea greşelilor comise de alții
Redactarea corectă, îngrijită, a mesajelor
Adaptarea la “obiceiurile” locale
Utilizarea judicioasă a facilităților programelor de

54. netiquette Redactarea corectă, îngrijită, a mesajelor
Adaptarea la “obiceiurile” locale
Utilizarea judicioasă a facilităților programelor de
Răspunsul la un mesaj să fie dat în timp util
Corespondența personală (privată) ar trebui realizată la serviciu via un alt cont de
Organizațiile îşi rezervă dreptul de a monitoriza/cenzura mesajele angajaților
Trimiterea de mesaje pe o listă trebuie să fie realizată cu discernământ

55. Modul de redactare Subiectul mesajului trebuie să fie util, concis
Mesajul trebuie scris corect (gramatical & stilistic)
Tonul “vocii” trebuie să fie unul moderat
Utilizarea corespunzătoare a emoticoanelor (emoticons)
Se pot folosi abrevieri comune
De evitat scrierea cu majuscule – desemnează “strigăt”
Mesajul trebuie terminat cu o semnătură (eventual, plasată automat via un fişier .signature)

56. 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.

57. 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

58. Fenomene e-mail Receptarea de mesaje (publicitare) nesolicitate – spam
Apariția scrisorilor “în lanț” – chain letters
Folosirea unor fişiere ataşate având formate neadecvate sau proprietare (e.g., Word)
Se preferă mesajele text obişnuite
Hărțuirea – harassment
Abonarea fără consimțământ la liste de discuții
Declanşarea unor situații conflictuale pe o listă (“inflamarea spiritelor”) – flame
Apariția mesajelor necorespunzătoare (injurioase) din partea unui utilizator – trolling
Un troll poate întreține şi o stare de conflict
“Reacție” necesară: ignorarea – “Don’t feed the troll”
Propagarea de programe malițioase – malware

59. Pericole e-mail Manipularea de către persoane rău‐intenționate
Intimidare, şantaj, presiune, autoritate, flatare, substituție de persoană, vanitate etc.
Nu trebuie să se răspundă expeditorilor necunoscuți sau să se divulge informații confidențiale
Se previne furtul identității – phishing
A nu se deschide/copia fişiere ataşate dubioase