UTILIZAREA INTERNETULUI N AFACERI

- PROIECT -

Instrumente software utilizate pentru proiectarea

aplicaiilor web destinate afacerilor

Nume studeni: Pomian Emanuel, Tcaciuc Claudiu

Specializare: IEDEEE
Grupa: 1741
Prof: dr. ing. Gros Ioana

1. World Wide Web (WWW)

Istoric
Totul a nceput undeva lng Geneva, la CERN, Laboratorul European pentru fizica
particulelor. Fondat de Comunitatea European, CERN este locul n care se ntlnesc fizicienii
din ntreaga lume, pentru rezolvarea unor probleme complexe de fizic.
n 1989, fizicianul Tim Berners-Lee a propus cercettorilor care se ocupau de fizica
energiilor nalte un concept numit Web (estur). Acesta era n esen un nou sistem pentru
transferul ideilor i rezultatelor cercetrii pentru acest mic grup de cercettori mprtiai n
lumea ntreag, pentru care comunicarea efectiv devenise o problem critic. Propunerea
definea un sistem de comunicare simplu bazat pe hypertext: o modalitate care utilizeaz legturi
pentru a face referiri la alte documente. Ideea era de a permite o desfsurare neliniar a
documentului text (initial sistemul nu-i propunea s transmit imagini, sunete sau video).
Transmiterea documentelor urma s se fac prin retele de computere. Data de 12 noiembrie 1990
este considerat ziua de natere oficial a Web-ului. CERN devine astfel cel mai dezvoltat nod
Internet al Europei.
La sfritul anului 1990, Steven Jobs (de la NeXT) a furnizat primul soft pentru un Web
server. Softul permitea editarea, vizualizarea i trasmiterea documentelor hypertext via Internet.
Functionalitatea sistemului a fost demonstrat Comitetului CERN i participanilor la conferin
Hypertext'91. S-a ntmplat apoi ca n cursul anului 1992, proiectul World Wide Web (deseori
referit ca WWW sau W3 sau Web), s se bucure de o publicitate bine fcut de CERN.
Rezultatul fiind c tot mai muli s-au convins c este o idee bun i au nceput s-i creeze
propriile lor servere Web i s fac informaia disponibil utilizatorilor Internet. Numele de Web
vine de la faptul c documentele aflndu-se pe diferite sisteme se refer unele la altele printr-o
"estur" de legturi.
Un grup mai mic de oameni a nceput de asemenea s lucreze la un program care s faciliteze
accesul la Web. Spre sfritul anului 1993, softul client pentru acces (numit browser sau
navigator) exista deja n mai multe variante, dezvoltate pentru diferite sisteme: X Window,
Apple Macintosh si PC/Windows.
Prin vara anului 1994 Web-ul a devenit unul dintre cele mai populare ci de accesare a
resurselor Internet, cuprinznd att utilizatori comerciali ct i individuali, beneficiind de unelte
de organizare care s le permit aproape orice. Explozia utilizrii comerciale l-a produs
diversitatea aplicaiilor cuprinznd n ultima vreme cele mai exotice lucruri cum ar fi: magazine
virtuale, bnci virtuale sau video multicasting. Web-ul este i astzi segmentul Internet cu cea
mai rapid dezvoltare: n timp ce Internetul se dubleaz la fiecare 10 luni, Web-ul se tripleaz n
fiecare an.
Continua crestere a Web-ului plus multiplicarea i diversificarea publicaiilor electronice
hypermedia constituie deopotriv o atracie i o provocare pentru utilizatori.

Definiie
Termenul World Wide Web, abreviat WWW, numit scurt i web, este totalitatea site-urilor
sau documentelor i informailor de tip hipertext legate ntre ele, care pot fi accesate prin reeaua
mondial de Internet (net = retea ). Documentele, care rezideaz n diferite locaii pe diverse
calculatoare server, pot fi regsite cu ajutorul unui identificator univoc numit URL. Hipertextul
inclusiv imagini etc. este afiat cu un ajutorul unui program de navigare n web numit browser,
care descarc paginile web de pe unserver web i le afieaz pe un terminal client la utilizator.

2. Hipertextul i hipermedia
Termenii de hipertext i hipermedia au cunoscut o mare recunoatere datorit Internetului i World Wide Web-ului, ntelegerea lor, a modului lor de funcionare st la baza conceperii
sau citirii documentelor Web. Datorit acestor nouti tehnologice, documentul pe
hartie este transpus ntr-o nou structur a carei component de baz este legatura sau link-ul.
Ideea de hipertext a aprut initial n cercetarea documentar i ea a fost enunat prima
oara de Vannevar Bush, n 1945, care a remarcat sistemele de indexare i organizare a
informaiei utilizate de comunitatea stiinific. Att hipertextul ct i hipermedia sunt medii
multiple care permit ghidarea structurat i exploatarea unui volum mare de cunotine i
informaii.
Documentul multimedia pe Web denumit i site web se bazeaz pe o structur hipertext
sau hipermedia compus, n principal, din pagini descrise n limbajul HTML i din legturi ntre
aceste pagini. Crearea de documente pe reteaua web este legat de standardul denumit HTML
(HyperText Markup Language) ce permite structurarea i transferul acestora pe diferite
platforme de calculator. Paginile i legaturile ce definesc structura hiper a documentului web
sunt descrise prin limbajul HTML cu ajutorul unor marcaje sau etichete. Coninutul paginilor
poate fi textual, mbogit cu elemente multimedia (grafic, sunet, video) sau formulare de
interaciune, dar i cu informaii de structurare i de prezentare.
Definite din punct de vedere matematic, att hipertextul ct i hipermedia sunt medii n
dimensionale, adic text la n dimensiuni si respectiv mediu la n dimensiuni. Din punct de
vedere a Web-ului, hipertextul sau hipermedia este modalitatea specifica de a structura i a
consulta documente. Pe acest considerent, Web-ul este considerat o mare baz de documente a
crei organizare nu este ns ordonat pe principiile unei baze de date obisnuite.
Hipertextul i hipermedia sunt moduri de organizare a informatiei, cu particularitatea ca
pot lega diferite parti ale informatiei, unele cu altele, ntr-o anumita logica. Informaia manevrat
printr-un sistem hiper este divizat n noduri, ntre care se stabilesc anumite legaturi. Fiecare
nod reprezinta un anumit tip de informaie, iar modul tipic de acces la informaie n acest sistem
este unul foarte cunoscut, denumit navigare.
Hipermedia s-a dezvoltat prin mbogatirea cu elemente de multimedia a structurii
hipertext si ea desemneaz o retea de texte si medii de natur diferit, ca noduri informaionale
interconectate, prin care utilizatorul se poate deplasa cu usurin, de obicei, punctnd cu mouseul o succesiune de legturi n urmrirea unei anumite idei. Tehnicile hipertext si hipermedia sunt
caracterizate prin capacitatea pe care o ofera utilizatorului de a accesa informaia, de a naviga
n interiorul documentelor ntr-o maniera intuitiv datorit legaturilor.

Componentele de baz a structuri hipersunt nodul informaional i legatura (sau linkul) prin care se construiesc sistemele i se face cautarea informaiilor. Nodurile informaionale
sunt de natur textual sau multimedia iar legturile sunt conexiuni ntre aceste elemente.
Legturile pot fi de natur diferit dup poziia punctului lor de pornire (ancora) i a celui
de sosire. Astfel, legturile pot fi interne i externe. Legturile interne se stabilesc ntre dou
noduri informaionale ce se gasesc n cadrul aceluiai fiier HTML i legturile externe se
stabilesc ntre dou noduri informaionale ce se gasesc n cadrul a dou fiiere diferite.
Dup modul n care se leaga paginile unui site web ntre ele putem avea structurile
hipertext sau hipermedia de navigatie de tip liniar, ierarhic sau de tip graf.

Sistemele hipermedia i hipertext pot furniza ci de navigare unidirecionale i bidirecionale.

Cea mai simpl i cunoscut modalitate de navigare prin structurile hiper,este cea prin
butoane, modalitate care permite accesul usor la informaia coninut n nodurile reelei.
Hipertext nseamn c orice cuvnt, fraza, imagine sau alt element al documentului vzut de
un utilizator ( client ) poate face referin la un alt document, ceea ce uureaza mult navigarea
ntre multiple documente sau chiar n interiorul unui aceluiai document. Structurarea riguroasa a
documentelor permite convertirea acestora dintr-un format n altul precum si interogarea unor
baze de date formate din aceste documente.

3. Clieni i servere web

Client-Server se refera la relaia dintre dou echipamente conectate n reea dar i la
software-ul care ruleaz pe aceste 2 echipamente. Prin reea se poate ntelege att Internetul ct i
o reea local. Software-ul client, care ruleaz pe echipamentul client, iniiaz o conexiune prin
care adreseaz o solicitare ctre software-ul server care ruleaz pe echipamentul server. La
rndul su software-ul server de pe echipamentul server rspunde la solicitarea respectiv ntrun anumit mod (n general standardizat).
n domeniul web hostingului ntalnim de regul urmatoarele roluri:
1. Software client:
client web: browserul web (Internet Explorer, Mozilla Firefox, Google Chrome, Safari)
client mail: Outlook, Outlook Express, Live Mail, Windows Live Mail, Thunderbird
client DNS: este de regula integrat in sistemul de operare al device-ului
2. Hardware client:
PC
tableta
telefon
3. Software server:
server web: Apache, LiteSpeed
server mail: Dovecot, Courier, Exim, Postfix
server DNS: BIND
server de baze de date: MySQL, MariaDB etc
4. Hardware server:
server de rack colocat ntr-un centru de date
Exist nsa i situaii n care de exemplu serverul poate fi i client. Cel mai la ndemn caz
este al serverului web care contine ca i modul PHP-ul. PHP-ul este un limbaj de programare
interpretat care genereaz n mod dinamic sursa paginii pe care serverul web o trimite clientului
web pentru afiare. De cele mai multe ori PHP-ul este ns folosit pentru a extrage datele dintr-o
baza de date de tip MySQL. PHP-ul fiind n principiu un limbaj de programare, nu este folosit de
regul pentru a stoca informaia necesara vizitatorului. Rolul unui limbaj de programare este s
proceseze ntr-un anumit mod datele. Datele ns sunt de regul stocate n baza de date. Deci n
aceasta relaie avem serverul web (software) cu modulul de PHP i un al doilea server software
(serverul MySQL). In acest caz serverul MySQL este serverul n relaia cu serverul web care
acum are rolul de client al serverului MySQL (serverul web prin intermediul PHP-ului
solicit de la serverul MySQL nite date). Ulterior, serverul web preia datele primite de la
serverul MySQL, le proceseaza mai mult sau mai puin i le trimite clientului web (browserul
care a solicitat pagina) i n aceast etap, serverul web deja nu mai este client ci i-a reluat rolul
su uzual de server.

4. Site-uri web
Noiunea site web provine din expresia englez web site i reprezint mai multe pagini
web multimedia (coninnd texte, imagini fixe, animaii .a.), accesibile n Internet n principiu
oricui, de obicei pe o tem anume, i care sunt conectate ntre ele prin hiperlinkuri. Diversele
site-uri web pot fi create de ctre o organizaie, o persoan particular, instituii publice etc.
De obicei un site web este administrat (creat, ntreinut i actualizat) de ctre webmaster, dar
exist i alte posibiliti:
site-ul web se actualizeaz automat i permanent pe baza unei baze de date;
paginile sale se creeaz n mod dinamic i automat n funcie de aciunea
utilizatorului n cadrul unei aplicaii web;

site-ul web se creeaz i e administrat chiar de ctre utilizatorii si

La nceputurile Internetului fiecare site web se accesa prin indicarea adresei sale numerice
specifice (adresa IP), de ex. 155.284.317.027. Ulterior pentru site-urile web s-au introdus i
numele de domenii, care permit indicarea adresei respective n mod mult mai comod, prin
cuvinte sau nume uor de reinut, ca de exemplu www.google.ro. Adresele de site-uri web trebuie
s fie clar stabilite, unice n lume i chiar garantate pentru posesorul respectiv.
Un site web este alctuit de regul din mai multe pagini web. O pagin web este un document
creat cu ajutorul limbajului de marcare HTML i (opional) limbaje de programare cum ar
fi PHP, ASP .a. fiind accesibil vizitatorilor prin intermediul protocolului HTTP, care transfer
informaia de la server la browser. Pagina web se numete aa deoarece, afiat pe un monitor, ea
se aseamn cu o pagin de ziar: de obicei paginile web au o lime care ncape n ntregime pe
ecran. n schimb, pagina poate fi chiar mult mai nalt (adnc) dect nlimea ecranului, ea
putnd fi totui uor afiat cu ajutorul funciilor normale ale mouse-ului i browserului folosite,
prin "tragere" n sus i n jos. De asemenea, un site web poate fi vizualizat pe orice dispozitiv
conectat la Internet capabil s afieze informaii prin intermediul protocolului HTTP (unele
telefoane mobile, PDA-uri, etc.).
Un site alctuit din mai multe pagini are de obicei o pagin iniial sau principal
numit homepage, de la care pleac legturi ctre paginile interioare, secundare. Structurile i
schemele de "navigare" din interiorul site-urilor web sunt foarte diferite, n funcie de scopurile,
dorinele i posibilitile ofertantului de informaii. De obicei aceast homepageeste chiar pagina
de start a site-ului, pe care ofertantul de informaii n web o face cunoscut la public drept punct
de plecare pentru ntregul site web al su.

Tipuri de site-uri web

Site-urile web se pot clasifica dup o mulime de factori, dar principalul factor rmne
subiectul de activitate (sau coninutul) site-ului. Din punct de vedere tehnologic un site web
poate fi alctuit din orice tipuri de date i informaii statice, camere de discuii, produse i
servicii de vnzare, anunuri, formulare de completat online, sunete digitalizate, clipuri video,
imagini statice i animate, efecte speciale, meniuri dinamice i multe, multe altele. Vorbind la un
nivel mai nalt, subiectul (tema) unui site web poate fi: un aa-numit blog, portal web, catalog
web, magazin virtual, banc, universitate virtual, bibliotec, enciclopedie virtual, revist web,
ziar web i aproape orice altceva. Un exemplu de site web oarecum surprinztor
este CouchSurfing, un sistem de mijlocire de locuine particulare pentru gzduirea pe timpul
concediului a cltorilor interesai de contacte cu noi persoane particulare i noi culturi.

Paginile statice sunt formate din text, imagini i tag-uri HTML pentru formatare. Aceste
pagini sunt create i ntreinute manual, astfel c dac informaiile se modific i pagina trebuie
modificat. Aceasta implic ncrcarea paginii ntr-un editor, realizarea modificrilor,
reformatarea textului dac este necesar i apoi salvarea fiierului. Aceste operaii necesit foarte
mult timp dac numrul paginilor care trebuie actualizate este mare.
Paginile dinamice conin foarte puin text. n schimb extrag informaiile necesare din alte
aplicaii. Paginile dinamice pot comunica cu bazele de date, foi de calcul tabelar, sisteme de
gestiune a bazelor de date client-server i multe alte aplicaii.
Crearea paginilor Web dinamice permite crearea de aplicaii puternice, care pot include
caracteristici precum urmtoarele:
- interogarea aplicaiilor de baze de date existente pentru obinerea datelor
- crearea de interogri dinamice care faciliteaz obinerea n mod flexibil a datelor
execuia procedurilor stocate
- execuia codului condiional on-the-fly pentru a personaliza rspunsurile n funcie de
situaiile specifice
- sporirea capabilitilor formularelor HTML standard prin folosirea unor funcii de
validare
- popularea n mod dinamic a elementelor din formulare
- personalizarea modului de afiare a informaiilor legate de dat, timp i moned folosind
funcii de formatare
- uurarea crerii aplicaiilor de introducere a datelor prin wizards
- generarea automat de email
- site-uri comerciale i couri electronice de cumprturi
Dup funciile ndeplinite de Web-site, acestea sunt clasificate n: Site-uri de navigare i siteuri finale. Aceast diviziune este determinat de logica de navigare a utilizatorilor n mediul
Internetului. Mai nti utilizatorul gasete resursele dorite cu ajutorul primului tip i apoi se
foloseste de resursele gasite ce sunt propuse de al doilea tip. Primul tip de site-uri se utilizeaz
mai nti pentru regsirea resurselor, pentru atragerea vizitatorilor, ca mai apoi ei s se ntoarc
pe aceste locaii. Al doilea tip sunt site-uri de prezentare a firmei sau al unui produs al su.
Dac la nceput nu s-a pus accent prea mare pe latura estetic, n zilele de azi se acord o
importan din ce n ce mai mare nu numai coninutului de informaii al unui site web, dar i
esteticii, dinamicii i atractivitii lui.

5. Modele de formatare a documentelor web

HTML (Hypertext Markup Language)
Descrie formatul primar n care documentele sunt distribuite i vzute pe Web. Multe din
trsturile lui, cum ar fi independena fa de platform, structurarea formatrii i legaturile
hipertext, fac din el un foarte bun format pentru documentele Internet i Web.
HTML a fost dezvoltat initial de Tim Berners-Lee la CERN in 1989.
Independena de platform nseamn c un document poate fi afiat n mod asemntor de
computere diferite (deci cu font-uri, grafic si culori diferite), lucru vital pentru o audien att
de variat.
Tim Berners-Lee a utilizat ca model SGML ( Standard Generalized Markup Language ), un
standard international n plin dezvoltare. SGML avea avantajul unei structurri avansate i al
independenei de platform dar proiectarea lui a avut n vedere mai mult structura semantica a
documentului dect modul de formatare. Flexibil, SGML putea fi descris ca o specificare pentru
descrierea altor formate. Utilizatorii puteau crea noi formate (DTD, Document Type Definitions)
care puteau fi nelese de orice produs soft SGML pur i simplu prin citirea mai ntai a
definiiilor noilor formate.
n primii ani de evoluie HTML a crescut lent, n principal pentru ca ii lipseau posibilitile
de a descrie publicaii electronice profesionale; limbajul permitea un anumit control asupra
fonturilor dar nu permitea inserarea graficii. n 1993, NCSA a mbogit limbajul pentru a
permite inserarea graficii i au construit primul navigator grafic, Mosaic. Au urmat apoi
contribuii ad hoc ale diverselor firme care au adus adaugiri limbajului HTML (adaugiri i nu
mbogiri pentru ca unele taguri nu erau n conformitate cu principiile generale ale SGML)
astfel nct, prin 1994 limbajul prea scapat de sub control. Urmarea a fost ca la prima conferin
WWW din Geneva ( Elvetia ) s-a constituit un grup ( HTML Working Group ) a crui prima
misiune a fost formalizarea HTML intr-un DTD al SGML, lucru care s-a concretizat n HTML
Level 2 ( sau HTML 2.0; Nivelul 1, deci HTML 1.0, a fost proiectat de Tim Berners-Lee ).
Importana aciunii acestui grup const n faptul c, odat standardizat, limbajul poate fi apoi
extins ntr-un mod mai controlat la alte nivele.
Documentele HTML sunt documente n format ASCII i prin urmare pot fi create cu orice
editor de texte. Au fost nsa dezvoltate editoare specializate care permit editarea ntr-un fel de
WYSIWYG (What-You-See-Is-What-You-Get) dei nu se poate vorbi de WYSIWYG atta
vreme ct navigatoarele afieaz acelai document oarecum diferit, n funcie de platforma pe
care ruleaza. Au fost de asemenea dezvoltate convertoare care permit formatarea HTML a
documentelor generate ( i formatate ) cu alte editoare.

Tag-urile de baz n HTML

<HTML> cu acest tag ncepe fiecare document HTML. Prin folosirea acestui tag ii spunem
browser-ului ca este vorba de un fiier HTML pentru a il putea afia.
<HEAD> ntre aceste tag-uri sunt trecute, pe lng titlul paginii, diverse informaii
folositoare pentru browser-ul de internet.
</HEAD> acesta este tag-ul de ncheiere al tag-ului <HEAD>
<TITLE> cu ajutorul acestei perechi de tag-uri se poate da un titlu documentrului
</TITLE> este tag-ul de incheiere a tag-ului <TITLE>. Arat sfritul titlului.
<BODY> odata cu acest tag ncepe coninutul paginii web. Tot ce se va scrie ntre tag-urile
<BODY> si </BODY> va fi afiat, de ctre browser, pe ecranul utilizatorului.
</HTML> este tag-ul de nchiere al tag-ului HTML. Codul oricrui document se termin
cu acest tag.

Exemple de formatare a paginilor web

Bibliografie

http://www.byte.ro/byte95-05/www.html
http://www.slideshare.net/busaco/sabin-buraga-proiectarea-siturilor-web
http://www.rasfoiesc.com/educatie/informatica/internet/Serviciul-World-Wide-WebHiper87.php
http://www.redhost.ro/manual/informatii-diverse/client-server-si-web-hostingul/
http://invatahtmlake.3x.ro/ceestehtml.html
http://www.slideshare.net/cttauto/structura-unei-pagini-web