Documente Academic
Documente Profesional
Documente Cultură
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:
_________________
________________ 20____
(semntura)
Chiinu - 2013
ADNOTARE
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.
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
1.2
1.3
1.4
1.4.1
Servicii Internet.......................................................................................... 15
1.4.2
Site-ul WEB.............................................................................................. 17
1.4.3
II.
2.2
2.3
2.4
2.5
III.
3.1
3.2
3.3
3.4
3.5
IV.
4.1.
4.2.
CONCLUZII................................................................................................................ 49
Bibliografie.................................................................................................................. 51
Anexe......................................................................................................................... 53
INTRODUCERE
5
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:
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.
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:
(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.
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
bun
proprietate
bun
proprietate
Compresor
bun
proprietate
bun
proprietate
bun
proprietate
bun
proprietate
bun
proprietate
10
Aparat de lefuit
bun
proprietate
11
Perforator
bun
proprietate
12
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:
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
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
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:
(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.)
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:
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
Paginile web mai pot conine i elemente care nu sunt fcute pentru a fi afiate de
browser, cum ar fi:
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.
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
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.
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.
obiective manageriale;
obiective funcionale.
22
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:
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.
24
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
STC</title>
</head>
<body>
................
</body>
</html>
Un document HTML se mparte n trei seciuni:
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.
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:
Pentru ca toat informaia s fie prezentat ntr-un mod atractiv i original, pagina web
poate fi mprit n :
Cadre
Tabele simple
O idee generala despre cum ar arta prima pagina, pagina index.html este prezentat Anexa 4.
Fa de web-server
Fa de staia de lucru:
28
III.
29
30
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.
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
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
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.
Pagina Despre noi ofer clienilor informaii generale despre companie (Figura 3.12).
35
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.
performanele sunt afectate deoarece este posibil ca pentru finalizarea unei instruciuni
(spre exemplu, instruciunea Select) s fie necesare interogri suplimentare.
37
Fiiere de program sunt fiierele cu extensiile .php , .css, .js care conin codul
Fi
gura 3.15. Coninutul dosarului locaiei web a companiei Termotex-STC
39
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
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
Denumire meniu
Finisate
n construcie
De viitor
(TD 11)
(TD 12)
(TD 13)
Tabelul 3.4
IV.
Denumire meniu
Trimite
(TD 14)
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
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:
cheltuieli de elaborare;
cheltuieli de exploatare.
42
analiz, proiectare;
cheltuieli de transport-aprovizionare;
amenajarea spatii necesare.
retribuirea muncii;
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:
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:
(4.1)
unde:
Vinf
43
Pb
C mb
Tan
(4.2)
unde:
Cmb
Tan
Ut
S med I c
Tlun
(4.3)
unde:
S med
Ic
Tlun
(4.4)
unde:
Tan
Ut
Pb
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
Tmed
informaiei iniiale.
Valoare timp main, necesar prelucrrii informaiei (lei):
C m Tm * Pm'
(4.6)
unde:
Tm
Pm'
(4.7)
unde:
K of
Cm
(4.8)
unde:
Cm
Ccof
(4.9)
unde:
Tm
Ec Cb C a
(4.10)
unde:
Cb
Ca
(4.11)
unde:
Ec
Cb
(4.12)
unde:
Kc
(4.13)
unde:
Cb
Ca
(4.14)
unde:
Cmb
Cma
K m E rm / C mb
(4.15)
unde:
Erm
Cmb
(4.16)
unde:
Km
(4.17)
unde:
Cmb
Cma
4.2.
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
Tan
=1800 ore;
S med
=2000 lei;
47
Tlun
Ic
=150 ore;
=1,65.
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;
=0,2.
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=
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.
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
E rm
3100 omore
=0.86
3600 omore
3600 omore
=7.2
500 omore
Acest indice caracterizeaz creterea productivitii muncii datorit implementrii
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
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
exprimare
n funcie de
interpretri
Informaii consemnate pe suport de hrtie sau electronic,
Din punct de
vedere al
exogene
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
programare
funcionale
Sunt utilizate la lansarea lucrrilor ce urmeaz s fie
lansare
vedere
funcional
aceast categorie)
Sunt utilizate pentru elaborarea planului operativ
de pregtire,
Din punct de
de control i
reglare
evaluare i
Planurilor
Se refer la rezultatele i consumurile de resurse la
raportare
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
Descriere
Aacute
aacute
Acirc
acirc
acute
AElig
aelig
Agrave
agrave
amp
Aring
aring
Atilde
atilde
Auml
auml
brvbar
Ccedil
ccedil
cent
copy
curren
deg
Á
á
Â
â
´
Æ
æ
À
à
&
Å
å
Ã
ã
Ä
ä
¦
Ç
ç
¢
©
¤
°
÷
÷
É
é
Ê
ê
È
è
&emdash;
 
&endash;
 
Ð
ð
Ë
ë
½
¼
¾
>
Á
á
Â
â
´
Æ
æ
À
à
&
Å
å
Ã
ã
Ä
ä
¦
Ç
ç
¢
©
¤
°
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 ()
÷
impartire ()
É
é
Ê
ê
È
è
nedefinit
nedefinit
nedefinit
nedefinit
Ð
ð
Ë
ë
½
¼
¾
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
Í
í
Î
î
¡
Ì
ì
¿
Ï
ï
«
<
¯
µ
·
¬
Ñ
ñ
Ó
ó
Ô
ô
Ò
ò
ª
º
Ø
ø
Õ
õ
Ö
ö
¶
±
£
"
»
®
§
­
¹
²
³
ß
Þ
þ
×
™
Ú
Í
í
Î
î
¡
Ì
ì
¿
Ï
ï
«
<
¯
µ
·
 
¬
Ñ
ñ
Ó
ó
Ô
ô
Ò
ò
ª
º
Ø
ø
Õ
õ
Ö
ö
¶
±
£
"
»
®
§
­
¹
²
³
ß
Þ
þ
×
nedefinit
Ú
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
ú
ú
u ascutit ()
Ucirc
Û
Û
U circumflex ()
ucirc
û
û
u circumflex ()
Ugrave
Ù
Ù
U grav ()
ugrave
ù
ù
u grav ()
uml
¨
¨
umlaut ()
Uuml
Ü
Ü
U umlaut ()
uuml
¨
ü
u umlaut ()
Yacute
Ý
Ý
Y ascutit ()
yacute
ý
ý
y ascutit ()
yen
¥
¥
yen ()
yuml
ÿ
ÿ
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
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
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
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>
align
background
bgcolor
left
center
right
URL
cod culoare
nume culoare
colspan
numr
height
numr de pixeli
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
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
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();
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="./despre_noi.php"
><?
href="./contacte.php"><?php
</ul>
</div>
</div>
</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 class="block_menu">
<div class="block_menu_header">
php echo $menu2['p1'];?></a>
<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
$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>
</div>
<a href="./servicii.php#tab4"
class="block_menu_content menu_4" ><img src="images/contoare.png"
/></a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- end content -->
73
href='./index.php'
><?php echo
><?php echo
<li><a alt='FAQ'
></a></li>
><?php
href="./despre_noi.php"
><?php echo
</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