Sunteți pe pagina 1din 74

ACADEMIA DE STUDII ECONOMICE DIN MOLDOVA

FACULTATEA CIBERNETIC, STATISTIC IINFORMATIC


ECONOMIC
CATEDRA CIBERNETIC I INFORMATIC ECONOMIC

Radu MARGIN
Proiectarea i implementarea unei locaii web pentru
S.R.L. Termotex-STC
TEZ DE LICEN
Specialitatea 368.1 Cibernetic i informatic economic

Autor:
Student gr. CIB 103,
nvmnt cu frecven la zi
Radu MARGIN
_________________
(semntura)

Admis la susinere

Conductor tiinific:

ef catedr:

conf.univ., dr. Ion AMARFII

prof.univ., dr. hab. Costa Ilie

_________________

________________ 20____

(semntura)

Chiinu - 2013

ADNOTARE

la teza de licen Elaborarea i implementarea unei locaii web pentru


S.R.L. Termotex-STC
a studentului gr. CIB-103, specialitatea Cibernetic i informatic economic Margin Radu
Teza de licen este perfectat n 74 pagini formatul A4, cuprinde 18 figuri, 5 tabele, 19
surse bibliografice i 22 pagini de anexe.
Cuvinte cheie: pagin web, site, locaie web, eficiena locaiei web, optimizare SEO,
audit de securitate, baze de date.
Necesitatea prezenei firmelor n cadrul reelei globale este evident, indiferent de costuri
i de form. Site-ul poate fi nu doar o modalitate de comunicare cu mediul de afaceri ci i un
important instrument strategic de marketing. n lucrarea dat se ncearc s se creeze o loca ie
web dup cele mai noi standarde. Aceast locaie web urmnd s devin un bun instrument de
marketing pentru compania Termotex-STC.
Teza const din 4 capitole, concluzii i anexe. n primul capitol se face o caracteristic
general a companiei, se analizeaz resursele informaionale ale companiei i se definete esen a
economico-organizatoric. n capitolul doi se descrie proiectarea de ansamblu a loca iei web, se
prezint arborele de pagini i se definesc cerinele fa de interfaa grafic. n capitolul trei se
analizeaz proiectarea de detaliu n care se descriu paginile web, se proiecteaz baza
informaional. n capitolul patru se argumenteaz eficiena economic a soluiei informatice
realizate.

ANNOTATION
at bachelor thesis Development and implementation of web location for
L.L.C Termotex-STC
of the student of gr.CIB-103, specialty Cybernetics and Economic Informatics Margin Radu
The bachelor thesis is divided into 74 pages A4, includes 18 figures, 5 tables, 19
bibliographical sources, 22 pages with annexes.
Key words: web page, web site, web location, web location efficiency, search engine
optimization, security audit, database.
The presence necessity of companies in the global network is evident, regardless of the
cost and form. The website can be not only a means of communication with business but also an
important strategic tool for marketing. The present paper is trying to create a website with the
latest standards. This web site will become a great marketing tool for the company TermotexSTC.
The bachelor thesis consists of introduction, four chapters, conclusions, bibliography and
annexes. In The first chapter is makes a general characteristic of the company, is analyzes
informational resources of the company and is define the economico-organizational essence. In
the second chapter is describes the overall design of the website, it shows the tree of pages and is
define the requirements for the graphical interface. In the third chapter is examines the detailed
designing which is describing the web pages, is designing database. In the fourth chapter it is
argued economic efficiency of informatics solution achieved.

Declaraie pe propria rspundere


Subsemnatul, Margin Radu Valentin absolvent al Facultii Cibernetic, Statistic i
Informatic Economic al Academiei de studii Economice din Moldova, specializarea
Cibernetic i Informatic Economic declar pe propria rspundere c teza de licen pe tema
Elaborarea i implementarea unei locaii web pentru S.R.L. Termotex-STCa fost elaborat de
mine i nu a mai fost prezentat niciodat la o alt facultate sau institu ie de nv mnt
superior din ar sau din strintate.
De asemenea, declar c sursele utilizate n tez, inclusiv cele din Internet, sunt
indicate cu respectarea regulilor de evitare a plagiatului:
-

fragmentele de text sunt reproduse ntocmai i sunt scrise n ghilimele, deinnd referina

precis a sursei;
redarea/reformularea n cuvinte proprii a textelor altor autori conine referin precis;
rezumarea ideilor altor autori conine referina precis a originalului.

Margin Radu
____________
(semntura)

Cuprins
Cuprins......................................................................................................................... 5
INTRODUCERE............................................................................................................. 5
ANALIZA SISTEMULUI INFORMAIONAL EXISTENT.................................................9

I.

1.1

Caracteristica unit ii social economice Termotex-STC..............................................9

1.2

Analiza resurselor informa ionale ale Termotex-STC..............................................11

1.3

Esen a economico-organizatoric i con inutul problemei ..........................................14

1.4

Concepte de baza ale WWW................................................................................ 15

1.4.1

Servicii Internet.......................................................................................... 15

1.4.2

Site-ul WEB.............................................................................................. 17

1.4.3

Limbaje folosite pentru dezvoltarea site-urilor WEB............................................19

II.

PROIECTAREA DE ANSAMBLU A LOCAIEI WEB TERMOTEX-STC......................22


2.1

Planificarea loca iei web.................................................................................... 22

2.2

Arborele de pagini a loca iei web..........................................................................25

2.3

Structura documentelor HTML , tehnici de formatare..................................................25

2.4

Cerin e fa de interfa a grafic a loca iei web .......................................................27

2.5

Estimarea necesarului de resurse hard i soft............................................................28

III.

PROIECTAREA DE DETALIU A LOCAIEI WEB TERMOTEX-STC..........................29

3.1

Proiectarea aspectului grafic a emblemei companiei Termotex-STC.............................29

3.2

Descrierea paginilor loca iei web..........................................................................32

3.3

Baza informa ional.......................................................................................... 36

3.4

Specifica ii fi iere i baze de date........................................................................37

3.5

Schema general de dialog a loca iei web...............................................................39

IV.

ASPECTE DE EFICIEN ECONOMIC A SITULUI WEB TERMOTEX-STC.............41

4.1.

Metoda de evaluare a eficien ei economice..............................................................41

4.2.

Aprecierea eficien ei loca iei web proiectate...........................................................46

CONCLUZII................................................................................................................ 49
Bibliografie.................................................................................................................. 51
Anexe......................................................................................................................... 53

INTRODUCERE
5

n economia cunoaterii Internetul a schimbat fundamental nu numai modul n care


oamenii comunic, muncesc, triesc i se dezvolt social i profesional, ci i modul n care
firmele i stabilesc direciile strategice de aciune i i dezvolt stocul relaional. Internetul
devenind foarte important datorit faptului c este, n acelai timp, un mediu de comunicare,
canal de distribuie, tehnologie, instrument de dezvoltare cu implicaii foarte mari asupra
ntreprinderilor, dar i a societii omeneti, n general. Necesitatea prezenei firmelor n cadrul
reelei globale este evident, indiferent de costuri i de form. Site-ul poate fi nu doar o
modalitate de comunicare cu mediul de afaceri (clieni, utilizatori de Internet, poten iali parteneri
etc.) ci i un important instrument strategic de marketing. Practica a demonstrat c site-urile pot
fi utilizate pentru comunicarea ofertei complete, dar i a altor informaii privind identitatea
firmei. ns, ntreprinderile vizionare, adoptnd un comportament pro-activ, i fundamenteaz
strategia de dezvoltare avnd web-ul drept ax central sau (cel puin) component de baz.
Internetul, abordat din perspectiv tehnologic, prezint implicaii majore asupra
mediului socioeconomic, n special asupra firmelor i institu iilor, prin transformrile structurale,
comportamentele i manageriale pe care le impune. Pe de alt parte, se pune problema sus inerii
de ctre Internet a transformrilor pe care le-a generat. Aceasta nseamn c, prezena pe pia a
virtual a actanilor este, n acelai timp, consecin i cauz a dezvoltrii tehnologiei, dar i a
mediului de comunicare. Mediul creat prin Internet, www, wireless i mobile knowledge ofer
oportunitatea integrrii ntr-o singur infrastructur a elementelor ce caracterizeaz principalele
instrumente ale comunicrii, managementului i marketing-ului. Spaiul virtual reprezentnd o
modalitate prin care firmele mici se pot dezvolta i pot genera avantaje competitive majore n
lupta concurenial acerba de pe piaa global.
Un agent economic ce dezvolt o afacere pe Internet, ce vinde produse unor clien i pe
baza comenzilor primite va putea realiza statistici cu cele mai cutate produse, perioadele n care
sunt solicitate, tendinele cumprtorilor, caracteristicile cumprtorilor i evident, valoarea
tranzaciilor efectuate de ctre fiecare client n parte. Mai mult dect att, informa iile oferite de
fiecare site despre produsele, identitatea, valorile, cultura i misiunea firmei reprezint surse
pentru realizarea diferitelor studii de pia ale partenerilor de pia. Ceea ce nseamn c site-ul
este i un important instrument de prospectare a pieei.
Importana prezenei oricrui agent economic pe piaa virtual este relevat de gradul de
dezvoltare i de potenialul extraordinar al acestei pieei. Astfel c pentru orice firm care vrea s
in pasul cu cerinele i exigenele pieei globale n permanent expansiune, n care importan a
timpului crete ntr-un ritm exponenial, iar procesul de difereniere i individualizare devine tot
mai dificil, site-ul trebuie s fie un important instrument strategic de marketing ( i comunicare).
6

Marketingul modern impune utilizarea site-ului din aceast perspectiv, deoarece un avantaj
competitiv durabil deriv din capacitatea excelent a firmei de a realiza produse i servicii de
calitate i conforme cerinelor i exigenelor pieei, dar i din calitatea superioar a procesului de
afaceri.
Site-ul reprezint un important instrument strategic de marketing n mediul on-line
deoarece prin individualizare i interactivitate permite dezvoltarea afacerii i atingerea de
performane nalte, datorit: atragerii clienilor, fidelizrii clienilor, creterii cererii de postare de
bannere publicitare etc.. Web-ul poate eficientiza operaiunile i reduce costurile, postarea
diferitelor informaii (comerciale, financiare) necesare clienilor fiind totodat i o cale de
dezvoltare a stocului relaional al firmei. Dar firmele trebuie s con tientizeze c site-ul este un
instrument strategic de marketing i c se impune fundamentare, elaborarea i implementarea
unei strategii generale pe termen lung. Un site utilizat drept instrument de marketing este acel
site care:

vinde i aduce consumatorul ct mai aproape de decizia de cumprare, prin

comunicarea ofertei complete i instrumente utile;


ofer suport clienilor;
promoveaz tehnologia;
este interactiv, nregistrnd opiniile i satisfaciile/insatisfaciile clienilor (dac ai
fost mulumii, scriei-ne, dac nu ai fost mulumii, scriei-ne neaprat. Prerea dvs.
conteaz).

n cazul nostru site-ul societii comerciale Termotex-STC S.R.L. va fi folosit doar ca


modalitate de comunicare cu mediul de afaceri (clieni, utilizatori de internet, poten iali parteneri
sau beneficiari de servicii ) ndeplinind funciile unui site de prezentare.
Astfel scopul acestei lucrri este:

analiza succint a societii comerciale Termotex-STC S.R.L. i sortare a informaiei

obinute;
proiectarea viitoarei locaii web n conformitate cu informaiile obinute;
crearea propriu-zis a site-ului;
implementarea site-ului;

Pentru o expunere ct mai clar, structurat i bine organizat lucrarea este mprit n 4
capitole:
1. Analiza sistemului informaional existent. Analiza sistemului informaional (SIF) existent are
scopul de a efectua un studiu complex asupra activitilor i fluxurilor informaionale existente, a
7

volumului de date supuse prelucrrii, a ariei de cuprindere a SIF i a dotrii existente cu tehnic
de calcul, precum i a cadrului legislativ-normativ impus funcionrii SIF (legi, hotrri, decrete,
normative, instruciuni etc.).
2. Proiectarea de ansamblu. Proiectarea de ansamblu asigur modelarea conceptual a noului
sistem i are ca obiectiv strategic elaborarea concepiei generale definit din punct de vedere
structural i funcional, prin stabilirea componentelor de sistem (subsisteme i uniti
funcionale), a legturilor dintre acestea i a funcionalitii structurii sale.
3. Proiectarea de detaliu. Proiectarea de detaliu a sistemului/subsistemului informatic presupune
transformarea modelului conceptual al noului sistem ntr-un model operaional.
4. Aspecte de eficien economic. n compartimentul dat este artat metoda de evaluare a
eficacitii economice a locaiei web care lrgete amploarea operaiilor de afaceri ale
ntreprinderii prin intermediul instrumentelor Internetului.

I.

ANALIZA SISTEMULUI INFORMAIONAL EXISTENT


I.1 Caracteristica unitii social economice Termotex-STC

Societatea comerciala Termotex-STC S.R.L a fost fondat n anul 2004, obinndu-i


licena n Construcii de cldiri, construcii de reele tehnico-edilitare, reconstrucii pe data de
26 mai 2004 conform legii nr.451-XV din 30.07.2001 privind licen ierea unor genuri de
activitate.
Forma organizatorico-juridic a companiei este Societate cu Rspundere Limitat
(S.R.L.). S.R.L. Termotex-STC este companie privata cu capital privat autohton.
Lucrri permise spre executare:

Executarea construciilor
- Construcii din zidrie cu nlime limitat la dou nivele.
Instalaii i reele interioare
- Instalaii i reele de alimentare cu ap i canalizare.
- Instalaii i reele termice.
- Instalaii i reele de gaze cu presiune joas.
Instalaii i reele exterioare
- Instalaii i reele de alimentare cu ap i canalizare.
- Instalaii i reele termice.
- Instalaii i reele de alimentare cu gaze cu presiunea sub 0,3 MPa.
Montarea utilajelor i instalaiilor tehnologice
- Contoare de ap.
- Contoare de energie termic.
- Contoare de gaze.

Lucrri executate:

Alimentarea cu gaz, alimentarea cu ap i montarea sistemului de nclzire a cldirii

arhivei raionale oraul Fleti.


Alimentarea cu gaz i montarea sistemului de nclzire a cldirii Judectoriei Fleti

(str. 1 mai).
Alimentarea cu gaz a grdiniei din satul Prlia r.Fleti.
Alimentarea cu gaz a cldirii Bncii de Economii din or.Fleti (str. tefan cel Mare,

nr. 83)
Montarea gazoductului de presiune medie, montarea dulapului de distribuie 50(II) i montarea gazoductului de presiune joas pe strada Pieii i strada M.

Eminescu din or. Fleti.


Montarea gazoductului subteran de presiune joas din satul Egorovca, r. Fleti.
Montarea sistemului de nclzire a spitalului din satul Chetri, r. Fleti.
9

n urmtorul tabel Tabelul 1.1 este descris dotarea tehnic i cu echipament a societ ii
comerciale Termotex-STC S.R.L.
Tabelul 1.1 Dotarea tehnic i cu echipament a S.C. Termotex-STC S.R.L.
Nr.

Denumirea

Cantit
atea

Starea

Posedant

Tractor -165

bun

arend

Autotransport specializat

bun

proprietate

Aparat de sudat cu arc electric

bun

proprietate

Aparat de sudat cu gaze

bun

proprietate

Compresor

bun

proprietate

Aparat de sudat prin electrofuziune

bun

proprietate

Aparat de sudat evi din polipropilena n complet

bun

proprietate

Duplex pentru pregtirea filetului

bun

proprietate

Complet pentru pregtirea filetului -2

bun

proprietate

10

Aparat de lefuit

bun

proprietate

11

Perforator

bun

proprietate

12

Aparat de msurat presiunea (manometru)

bun

proprietate

13

Instrument de msur

bun

proprietate

14 Malaxor
1
bun
proprietate
Sursa: Declaraie privind Dotarea tehnic i cu echipament a S.C. Termotex-STC S.R.L.
Conform Figurii 1.1 organizaia este condus de directorul general, care i asum
rspunderea pentru toate activitile firmei. El avnd funcia de gestiune, administrare i control.
Firma fiind de dimensiune mic directorul i asum i funcia de manager resurse umane i
recrutare.
Departamentul economic poart rspunderea de prelucrarea informaiei contabile:

calcularea salariilor pentru angajai

prelucrarea operaiunilor concrete ale contabilitii companiei pentru obinerea


bilanului contabil

ntocmirea drilor de seam lunar, trimestrial, anual etc.

Departamentul tehnic poart rspunderea de efectuarea serviciilor i lucrrilor prestate de


firm (instalarea reelelor de gaze cu presiune mic, instalar reelelor de ap i canalizare etc.).
10

Figura 1.1. Structura organizaionala a S.C. Termotex-STC S.R.L.

I.2 Analiza resurselor informaionale ale Termotex-STC


Resursele Informaionale ale ntreprinderii cuprind ansamblul informaiilor disponibile
(obinute i/sau generate) i refolosibile. Supravieuirea firmelor, adaptarea lor la un mediu tot
mai dinamic i complex sunt condiionate de resursele informaionale de care dispun, de
capacitatea de a le mbogi continuu. n consecin ntreprinderile trebuie s- i organizeze un
sistem eficient de captare, prelucrare, stocare i transmitere a informaiilor, transformndu-le n
resurse disponibile i refolosibile, n vederea unei fundamentri corespunztoare a deciziilor
privind activitatea curent i de perspectiv.
Informaiile care circul n cadrul ntreprinderilor i care sunt eseniale pentru conducerea i
funcionarea oricrei organizaii sunt deosebit de complexe i pot fi clasificate dup o serie de
criterii, prezentate n Anexa 1.
Totalitatea informaiilor transmise ntr-un anumit interval de timp de la o surs de informare
la un receptor, de-a lungul unor canale informaionale, reprezint fluxul informaional. ntr-o
ntreprindere exist mai multe canale informaionale, grupate n acord cu funciunile acesteia.
Traseul parcurs de informaii de la locul de culegere pn la locul de aplicare/utilizare/stocare
reprezint circuitul informaional. Lungimea acestuia este dependent de o serie de factori,
11

cum ar fi scopul informa iei, pozi ia ierarhic a sursei i receptorilor, viteza de prelucrare a
informaiilor etc.
Eficiena unei ntreprinderi este influen at semnificativ de calitatea informaiilor, de
operativitatea culegerii, prelucrrii i transmiterii lor i de eficiena cu care acestea se transform n
suport decizional. Calitatea informa iilor este dependent de o serie de cerine:
Acurateea informaiilor arat ct de exact informaiile redau realitatea, sub aspect cantitativ
i calitativ; din acest punct de vedere, este de evitat distorsiunea informaiilor (modificarea
parial, neintenionat, a informaiilor pe parcursul circuitului informaional, datorat mai
ales diferenelor de pregtire dintre persoanele implicate n vehicularea informaiilor sau
manipularea

acestora

mod

neglijent)

sau

filtrarea

lor

(modificarea parial/total,

intenionat, a coninutului informaiilor de ctre cei care se afl de-a lungul circuitului
informaional), ambele conducnd la dezinformarea decidenilor ;
Oportunitatea relev calitatea informaiei de a fi disponibil la momentul oportun, atunci
cnd este nevoie de ea;
Cantitatea de informaii trebuie s satisfac nevoile pentru care au fost solicitate, ntr-o
anumit perioad de timp (att informarea excesiv ct i sub informarea sunt periculoase, prima
antrennd costuri mult mai mari, iar cea de-a doua putnd avea ca efect decizii eronate); trebuie
evitat redundana (nregistrarea, prelucrarea sau transmiterea repetat a acelorai informaii)
care conduce la risip de resurse din partea celor implica i n circuitul informaional;
Concizia informaiilor reprezint necesitatea ca acestea s redea realitatea n termeni concii,
sintetici;
Frecvena informaiilor indic ritmicitatea cu care se efectueaz informarea centrilor de
decizie, astfel nct informaia s fie accesibil utilizatorului n timp util;
Vrsta informaiilor reprezint vechimea acestora n timp, n raport cu momentul
utilizrii lor; n prezent, este evident fenomenul de perimare rapid a informaiilor, de unde rezult
necesitatea actualizrii lor permanente.
Dat fiind situaia actual n care i desfoar activitile ntreprinderile, caracterizat de o
explozie informaional de mare anvergur, este evident preocuparea pentru maniera n care
tehnologia caracteristic actualei ere informaionale, tehnologia informaiei (n limba englez
Information Technology -IT), i pune amprenta asupra modului n care ntreprinderea i atinge
obiectivele strategice.
Dup cum s-a relatat anterior informaia este o resurs foarte important pentru
organizaie. Prin urmare, problemele concrete pe care managerul (directorul in cazul firmei
Termotex-STC) trebuie s le rezolve sunt:
12

Accesul angajailor la informaiile de care au nevoie ca s-i rezolve sarcinile (de


exemplu cei care au o activitate de birou s aib conexiune la Internet). De asemenea, este bine
ca angajaii s aib orice alte materiale scrise de care ar avea nevoie pentru a lucra repede i bine
(n acest caz se elimin timpii mori de cutare a informaiilor la al i colegi sau ntrebrile puse
efului direct).
Cu referin la acest capitol societatea comercial Termotex-STC dispune de conexiune la
Internet MaxDSL la toate calculatoarele firmei. Acest serviciu este prestat firmei de ctre
Moldtelecom Operatorul Naional de Telecomunicaii din Republica Moldova.
Viteza de acces la resursele reelei mondiale este:

6 Mbps download / 1 Mbps upload ctre resursele Internet;


6 Mbps download / 1 Mbps upload ctre resursele MD-IX;

Dotarea birourilor cu tehnologia de care este nevoie pentru a recep iona i transmite
informaia (calculatoare, telefoane, fax .a. n numr suficient).
Aici firma dispune de 3 calculatoare conectate la internet.
1. Procesor AMD Sempron 190 cu frecvena de 2.5 GHz cu doua nuclee;
2 GO memorie RAM de tipul DDR3;
Capacitatea de stocare de 500 GO de tipul HDD;
Monitor LG E1942C-BN cu diagonala de 18.5 (47 cm).
2. Procesor Intel Core Duo 2350 cu frecvena de 1.85 GHz cu 2 nuclee;
1 GO memorie RAM de tipul DDR2;
Capacitatea de stocare de 250 GO de tipul HDD;
Monitor Samsung SyncMaster 710M cu diagonala de 17.
3. Procesor Intel Titanium 2 cu frecvena de 1.4 GHz;
1 GO memorie RAM de tipul DDR2;
Capacitate de stocare de 120 GO de tipul HDD;
Monitor Samsung SyncMaster 793 DF cu diagonala de 17.
Firma mai are n posesie i 2 copiatoare de tip laser care includ n sine i func iile de
scaner si printer.
Calculatoarele ruleaz pe sistemul de operare Windows 7 sau Windows XP n dependen
de performan. n calitate de program pentru lucrul de birou se folosete suita MS Office 2003.
Proiectarea canalelor de comunicare n interiorul organizaiei n aa fel nct timpul
pierdut pentru stabilirea legturilor ntre angajai s fie ct mai scurt. Firma Termotex-STC
este de o mrime destul de mic astfel c nu este necesar de proiectat re ea Intranet sau de
ntreprins alte aciuni spre rezolvarea acestui punct.

13

I.3 Esena economico-organizatoric i coninutul problemei


Scopul acestei lucrri este de cercetare a serviciilor firmei Termotex-STC i a firmei n
ansamblu, de proiectare i implementare a unui site pentru firma respectiv. Acest site urmnd s
devina un important instrument de marketing i plus la asta adugnd i un plus de imagine
firmei. Site-ul v-a oferi firmei un nivel ridicat de informare, 24 ore pe zi, 7 zile pe sptmn n
orice col al lumii, a potenialilor clieni, incomparabil cu metodele convenionale de informare
(mass-media, agenii de publicitate) .
Odat cu implementarea site-ului se vor rezolva cteva probleme destul de importante
pentru dezvoltarea pe viitor a firmei:

promovarea serviciilor;
informarea clienilor despre schimbrile aprute i datele de contact;
creeaz posibilitatea de a primi un feedback permanent din partea clienilor;
este la dispoziia firmei ca instrument de marketing.

Scopul principal pe care l va ndeplini site-ul este s atrag ct mai mul i clien i
poteniali, pentru aceasta la crearea site-ului trebuie sa fie urmate cteva standarde de baza:

s posede un design plcut;


s ofere o navigare ct mai uor de neles;
s ofere viteza de ncrcare a paginilor;
s satisfac cerinele firmei.

I.4 Concepte de baza ale WWW


I.4.1 Servicii Internet
Internet-ul constituie un ansamblu de servicii, structuri, aplicaii, utilizatori i resurse care
asigur un schimb rapid i divers de informaie. Informaia a devenit principala resurs a
societii contemporane, iar Internet-ul reprezint rezultatul preocuprilor referitoare la stabilirea
de contacte, gsirea unor surse, preluarea si transmiterea de informa ii, de la i ctre to i cei
interesai.
n principiu serviciile de INTERNET furnizate utilizatorilor pot fi grupate n cinci
categorii:

Servicii pentru administrare (protocoalele TCP/IP, SMTP, SNMP)


Serviciile pentru comunicarea dintre persoane (E-mail, News, Usenet)
Servicii pentru comunicarea dintre calculatoare (Telnet)
Servicii pentru difuzarea informaiei (FTP, Web, Gopher, Mosaic)
Servicii pentru cutarea informaiei (Archie, Veronica, WAIS)
14

Serviciile oferite de internet sunt:


www (world wide web). Un context arhitectural pentru acces la documente rspndite pe
toate mainile din Internet ntre care exista legturi. Din punct de vedere a unui utilizator, www
const ntr-o colecie imens de documente, pagini web rspndite n toat lumea. Fiecare pagin
poate conine legturi ctre alte pagini aflate oriunde n lume. Utilizatorul navigheaz u or prin
spaiul informaional numit cyberspaiu.
E-mail. Posta electronica (e-mail) funcioneaz dup principiul potei clasice, astfel c
dac o persoan scrie o scrisoare i o introduce n plic pe care scrie att adresa destinatarului ct
i adresa sa i o depune ntr-o cutie potala, ea va ajunge ntr-o anumita perioada de timp la
destinatar, prin intermediul postaului. Standardul actual folosit pentru trimiterea de astfel de
mesaje prin INTERNET se bazeaz pe standardul RFC. Utilizatorii sunt identifica i prin adrese
de e-mail unice in lume, care au urmtoarea structura: nume_utilizator@nume_host La ora
actuala standardul

RFC 822 a fost completat de standardul RFC 1521 numit MIME

(Multipurpose Internet Mail Extension), introdus pentru a permite transmiterea de mesaje i n


alte limbii dect engleza, mai ales cele ce necesitau caractere nelatine, ct i posibilitatea de a
transmite imagini i sunete ataate de scrisori.
Din punct de vedere funcional, serviciul de posta are doua pari:
- interfaa cu utilizatorul prin care se pregtesc scrisorile, se expediaz i se citesc cele
primite;
- agentul de transmitere, care asigur transportul corespondenei la destinatar.
Chat. Serviciul de e-mail este suficient de rapid pentru a transmite un mesaj urgent sau
nite date importante dar este destul de greoi pentru a purta o discu ie urgenta ntre doi utilizatori
Internet. Se poate folosi telefonul n acest caz. Dar telefonul nu permite trimiterea de documente
n acelai timp cu convorbirea telefonica (fax-ul are un mod dedicat de comunicaie) si n plus o
convorbire internaional costa suficient de mult pentru a o face nerentabil. De aceea s-a
ncercat realizarea unor utilitare de comunicare n timp real pe Internet cu faciliti multiple.
Newsgroup. Cercuri de discuii tematice, n care fiecare utilizator cu drept de acces poate
consulta articole, tiri, sau poate exprima prerea public ntr-un cerc de discuii pe diverse teme.
HTTP ( HyperText Transfer Protocol ). Numele protocolului implicit de transmitere a
datelor prin internet.
FTP ( File Transfer Protocol ). File Transfer Protocol (FTP) este serviciul care d
posibilitatea utilizatorilor de a transfera fiiere de la un calculator aflat n Internet sau Intranet,
care se numete remote host, pe calculatorul local. Situa iile n care poate fi folosit serviciul FTP
sunt diverse: cnd e nevoie de un program, de documenta ie, i exist un host (gazda) pe Internet
15

(Intranet) care-l pune la dispoziie; cnd se dorete stocarea datelor pe un alt calculator dect cel
propriu; cnd se dorete schimbul de date cu un alt utilizator etc.
Pentru a transfera un fiier de la un server FTP sau remote host, e nevoie de un program
numit client FTP. Acestea sunt de doua tipuri: cu interfaa grafic, sub Windows, OS2 etc, sau n
mod text, cu linie de comanda, sub DOS, Unix etc. Clienii FTP cu interfa grafic uureaz
munca, toate operaiile decurgnd analog cu cele folosite pentru transferul de fiiere pe acelai
calculator, dintr-un director n altul.
Telenet. Al treilea protocol de aplicaie, definit oficial i utilizat n reeaua Internet, este
TELNET (terminal emulation). Standardul TELNET a fost definit n SUA de ctre Agen ia de
Comunicaii a Aprrii ca Protocol TELNET Standard Militar, MIL-STD-1782. Protocolul
TELNET permite conectarea unui terminal utilizator local la un server aflat la distant. Practic
comunicarea ntre doua persoane sau calculatoare.
ntr-o reea cu un grad ridicat de conectivitate i un numr mare de tipuri de terminale, n
msura n care este posibil, este necesar s existe un protocol de terminal virtual, ca intermediar
ntre terminalul real i servere, cu scopul de a oferi un limbaj comun acestora. Acest protocol
folosete trei concepte principale: asocierea, negocierea i profitul
Portal. Serviciu complex de informare, prezentare, comunicare i colaborare, care ofer
posibilitate unei organizaii de a-i promova ideile, produsele etc i de a i atrage clien i sau de
a stabili relaii cu parteneri de afaceri. Portalul este imaginea unei firme sau organiza ii iar
informaiile sunt controlate de un serviciu de administraie. Un portal poate oferi servicii de chat
sau de forum (liste de discuii si comentarii).
E-commerce si E-banking. Comerul electronic i operaiile bancare prin Internet sunt
serviciile cele mai profitabile sub aspect financiar. Magazinele virtuale sau on-line ofer produse
la care clienii au acces la domiciliu.
Baze de date i formulare Internet. Ofer informaii publice la care la clienii au acces prin
consultare. Modificarea informaiilor este protejata fat de clieni, existnd un grup restrns de
persoane autorizate n acest sens. n baza de date sunt nregistrai utilizatorii serviciilor Internet.
Participarea la un forum de discuii se face prin nscriere ntr-un grup care necesit completarea
unui formular electronic care cuprinde diverse elemente de interfa grafica (casete de text,
butoane radio, casete de validare, liste de opiuni etc.)

I.4.2 Site-ul WEB


Noiunea site web provine din expresia englez web site i desemneaz o grup de pagini
web multimedia (coninnd texte, imagini fixe, animaii .a.), accesibile n Internet n principiu
16

oriicui, de obicei pe o tem anume, i care sunt conectate ntre ele prin aa-numite hiperlinkuri.
Diversele site-uri web pot fi create de ctre o organizaie, o persoan particular, institu ii
publice etc. Iniial noiunea aprea n limba romna scris sub trei forme:

sit web,
site (ca n limba englez)
sait web (propus de lingvistul prof. George Pruteanu ).

De obicei un site web este administrat (creat, ntreinut i actualizat) de ctre un a anumit 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.wikipedia.org. 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 l ime 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 mausului 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.).
O pagin web poate conine:

texte n cele mai diferite formate (forme, mrimi, culori, poziii etc.);
17

imagini (fiiere cu formatele .gif, .jpeg, .png .a.);

audio (fiiere n formatele .mid, .wav, mp3 .a.);

coninut multimedia interactiv care, pentru a fi vzut i utilizat, necesit de obicei


un plugin ca de ex. cu formatul Adobe Flash sau Adobe Shockwave;

mini-aplicaii (aa-numite applets) subprograme care ruleaz la chemarea paginii


i care deseori ofer filme, imagini, interaciune i sunete.

Paginile web mai pot conine i elemente care nu sunt fcute pentru a fi afiate de
browser, cum ar fi:

scripturi (de obicei n formatul JavaScript), care adaug paginii funcionalitate


suplimentar (de exemplu creeaz efecte vizuale sau verific datele introduse ntr-un
formular web);

meta-etichete furnizeaz informaii despre pagin, instruciuni pentru roboii


motoarelor de cutare, etc. Cuvintele cheie i celelalte descrieri din meta-etichete ajut
motoarele de cutare s catalogheze pagina corect i, n cazul aciunilor de cutare, s
ofere rapid informaii i rezultate;

foi de stil (aa-numite "Cascading Style Sheets" sau "CSS"), care stabilesc modul cum
este formatat pagina;

comentarii;

paginile web mai pot conine i aa-numii virui informatici precum i alte funciuni
duntoare (maliioase) dar greu de recunoscut.

I.4.3 Limbaje folosite pentru dezvoltarea site-urilor WEB


Tehnologiile cele mai folosite pentru crearea site-urilor web sunt:
PHP & MySQL. PHP este un limbaj de programare web server-side, ceea ce nseamn
c ruleaz pe un server, permind dezvoltatorilor web sa creeze site-uri dinamice i aplicaii
web-based software ce interacioneaz cu utilizatorii i baze de date. n utilizarea acestui limbaj
cel mai comun i mai des folosit server este Serverul Apache. Pentru stocarea datelor n baze de
18

date folosim MySQL care este cel mai des utilizat server de baze de date open source. Se
caracterizeaz prin flexibilitate, stabilitate, fiabilitate i viteza n prelucrarea datelor stocate.
MySQL folosete Structured Query Language (SQL), limbajul cel mai frecvent folosit pentru
adugarea, accesarea i prelucrarea datelor n bazele de date.
ASP.NET. ASP.NET este un framework dezvoltat i comercializat de Microsoft pentru a
permite dezvoltatorilor web sa construiasc pagini web dinamice i interactive, aplicaii i
servicii web. ASP.NET este construit pe limbajul comun Runtime (CLR), care permite
dezvoltatorilor s scrie cod ASP.NET folosind orice limbaj acceptat .NET. Aceasta tehnologie
este o tehnologie puternic ce permite dezvoltatorilor s dezvolte aplica ii web care s lucreze cu
baze de date, fiind deseori utilizata n aplicaii complexe i de mare amploare. Fiind o
tehnologie Microsoft se caracterizeaz prin rapiditatea cu care se dezvolta precum i prin viteza
prin care paginile web se ncarc n browser. Aceasta din urma se datoreaz faptului ca este un
limbaj n care codul este compilat n "limbajul ma in" nainte ca utilizatorul s ajung n pagina
web.
Ambele tehnologii detaliate mai sus interacioneaz n dezvoltarea aplicaiilor web i
procesul de creare site-uri cu alte limbaje precum: HTML, CSS, XML, JavaScript, Ajax, jQuery,
Flash, ActionScript.
HTML - denumirea vine de la Hyper Text Markup Language i se definete ca fiind un
limbaj de formatare i structurare a documentelor web utiliznd o varietate de etichete i
atribute.
CSS - Cascading Style Sheets (CSS) este un limbaj style sheet folosit pentru a descrie
aspectul i formatarea unui document scris ntr-un limbaj markup. Prin urmare CSS-ul este
un limbaj de stilizare al elementelor HTML, al tag-urilor HTML. In Web Design-ul modern,
pentru stilizarea paginilor web se folosete numai CSS. Acest lucru nseamn c de la culoarea
literelor i a backgroundului pn i la poziionarea elementelor de pe o pagina web, totul este
stilizat prin CSS. Stilurile folosite pe o pagina pot fi ncorporate n pagina respectiva sau pot fi
chemate din fiiere externe, fiiere CSS. Aplicarea sa cea mai comuna este n paginile web scrise
n HTML i XHTML, ns poate fi aplicat la orice tip de document XML.
XML - eXtensible Markup Language (XML) este un meta-limbaj de marcare recomandat
de Consoriul Web pentru crearea de alte limbaje de marcare, cum ar fi XHTML, RDF,
RSS, MathML, SVG,OWL etc. Aceste limbaje formeaz familia de limbaje XML.
19

Meta-limbajul XML este o simplificare a limbajului SGML (din care se trage i HTML)
i a fost proiectat n scopul transferului de date ntre aplica ii pe internet, descriere structur date.
XML este acum i un model de stocare a datelor nestructurate i semi-structurate n
cadrul bazelor de date native XML. Datele XML pot fi utilizate n limbajul HTML, permit o
identificare rapid a documentelor cu ajutorul motoarelor de cutare. Cu ajutorul
codurilor javascript, php etc. fiierele XML pot fi nglobate n paginile de internet, cel mai
elocvent exemplu este sistemul RSS care folosete un fiier XML pentru a transporta informaiile
dintr-o pagin web ctre mai multe pagini web.
Avantaje:
1. extensibilitate (se pot defini noi indicatori dac este nevoie);
2. validitate (se verific corectitudinea structural a datelor );
3. ofer utilizatorilor posibilitatea de a-i reprezenta datele ntr-un mod independent de
aplicaie;
4. XML este simplu i accesibil (sunt fiiere text create pentru a structura, stoca i a
transporta informaia);
5. poate fi editat, modificat foarte uor (necesit doar un editor text simplu precum
notepad, wordpad etc.).
JavaScript - este un limbaj de programare creat de Netscape, servete la dezvoltarea
aplicaiilor web i de cele mai multe ori ruleaz ca o aplicaie client- side care ruleaz ntr-un
browser web. Dezvoltatorii web utilizeaz JavaScript n site-uri i aplicaii web pentru a efectua
sarcini suplimentare pe care limbajul HTML nu le poate efectua. De exemplu poate efectua
meniuri interactive sau poate detecta intrrile de la tastatura a utilizatorilor. i pentru c este un
limbaj client-side, funciile JavaScript i calculele se execut repede, deoarece informaiile nu
trebuie sa navigheze pe Internet.
Ajax i jQuery - AJAX se definete ca fiind o grupare de tehnici de dezvoltare web care
este ca un accesoriu pentru

limbajul JavaScript i care permite paginilor web s fie mai

interactive i s se comporte ca aplicaii locale (client-side). Altfel spus, AJAX permite


unei pagini web preluarea de date de pe server fr a rencrca toat pagina.

20

JQuery este o librrie JavaScript open source, utilizat de dezvoltatorii web pentru a
efectua interaciuni Ajax n paginile web.
ActionScript - este limbajul de programare care este folosit n Adobe Flash i care este
utilizat n principal pentru controlul Movie Clips, butoane, text, sunete i video n Flash. Este
asemntor cu limbajul JavaScript amintit mai sus i este folosit n realizarea flash-urilor
dinamice, complexe care necesit mai mult dect o simpl animaie.

21

II.

PROIECTAREA DE ANSAMBLU A LOCAIEI WEB


TERMOTEX-STC
2.1 Planificarea locaiei web

Planificarea este un aspect crucial n procesul de creare a unui site web, deoarece este
etapa n care se iau decizii care vor influena designul, implementarea i, mai trziu, promovarea
site-ului. World Wide Web fiind un mediu deschis i dinamic, planificarea este mai degrab un
proces continuu n care intervin schimbri determinate de nnoirea permanent a informaiilor i
de apariia altora noi.
n procesul de planificare a unui site se parcurg urmtorii pai:

stabilirea audienei;
stabilirea scopului;
definirea obiectivelor;
colectarea informaiilor despre subiectul prezentat;
stabilirea specificaiilor;
stabilirea modului de prezentare.

Audiena site-ului. Termotex-STC fiind o firm de dimensiune mic liceniat i


specializat n servicii de gazificare cu presiune mic a conductelor i constricii civile de pn la
2 nivele n mod normal va avea urmtoarea audiena:

persoane fizice mature care au nevoie de lucrri n domeniu;

persoane juridice care finaneaz/demareaz activiti n domeniu.

Scopul site-ului. Site-ul firmei Termotex-STC are ca scop:

atragerea noilor clieni;


micorarea cheltuielilor pentru publicitatea tradiional;
creterea credibilitii companiei, i oferirea unui plus de ncredere afacerii;
mbuntirea comunicrii cu clienii;
crearea unei legturi client-firm.

Obiectivele reprezint o detaliere a scopului general al site-ului coninnd informaiile


specifice care vor conduce la ndeplinirea scopului pentru care a fost creat site-ul.
Obiectivele pot fi definite n categorii:

obiective manageriale;
obiective funcionale.

22

Obiectivele manageriale definesc ceea ce vrea afacerea s realizeze. Acestea se


concentreaz pe preocupri, cum ar fi profitul etc. Ele se determin n funcie de aspectele
globale de conducere, astfel analiznd firma Termotex-STC definim urmtoarele obiective:

reducerea costurilor de distribuire de comunicate de pres;


reducerea numrului de apeluri telefonice (cu ntrebri de genul voi chiar existai?

sau ce servicii prestai?) ctre direcia firmei;


atragerea clienilor pe site prin amplasarea de diferite bannere publicitare anunnd
promoiile de care pot beneficia. La acest capitol mai includem i strategia de
optimizare SEO (Search Engine Optimization) care presupune editarea codului surs si
coninutului site-ului cu scopul de a-l face prietenos motoarelor de cutare, deoarece
majoritatea utilizatorilor de internet i aleg rspunsurile prioritar din prima pagin de

rezultate a motorului de cutare;


perfecionarea activitilor de conducere.

Obiectivele funcionale pot fi nelese ca atributele locaiei web adic cerinele pe care
trebuie s le ndeplineasc site-ul pentru a da rezultatul scontat. Printre obiectivele funcionale
ale site-ului firmei Termotex-STC pot fi enumerate urmtoarele:

prezentarea hrii de navigare a site-ului;


furnizarea posibilitii de cutare;
prezentarea seciunii FAQ (Frequently asked questions);
pentru a crea legtura client-firm se va crea o pagina de contact n care fiecare poate
da ntrebri, i primi rspunsuri referitoare la serviciile prestate, cu timpul ncercnd sa

se fac posibila primirea rspunsurilor n timp real;


asigurarea eventualitii monitorizrii statisticii vizitatorilor locaiei web;
realizarea unei forme on-line pentru efectuarea de cereri sau adresarea de ntrebri;
posibilitatea utilizrii site-ului n doua limbi(romn i rus);
asigurarea administrrii facile a site-ului;
creterea credibilitii companiei prin publicarea doar informaiilor veridice. La acest
capitol i designul site-ului are un rol important, prin urmare se va face tot posibilul
pentru ca viitorul site sa beneficieze de un design plcut i atrgtor, se vor evita
culorile aprinse i elementele prea mici sa prea mari.

Cu toate c se poate planifica o bun parte din procesul de proiectare i func ionarea
ulterioar a site-ului exist si factori care nu pot fi planificai de exemplu:
Comportamentul utilizatorului. Acest factor implic faptul ca nu putem controla cum
utilizatorul va accesa informaiile din site-ul nostru. Utilizatorul poate intra n interiorul site-ului
nu numai prin pagina de start Home dar i prin oricare alt pagin a site-ului astfel trebuie s
se ia n vedere structurarea site-ului i punerea la dispoziie utilizatorului un model de navigare
23

ierarhic n aa fel nct utilizatorul s tie n orice moment n ce parte a site-ului se afl i s aib
posibilitatea de a reveni n orice moment la paginile anterioare sau la pagina de start.
Browser-ul utilizatorului. Exista o mare varietate de browser-e folosite pentru a vizualiza
paginile Web . Prin urmare, vizitatorii site-ului vor percepe o imagine diferit a site-ului
dumneavoastr, n funcie de tipul de browser folosit. Creatorul site-ului nu poate ti ce tip de
browser folosete un anumit vizitator i deci nu are control asupra modului n care va fi afi at
coninutul paginilor sale. De exemplu, mai exista nc utilizatori care folosesc versiuni vechi de
Netscape sau Explorer, care nu suporta anumite extensii HTML. Exista de asemenea nc n uz
browsere text, cum este Lynx , care nu suporta grafica. Daca vei plasa informa ii eseniale n
fiiere grafice, de exemplu, aceti utilizatori nu vor avea acces la ele. Din acest motiv este bine
de stabilit de la nceput care se dorete sa fie nivelul de accesibilitate al site-ului din acest punct
de vedere. Un alt aspect este nelegerea faptului ca HTML este un limbaj care este destinat
definirii structurii documentului i nu al modului sau de afiare. Este recomandat s se evite
specificarea n detaliu a aspectului paginilor sau optimizarea paginilor pentru un anumit tip de
browser .
Legturile cu pagini externe. ntr-un site exist de obicei legturi ctre resurse exterioare
site-ului care sunt i ele n afara controlului. Paginile referite prin aceste legturi i pot schimba
adresele transformndu-se n legturi perimate . De asemenea pot exista legturi rupte, n cazul
cnd serverul pe care este gzduit pagina respectiv are anumite dificulti tehnice.
Pentru a aduce un plus de beneficiu site-ului firmei Termotex-STC se va folosi cea mai
eficient metod de abordare a acestei probleme i anume metoda centralizrii resurselor.
Aceast metoda presupune includerea tuturor legturilor externe ntr-o pagin special sau la
sfritul fiecrei pagini sau articol astfel se previne ieirea prematur din site fr a parcurge
mcar o parte din el. Plus la asta folosind atributul target n urmtorul mod:
<a href="http://www.exemplu.com/"target="_blank">Exemplu</a>
se permite deschiderea legturilor ntr-o nou fil a browser-ului astfel ca din nou s se previn o
ieire prematur din site.

2.2 Arborele de pagini a locaiei web


Arborele de pagini este necesar de elaborat n timpul planificrii loca iei web deoarece
acesta este un element primordial pentru o mai bun orientare i n timpul programrii site-ului,
i n timpul funcionrii lui.

24

Structurarea ierarhic a paginilor creeaz un model logic care favorizeaz navigarea


uoara printre nodurile arborelui. Arborele de pagini a firmei Termotex-STC este prezentat n
figura 2.1.

Termote
x-STC
Acas

Servicii

Proiecte

FAQ

Despre
noi

Contacte

Finisate
In
construc
tie
Viitoare
Figura 2.1. Arborele de pagini a locaiei web a societii comerciale Termotex-STC

2.3 Structura documentelor HTML , tehnici de formatare


Limbajul HTML este compus din coduri speciale numite marcaje (sau tag-uri),
principalele tag-uri din HTML sunt prezentate n Anexa 3, care se nsereaz ntr-un document
text pentru a specifica modul de formatare a acestuia. Orice marcaj este inclus ntre dou
paranteze unghiulare, ex: <nume_marcaj>, cu ajutorul creia browser-ul detecteaz i
recunoate acest simbol drept marcaj. De obicei marcajele sunt n perechi (ex: <p>...</p>).
Primul element este marcajul de deschidere iar cel de-al doilea este marcajul de nchidere, care
are pus n fata numelui simbolul "/".
De menionat c exist i marcaje fr pereche, ca de exemplu marcajul <br>.
n continuare este prezentat un model de document HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Compania de construc&#355eii Termotex25

STC</title>
</head>
<body>
................
</body>
</html>
Un document HTML se mparte n trei seciuni:

Prima linie conine versiunea documentului HTML. Pn nu demult lipsa acesteia nu


influena n nici un mod afiarea paginii. Totui, includerea ei este recomandat cel
puin din doua considerente:
- Aa o cere standardul 4.0
- Exist aa programe numite HTML validatoare, cu ajutorul creia se poate de
verificat corectitudinea documentului. Pentru a analiza pagina web ele folosesc

anume acea versiune care o ai indicata n pagin.


<html> - Orice document html se ncepe cu marcajul html
<head> - Cu acest marcaj se ncepe cea de-a doua seciune, care conine informaii ce
nu se afieaz in browser, cu excepia marcajului <title> n care se specifica titlul
paginii web i apare ca titlul ferestrei browser-ului. Aici observm folosirea unui
caracter din clasa caracterelor speciale vezi Anexa 2. Marcajul <head> conine
informaii cu privire la cuvintele cheie, descrierea site-ului, inserare de cod JavaScript

n pagina, etc.
<body> - n interiorul acestui marcaj se afla tot coninutul paginii web care va aprea
n browser (text, imagini, etc.).

HTML-ul are o mulime de atribute pentru tag-uri, dar, cu timpul, odat cu dezvoltarea
tehnologiilor web, sa ajuns la situaia cnd aceste atribute erau puine pentru o formatare de
calitate a paginilor web. Astfel se introduce Cascading Style Sheets (CSS) care preia aproape
total funcia de formatare a paginilor. La moment ultima versiune CSS3 n combina ie cu
HTML5 ofer webmasterilor posibiliti de creare a celor mai performante pagini web.

2.4 Cerine fa de interfaa grafic a locaiei web


Prin interfa grafic nelegem modul cum sunt aranjate elementele constitutive ale unei
pagini web. Ea trebuie s aib un aspect atractiv i intuitiv pentru utilizatori.
Interfaa grafic a site-ului firmei trebuie s reflecte personalitatea, profesionalismul i
seriozitatea firmei. Lund n considerare c Termotex-STC este o firm care presteaz servicii
26

de gazificare, vom folosi cteva elemente grafice care va da de neles, din prima, despre acest
lucru. De exemplu bannerul din antetul paginii principale (Acas) va repeta cteva fotografii
care vor reflecta serviciile i promoiile firmei.
Design-ul website-ului trebuie s fie unul simplu, original i modern, Pentru toate
paginile se va folosi un stil unitar. Adugarea unei noi pagini va fi diferit de celelalte doar prin
informaia coninut (va avea cel puin acelai stil de scriere, aceeai aezare n pagin, aceeai
modalitate de umplere a spaiilor goale). Stilul de scriere trebuie s respecte acela i tip n toate
paginile(titlurile cu un stil, capetele de tabel cu un stil, capetele de liste cu un stil, listele cu un
stil, link-urile cu un stil etc.) Nu se vor folosi texte n care s existe numai litere mari , nu se vor
folosi texte care clipesc sau defileaz. Contrastul dintre fundal i culoarea textului trebuie s fie
suficient de mare pentru a asigura o lizibilitate bun.
Totodat modulele din site ce vor fi folosite pe prima pagina trebuie s nu ncarce vizual
blocurile cu informaii. Efectiv, pe prima pagin se preconizeaz plasarea urmtoarelor blocuri
informative i elementelor de navigare:

Antetul, care va conine elemente grafice, versiunile lingvistice disponibile

Bannerul principal care va fi situat sub antet

Meniul de navigare. Opiunile meniului de navigare vor fi amplasate orizontal aliniat


la dreapta chiar deasupra bannerul principal. Categoriile meniului vor avea o structur
de tip arbore, categoriile cruia se vor deschide la trecerea mouse-ului deasupra lor.

Pentru ca toat informaia s fie prezentat ntr-un mod atractiv i original, pagina web
poate fi mprit n :

Cadre

Tabele simple

Tabele multiple sau imbricate

Combinaia acestor elemente

O idee generala despre cum ar arta prima pagina, pagina index.html este prezentat Anexa 4.

2.5 Estimarea necesarului de resurse hard i soft


Evaluarea necesarului de resurse hard i soft presupune concretizarea condiiilor sau
restriciilor tehnice necesare realizrii i punerii n funciune a noului sistem.
Cerine minime de sistem:
Fa de reea:
27

Ethernet, UTP/5 , min. 10/100 Mbps


Internet, min. 128 Kbps

Fa de web-server

Pentium IV, 1700 MHz, 259MB, HDD 36GB


Sistem de operare (Windows NT/2000/XP/Vista/7, UNIX)
Surs de alimentare nentrerupt UPS

Fa de staia de lucru:

Procesor 1.5 GHz , 2GB RAM, 50 GB HDD


Sistem de operare (Windows XP/Vista/7)
Surs de alimentare nentrerupt UPS
Fa de produsele program:

Web Server Apache 2.2


Sistem de gestiune a bazelor de date MySQL
Limbaj de programare PHP4
Editor HTML i PHP Adobe Dreamweaver, PHP Expert Editor
Editor grafic Adobe Photoshop, Macromedia Flash

28

III.

PROIECTAREA DE DETALIU A LOCAIEI WEB


TERMOTEX-STC

3.1 Proiectarea aspectului grafic a emblemei companiei Termotex-STC


Analiznd elementele care determin ntr-un mod esenial elaborarea emblemei (logo),
putem deduce c emblema se afl la intersecia a patru tipuri de determinani (Figura 3.1.) .

Figura 3.1. Factorii care determin elaborarea unui logo


Sursa: Benoit Heilbrunn. Logo-ul. Editura Comunicare, 2002

Refereni identitari ai organizaiei, legai de povestea ei, de meseriile, cultura, metafora


organizaional actual etc;
O voin strategic: elaborarea unei embleme, cnd nu este vorba despre o simpl
operaie de cosmetizare, trimite aproape ntotdeauna la elaborarea unui proiect strategic pentru
organizaie. Conductorii ateapt aadar de la logo s furnizeze o reprezentare credibil, clar i
angajant a acestui proiect;
Un orizont de ateptare, legat de ateptrile diferiilor destinatari ai emblemei. Acest
orizont depinde n mod evident de tipul de destinatar; astfel, salariaii firmei emitoare se
ateapt ca emblema s fie coerent cu imaginea pe care ei i-au creat-o despre firm sau mcar s
vehiculeze valorile pe care ei i le atribuie sau pe care vor s le recunoasc n ea. Clien ii pot
atepta de la logo s le propun o nou modalitate de a vedea domeniul n cauz, s fie inovator,
surprinztor, amuzant etc;

29

Conveniile de reprezentare n vigoare n domeniul respectiv: fiecare sector dezvolt


anumite convenii de reprezentare mai mult sau mai puin rigide. Organiza ia poate decide n
aceast situaie integrarea acestor constrngeri, miznd pe un efect de mimetism, sau,
dimpotriv, poate ncerca s sparg conveniile de reprezentare printr-un demers de inovare.
Problema esenial este de a ti dac trebuie s rmn n normele de reprezentare n vigoare sau,
dimpotriv, dac trebuie s impun o norm alternativ, modificnd orizontul de ateptare al
actorilor sectorului i mai ales ale clienilor. Este exact ceea ce au ncercat firme ca Pepsi-Cola
(propunnd albastrul ca o alternativ la roul liderului Coca-Cola) sau SocieteGenerale (prin
adoptarea codului cromatic cu rou i negru, care se distaneaz n mod explicit de culorile la
mod n sectorul bancar).
Emblema trimite la un anumit numr de constrngeri care sunt uneori contradictorii.
Astfel, putem atepta de la un logo s fie lizibil, declinabil, amuzant, informativ sau evolutiv,
uor adaptabil. n toate aceste cazuri, este esenial s ierarhizm obiectivele prioritare care i
sunt atribuite. Cu toate acestea, este posibil s definim pe scurt proprietile unui logo bine creat
(Figura 3.2) :

Figura 3.2. Tensiunile care se manifest n cadrul logo-ului


Sursa: Benoit Heilbrunn. Logo-ul. Editura Comunicare, 2002
Coerena. Este important ca emblema s dea impresia unei figuri unitare n care toate
elementele iconice i lingvistice trimit la o imagine coerent a organiza iei sau a mrcii
reprezentate;

30

Bogia semantic i emoional trimite la numrul i la bogia asociaiilor vehiculate.


Ea poate de altfel s fie n contradicie cu lizibilitatea semnului - capacitatea sa de a fi recunoscut
imediat de destinatari;
Durabilitatea. Durata de via medie a unui logo de firm variaz ntre zece i
cincisprezece ani. Ea este n general mai scurt pentru logo-urile produselor (de ordinul a cinci
ani). Este necesar s schimbm sau s modificm emblema atunci cnd semnifica ia sa
devine banal, reprezentarea sa prea nvechit, cnd conoteaz asocieri inoportune (fulgerul lui
EDF Electricite de France - a fost, de exemplu, abandonat din cauza unei prea mari asimilri
cu simbolul pericolului) sau cnd nu mai reflect foarte fidel firma i proiectele sale;
Adaptabilitatea. Emblema trebuie s poat figura pe diverse suporturi (hrtii cu antet,
ambalaje, localuri, vehicule, sedii), rmnnd totodat lizibil n alb-negru i atunci cnd i snt
modificate dimensiunile(n special atunci cnd este micorat);
Declinabilitate. n cazul unei organizaii care are filiale sau este prezent n mai multe
ri, este important s se reflecteze la modul n care poate fi declinat emblema pentru a denumi
diferite subdiviziuni ale organizaiei;
Reproductibilitatea. Emblema trebuie adesea s fie reprodus n monocromie pe un spaiu
de mici dimensiuni, mai ales pe documente interne; trebuie, din aceast cauz, s fie capabil s
reziste la operaiuni de reducere i de reproducere masiv (fotocopiere), pstrndu-i totodat
bogia semantic.
n conformitate cu condiiile enumerate n paragraful anterior sa elaborat emblema
companiei Termotex-STC (Figura 3.3.)

Figura 3.3. Emblema companiei Termotex-STC


31

Primele elemente ale emblemei sunt focul, apa i robinetul care reprezint activitile
prestate de companie Instalaii si reele de alimentare cu ap i canalizare, termice i de gaze.
Coloana de litere verticale STC reprezint iniialele numelui de familie a celor trei asociai. n
emblem se mai observ i imaginea stilizat a unei case. Casa fiind vzut ca un simbol de
refugiu de protecie dnd dovad n cazul nostru de ncredere i siguran. i n final denumirea
companiei TERMOTEX.

3.2 Descrierea paginilor locaiei web


Paginile site-ului sunt mprite toate n trei zone: antet, coninut i subsol.
Antetul este partea a site-ului care conine informaii despre denumirea site-ului
(companiei) sub forma de logo i/sau text. n cazul site-ului companiei Termotex-STC antetul
(Figura 3.4) conine emblema companiei i meniul principal care la rndul lui este alctuit din
link-urile: Acas , Servicii, Proiecte, FAQ, Despre noi i Contacte care duc ctre paginile
respective.

Figura 3.4. Antetul site-ului companiei Termotex-STC


Coninutul este parte a site-ului care conine informaiile de baza din site. n cazul siteului companiei Termotex-STC, coninutul conine informaiile fiecrei pagini plus un glisor de
imagini (Figura 3.5) , care ruleaz imaginile i reclamele principale ale companiei, i un meniu
secundar (Figura 3.6) , care conine 4 link-uri, fiecare ctre unul din serviciile prestate de firm.

Figura 3.5. Glisorul de imagini a site-ului companiei Termotex-STC


32

Figura 3.6. Meniul secundar site-ului companiei Termotex-STC


Subsolul este parte a siteului care poate conine linkuri ctre paginile site-ului sau alte
linkuri externe, mai poate conine drepturile de autor etc. n cazul site-ului companiei
Termotex-STC, subsolul (Figura 3.7) conine linkuri ctre fiecare din paginile site-ului i
drepturile de autor asupra site-ului.

Figura 3.7. Subsolul site-ului companiei Termotex-STC


Pagina principal are ca scop afiarea informaiei principale despre site. Astfel n
pagina principal a site-ului companiei, n afar de elementele enumerate mai sus, se con ine si
informaia de baza (Figura 3.8) care este compus din Obiectivele companiei i Strategii de
marketing.

33

Figur
a 3.8. Informaia de baza din pagina principal a site-ului companiei Termotex-STC
Pagina principal n ntregime este prezentat n Anexa 5.
Pagina Servicii are ca scop afiarea tuturor serviciilor prestate de firma. Coninutul
paginii Servicii (Figura 3.9) a site-ului companiei Termotex-STC este compusa dintr-un bloc
cu mai multe file. Cte o fil pentru fiecare tip de servicii. Acesta fiind un bun mod de sortare si
vizualizare a informaiei

Figura 3.9. Coninutul paginii Servicii

Pagina Proiecte este destinat afirii, pentru potenialii clieni, a proiectelor efectuate,
n construcie i de viitor. Coninutul acestei pagini este , la fel ca i pagina Servicii, format
dintr-un bloc cu mai multe file. Blocul din content-ul paginii Proiecte (Figura 3.10) conine trei
file: Finisate, n construcie i De viitor.

34

Figura 3.10. Coninutul paginii Proiecte

Pagina FAQ (Frequently asked questions) (Figura 3.11) este destinat ntrebrilor

predefinite, care au cea mai mare probabilitate de a aprea printre rndurile clien ilor. Astfel
clientul fiind scutit sa contacteze administraia pentru a obine rspuns la aceste ntrebri
frecvente. Acest bloc a fost creat n aa mod nct, la prima vizit pe pagina, sunt vizibile doar
titlurile ntrebrilor. Vizualizarea complet i a rspunsurile este posibil doar dup executarea
unui clic pe ntrebarea dorit. Aa tip de vizualizare a coninutului se numete Acordeon i este
folosit n special la paginile FAQ.

Figura 3.11. Coninutul paginii FAQ

Pagina Despre noi ofer clienilor informaii generale despre companie (Figura 3.12).

35

Figura 3.12. Pagina Despre noi a site-ului companiei Termotex-STC

Pagina Contacte (Figura 3.13) este ca o punte ntre clieni i companie. n primul rnd
ofer clienilor datele de contact ale firmei: adresa, telefon. n al doilea rnd ofer posibilitatea
clienilor de a-i scrie doleanele, ntrebrile ctre companie.

Figura 3.13. Pagina Contacte a site-ului companiei Termotex-STC

3.3 Baza informaional


Proiectarea corespunztoare bazei de date este o etap foarte important, mai ales c
trebuie s fie capabil s garanteze buna funcionare a acesteia i a oricrei aplicaii care o
utilizeaz. n lipsa unei proiectri adecvate a bazei de date, aceasta poate prezenta mai multe
deficiene, cum ar fi:

compromiterea integritii datelor deoarece restriciile de integritate nu pot fi

proiectate sau implementate corect;


datele sunt redundante, iar aplicaiile individuale se aglomereaz n ncercarea de a
se asigura sincronizarea datelor;
36

performanele sunt afectate deoarece este posibil ca pentru finalizarea unei instruciuni
(spre exemplu, instruciunea Select) s fie necesare interogri suplimentare.

Proiectarea bazei de date este structurat n trei etape principale:

conceptual, care se refer la dezvoltarea unui model informaional independent de

orice considerent privitor la aspectul fizic al datelor;


logic, care vizeaz construirea unui model informaional bazat pe unul din modelele
tradiionale (E-R1, relaional, OO2, OR3), dar independent de tipul SGBD-ului ales i

de alte aspecte fizice ale modelului;


fizic urmrete implementarea efectiv a bazei de date pe suportul de stocare,
inclusiv acele aspecte care in de asigurarea i garantarea securitii datelor.

Baza de date a site-ului companiei Termotex-STC se numete termotex (Figura


3.14) i are 4 tabele: pages, tabs, faq, meniu.
Tabelul pages conine informaiile de baza ale fiecrei pagini, ca de exemplu titlul
paginii, descrierea paginii, cuvintele cheie, textul din pagin, sloganul ce se afieaz ntre
coninut i subsol, i datele din subsol.
Tabelul tabs conine datele ce se afieaz n filele de pe pagina Servicii si pagina
Proiecte.
Tabelul faq conine toate ntrebrile i rspunsurile lor din blocul ntrebri frecvente din
pagina FAQ.
Tabelul meniu conine informaia de tip text din cele doua meniuri din site-ul proiectat.
Informaiile despre cmpurile tabelelor, tipul acestora si diapazonul de valori sunt
prezente n Figura 3.14.

37

Figura 3.14. Baza de date termotex

3.4Specificaii fiiere i baze de date


Locaia web a companiei Termotex-STC este construit din mai multe tipuri de fiiere
care mpreun formeaz un ansamblu de fiiere interconectate intre ele (Figura 3.15), adic un
sistem.
Fiierele locaiei web pot fi sortate n mai multe categorii:

Fiiere de program sunt fiierele cu extensiile .php , .css, .js care conin codul

programelor i asigura funcionalitatea locaiei web.


Fiierele bazei de date sunt fiierele ce conin tabele bazelor de date ale locaiei web.
Fiiere grafice sunt fiierele cu extensiile .gif, .jpeg, .png , i sunt folosite n
elaborarea site-urilor cu scopul de a mbunti grafica acestora.

n dosarul locaiei web a companiei Termotex-STC se gsesc nc 3 dosare:


CSS n acest dosar sunt salvate fiierele CSS ( Cascading Style Sheets ) care rspund
de efectele vizuale i n general de modul cum arata site-ul. Codul fiierului style.css este
prezentat n Anexa 7
images n acest dosar sunt depozitate toate elementele grafice, aici sunt incluse fi ierele
cu extensiile: .gif, .jpeg, .png.
38

js aici se depoziteaz fiierele ce conin scripturi JavaScript, aceste fiiere dau o


funcionalitate mult mai mare site-urilor.
i alte 8 fiiere php:
index.php aceasta este pagina principal a site-ului, el se ncarca la prima lansare a siteului. Codul acestui fiier este plasat n Anexa 7.
db.php acest fiier conine codurile necesare pentru conectarea la BD, astfel dac este
nevoie, ntr-un moment dat, de conectare la baza de date, se include fiierul db.php care are
ncorporat n el codul necesar acestei aciuni.
<?php
$db = mysql_connect ("localhost","radu","1234");
mysql_select_db("termotex",$db);
?>
send_email_form.php este fiierul care rspunde de validarea cmpurilor din formularul
paginii Contacte i transmiterea valorilor acestor cmpurilor la adresa de e-mail a companiei.
Restul fiierelor servicii.php, proiecte.php, faq.php, despre_noi.php, contacte.php conin codul
fiecrei pagini.

Fi
gura 3.15. Coninutul dosarului locaiei web a companiei Termotex-STC
39

3.5 Schema general de dialog a locaiei web


Dezvoltarea mijloacelor tehnice de comunicare a utilizatorului cu calculatorul i a
asigurrii cu programe sistemice, care ntrein regimul de dialog, a asigurat posibilitatea realizrii
la computer a lucrrilor de calcul, pentru care lipsete o continuitate predeterminat a executrii
operaiilor tehnologice de prelucrare a datelor. Particularitatea de baz a regimului de dialog
const n aceea c interaciunea dintre utilizator i calculator are loc n timpul rezolvrii
nemijlocite a problemelor prin transmiterea i recepia comunicrilor cu ajutorul terminalelor.
Procesul rezolvrii problemei la calculator, n timpul cruia se realizeaz schimbul de comunicri
ntre om i calculator, condiionat de continuitatea operaiilor de rezolvare, se numete proces
tehnologic de prelucrare a informaiei n regim de dialog.
Schema general de dialog a utilizatorului cu locaia web este afiat n Figura 3.16. Aici
se observa bine nivelurile funcionale i tehnologice.
La fiecare etapa a dialogului sunt prevzute posibiliti de navigare pe schem i
ntoarcere la nivelurile precedent superioare sau chiar la punctul de start.

Figura 3.16. Schema general de dialog a locaiei web a companiei Termotex-STC

n continuare Tabelul 3.1, Tabelul 3.2, Tabelul 3.3, Tabelul 3.4 reprezint tabelele
schemei generale de dialog formate pentru oricare din ramurile dialogului n procesul de lucru:

40

Tabelul 3.1
Componenta meniului principal TD 0
Eticheta
1
2
3
4
5
6

Denumire meniu
Acas
Servicii
Proiecte
FAQ
Despre noi
Contacte

(TD 1)
(TD 2)
(TD 3)
(TD 4)
(TD 5)
(TD 6)
Tabelul 3.2

Componenta meniului Servicii TD 2


Eticheta
1
2
3
4

Denumire meniu
Construcii
Reele de alimentare cu ap
Reele de alimentare cu gaze
Montarea utilajelor i instalaiilor

(TD 7)
(TD 8)
(TD 9)
(TD 10)
Tabelul 3.3

Componenta meniului Proiecte TD 3


Eticheta
1
2
3

Denumire meniu
Finisate
n construcie
De viitor

(TD 11)
(TD 12)
(TD 13)
Tabelul 3.4

Componenta meniului Contacte TD 6


Eticheta
1

IV.

Denumire meniu
Trimite

(TD 14)

ASPECTE DE EFICIEN ECONOMIC A SITULUI WEB


TERMOTEX-STC
4.1.

Metoda de evaluare a eficienei economice

Eficiena economic este o noiune complex prin care se n elege obinerea unor
rezultate economico-sociale maxime i de utilitate prin cheltuirea raional i economic a unor
41

resurse materiale, tehnice, de munc, financiare pe baza metodelor tiinifice de organizare i de


conducere a activitilor umane n toate domeniile. Cu alte cuvinte, eficiena economic este o
noiune prin care se estimeaz rezultatele unei activiti economice n raport cu eforturile fcute.
Orice indicator de eficiena economic este prezentat ntr-una din dou forme posibile:

Raportul efectelor obinute ctre eforturile depuse indic cuantumul efectului obinut dintr-o
unitate de efort depus. Fiind folosit drept criteriu pentru elaborarea deciziilor manageriale, se
tine cont de necesitatea maximizrii lui. Aadar, cu ct este mai mare acest indicator, cu att este
mai avantajoas activitatea economic. Exemplul cel mai firesc ar fi raportul dintre profitul net i
cheltuielile legate de organizarea activitii economice ce-l asigur. Poate fi exprimat prin
formula: e = E/e , => max.,
unde:
E efectele (rezultatele) obinute;
e eforturile depuse (resursele consumate).
Eficienta economic este principalul factor calitativ al creterii economice deoarece prin ea se
asigur sporirea absolut a efectelor cu acelai volum de efort.

Raportul dintre eforturile depuse i efectele obinute arat ce efort trebuie depus pentru a obine o
unitate de efect. Fiind folosit drept criteriu pentru elaborarea deciziilor manageriale, se tine cont
de necesitatea minimizrii lui. Aadar, cu ct este mai mic acest indicator, cu att este mai
avantajoas activitatea economic. Exemplul cel mai firesc ar fi raportul dintre cheltuielile legate
de organizarea activitii economice i profitul net obinut din aceasta activitatea. Poate fi
exprimat prin formula: e=e/ E, =>min.
Elaborarea i implementarea unei locaii web necesit cheltuieli importante legate de
proiectarea, organizarea i funcionarea locaiei. Ca urmare, se pune ntrebarea dac aceste
cheltuieli sunt sau nu justificate din punct de vedere economic.
Determinarea eficienei economice a locaiei web presupune:

Aprecierea efortului (cheltuielilor) depus pentru realizarea i funcionarea site-ului.


Aprecierea efectelor economice ale introducerii i funcionrii.

Aprecierea cheltuielilor poate fi fcut prin sumarea cheltuielilor pe categorii n funcie


de etapele de creare i exploatarea paginii care includ:

cheltuieli de elaborare;

cheltuieli pentru implementare;

cheltuieli de exploatare.
42

Cheltuielile de creare se compun din cheltuieli de investiii necesare pentru:

analiz, proiectare;
cheltuieli de transport-aprovizionare;
amenajarea spatii necesare.

La etapa de exploatare se cer cheltuieli pentru ntreinerea i actualizarea paginilor Web:

retribuirea muncii;

uzura mijloacelor fixe;

ntreinerea i exploatarea canalelor de transport date;

cheltuieli de regie;

cheltuieli materiale;

cheltuieli imprevizibile.
Cheltuielile aprute n stadiul de proiectare implementare sunt acoperite din contul

investiiilor iniiale. Cheltuielile de exploatare urmeaz a fi acoperite din contul utilitii loca iei
web n urma utilizrii ei.
Efectele care se vor obine dup implementarea paginii Web vor fi datorate n principal:

crearea i plasarea locaiei Web;

realizarea de soft specializat.

Eficiena economic este redat de raportul dintre rezultatul util i cheltuielile suportate
pentru realizarea efortului dorit.
Pentru efectuarea calculelor va fi nevoie de urmtoarele formule:

Cheltuieli munc pentru realizarea calculelor n varianta de baz (manual):


C mb Vinf * n / B

(4.1)

unde:

Vinf

- volumul de date iniiale prelucrate la calculator;

n periodicitatea efecturii modificrilor;


B normativ de prelucrare a informaiei.

Numr convenional de lucrtori ocupai de prelucrarea informaiei n varianta baz:

43

Pb

C mb
Tan

(4.2)

unde:
Cmb
Tan

- cheltuieli munc pentru realizarea calculelor n varianta de baz;

- fond de timp anual pentru un lucrtor.

Preul unitar or privind prelucrarea informaiei(lei):

Ut

S med I c
Tlun

(4.3)

unde:
S med
Ic

- coeficientul privind salariul suplimentar;

Tlun

- salariul mediu lunar pentru un lucrtor;

- fondul de timp lunar pentru un lucrtor.

Cheltuieli privind prelucrarea informaiei n varianta de baz (lei):


C b Tan *U t * Pb

(4.4)

unde:
Tan
Ut
Pb

- fond de timp anual pentru un lucrtor;


- preul unitar ora privind prelucrarea informaiei;
- numrul convenional de lucrtori preocupai de prelucrarea informaiei n varianta de

baz.
Pentru calcularea cheltuielilor din varianta de proiectare avem nevoie de urmtoarele
formule de calcul:
Ore main necesare la prelucrarea informaiei (ore):

Tm

Vind
* Tmed
3600

(4.5)

unde:
44

Vind

- volumul de date iniiale prelucrate la calculator;

Tmed

- timpul mediu necesar realizrii operaiilor la calculator pentru un indicator al

informaiei iniiale.
Valoare timp main, necesar prelucrrii informaiei (lei):
C m Tm * Pm'

(4.6)

unde:
Tm

Pm'

- numrul de ore pentru o main necesare la prelucrarea informaiei;


- preul unei ore main.

Cheltuieli privind ntocmirea, controlul i perfectarea datelor rezultante (lei)


C cof K of * C m

(4.7)

unde:
K of
Cm

- coeficientul privind timpul de control, ntocmire i emitere a datelor;


- valoarea timpului pentru o main necesar prelucrrii informaiei.

Cheltuieli privind PAD:


C a C m C cof * n

(4.8)

unde:
Cm

- valoarea timpului pentru o main necesar prelucrrii informaiei;

Ccof

- cheltuieli privind ntocmirea, controlul i perfectarea datelor rezultante;

n periodicitatea efecturii modificrilor.


Total cheltuieli privind PAD (om-ore) prelucrarea automat a datelor:
C ma Tm * n

(4.9)

unde:
Tm

- numrul de ore pentru o main necesare la prelucrarea informaiei;

n periodicitatea efecturii modificrilor.


Economia anual a cheltuielilor curente:
45

Ec Cb C a

(4.10)

unde:
Cb
Ca

- cheltuieli privind prelucrarea informaiei n varianta de baz;


- cheltuieli totale privind varianta de proiect.

Coeficientul de economisire a mijloacelor bneti:


K c Ec / Cb

(4.11)

unde:
Ec

- economia anual a cheltuielilor curente;

Cb

- cheltuieli privind prelucrarea informaiei n varianta de baz;

Procentul reducerii cheltuielilor financiare este:


Pc K c *100%

(4.12)

unde:
Kc

- coeficientul de economisire a mijloacelor bneti.

Indicele schimbrii cheltuielilor:


I s Cb / Ca

(4.13)

unde:
Cb
Ca

- cheltuieli privind prelucrarea informaiei n varianta de baz;


- cheltuieli totale privind varianta de proiect.

Indicele absolut al reducerii cheltuielilor de munc:


E rm C mb C ma

(4.14)

unde:
Cmb
Cma

- cheltuielile de munc pentru realizarea calculelor n varianta de baz;


- total cheltuieli munc privind prelucrarea automatizat a documentelor.

Coeficientul reducerii resurselor de munc:


46

K m E rm / C mb

(4.15)

unde:
Erm
Cmb

- indicele absolut al reducerii cheltuielilor de munc;


- cheltuielile de munc pentru realizarea calculelor n varianta de baz

Procentul reducerii resurselor de munc:


Pm K m *100%

(4.16)

unde:
Km

- coeficientul reducerii de munc.

Indicele schimbrii cheltuielilor de munc:


I m C mb / C ma

(4.17)

unde:
Cmb
Cma

- cheltuielile de munc pentru realizarea calculelor n varianta de baz;


- total cheltuieli munc privind prelucrarea automatizat a documentelor.

4.2.

Aprecierea eficienei locaiei web proiectate

Pentru a determina care este mai eficient, sistemul de baz sau sistemul proiectat, se
evalueaz cheltuielile pentru ambele sisteme. n primul rnd se analizeaz cheltuielile privind
prelucrarea informaiei n varianta de baz, pentru calcule sunt necesare urmtoarele date:

Vinf

volumul informaional folosit la prelucrare:

ct de periodic se fac modificri: =12ore/an;

normativ de prelucrare a informaiei:

=75 000 semne;

=500 semne / ora;

Tan

fond de timp anual pentru un lucrtor:

salariul mediu lunar pentru un lucrtor:

=1800 ore;

S med

=2000 lei;

47

Tlun

fondul de timp lunar pentru un lucrtor:

coeficientul privind salariul suplimentar:

Ic

=150 ore;
=1,65.

Conform formulei (4.1) se calculeaz cheltuielile de munc pentru realizarea calculelor n


varianta de baz / manual:
Cmb =

75000 semne12 ori/ an


=1800 ore
500 semne /ora

Conform formulei (4.2) se determin numrul convenional de lucrtori preocupai de


prelucrarea informaiei n varianta de baz:
Pb=

18 00 ore
=1 lucrator
1800 ore
Fcnd calcule n conformitate cu formula (4.3) se obine preul unitar ora privind

prelucrarea informaiei:
Ut=

2000 lei1.65
=22 lei/ora
150
Conform formulei (4.4) se calculeaz totalul cheltuielilor privind prelucrarea informaiei

n varianta de baz:
Cb =1800

ore22 lei
1 lucrator=396 00 lei
ora

Pentru calcularea cheltuielilor din varianta de proiectare sunt necesare urmtoarele date:

Vinf
volumul de date iniiale prelucrate la calculator:
=75000 semne;
timpul mediu necesar realizrii operaiilor la calculator pentru un indicator al
informaiei iniiale:

Tmed

=2 sec;
Pm
preul unei ore main:
=2 lei;

coeficientul privind timpul de control, ntocmire i emitere a datelor:

=0,2.

Conform formulei (4.5) se calculeaz numrul de ore pentru o main necesare la


prelucrarea informaiei:

48

T m=

75000 semne
2 sec=41.66 ore /mas
3600
Valoarea timpului pentru o main necesar prelucrrii informaiei se calculeaz dup

formula (4.6):
Cm =

41.66 ore
2 lei=83.33lei
mas.
Conform formulei (4.7) se calculeaz cheltuieli privind ntocmirea, controlul i

perfectarea documentelor:
C cof =0.283.33 lei=16.6 lei
Fcnd calcule n conformitate cu formula (4.8) se obine cheltuielile totale privind
varianta de proiect:
C a=

( 83.33lei+ 16.6lei )12 ori


=1199.69 lei
an
Conform formulei (4.9) Total cheltuieli munc privind prelucrarea automatizat a

documentelor:
41.66 ore
12 ori
mas .
Cma =
=500 omore
an
Deci n conformitate cu formula (4.10) economia anual a cheltuielilor curente este:
Ec =396 001199.69=384 00. 31 lei
Acest indice demonstreaz c dup implementarea acestui sistem se vor economisi
38400.31 lei anual.

Pe baza rezultatelor obinute anterior se determin indicatorii relativi i anume:


Coeficientul de economisire a mijloacelor bneti formula (4.11):
K c=

38400.31
=0.9 6
396 00
Procentul reducerii cheltuielilor financiare formula (4.12):

49

Pc =0.98100 =9 6
Acest indice arat c, implementnd varianta de proiect, vor fi economisite 96% din
cheltuielile care se fceau utiliznd sistemul existent de prelucrare a informaiei.
Conform formulei (4.13) se calculeaz indicele schimbrii cheltuielilor:
I s=

79200 lei
=33
1199.69 lei
Acest indice arat c cheltuielile bneti n varianta de proiect sunt de aproximativ 33 ori

mai mici dect n varianta de baz:


Indicele absolut al reducerii cheltuielilor de munc

E rm

arat cu ct se vor micora

cheltuielile de munc n varianta de proiect fat de varianta de baz i se calculeaz cu ajutorul


formulei (4.14) n modul urmtor:
Erm=3600 omore500 omore=3100 omore
n conformitate cu formula (4.15) se calculeaz n modul urmtor coeficientul reducerii
de munc:
K m=

3100 omore
=0.86
3600 omore

Folosind formula (4.16) se calculeaz procentul reducerii resurselor de munc:


Pm=0.86100 =86
Acest indice arat c, resursele de munc se vor micora cu 86%, n cazul implementrii
sistemului, fat de varianta de baz.
i dup formula (4.17) se calculeaz indicele schimbrii cheltuielilor de munc:
I m=

3600 omore
=7.2
500 omore
Acest indice caracterizeaz creterea productivitii muncii datorit implementrii

variantei mai efective de prelucrare a informaiei, ceea ce nseamn c productivitatea muncii se


va mri de 7.2 ori fat de varianta de baz.

50

CONCLUZII
Aceast lucrare a avut scopul de a arta i demonstra unele tendine i linii generale
privind crearea unei locaii web. Un lucru este cert, n urma citirii acestei lucrri, se poate afirma
cu certitudine c internetul i modul de utilizare a acestuia, modul de afiare a diferitor tipuri de
informai prin intermediul acestuia, nu mai are deja un rol secundar n viaa de zi cu zi a multor
oameni, dar cel mai important este c aceste elemente ale lumii digitale au devenit de nenlocuit.
Web-ul astzi, ca i cel de ieri i cel de mine se afl ntr-o continu transformare i metamorfoz
care pe cei mai muli fie i las rece fie i ameete i i descurajeaz n ncercarea de a n elege
mai mult. Dar, datorit creterii semnificative a interesului companiilor pentru dezvoltarea de
strategii de comunicare bazate pe web, ct i a interesului general al publicului, simpla creare a
unui website nu mai este suficient. Acesta trebuie s fie profesionist i s se ridice la nivelul
ultimelor standarde.
Astfel multitudinea de efecte pozitive care pot fi obinute n urma implementrii unei
locaiei web a motivat organele de conducere a companiei Termotex-STC s recurg la ideea
de implementare a unei locaii web proprii.
Un lucru fiind cert, c odat cu creterea complexitii unui site, structura acestuia trebuie
s asigure o ierarhie clar a paginilor i o navigare uoar pentru utilizator. Astfel site-ul creat
este destul de bine structurat si grupeaz paginile astfel nct permite vizitatorilor s acceseze
imediat coninutul de care au nevoie i s navigheze uor prin meniurile paginilor care le ofer
informaii de ajutor. Acest lucru se observ analiznd Figura 3.16 , aici se vede ca din fiecare
pagin a site-ului se poate accesa oricare alt pagin, fiind posibil ntoarcerea la pasul anterior
sau chiar la cel de start.
i plus la toate acestea, din punct de vedere financiar, site-ul companiei Termotex-STC,
fiind bine construit, poate fi folosit i ca un important instrument de marketing, reducnd
considerabil cheltuielile pentru publicitate i majornd veniturile n consecina folosirii adecvate
a strategiilor de marketing.
i daca e s consultm calculele din capitolul IV se poate declara cu vehemen c
implementarea propriei locaii web a companiei Termotex-STC, a fost un pas destul de reuit
deoarece n urma implementrii acestei locaii , conform calculelor dup formula (4.10) din
capitolul IV, observam ca compania va economisi n jur de 38400 de lei, ceea ce nseamn c se
economisesc 96 % din cheltuielile fcute n varianta de baz. Dar pe lng toate acestea se vor
51

economisi i o mare majoritate a resurselor de munc. Conform calculelor se demonstreaz ca se


vor economisi 86% din resursele de munc. Iar productivitatea muncii se va mri de 7.2 ori.
Scopul concret pus n faa acestei lucrri este de a combina cunotinele obinute n cadrul
anilor de studii i de a crea o locaie web pentru compania Termotex-STC, care s urmeze
toate standardele n vigoare. Astfel odat cu implementarea site-ului s-au rezolvat cteva
probleme care la nceput erau propuse ca scop:

ofer posibilitatea promovrii serviciilor;


informeaz clienii despre schimbrile aprute i datele de contact;
ofer posibilitatea de a primi un feedback permanent din partea clienilor;
este la dispoziia firmei ca instrument de marketing.

Dar aceast lucrare are i un scop mult mai general, acesta este de a aduce la cunotin i
altor oameni de afaceri, i nu numai, posibilitile oferite de internet n accesarea informa ie i
utilizarea ulterioar a acesteia n scopuri proprii. De asemenea prin lucrarea dat se tinde ca
persoana fizica s obin o idee i informaie mai larg privind posibilitile promovrii
personale i a unei afaceri prin intermediul internetului utiliznd web-siturile.

52

Bibliografie
1. Manoela Popescu. Site-ul web: ntre modalitate de comunicare i instrument
strategic de marketing. n Revista de Marketing Online - Vol.2, Nr.1, 2008, p 39-45.
2. Bolun I., Costas I., Gamechi A., Zacon T., Delimarschi B. Elaborarea tezelor de licen
la specialitatea Cibernetic i informatic economic. Chiinu: Editura ASEM,
2001. 63 p.
3. Purcrea A., Niculescu C. i Constantinescu D., Management elemente fundamentale,
Editura Niculescu SRL, Bucureti 2002.
4. Ilie Costa. Tehnologii de procesare a informaiei economice. ASEM 2007
5. Iacob Kerbalek - coordonator. Economia ntreprinderii. Editura Gruber, 2004
6. Manualul Tnrului ntreprinztor. Editor: Fundaia ProWOMEN, Iai 2009, Publicaie
realizat n cadrul programului ADEPT(Antreprenoriat, Dezvoltarea Economic i
Personal a Tinerilor)
7. Zacon T. Proiectarea Sistemelor Informatice, Note de curs
8. ThreeWork s. Un site web de succes de la conceptualizare la lansare
9. Benoit Heilbrunn. Logo-ul, Editura Comunicare, 2002
10. Obtimizare SEO (citat 08.05.13)
http://www.website-ieftin.ro/servicii-oferite/6-optimizare-seo.html
11. Eugenia Stamate . Planificarea n procesul de creare a unui site web (citat 08.05.13)
http://www.firstwebdesign.ro/index.php?
mact=News,cntnt01,detail,0&cntnt01articleid=4&cntnt01origid=15&cntnt01returnid=15
12. Crearea legturilor n HTML (citat 08.05.13)
http://informatica.trei.ro/html5creearealegaturilior.html
13. Servicii Internet (citat 10.05.13)
http://www.mihai-dan.go.ro/Cvi/main/servici.html
14. Matie Ioana. Audit de securitate pentru site-urile web (citat 10.05.13)
http://www.scs.ubbcluj.ro/~misd0652/Audit-de-securitate%20pentru%20site-urile
%20web.htm
15. Tehnologii web (citat 12.05.13)
http://www.ixedo.ro/page/tehnologii-web-software
16. Introducere n tehnologii Web (citat 12.05.13)
http://www.infopuc.ro/resurse/doc/lab%201%20html.pdf
17. Structura documentului HTML (citat 12.05.13)
53

http://www.practichtml.go.ro/lessons/intro.html
18. Baze de date (citat 14.05.13)
http://www.edugal.fsea.ugal.ro/pdf/BDcap1.pdf
19. Eficienta economic a investiiilor (citat 18.05.13)
http://ru.scribd.com/doc/135397338/Eficienta-Economica-a-Investitiilor
20. Marina Nicoar. Web site ca baz a afacerilor pe internet. 2004
http://team.salvaeco.org/nika/

54

Anexe
Anexa 1.
Tabelul A1.1
Tipologia informaiilor existente ntr-o ntreprindere
Criteriul
n funcie de
destinaie

Categorii de
informaii
de intrare
de ieire
primare

Din punct de
vedere al

intermediare

gradului de
prelucrare

finale

Caracteristici eseniale
Beneficiarii informaiilor sunt managerii i executani
din ntreprindere
Beneficiarii informaiilor aparin micro mediului
ntreprinderii (clieni, furnizori etc.)
Informaii care nu au suferit nici un proces de prelucrare
i au un caracter analitic
Informa ii care au suferit diverse faze de prelucrare
informaional
Informaii care au parcurs ntreg irul de prelucrri
informaionale i au caracter sintetic i se adreseaz
ndeosebi top-managerilor
Informaii care se transmit de la niveluri ierarhice

ascendente

rapoarte)
Informaii care se transmit de la niveluri ierarhice

n funcie de
direcia de
circulaie

descendente

orizontale

orale

scrise

modului de

audio-vizuale

provenien

decizii)
Informaii care se transmit ntre posturi aflate pe acelai
nivel ierarhic
Informaii transmise prin viu grai, care au o vitez mare
de circulaie, dar nu pot fi controlate i las loc la

caracterizate printr-un consum de timp considerabil, dar


nu las loc interpretrii sau negrii primirii informaiei
Informaii care se adreseaz vzului i auzului, n mod

exprimare

n funcie de

superioare ctre cele inferioare (de regul sub forma de

interpretri
Informaii consemnate pe suport de hrtie sau electronic,

Din punct de
vedere al

inferioare ctre cele superioare (de regul sub forma de

exogene

simultan (terminale de calculator, videoconferine


etc.), caracterizate prin vitez mare de circulaie,
modalitate de transmitere nuanat; pot fi costisitoare
Provin din afara firmei i sunt alctuite, n mod uzual,
din acte normative n vigoare (legi, ordonane de
urgen, hotrri de guvern, ordine ale minitrilor),
55

instruciuni etc.
Informaiile provin din interiorul firmei, cu referire la
endogene

Din punct de

imperative

vedere al
imperativi taii

non imperative

tehnico-operativ

n funcie de

de eviden

modul evident

contabil

statistic

umane)
Informaii obligatorii, emise de top-manageri, cu
caracter decizional
Informaii facultative, emise, de regul, de
executani, cu caracter pronunat informai
Informaii care se refer la fenomenele economice de
importana imediat, mijloacele de nregistrare fiind
documentare (fie, registre etc.) i tehnice
(contoare, nregistratoare etc.)
Informaii referitoare la aspectele economice care
caracterizeaz

latura valoric

a activitilor

ntreprinderii
Reflect sintetic principale activiti ale firmei i au rol
n evaluarea rezultatelor ntreprinderii i previziuni (au
ca surse de date primele dou tipuri menionate la

de planificare
operativ i

unitar, la nivelul firmei i la nivelul fiecrei entiti

programare

funcionale
Sunt utilizate la lansarea lucrrilor ce urmeaz s fie

lansare

vedere
funcional

comerciale, de produciei, financiar-contabile, de resurse

aceast categorie)
Sunt utilizate pentru elaborarea planului operativ

de pregtire,
Din punct de

toate activit ile ntreprinderii (cercetare- dezvoltare,

executate, precum i la alocarea resurselor


Sunt rezultate din urmrirea operativ a procesului de

de control i

producie i utilizate att pentru reglarea abaterilor ct

reglare

i pentru adaptarea programelor i

evaluare i

Planurilor
Se refer la rezultatele i consumurile de resurse la

raportare

nivelul entitilor funcionale ale firmei

Sursa: adaptat din Purcrea A., Niculescu C., Constantinescu D. Management, Editura Niculescu,
Bucureti, 2000, i Niculescu O., Verboncu I., Management, Editura Economic, Bucureti, 1999.

56

Anexa 2
Tabelul A2.1
Caractere speciale n HTML
Nume

Sintaxa

Nume ISO Latin-1

Descriere

Aacute
aacute
Acirc
acirc
acute
AElig
aelig
Agrave
agrave
amp
Aring
aring
Atilde
atilde
Auml
auml
brvbar
Ccedil
ccedil
cent
copy
curren
deg

&Aacute
&aacute;
&Acirc;
&acirc;
&acute;
&AElig;
&aelig;
&Agrave;
&agrave;
&amp;
&Aring;
&aring;
&Atilde;
&atilde;
&Auml;
&auml;
&brvbar;
&Ccedil;
&ccedil;
&cent;
&copy;
&curren;
&deg;
&div;
&divide;
&Eacute;
&eacute;
&Ecirc;
&ecirc;
&Egrave;
&egrave;
&emdash;
&emsp;
&endash;
&ensp;
&ETH;
&eth;
&Euml;
&euml;
&frac12;
&frac14;
&frac34;
&gt;

&#193
&#225;
&#194;
&#226;
&#180;
&#198;
&#230;
&#192;
&#224;
&#38;
&#197;
&#229;
&#195;
&#227;
&#196;
&#228;
&#166;
&#199;
&#231;
&#162;
&#169;
&#164;
&#176;

A ascutit ()
a ascutit ()
A circumflex ()
a circumflex ()
accent grav ()
ligatura AE ()
ligatura ae ()
A grav ()
a grav ()
ampersand (&)
A cu inel ()
a cu inel ()
A tilda ()
a tilda ()
A umlaut ()
a umlaut ()
bara intrerupta ()
C sedila ()
c sedila ()
cent ()
copyright ()
valuta generala ()
grad ()

&#247;

impartire ()

&#201;
&#233;
&#202;
&#234;
&#200;
&#232;
nedefinit
nedefinit
nedefinit
nedefinit
&#208;
&#240;
&#203;
&#235;
&#189;
&#188;
&#190;
nedefinit

E ascutit ()
e ascutit ()
E circumflex ()
e circumflex ()
E grav ()
e grav ()
em dash (&emdash)
em spatiu ()
en dash (&endash;)
en spatiu ()
Eth nordic ()
eth nordic ()
E umlaut ()
e umlaut ()
jumatate ()
sfert ()
trei sferturi ()
mai mare dect (>)

div
Eacute
eacute
Ecirc
ecirc
Egrave
egrave
emdash
emsp
endash
ensp
ETH
eth
Euml
euml
frac12
frac14
frac34
gt

57

Iacute
iacute
Icirc
icirc
iexcl
Igrave
igrave
iquest
Iuml
iuml
laquo
lt
macr
micro
middot
nbsp
not
Ntilde
ntilde
Oacute
oacute
Ocirc
ocirc
Ograve
ograve
ordf
ordm
Oslash
oslash
Otilde
otilde
Ouml
ouml
para
plusmn
pound
quot
raquo
reg
sect
shy
sup1
sup2
sup3
szlig
THORN
thorn
times
trade
Uacute

&Iacute;
&iacute;
&Icirc;
&icirc;
&iexcl;
&Igrave;
&igrave;
&iquest;
&Iuml;
&iuml;
&laquo;
&lt;
&macr;
&micro;
&middot;
&nbsp;
&not;
&Ntilde;
&ntilde;
&Oacute;
&oacute;
&Ocirc;
&ocirc;
&Ograve;
&ograve;
&ordf;
&ordm;
&Oslash;
&oslash;
&Otilde;
&otilde;
&Ouml;
&ouml;
&para;
&plusmn;
&pound;
&quot;
&raquo;
&reg;
&sect;
&shy;
&sup1;
&sup2;
&sup3;
&szlig;
&THORN;
&thorn;
&times;
&trade;
&Uacute;

&#205;
&#237;
&#206;
&#238;
&#161;
&#204;
&#236;
&#191;
&#207;
&#239;
&#171;
&#60;
&#175;
&#181;
&#183;
&#160;
&#172;
&#209;
&#241;
&#211;
&#243;
&#212;
&#244;
&#210;
&#242;
&#170;
&#186;
&#216;
&#248;
&#213;
&#245;
&#214;
&#246;
&#182;
&#177;
&#163;
&#34;
&#187;
&#174;
&#167;
&#173;
&#185;
&#178;
&#179;
&#223;
&#222;
&#254;
&#215;
nedefinit
&#218;

I ascutit ()
i ascutit ()
I circumflex ()
i circumflex ()
exclamatie inversata ()
I grav ()
i grav ()
intrebare inversata ()
I umlaut ()
i umlaut ()
paranteza unghiular dubl stng ()
mai mic dect (<)
macron ( )
micro ()
punct la mijloc ()
spatiu nonbreaking
negatie ()
N tilda ()
n tilda ()
O ascutit ()
o ascutit ()
O circumflex ()
o circumflex ()
O grav ()
o grav ()
ordinal feminin ()
ordinal masculin ()
O tiat ()
o tiat ()
O tilda ()
o tilda ()
O umlaut ()
o umlaut ()
paragraf ()
plus minus ()
lira sterlina ()
ghilimele (")
paranteza unghiular dubl dreapta ()
marca inregistrata ()
semn sectiune ()
soft hyphen ()
1 superior ()
2 superior ()
3 superior ()
sharp s ()
Thorn nordic ()
thorn nordic ()
inmultire ()
trademark ()
U ascutit ()
58

uacute
&uacute;
&#250;
u ascutit ()
Ucirc
&Ucirc;
&#219;
U circumflex ()
ucirc
&ucirc;
&#251;
u circumflex ()
Ugrave
&Ugrave;
&#217;
U grav ()
ugrave
&ugrave;
&#249;
u grav ()
uml
&uml;
&#168;
umlaut ()
Uuml
&Uuml;
&#220;
U umlaut ()
uuml
&uml;
&#252;
u umlaut ()
Yacute
&Yacute;
&#221;
Y ascutit ()
yacute
&yacute;
&#253;
y ascutit ()
yen
&yen;
&#165;
yen ()
yuml
&yuml;
&#255;
y umlaut ()
Sursa: http://www.marplo.net/html/caractere-speciale-entitati-html.html

59

Anexa 3
Tabelul A3.1
Lista celor mai utilizate tag-uri HTML mpreun cu atributele lor
Nume tag

Nume
atribut

Valoare atribut

<A>
href

URL

target

_blank
_self
_parent
_top

<B>
<BODY>
background
bgcolor

adresa imaginii
cod culoare
nume culoare

leftmargin

procent din
limea paginii
numr de pixeli

topmargin

procent din
nlimea paginii
numr de pixeli

text

cod culoare
nume culoare

alink

cod culoare
nume culoare

link

cod culoare
nume culoare

vlink

cod culoare
nume culoare

<BR>
<CENTER>
<FONT>
color
face
size

cod culoare
nume culoare
nume font
un numr
de la 1 la 7

Detalii
Ancora
Adresa ctre care vrem sa fie
legtura
Fereastra in care se va face
afiarea
Text bold
Cuprinsul documentului
Imaginea de fond
Culoarea fondului
Distanta dintre marginea din
stnga a
ferestrei browser ului si marginea
din
stnga a paginii
Distanta dintre marginea de sus a
ferestrei browser ului si marginea
de sus
a paginii
Culoarea textului
Culoarea legturilor active (atunci
cnd
mouse-ul se afla deasupra lor)
Culoarea legturilor nevizitate (nu
s-a
efectuat nici un click pe ele)
Culoarea legturilor vizitate
(s-a efectuat cel puin un click pe
ele)
Sfritul rndului
Afiarea in centrul paginii
Fontul textului
Culoarea fontului
Tipul fontului
Mrimea fontului
60

<FORM>
action

URL

method

GET
POST

frameborder
marginheight

1 sau 0
numr de pixeli

marginwidth

numr de pixeli

src

URL

<FRAME>

<FRAMESET>
cols

rows

procent din
limea paginii
numr de pixeli
procent din
nlimea paginii
numr de pixeli

H1, H2, H3,


H4, H5, H6

Formular interactiv
Adresa scriptului care prelucreaz
datele
din cadrul formularului
Metoda de prelucrare a datelor
formularului
Cadru (fereastra)
Cadrul are sau nu are chenar
Spatiu deasupra si sub un cadru
Spatiu la stnga si la dreapta unui
cadru
Sursa cadrului
Mulime de ferestre
numrul si mrimea relativa a
coloanelor
numrul si mrimea relativa a
rndurilor
Titluri in cadrul documentului

align

left
center
right
justify

<HEAD>
<HR>

Alinierea titlului
Antetul documentului
Linie orizontala

align
color
size
width

left
center
right
cod culoare
nume culoare
numr de pixeli
procent din
latimea paginii
numr de pixeli

<HTML>
<I>
<IMG>

align

left
right
top
middle
bottom

Alinierea orizontala a liniei


Culoarea liniei
nlimea liniei
Limea liniei
Document HTML
Text italic
Adugarea unei imagini
Alinierea imaginii in pagina: left
(stnga)
sau right (dreapta)
Alinierea elementelor din jurul
imaginii:
top (sus), middle (mijloc), bottom
(jos)
61

alt

text

border

numr de pixeli

height

procent
numr de pixeli

hspace

numr de pixeli

src

URL

vspace

numr de pixeli

width

procent
numr de pixeli

<INPUT>
maxlength
name

numr
date de tip
caracter

size

numr

src

URL
text
password
checkbox
radio
submit
reset
file
hidden
image
button
date de tip
caracter

type

value
<LI>
<META>
content
name

text
author
description
keywords

<OL>

<P>

start

numr

type

A, a, I, i, 1

Text ce va fi afiat in locul


imaginii, in
cazul in care, aceasta nu este
afiata
Mrimea chenarului din jurul
imaginii
nlimea imaginii
Spatiu pe orizontala in jurul
imaginii
Adresa imaginii
Spatiu pe verticala in jurul
imaginii
Limea imaginii
Element al formularului
Numr maxim de caractere
Numele elementului formularului
Mrimea elementului
formularului
Adresa pentru o imagine

Tip input

Valoare input
Element al unei liste
Meta informaii
Descrie valoarea atributului name
Autor
Descriere
Cuvinte cheie
Lista ordonata
Cu ce valoare ncepe numerotarea
Tipul numerotrii: A, a, I, i, 1
(implicit)
Paragraf
62

align

left
center
right
justify

<SELECT>

Lista de selecii
Permite selecia mai multor
elemente

multiple
name
size

date de tip
caracter
numr

<STRONG>
<SUB>
<SUP>
<TABLE>
align
background
bgcolor
border
bordercolor

Alinierea paragrafului

left
center
right
URL
cod culoare
nume culoare
procent
numr de pixeli
cod culoare
nume culoare

cellpadding

numr de pixeli

cellspacing
cols

numr de pixeli
numr

hspace

numr de pixeli

vspace

numr de pixeli

width

procent
numr de pixeli

<TD>

Numele listei de selecii


Numrul de elemente ale listei
Text evideniat
Text indice
Text exponent
Tabel
Alinierea tabelului
Imaginea de fond pentru tabel
Culoarea fondului pentru tabel
Chenarul tabelului
Culoarea chenarului
Spatiu intre coninutul celulelor
tabelului si
marginile lor
Spatiu intre celulele tabelului
Numrul de coloane ale unui tabel
Spatiu pe orizontala in jurul
tabelului
Spatiu pe verticala in jurul
tabelului
Limea tabelului
Celula de tabel

align
background
bgcolor

left
center
right
URL
cod culoare
nume culoare

colspan

numr

height

numr de pixeli

Alinierea coninutului celulei pe


orizontala
Imaginea de fond pentru celula
Culoarea fondului pentru celula
Numrul de coloane pe care se
ntinde
celula
nlimea celulei
63

rowspan
valign
width

numr
top
middle
bottom
numr de pixeli

<TEXTAREA>
cols
name
rows

numr
date de tip
caracter
numr

<TITLE>
<TR>
align
bgcolor
valign
<U>
<UL>

left
center
right
cod culoare
nume culoare
top
middle
bottom

Numrul de linii pe care se ntinde


celula
Alinierea coninutului celulei pe
verticala
Limea celulei
Camp de editare multilinie
Numrul de coloane
Numele cmpului de editare
multilinie
Numrul de rnduri
Titlu document
Rnd tabel
Alinierea coninutului celulelor
pe orizontala
Culoarea fondului pentru tot
rndul
Alinierea coninutului celulelor pe
verticala
Text subliniat
Lista neordonata

circle
disc
Forma marcajului
square
Sursa: http://www.ecursuri.ro/cursuri-online/despre-atribute-html.html
type

Anexa 4
64

LOGO

MENU

SLIDER

SUBMENIU

CONTENT

FOOTER
Figura A4.1. Schema general a structurii site-ului companiei Termotex-STC

Anexa 5
65

Figura A5.1. Pagina principala a site-ului companiei Termotex-STC

Anexa 6
Codul fiierului send_email_form.php
<?php
66

if(isset($_POST['email'])) {
$email_to = "radu.margina@hotmail.com";
$email_subject = "Termotex-STC Client";
function died($error)
{
// your error code can go here
echo "Ne pare ru, dar au fost gsite greeli n formularul de
trimitere ";
echo "S-au depistat urmtoarele erori:<br /><br />";
echo $error."<br /><br />";
echo "V rugm sa le corectai...<br /><br />";
die();
}
// validation expected data exists
if(!isset($_POST['fullname']) ||
!isset($_POST['email']) ||
!isset($_POST['telephone']) ||
!isset($_POST['message'])) {
died('Ne pare ru, dar au fost gsite greeli n formularul de
trimitere ');
}
$first_name = $_POST['fullname']; // required
$email_from = $_POST['email']; // required
$telephone = $_POST['telephone']; // not required
$comments = $_POST['message']; // required

$error_message = "";
$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';
if(!preg_match($email_exp,$email_from))
{
$error_message .= 'Adresa de E-mail introdus de dumneavoastr
nu este valid.<br />';
}
$string_exp = "/^[A-Za-z .'-]+$/";
if(!preg_match($string_exp,$first_name)) {
$error_message .= 'Numele introdus de dumneavoastr nu este scris
corect.<br />';
67

}
if(strlen($comments) < 2) {
$error_message .= 'Mesajul dumneavoastra a fost detectat ca fiind
nevalid.<br />';
}
if(strlen($error_message) > 0) {
died($error_message);
}
$email_message = "Detaliile formularului:.\n\n";

function clean_string($string) {
$bad = array("content-type","bcc:","to:","cc:","href");
return str_replace($bad,"",$string);
}
$email_message .= "First Name: ".clean_string($first_name)."\n";
$email_message .= "Email: ".clean_string($email_from)."\n";
$email_message .= "Telephone: ".clean_string($telephone)."\n";
$email_message .= "Comments: ".clean_string($comments)."\n";
// create email headers
$headers = 'From: '.$email_from."\r\n".
'Reply-To: '.$email_from."\r\n" .
@mail($email_to, $email_subject, $email_message, $headers);
?>
V mulumim ca ne-ai contactat. Vei primi rspuns ct de curnd
posibil.
<?php
}
?>

Anexa 7
Codul fiierului index.php
<?php
include ("db.php");
68

$result = mysql_query("select
title,meta_d,meta_k,text,slogan,copyright,created_by from pages where
page='index'", $db);
$myrow = mysql_fetch_array($result, MYSQL_BOTH);
$menu_query = mysql_query("select p1,p2,p3,p4,p5,p6 from menu where
id='1'", $db);
$menu = mysql_fetch_array($menu_query, MYSQL_BOTH);
$menu2_query = mysql_query("select p1,p2,p3,p4 from menu where
id='3'", $db);
$menu2 = mysql_fetch_array($menu2_query, MYSQL_BOTH);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php echo $myrow['title'];?></title>
<meta name="description" content="<?php echo $myrow['meta_d'];?>" />
<meta name="keywords" content="<?php echo $myrow['meta_k'];?>" />
<meta http-equiv="Content-type" content="text/html; charset=utf8" />
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/style_main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<link href='http://fonts.googleapis.com/css?
family=Open+Sans:300italic,600italic,700italic,800italic,400,800,700,6
00,300' rel='stylesheet' type='text/css'>
<script type="text/javascript">
$(function() {
// initialize scrollable
$(".scrollable").scrollable();

$('.next111').click(function(event) {
event.preventDefault();

// cancel click through

// get current list item


console.log(222);
var currli = $('.items div:visible');
69

console.log(currli);
// get next list item
//var nextli = currli.next();
//console.log(nextli.length);
// if nextli length is 0, make it equal to first li
/*if (nextli.length == 0) {
nextli = currli.siblings('.items div:first');
}*/
//currli.hide();
//nextli.show();
});
});
</script>
</head>
<body>
<div id="header">
<div class="wrapper">
<div class="fl">
<a href="./" class="logo"></a>
</div>
<div class="fr">
<div class="lang_switch fr">
<ul style="margin-top: -10px;">
<li><a href="/main/limba/ru" class=active >ro</a></li>
<li><a href="/main/limba/ru"

>ru</a></li>

</ul>
</div>
<div class="header_menu ">
<ul class='menu_top'>
<li><a
href='./index.php'

class="active" alt='Principala'
><?php echo $menu['p1'];?></a></li>

<li><a alt='Servicii'
echo $menu['p2'];?></a></li>

href="./servicii.php"

><?php

<li><a alt='Proiecte'
echo $menu['p3'];?></a></li>

href="./proiecte.php"

><?php

<li><a alt='FAQ'
$menu['p4'];?></a></li>

href="./faq.php" ><?php echo


70

<li><a alt='Despre noi'


php echo $menu['p5'];?></a></li>
<li><a alt='Contacte'
echo $menu['p6'];?></a></li>

href="./despre_noi.php"

><?

href="./contacte.php"><?php

</ul>
</div>
</div>
</div>
</div>

<div class="clearfix wrapper_2">


<div id="slider">
<div>
<div style="margin: 0 auto;width: 1072px;height:
476px;position: absolute;">
<div class="scrollable" id="scrollable">
<div class="items">
<div style="background:url(images/2.jpg)">
<div class="slide_text">
canalizare</p>

<p>Instalatii si retele de alimentare cu apa si


</div>
</div>

<div style="background:url(images/1.jpg)">
<div class="slide_text">
<p>Constructii dein zidarie cu
inaltime limitata la doua nivele</p>
</div>
</div>

<div style="background:url(images/3.jpg)">
<div class="slide_text">
<p>Instalatii si retele de gaze cu

presiune joasa</p>
</div>
</div>

<div style="background:url(images/4.jpg)">
<div class="slide_text">
71

<p>Montarea utilajelor si

instalatiilor tehnologice</p>
</div>
</div>

</div>
</div>
<a class="prev browse left"></a>
<a class="next browse right"></a>
</div>
</div>
</div>

<div id="content" class="clearfix">


<div id="menu_center" class="clearfix">
<div class="wrapper">

<div class="block_menu">
<div class="block_menu_header">
php echo $menu2['p1'];?></a>

<a href="./servicii.php#tab1" ><?


</div>

<a href="./servicii.php#tab1"
class="block_menu_content menu_1" ><img
src="images/constructii.png" /></a>
</div>

<div class="block_menu">
<div class="block_menu_header">
<a href="./servicii.php#tab2" ><?
php echo $menu2['p2'];?></a>
</div>
<a href="./servicii.php#tab2"
class="block_menu_content menu_2" ><img src="images/canalizare.png"
/></a>
</div>

<div class="block_menu">
<div class="block_menu_header">
72

<a href="./servicii.php#tab3" ><?php echo

$menu2['p3'];?></a>

</div>
<a href="./servicii.php#tab3"
class="block_menu_content menu_3" ><img src="images/gaze.png" /></a>
</div>

<div class="block_menu">
<div class="block_menu_header">
$menu2['p4'];?></a>

<a href="./servicii.php#tab4" ><?php echo

</div>
<a href="./servicii.php#tab4"
class="block_menu_content menu_4" ><img src="images/contoare.png"
/></a>
</div>
</div>
</div>

<div class="home_info clearfix">

<div class="wrapper clearfix">

<div class="fl home_into_text_container" >


<img src="images/index-img.jpg" class="fl
img1" />

<?php echo $myrow['text'];?>


</div>
</div>
<div class="line clearfix"></div>
</div>
<div class="wrapper clearfix">
<div class="home_type_projects clearfix">
<div class="home_type_projects_info">
<?php echo $myrow['slogan'];?>
</div>

</div>
</div>
</div> <!-- end content -->
73

<div id="footer" class="clearfix">


<div class="line"></div>
<div class="wrapper clearfix">
<div class="fl">
<ul class='footer_menu'>
<li><a class="active" alt='Principala'
echo $menu['p1'];?></a></li>

href='./index.php'

<li><a alt='Servicii' href="./servicii.php"


$menu['p2'];?></a></li>

><?php echo

<li><a alt='Proiecte' href="./proiecte.php"


$menu['p3'];?></a></li>

><?php echo

<li><a alt='FAQ'
></a></li>

><?php

href="./faq.php" ><?php echo $menu['p4'];?

<li><a alt='Despre noi'


$menu['p5'];?></a></li>
<li><a alt='Contacte'
></a></li>

href="./despre_noi.php"

><?php echo

href="./contacte.php"><?php echo $menu['p6'];?

</ul>
<div class="copy"><?php echo $myrow['copyright'];?></div>
</div>
<div class="fr">
<div class="clearfix created_by ">
<?php echo $myrow['created_by'];?>
</div>
</div>
</div>
</div>
</body>
</html>

74