ACADEMIA DE STUDII ECONOMICE A MOLDOVEI

Facultatea Cibernetic, Statistic i Informatic Economic

Catedra Cibernetic i Informatic Economic

Proiectarea Sistemelor Informatice

PROIECT de AN

tema:
Proiectarea subsistemului informatic al utilizatorului
in aplicatia web pentru societatea pe actiuni Argon-Sigma

Executor: Buzdugan Victoria studenta anul 3

Conductor tiinific:Delimarschi Natalia lector
 superior universitar

Chiinu an universitar 2016/ 2017

Introducere
O aplicaie web este un program care ruleaz ntr-o arhitectur client-server
folosind tehnologiile deschise World Wide Web. Ele nlocuiesc modelele n care att serverul ct
i clientul ruleaz tehnologii proprietar, mentenana aplicaiilor de pe partea de client fiind prea
complex, costisitoare i susceptibil la erori. n schimb, omniprezena browserelor web i
comoditatea de a le folosi drept client conduce la eliminarea acestei mari probleme. Astfel, au
evoluat i pe partea de server, serverele de aplicaii, iar pe lng limbajele de programare au
aprut frameworkuri i tehnologii dedicate programrii acestora.

Webul a aprut la nceput cu scopul de a distribui documente, iniial n cadrul su

aprnd protocolul HTTP i formatul HTML. Prima dezvoltare n direcia folosirii unui server
web a fost apariia CGI la nceputul anilor 1990. CGI permitea rularea unor scripturi pe server,
care s genereze un rspuns dinamic n format HTML. Pasul urmtor a fost transformarea
acestor documente HTML n interfee dinamice cu utilizatorul, prin crearea de ctre Netscape a
limbajului JavaScript, care este dedicat scriptrii comportamentului browserului i introducerea
de elemente dinamice; tot n acea perioad.n ultimii ani ai secolului al XX-lea, funcionalitatea
limbajului JavaScript a fost extins semnificativ prin introducerea API-ului XmlHttpRequest.

Alte limbaje de programare dedicate programrii server-side au fost ASP (dezvoltat de

Microsoft) i PHP (proiect open-source), i apoi Ruby.Anii 2010 au adus o mult-ateptat
extindere a standardului HTML, cu HTML5.

Aplicatiile web vin in ajutorul oricarui proprietar de magazine online. Internetul devine
un jucator din ce in ce mai important pe piata afacerilor mondiale, oferind, de multi ani, mai mult
decat simpla oportunitate de a cauta informatii si de a te distra. Astazi, acest serviciu joaca un rol
major in industria comunicatiilor, media si a stirilor. Aplicatiile web sunt folosite de foarte multe
companii mari care pun la dispozitia clientilor servicii variate. In primul rand, se bucura de
avantajul unor retele de securitate foarte bune, ceea ce le ajuta la transferul de bani si la
comenzile online. De fapt, toate serviciile de Internet Banking sunt realizate prin intermediul
aplicatiilor web, la fel ca si sistemele magazinelor online, ele devenind vitale pentru
infrastructura majoritatii afacerilor de pe Internet. Daca de regula paginile web sunt statice,
paginile aplicatiilor web interactioneaza cu clientii, primind cereri de la acestia si raspunzand la
ele in timp real. Cel mai bun exemplu este cel al magazinelor online, unde aplicatiile utilizeaza o

1
baza de date pentru a stoca informatii permanente precum descrierile produselor, preturile si
comenzile clientilor.

Spre deosebire de aplicatiile traditionale, cele web sunt disponibile si usor de accesat
oriunde si oricand, atat timp cat se utilizeaza un PC care are conexiune la Internet. Asadar, atat
clientii cat si proprietarii au mai usor acces la ele. In plus, aplicatiile web sunt mai usor de
costumizat decat cele de pe desktop. Designul, prezentarea si intregul mesaj sunt mai usor de
modificat, dar pot fi prezentate si diferit pentru diferite grupuri de utilizatori.

Continutul unei aplicatii web poate fi accesat de pe o varietate de dispozitive (PC,

telefoane mobile, tablete, PDA-uri, mai nou console si multe altele), sporind si mai mult
posibilitatile utilizatorilor sa aiba acces si sa interactioneze cu informatiile. Iar aplicatiile web pot
interactiona intre ele mult mai usor, sporind astfel accesul clientilor la date.

Nu in ultimul rand, acestea sunt usor de instalat (prin intermediul update-urilor se poate
ajunge la toti utilizatorii deodata), se adapteaza la un volum de informatii din ce in ce mai mare
si sunt mai bine securizate (gasindu-se pe servere dedicate) si usor de creat.

2.Cercetarea domeniului de activitate

2.1.Web-ul in prezent

La baza funcionrii webului stau 3 standarde, i anume:

1. (HTTP) - Hypertext Transfer Protocol, stiva de protocoale OSI prin care serverul web i
browserul clientului (utilizatorului) comunic ntre ele;
2. (HTML) - Hypertext Markup Language, standard de definire i prezentare a paginilor
web;
3. (URI) - Uniform Resource Identifier, sistem universal de identificare a resurselor din
web, folosit pentru a identifica i regsi paginile web.

Urmtoarele standarde sunt definite mai trziu:

2
 1. Cascading Style Sheets (CSS);
2. JavaScript;
3. Hypertext Transfer Protocol Secure - HTTPS.

World Wide Web Consortium (cunoscut i sub denumirea de W3C), care astzi este
condus de Berners-Lee, dezvolt standardele HTML i CSS; alte standarde provin de la Internet
Engineering Task Force (IETF), ECMA sau productori ca Sun Microsystems.

Programul de navigare (browserul) cheam pagina folosindu-se de URI i HTTP, o

interpreteaz conform formatrii paginii (hipertext) i o prezint utilizatorului pe un monitor.
Unul dintre principiile webului este modelul client-server, browserul fiind aplicaia client, iar
serverul HTTP (serverul web) fiind aplicaia server. Pentru a putea interpreta i reda informaiile
sub forma hipertextului, browserul apeleaz la standardul de limbaj HTML, definit nc de la
nceputul dezvoltrii webului.

n perioada 2004-2005 webul a cunoscut un salt calitativ cu privin la aplicaiile de

mare rspndire pe glob, care e cunoscut sub numele simbolic Web 2.0.

In prezent, aplicatiile web nu ruleaza exclusiv in browser, acestea putand fi gasite pe o

multitudine de dispozitive mobile sau intr-un mod offline sub forma unor plugin-uri de browser.

Exista un trend general de crestere a aplicatiilor web de tip RIA.

Apar alternative noi la framework-urile oferite de catre companiile majore, precum

Adobe, Microsoft si Sun Microsystem.

Vor fi prezentate noi framework-uri de dezvoltare impreuna cu noutatile pe care acestea

le aduc fata de cele clasice.

2.2Anliza etapelor de creare a unui site-web

Orice site web trece n mod necesar prin mai multe etape:

1. Analiza preliminar

3
 2. Concretizarea ideilor
3. Schiarea elementelor vizuale i compunerea structurii sitului
4. Scrierea codului ce descrie structura i designul fiecrei pagini web n HTML, CSS,
Javascript etc.
5. Testarea sitului
6. Schimbarea prilor care nu corespund intei
7. Publicarea site-ului pe Internet sau pe un intranet
8. Modificarea ulterioar i relansarea pe Internet, dup nevoile clienilor sau ale timpului

Actualizrile ulterioare ale site-ului pot fi fcute n dou moduri :

1. prin intervenia web designer-ului

2. prin accesarea proprietarului site-ului a interfeei de administrare pus la dispoziie de
web designer.
3. Cea mai recomandat metod este cea de-a doua, aceea n care site-ul dispune de CMS
( content system management )n care proprietarul site-ului nu mai depinde de web
designer.

Dup stabilirea structurii sitului se intr n etapa conceperii unei interfee grafice care,
pe lng scopurile sale estetice, trebuie s faciliteze i accesul vizitatorilor la toate seciunile
publice ale sitului, s fie comprehensiv i, nu n ultimul rnd, s asigure i ncrcarea rapid a
paginilor, prin modul n care sunt realizate diversele elemente grafice. Este recomandat sa fie
citite cele mai reprezentative rapoarte de uzabilitate.

Din punctul de vedere al designului siturile sunt n mare parte alctuite din tabele cu
linii (invizibile pe ecran) n care se insereaz imagini (sigl, imagini-simbol, butoane etc.) i
texte, n aa fel nct aspectul s fie unitar i s nu se sesizeze vizual organizarea tabelar.

Celulele tabelelor

pot avea fundaluri colorate,

pot fi alctuite din imagini i desene care se repet pe orizontal sau pe vertical,
pot fi umplute cu texturi mai mult sau mai puin neregulate (ca pietriul, frunziul etc.)
sau pot rmne i albe.

4
Este de notat c actualmente locul tabelelor a fost luat de popularul mod de formatare CSS, care
reprezint o soluie mai "curat" din punctul de vedere al programrii dect utilizarea tabelelor.

Astfel, graficianul utilizeaz iniial un program de grafic (de exemplu Adobe

Photoshop sau Corel PhotoPaint) pentru a concepe un "instantaneu" al sitului respectiv. El
creeaz forma butoanelor grafice, dimensioneaz i poziioneaz sigla sitului, stabilete locul
meniurilor pe ecran, dimensiunea i aspectul textului, schema de culori a sitului, precum i alte
aspecte specifice. Datorit faptului c aceast imagine primar este apoi "tiat" n imagini mai
mici, care urmeaz s fie inserate n tabele sau definite n CSS, din punct de vedere grafic siturile
se supun acelorai reguli de compoziie ca i lucrrile grafice tiprite, mbinate ns cu o serie de
parametri tehnici care permit implementarea ulterioar a elementelor de programare. Astfel, un
"grafician de web" va lucra altfel dect un "grafician de print", ncercnd s anticipeze locurile
unde pot aprea probleme i s gseasc soluii pentru a evita orice deformare a sitului,
indiferent dac urmeaz s fie utilizate dimensiuni relative sau absolute. De exemplu, un
grafician de web trebuie s tie c este preferabil s utilizeze fundaluri de tip "culoare indicat
din cod" sau de tip "imagine repetat pe axa x sau y", dect fundaluri dintr-o singur imagine
foarte mare, care ar reduce mult viteza de ncrcare a sitului.

Dup ce imaginea iniial a fost mprit n mai multe imagini mici, acestea se introduc
n tabele sau se poziioneaz cu ajutorul CSS, fie prin scrierea direct a codului HTML ntr-un
program simplu de editare text, cum ar fi Notepad, fie prin utilizarea unui editor HTML, n
general de tip WYSIWYG, cum ar fi Dreamweaver. Astfel se genereaz un prim "schelet" al
sitului, denumit "mock-up", care simuleaz situl i toate funciile lui, fr a avea ns coninutul
real, ci numai texte de tip lipsum i imagini provizorii. n cazul n care este vorba de un sit
simplu, cu puine pagini, tot ce mai rmne de fcut este introducerea coninutului final. n cazul
n care este vorba de un sit complex, de exemplu un catalog sau un magazin virtual, mock-up-ul
intr n etapa de programare complex, care poate utiliza limbaje mai complicate (de tip server-
side ca de exemplu PHP, ASP, sau i de tip client-side) precum i baze de date.

n concluzie realizarea unui site web implica 3 aspecte majore:

1. achiziionarea unui nume de site (domeniu web)

5
 2. gzduirea siteului pe un server (hosting)
3. web designul (crearea site-ului propriu-zis)

2.3Argumentarea necesitatii crerii unui site-web

n zilele de astzi, este foarte bine tiut c un rol destul de important n dezvoltarea unei
afaceri o are anume prezena pe web. Site-ul web este un instrument al afacerii, cu ajutorul
cruia se poate de lucrat i de ctigat n acelai timp. Dac o companie nu deine un site web al
su, majoritatea clienilor vor privi fr mare ncredere n serviciile sau produsele companiei
respective.

Orice site web ndeplinete concomitent mai multe funcii, printre care:

1. Funcia informativ
2. Funcia de marketing
3. Funcia de promovare a imaginii companiei

1. Funcia informativ

Site-ul web ofer informaie despre compania la orice or, concomitent mai multor persoane,
din orice col al lumii. Volumul informaiei care va fi afiat pe site depinde n primul rnd de
domeniul afacerii cu care se ocupa compania. Anume funcia informativ este cea care ar trebui
s conving clientul de nevoia unui site web. Pe site-ul web este posibilitatea gsirii informaiei
de care este nevoie n volum mai mare, n termen mai scurt i foarte comod n acelai timp.

2. Funcia de marketing

Site-ul web al oricrei companii automat devine un instrument de publicitate, deoarece pe el este
prezentat toat informaia despre activitatea companiei. Iar informaia nu este prezentat pur i
simplu, ci e foarte bine structurat i aranjat n aa fel nct s atrag atenia utilizatorilor din
orice col al lumii. Spre deosebire de publicitatea care se face la televizor sau amplasarea
bannerelor publicitare prin ora, site-ul web va oferi publicitate doar pentru persoanele care sunt
cu-adevrat cointeresate n ceea ce se propune pe site. Totodat, internetul ne permite
organizarea publicitii n mai multe modaliti, cum ar fi: text link-uri, bannere publicitare,

6
publicarea informaiilor pe alte site-uri web. Zilnic se reduce numrul persoanelor care citesc
ziarele i privesc televizorul, iar internetul este n continu cretere.

3. Funcia de promovare a imaginii companiei

Ne aflm n perioada n care deinerea unui site web este la fel de important ca i existena unei
cri de vizit. Aproape fiecare antreprenor care-i deschide o afacere se gndete la ideea c ar fi
bine s aib un site web al companiei. Ideea nu const n crearea unui site web ct mai stilat, mai
colorat sau mai bine amenajat, ci n deinerea unui site web care s se evidenieze prin cele ale
concurenilor. Compania care deine un site web ofer ncredere clienilor i totodat este n
ctig fa de acele ntreprinderi care nu au un spaiu virtual, astfel crendu-i o imagine mai
pozitiv.

2.4 Stabilirea cerinelor privind viitoarea aplicatie web

Orice site web, n dependen de profilul su, ar trebui s conin urmtoarele informaii:

1. Domeniul de activitate al interprinderii

2. Detalii despre produsele sau serviciile prestate de ctre companie
3. Datele de contact
4. Medalii sau alte merite ale companiei, demne de laud
5. Portofoliul companiei
6. Formularul de feedback
7. Noutati

In cadrul acestui proect se va realiza un magazin online in care se va putea efectua

comenzi online si promovarea produselor si serviciilor prestate de ARGON-SIGMA.

Magazinul online are nevoie de un site web cu o administrare mai complicat. Orice magazin
online trebuie s ofere posibilitate clienilor s adauge n coul cu cumprturi produsele pe care
le doresc acetia. De asemenea, e necesar colectarea datelor despre client, prezentarea
modalitilor de plat i detalii despre livrare. De regul, site-urile web realizate pentru
magazinele online au o interfa, care permite modificarea site-ului web, pentru a fi posibil
rennoirea asortimentului de produse i schimbarea preurilor.

7
Site-ul web trebuie s ndeplineasc mai multe condiii:

S pstreze un caracter dinamic, receptiv i flexibil;

S aib un design specific domeniului de activitate;
S includ neaprat datele de contact ale companiei i ct mai multe modaliti de
contact, inclusiv numerele de telefon, fax, adresa electronic i pagina oficial a
companiei pe reelele de socializare;
S fie specificate cu exactitate preurile pentru produsele sau serviciile prestate clienilor;
S se actualizeze cu regularitate informaia existent pe site-ul web pentru a nu oferi
clienilor date eronate.

3.Crearea aplicatiei web

3.1.Argumentarea alegerii platformelor de elaborare

La elaborarea site-ului dinamic web se vor folosi limbajul de marcare HTML5,

standartul CSS pentru formatarea elementelor unui document HTML, limbajele de programare
PHP si JavaScript, iar pentu formarea bazei de date se va folosi sistemul de gestiune a bazelor de
date MySQL phpMyAdmin.

Se va folosi HTML5, deoarece:

este simplu si usor de inteles;

indexarea foarte buna in motoarele de cautare;
incarcarea rapida in browser;
posibilitatea de a gasi hosting ieftin sau gratuit pentru site.

Se va folosi CSS, deoarece:

la fel ca HTML este usor de inteles si simplu;

ajutala la aranjarea continutului in pagina HTML;

8
 ajuta la formatarea paginii HTML;
CSS-ul realizeaza separarea prezentarii paginii de structura sa.

Avantajele folosirii limbajului de programare PHP sunt:

PHP este folosit pentru proiecte de anvergura: magazine virtuale, portaluri, prezentari de
produse cand numarul produselor este mare;
PHP este limbajul ideal pentru construirea de pagini web dinamice;
Este usor de invatat,;
open-source;
poate fi rulat pe mai multe platforme si se poate conecta la mai multe tipuri de baze de
date;
Cel mai important aspect al limbajului este insa posibilitatea de a fi imbricat cu cod
HTML.

JavaScript se va folosi,deoarece:

JavaScript reprezint un limbaj matur pentru dezvoltarea aplicaiilor web dinamice;

Va fi inca un plus de interactivitate cu utilizatorul,
Integrarea de validri/prelucrri suplimentare la nivelul clientului i posibilitatea de a
actualiza informaiile de pe pagin n timp real, fr a o rencrca;
JavaScript poate fi intrudus n HTML;
este un limbaj flexibil;
JavaScript este bazat pe obiecte;
este un limbaj n totalitate interpretat;
este condus de evenimente;
este multifunctional.

Pentru crearea bazei de date se va folosi phpMyAdmin, deoarece:

asigura suport de administrare a bazelor de date prin interfata web;

din phpMyAdmin se poate face orice modificari dorite intr-o baza de date la care este
acces;
se poate de sters sau se poate importa baze da date;
baza de date se conecteaza usor cu pagina web cu ajutorul limbajului PHP;
este usor de creat baza de date si se pot face modificari in ea pe parcurs.

9
3.2Descrierea intrarilor si iesirilor

Ca intrari subsistemul va fi compus din aproximativ 13 pagini.Prima pagina va fi

Home Page ARGON-SIGMA (vezi figura 3.2.1). , urmatorele doua vor fi Lemnaria (vezi
figura 3.2.2) si Brutaria (vezi figura 3.2.3) din care vor rezulta paginile cu produsele acestor
doua sectii.Lemnaria va contine 5 pagini noi cu prosuse, iar Brutaria 3 pagini. Ultemele 2
pagini din Site vor fi ,,Despre noi (vezi figura 3.2.4) si Scurt istoric (vezi figura 3.2.5).

In aceste pagini va fi prezentata informatia despre companie, produsele pe care le au, va fi si

comanda on-line.

Ca iesiri va exista o baza de date cu cel putin doua tabele. Unul cu informatii despre
produse si unu cu comenzile on-line.

Figur 3.2.1Home page ARGON-SIGMA

10
Figur3.2.2Pagina Lemnaria

Figur3.2.3Pagina Brutaria

11
Figur 3.2.4Pagina Despre noi

Figure3.2.5Pagina "Scurt istoric"

3.3.Crearea bazei de date

La crearea bazei de date se va folosi phpMzAdmin. Se va crea o baza de date cu ase tabele(vezi
figura 3.3.1). Primul tabel va fi denumit ,,Produse lemnrie si va conine id produs, denumirea
produsului, preul, dimensiunile produsului (vezi figura 3.3.2). Al doile tabel va fi denumit
Produse brutrie i va conine la fel id produs, denumirea produsului, preul, coninutul
produsului de panificaie (vezi figura 3.3.3). n al treilea tabel vor fi nregistrate comenzile de la
secia Lemnrie i va avea urmtoarele cmpuri: numarul comenzii, data comenzii, suma total
a comenzii(vezi figura 3.3.4). Al patrulea tabel va fi ca precedentul doar ca va conine datele
pentru comenzile din secia Brutrie(vezi figura 3.3.5). n ambele tabele datele vor fi
inregistrate din pagina web.

Ultemele dou tabele vor conine produsele noi, unul cu cele de la secia Lemnrie(vezi figura
3.3.6), iar cellalt va conine produsele noi de la secia Brutrie(vezi figura 3.3.7).

12
Figure 0.1Baza de date"Argon"

Figure3.3.2Tabel "Produse lemnarie"

Figure3.3.3 Tabel"Produse brutarie"

Figure3.3.4Comanda lemnarie

13
Bibliografie
https://ro.wikipedia.org/wiki/Aplica%C8%9Bie_web

http://www.atelierdeweb.ro/aplicatii-web/

https://ro.wikipedia.org/wiki/World_Wide_Web

http://webcache.googleusercontent.com/search?
q=cache:X414zhrfQ8sJ:stst.elia.pub.ro/news/RCI_2009_10/Teme_RCI_2013_14/TEME_RCI_II
SC_13_14/PostolacheD_Interfete%2520pentru%2520aplicatii
%2520Webdoc.ppt+&cd=4&hl=ro&ct=clnk

https://www.google.com/search?
q=poze&hl=ro&site=webhp&source=lnms&tbm=isch&sa=X&ved=0ahUKEwiGy4yjtoPRAhU
CNxQKHX7UBjwQ_AUICCgB&biw=1366&bih=638

https://ro.wikipedia.org/wiki/Design_web

http://www.antreprenor.su/2013/10/rolul-si-importanta-crearii-unui-site.html

http://www.pamdesign.ro/articole-utile/despre-web/crearea-unui-site-web/

http://students.info.uaic.ro/~madalina.vatamanelu/wordpress/?p=42

http://andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/labs/Lab%206%20JS.pdf

http://ciobanu.cich.md/lectii_view.php?id=16

https://www.baluna.ro/tutoriale/importa-baza-de-date-mari-sql-phpmyadmin/

14
15