Scurt istoric al Web-ului

Episodul 2: Trecutul webului

Scop

• Prezentarea primelor tehnologii si aplicatii Web

• Se pune accent pe principalele momente, nefiind un ghid exhaustiv

• In special, cele care au marcat si influentat evolutia ulterioara

• Perioada: inceputul anilor 1990 -> 2000

Status-quo• Internetul este comercial, Web-ul a aparut• Numarul de utilizatori si de masini este in crestere• De la pagini statice, al continut dinamic si animatii• Informatie din ce in ce mai multa si diversa => apare

problema regasirii informatiilor• Interes comercial ridicat => primele afaceri online• Stabilizarea tehnologiilor existente• Aparitia de noi tehnologii si standarde

1992: Magazinele online• Vanzarea produselor si serviciilor folosind Internetul

(in special Web-ul)• Sinonim: Magazin Web• Au fost folosite si inainte de Internet, in special de

companiile mari din Europa, peste retelele deja existente ale firmelor

• Evident, ca la scurt timp dupa accesul companiilor la Internet, au aparut primele magazine Web

• 1992: Books.com – prima librarie online– A ajuns la jumatate de milion de vizite lunar

1993: CGI

• Common Gateway Interface• Prima modalitate standardizata de generare de

continut dinamic intr-o pagina Web (statica)• Nu este un limbaj de programare• Defineste o interfata ce faciliteaza comunicarea intre

serverul Web si un program extern scris intr-un limbaj de programare oarecare

• Initial, programele erau scrise in C/C++, Perl sau shell scripting

• Primele variante de “server-side scripting”

1994: Motorul de cautare• Primul motor de cautare cu succes la public: Lycos• Piata a explodat in anii urmatori: Infoseek, Altavista,

Ask Jeeves, etc.• Principiul de functionare:– Niste programe speciale (Web spiders, crawlers) citesc

(toate) paginile Web din timp in timp– Informatia este salvata si procesata de motorul de cautare– Se folosesc algoritmi “destepti” pentru determinarea

paginilor celor mai semnificative relativ la interogarea introdusa de utilizator

1995: Amazon

• Unul dintre cele mai importante magazine online• A inceput ca librarie online• Si-a diversificat rapid gama de produse vandute• Are peste 500 milioane de vizitatori annual• O cifra de afaceri de peste 1mld $ in ultimii 10 ani,

depasind 10 mld $ anul trecut• In ultimii ani ofera si alte servicii (S3, EC2, Vine)• Recomandarea de produse

1995: Yahoo!• Yet Another Hierarchical Officious Oracle • Proiect inceput la Stanford University• Yahoo! a pornit ca un director web

– Categorii, subcategorii, resurse• Initial, cautare in cadrul directorului• Apoi, Yahoo.com a devenit un portal Web• Abia apoi, si-a extins serviciile in urma unor achizitii:

– RocketMail => Yahoo! Mail– eGroups => Yahoo! Groups– Inktomi -> Yahoo! Search (abia in 2002!)

• Servicii dezvoltate de Yahoo!– Yahoo! Pager care a devenit YM

1995: AuctionWeb (eBay)• Cel mai cunoscut site de licitatii online• Firma cunoaste succesul abia in 1997, cand isi si

schimba numele in eBay.com• Licitatii:– Normale – castiga cel ce ofera suma maxima dupa un

numar de zile;– Pret fixat – cand sunt mai multe produse– Pret fixat cu cea mai buna oferta– Licitatie olandeza – cumparatorii liciteaza pentru un numar

de produse• Alte servicii mai noi: PayPal, Skype

1995: PHP• Cel mai folosit limbaj pentru “server-side scripting”• PHP: Hypertext Preprocessor • Initial, insemna “Personal Home Page”• Scop: inlocuirea unor script-uri Perl de pe site-ul personal al

dezvoltatorului principal, Rasmus Lerdorf• A fost dezvoltat special pentru Web• Serverul web este configurat ca anumite fisiere sa fie

interpretate de PHP, iar rezultatul este trimis inapoi serverului

• Codul PHP si HTML de obicei este amestecat• <?php … ?>

1995: Java applets

• Au aparut odata cu Java 1.0 ca o modalitate de a incorpora aplicatiile Java in paginile Web

• Un succes si pentru popularizarea Java• Applet-urile Java sunt descarcate de pe server si

rulate pe client, deci utilizatorii trebuie sa aiba o masina virtuala Java instalata

• Intre primele modalitati de “client-side scripting”• Au avut un succes mare in special pentru oferirea de

animatii (nu prea au existat alternative pana la Flash)

1995: JavaScript (JS)• Cel mai folosit limbaj pentru “client-side scripting”• Lansat la scurt timp dupa includerea unei masini virtuale de

Java pentru applet-uri in browser-ul Netscape Navigator (NN)• A fost inclus tot in NN• Javascript este interpretat de browser

– Este deci rulat pe client– Nu este compilat– Apare in tagul special <script>…</script>

• De multe ori se face confuzie cu Java– Nu exista o legatura intre Java si JavaScript– Ambele sunt trademark Sun acum (Netscape a ajuns la Sun)– Exista o oarecare asemanare la modul de a scrie cod

• Initial, Microsoft - JScript

1996: CSS• Cascading Style Sheets • Fisiere speciale care sa includa informatiile legate de

prezentarea (infatisare si formatare) unei pagini Web• S-a dorit o separare a continutului de prezentare• Standardul CSS1 a fost introdus in 1996• Primul browser ce oferea un suport limitat: IE3• Abia dupa 4 ani, browserele au implementat

standardul in proportie de peste 95%• Fisierele CSS contin informatii despre: dimensiuni,

culoari, font, bold, italic, etc.

1996: DHTML

• Ansamblu de tehnologii ce permit crearea paginilor Web interactive (dinamice)

• Se folosesc doar tehnologii de pe client:– Pagine HTML (statice)– JavaScript– Stiluri CSS: pot fi schimbate folosind JS– DOM (Document Object Model): obiectele din spatele

elementelor unei pagini HTML pot fi alterate (eliminate, editate, adaugate) folosind JS

– In plus, evenimente DOM: onClick, onMouseOut, etc.

1996: ASP• Active Server Pages• Tehnologia pentru “server-side scripting” de la Microsoft• Lansat in beta la sfarsitul lui 2009 pentru serverul Web al

Microsoft – Internet Information Server (IIS) v3.0• Are executia scripturilor integrata in serverul web• Suporta mai multe limbaje de scripting

– Cel mai uzual era VBScript– Altele: JScript, Perl

• Similar cu PHP-ul, codul ASP si HTML este amestecat• <% … %>.

1996: Flash• Cea mai importanta tehnologie pentru creearea de animatii

pe Web• Dezvoltat de Macromedia (companie cumparata mai tarziu de

Adobe)• Initial, dezvoltarea animatiilor semana foarte mult cu

realizarea unui film:– Existau scene, layere si cadre– Existau actiuni si tranzitii intre cadre

• Succesul a venit odata cu Flash 4/5 (in 2000)– Adaugare suport pentru ActionScript – limbaj de scripting asemanator

intr-o oarecare masura cu JS– Animatii noi, suport pentru mp3, etc.

• Filmele Flash (cu extensia .SWF - ShockWave Flash) sunt descarcate de pe server si rulate pe client de catre un “Flash Player”

1996: Apache HTTPD• Cel mai folosit server web de cand a fost lansat pana in

prezent• Prima alternativa serioasa pentru serverul Netscape• A fost oferit ca software open-source de catre “Apache

Group”– Acestia s-au raliat ca sa corecteze greselile serverului NCSA HTTPd de

la care au pornit– Din aceata cauza: “The result was A Patchy Server…”

• A oferit foarte multe facilitati, inclusiv suport pentru multe S.O. si limbaje de programare “server-side”

• Are cota de piata de peste 50%• Primul server care a depasit 100 milioane de site-uri Web

gazduite (anul acesta)

1996: ICQ• Primul serviciu de chat foarte popular• “I seek you”• Chat = transmiterea de mesaje sincrone intre utilizatori

(viteza mare)• Exista atat un server, cat si un client de chat (instant

messaging)• Logare pe baza unui numar unic de identificare• Succesul imediat a dus la cumpararea ICQ de catre AOL in

1998 pentru aproximativ 500 milioane $• A fost primul reprezentant dintr-o serie lunga de servicii de

chal: AOL, YM, MSN Messenger, Skype, GTalk, …

1996: Forumul Web

• O alta forma de organizare a listelor de e-mailuri

• Comunicatie asincrona• Posibilitatea de definire de subiecte• Se poate raspunde la un anumit mesaj dintr-

un subiect• Primele forumuri Web au aparut in 1996• Probabil cel mai cunoscut reprezentant:

phpBB - 2000

1997: Portalul Web

• Tranzitia de la motor de cautare sau director Web la portal Web (Yahoo!, Altavista, Lycos)

• Anul nu este clar definit, deoarece definitia de portal Web nu este foarte clara

• Caracteristica comuna: oferirea de informatii variante intr-o singura pagina

• Integrarea mai multor aplicatii la un loc• Mai nou, permite utilizatorilor alegerea aplicatiilor

care sunt afisate

1997: J2EE• Java 2 Platform, Enterprise Edition• In 1997, au aparut servletii Java• Alternativa de la Sun pentru “server-side scripting”• Necesita un server Web special de la Sun• Un servlet prelucreaza o cerere HTTP, avand acces la toti

parametrii acesteia si intoarce ca iesire un fisier HTML• Servletii sunt prima tehnologie din suita J2EE• JSP – Java Server Pages (care seamana mai mult cu PHP sau

ASP) apar un pic mai tarziu, in 1999• Tot in 1999, Apache Tomcat

1997: HTML4• Ultima versiune majora a unei specificatii stabile W3C pentru

HTML – versiune minora 4.01 – 1999

• Incorporeaza avansul tehnologic din ultimii ani: CSS, client-side scripting, etc.

• Modificari majore:– Introducerea de elemente noi– Separare a structurii de prezentare: CSS– Concepte de accesibilitate Web– Internationalizare: atributele “lang” si “dir”– Introducerea frame-urilor– Client-side scripting: <script language=“”>– Definirea de stiluri: atributele “id”, “class” si “style”

1998: Google• Motorul de cautare al Internetului• “Googol” – 1 urmat de 100 de zero-uri: scopul Google era sa gaseasca informatia

relevanta in multitudinea de pagini Web• Foloseste un algoritm nou, numit PageRank, pentru asignarea importantei unei

pagini Web– Modeleaza Web-ul ca pe o retea imensa– Conteaza legaturile intre pagini– Initial, paginile au aceeasi importanta– Se aplica un numar de iteratii: la fiecare pas importanta unei pagini se modifica in

functie de importanta anterioara a sa si a legaturilor spre ea• Modelul vizitatorului aleator (legaturile ce ies dintr-o pagina au pondere egala)• In determinarea ordinii unei pagini pentru o interogare data, conteaza atat

continutul paginii (sa fie relevant pentru cautare), cat si PageRank-ul sau• Au dezvoltat si alte servicii: Image Search, AdWords, Maps, Analytics, Gmail, …

1998: WAP• Wireless Application Protocol• Simplist: Echivalentul HTTP pentru telefoanele mobile• Mai complicat: WAP este o suita de protocoale de la nivelul

retea pana la nivelul aplicatie pentru asigurarea accesului telefoanelor mobile la Internet

• WML = Wireless Markup Language este echivalentul HTML pentru mobile– Afisat de un browser WAP – Bazat pe XML si are unele marcaje in comun cu HTML– <wap> … </wap>

• Nu mai este folosit de telefoanele moderne

1999: Napster• Primul sistem P2P de partajare si de transfer al fisierelor• Lansat de un student de 19 ani, pentru a gasi mai usor fisiere

audio (muzica), ca alternativa la folosirea motoarelor de cautare

• De fapt, partajarea fisierelor nu era distribuita– Exista un server central unde erau salvate datele despre utilizatori si

fisierele partajate de fiecare– Astfel, si cautarea fisierelor era tot centralizata

• Transferul fisierelor era insa distribuit si se facea direct intre clientii sursa si destinatie, fara ca datele sa treaca printr-un server

• Sistemul a avut un succes imens – trafic de muzica• Probleme cu drepturile de autor – inchis in 2001

1999-2000: Dot-com bubble• Dot-com: Firme ce avea afaceri in legatura cu Internetul• Pana in martie 2000, preturile actiunilor acestor companii au

crescut substantial• Indicele NASDAQ s-a dublat intr-un singur an (1999-2000)• Majoritatea cresterilor nu au fost realiste economic si nu au

fost bazate pe rezultatele companiilor• Vazand trendul ascendent al companiilor dot-com, au intrat in

joc speculatorii => pretul a crescut si mai mult ajutat de acestia

• Au aparut foarte multe companii noi(atrase de mirajul castigurilor)

2000: XHTML• Extensible Hypertext Markup Language• HTML a aparut ca o aplicatie a unui limbaj de adnotare foarte complex

(SGML – Standard Generalized ML)• XML-ul este un subset mai restrictiv al SGML, aparut in 1998• XHTML1.0 este o reformulare a definitiilor HTML4, astfel incat acestea sa

devina XML-uri valide (bine-formate)• Avantaje:

– Se pot folosi unelte specifice XML-urilor (parsere, etc.)– Se pot folosi spatii de nume si include alte tipuri de adnotari intr-un fisier

HTML (ex: SVG, DublinCore)• Dezavantaje:

– Broweserele trebuie sa stie sa interpreteze atat HTML4 cat si XHTML• Transformarile nu au fost majore:

– lang=en => lang=“en”– <br> => <br />

2000: AdWords• Google lanseaza serviciul AdWords• Existau mai multe retele de distributie a reclamelor

online– Majoritatea, foloseau pret per afisare

• Google incorporeaza reclamele in rezultatele intoarse la cautare– In functie de termenii de cautare– In functie de pretul per click – PayPerClick

• Ideea nu este originala Google• Serviciul s-a dezvoltat foarte mult in anii urmatori,

ajungand la aproape 20 mld $ incasari

2000-2001: Dot-com crash• Revenirea preturilor firmelor dot-com la normal• Aproximativ jumatate din afaceri au dat faliment in aceasta perioada• 13 Martie 2000: scadere cu 4% a indicelui NASDAQ chiar la deschidere• Multiple cauze:

– Speculatorii– Planuri de afacere nerealiste– Concurenta multor firme pe un public limitat – Cheltuieli foarte mari cu extinderea afacerilor (uneori in dauna profitului)– Profituri foarte mici pentru anul anterior / Pierderi– US vs. Microsoft ? se cam stia verdictul (dat pe 4 aprilie)

• In orice caz, rezultatele au fost:– Faliment pentru foarte multe afaceri– Unele firme (mai mari) au rezistat fara probleme (eBay, Amazon, Yahoo!)– Ca in orice criza, unele au profitat (Google)– Restul: ori au fost cumparate, ori au fost restructurate

Concluzii• Tehnologiile existente s-au maturizat (HTML, HTTP, serverele

Web)• Au aparut tehnologii noi:

– Server side scripting– Client side scripting– DHTML

• Au aparut servicii noi• Numarul utilizatorilor a crescut foarte mult• Numarul companiilor dot-com a crescut foarte mult• Spargerea “dot-com bubble” a insemnat ca au ramas pe piata

numai companiile ce ofera servicii bune si competitive• Cu toate acestea, Web-ul va oferi multe noi oportunitati