Documente Academic
Documente Profesional
Documente Cultură
REPUBLICII MOLDOVA
UNIVERSITATEA LIBERĂ INTERNAȚIONALĂ DIN MOLDOVA
FACULTATEA INFORMATICĂ, INGINERIE ȘI DESIGN
CATEDRA TEHNOLOGII INFORMAȚIONALE
Teză de an
Chișinău 2022
Cuprins
Foaie de titlu……………..…………………………………………………….…....….……...…1
Cuprins………….........……………………………………………...........................….……...…2
Introducere…………………………………………………………………………..….……...…4
Concluzia………………………………………………………………………………………...16
Bibliografie………………………………………………………………………………………17
2
LISTA ABREVIERILOR
AP – aplicații
WWW- World Wide Web.
APW – aplicații web.
W3C - World Wide Web Consortium
NDT – Navigational Development Techniques,
3
Trăim în era tehnologiilor care se dezvoltă cu o viteză colosală, Totul este
automatizat și executat în așa mod ca să ușureze viața oamenilor. Începând cu
roboții care efectuiază operații complexe în medicină și finisând cu programe care
înlocuiesc lucrul multor oameni, sa decis să se creeze și să fie dezvoltate aplicațiile
pe platformele web. Pentru a economisi timpul utilizatorilor, ca ăștia să nu le mai
descarce fiecare în parte pentru sistema dispozitivului pe care îl posedă. De
exemplu pentru a crea aceiași aplicație pe platformele Android și IOS e necesar
conlucrarea cu două echipe, una specializată pe dezvoltarea AP pentru Android și
cealaltă specializată pe IOS. Astfel sa reușit reducerea costurilor din motivul
trecerii pe web.
4
1. Introducere în proiectarea aplicației web.
1.1 Aplicatiile web moderne sunt sisteme software complexe, iar dezvoltarea acestora
necesita o abordare metodologica a proiectarii lor. Similar cu proiectarea aplicatiilor software,
proiectarea web implica utilizarea unei abordari sistematice si cuantificabile pentru realizarea
specificatiilor, implementarii, operatiilor si întretinerii aplicatiilor web de calitate superioara. Din
punct de vedere al istoricului dezvoltarii si complexitatii distingem anumite tipuri de aplicatii
web; aplicatiile web pot fi orientate pe documente, interactive, tranzactionale, pot dispune de
caracteristici ubicue sau chiar de trasaturi ale web-ului semantic. Cerintele particulare ale
proiectarii aplicatiilor web rezulta din caracteristicile lor speciale din sfera produselor software,
dezvoltarii si utilizarii acestora. Evolutia este o caracteristica care cuprinde cele trei sfere
mentionate.
1.2 WWW are un impact uriaș și permanent asupra vieților noastre. Economia, industria,
educația, sănătatea, guvernul și divertismentul sunt părți ale vieții noastre care nu sunt pătrunse
de World Wide Web. Motivul acestei ubicuități constă în principal în natura rețelei, caracterizată
prin disponibilitate globală și continuă, precum și acces uniform la informațiile distribuite în
întreaga lume de către produse individuale sub formă de pagini web.
1.3 Internetul a fost conceput inițial ca un mediu pur informațional și acum a evoluat într-
un mediu de aplicații. Aplicațiile web moderne sunt sisteme software rapide și complexe care
oferă servicii interactive și personalizabile accesibile de pe o varietate de dispozitive; acestea
oferă capacitatea de a efectua tranzacții între utilizatori și de a stoca de obicei date într-o bază de
date. Ceea ce diferențiază aplicațiile web de aplicațiile software tradiționale este modul în care
este utilizat web-ul: de exemplu, tehnologiile și standardele sale sunt utilizate atât ca platformă
de dezvoltare, cât și ca platformă de utilizator. O aplicație web poate fi definită ca:
O aplicație web este un sistem software bazat pe tehnologii și standarde W3C care
expune anumite resurse web, cum ar fi conținut și servicii, printr-o interfață numită browser web.
5
2. Arhitecturi ale aplicațiilor web.
o Fiecare strat are un rol bine-stabilit, componentele unui strat vizând funcționalitățile
acestuia.
o Modificările operate la un anumit strat nu au impact sau nu afectează componentele din
alt strat.
o Fluxul de cereri traversează fiecare strat, fără a se efectua procesări semnificative în
cadrul acestuia.
6
Fig.1(Schema arhitecturii Stratificate)
7
2.4 Extensibile (microkernel/ plug-in) sistem principal (coresystem)
Folosind micro-servicii
8
2.5 Arhitectura „În nori”(space-based, cloud) consideră și rezolvă problemele vizând
scalabilitateași concurența unui volum impredictibil de mare de cereri.
Fig.3(Arhitectura cloud)
Middleware virtualizat include componente controlând sincronizarea datelor, procesarea
cererilor, accesul la platforma de execuție (deployment).
Unitate de procesare reprezentată de un (micro-)serviciu Web sau o componentă software
tradițională la nivel debackend..
9
3. Proiectarea aplicațiilor web.
Proiectarea aplicaţiilor Web 3 Faţă de sistemele informatice clasice, dezvoltarea aplicaţiilor
Web are abordări specifice date de actorii participanţi şi caracteristici. Actorii participanţi sunt
diversificaţi: analişti, designeri, experţi în marketing, multimedia şi securitate şi utilizatorii
cărora le este destinată aplicaţia. Caracteristicile principalele ale sistemelor Web sunt: structura
de navigare, interfaţa cu utilizatorul şi capacitatea de personalizare. In proiectarea interfeţei cu
utilizatorul intervin aspecte multimedia, marketing, ergonomie şi interacţiune om-calculator. Din
acest motiv modelul analitic pentru aplicaţii Web este descompus în: • Modelul conţinutului •
Modelul interacţiunilor • Modelul funcţional • Modelul configuraţiei Metodele de modelare
existente la ora actuală oferă aceste elemente de modelare specifice pentru analiză şi proiectare,
propun procese specifice pentru a sprijini dezvoltarea sistematică sau semi-automată a
aplicaţiilor Web şi unele definesc o notaţie proprie utilizată pentru reprezentarea grafică a
elementelor.
Metodologiile Web existente:
NDT – Navigational Development Techniques,
OOHDM - Object-Oriented Hypermedia Design Method,
UWE - UML-based Web Engineering,
W2000 W3DT -World Wide Web Design Technique
HDM - Hypertext Design Model
SOHDM - Scenario-based Object-Oriented Hypermedia Design Methodology
RNA: Relationship-Navigational Analysis
WSDM - Web Site Design Method ("WiSDoM")
UWA- Ubiquitous Web Application
WebML – Web Modeling Language
Un rol important are analiza detaliată a cerinţelor ca un punct cheie în dezvoltarea sistemelor
software. Ingineria software demonstrează că analiza completă a cerinţelor reduce problemele
din fazele următoare. Specificarea cerinţelor sau descrierea cerinţelor este realizată prin diferite
tehnici: descrierea textuală informală, specificaţia formală (în limbaje Z). Un metamodel comun
pentru reprezentarea conceptelor şi relaţiilor ingineriei cerinţelor Web (Web requirements
engineering (WebRE) este realizat de Escalona şi Koch (2004). Unele metodologii Web propun
tehnici clasice pentru analiza cerinţelor, altele încep ciclul de dezvoltare cu o analiză detaliată a
cerinţelor. Menţionăm aici: NDT – Navigational Development Techniques, OOHDM - Object-
Oriented Hypermedi Design Method, UWE - UML-based Web Engineering, W2000 [Escalona şi
10
Koch, 2004]. Metodologiile de proiectare conceptuală oferă o privire de ansamblu asupra
sistemului, din punctul de vedere al utilizatorilor şi fac abstracţie de detaliile de implementare.
Modelarea conceptuală este specifică sistemelor complexe. Intre modelul conceptual al unei
aplicaţii Web şi implementarea sa trebuie să existe niveluri de proiectare intermediară pentru a
concentra efortul de dezvoltare.
11
etape este identificarea unei combinaţii optime ale elementelor menţionate pentru satisfacerea
cerinţelor înaintate din punct de vedere al performanţei, securităţii, scalabilităţii, şi costurilor.
Testarea şi evaluarea sunt activităţi de verificare a conformanţei aplicaţiei implementate la
cerinţele înaintate. Menţionăm testarea funcţionalităţii, performanţei şi utilităţii (usability).
Întreţinere şi evoluţie reprezintă modificările efectuate după lansarea aplicaţiei. Propunerile şi
cerinţele faţă de o aplicaţie existentă sunt analizate şi efectuate modificări în modelul date sau
hipertext.
4.2 Concepţia aplicaţiei
Concepţia reprezintã faza în care firma care doreşte realizarea unei aplicaţii multimedia îşi
defineşte obiectivele aplicaţiei şi stabileşte conţinutul şi sursele de lucru. Aceasta presupune
crearea aplicaţiei, crearea conţinutului, constituirea surselor de lucru, planing, estimarea timpului
necesar realizãrii aplicaţiei, repartiţia sarcinilor în echipã şi managementul fazei. Crearea
aplicatiei presupune stabilirea celor patru obiective specifice aplicaţiilor multimedia: concept,
filosofie, inginerie şi public.
4.2.1 Crearea conţinutului implicã o concentrare a eforturilor echipei în realizarea
elementelor media specifice publicaţiilor electronice:
o Texte care presupun redactarea formatului numeric direct;
o Fotografii (realizate cu aparate fotografice clasice şi numerice, camescope)
o Ilustratii care utilizeazã grafica traditionalã sau vectorială, design, picturi etc;
Audiovizual (achiziţia sunetelor, înregistrarea şi crearea sunetelor, filme, documentare etc).
Constituirea surselor de lucru porneşte de la cele existente deja în proiect şi identificã sursele
necesare a fi create prin proiect: achiziţia de fotografii, audio, video (medii audiovizuale).Pentru
sursele existente cum sunt: texte în format numeric, ameliorarea de text, OCR etc, se continuã cu
conversia numericã a imaginilor realizate, existente deja (fotografii, desene, ilustraţii,
diapozitive) şi se finalizeazã cu achiziţia de elemente audio, video. Managementul fazei
reprezintã activitatea de coordonare a echipei, în care sarcina şefulului de proiect este datã de
identificarea echipamentelor, drepturi de utilizare, delimitarea elementelor media “brute” şi a
celor rezultate din prelucrãri planing, estimarea timpului, repartiţia sarcinilor în echipã.
Echipamentele necesare realizãrii fazei presupun: calculatoare, soft specializat, echipamente
periferice dedicate graficii (scanere, camere video, magnetoscop etc.).Drepturile de utilizare sunt
necesare pentru respectarea cadrului legislativ internaţional şi sunt stabilite la nivel software şi al
tipurior media (drepturi de autor, copyright etc.) Rezultatele fazei sunt date atât de expertiza
tehnicã de sistem, estimarea timpului de dezvoltare cât şi de arborescenţa, organizarea tipurilor
12
media la nivel de structuri de directoare, conţinut, tablou de bord (storyboard) şi elemente de
animaţie. Realizarea propriu zisã a aplicaţiei multimedia Pentru a realiza o aplicatie multimedia
se parcurg succesiv fazele descrise anterior. În aceasta fazã diferite task-uri sunt realizate paralel,
sub coordonarea şefului de proiect. Producţia de aplicaţii multimedia solicitã separarea task-
urilor repetitive de cãtre executanţi, utilizarea unor scripturi pentru accelerarea lor, ceea ce
conduce la economie de timp, eficacitate şi productivitate. Se recomandã concentrarea asupra
unor sarcini bine precizate, ceea ce conduce la creşterea randamentului întregii echipe.
4.2.2 Tratarea şi pregatirea surselor pentru integrare este sarcina infograficianului şi
presupune:
o Retuşarea imaginilor, montaje, efecte speciale, optimizãri;
o Dimensionarea imaginilor la precizia constrânsã de proporţiile acestora (spre exemplu
la video 4*3);
o Export şi compresie de imagine la suporturile solicitate de alte medii;
o Crearea unei identitati vizuale ca parte a personalizarii site_ului sau adaptarea celei
existente)
Aceasta este etapa care nu permite estimarea timpului necesar deoarece are o evoluţie
permanentã, în funcţie de fazele în care se aflã proiectul. In aceastã fazã se creazã un model de
paginã (template, tipuri predefinite, etc) corespunzãtoare integrãrii bazelor de date şi a altor
elemente specifice site-urilor dinamice. Stabilirea elementelor de interfaţã, navigare,
interactivitate Ergonomia site-ului este datã de modul în care este organizatã parcurgerea
acestuia şi legãturile realizate în acest scop şi presupune stabilirea elementelor de interfatã,
navigare, interactivitate: site_uri vrac; cadre cu cadre; Shockwave, Flash etc.; DHTML;
Javascript; Php, alte limbaje de programare; personalizarea site-ului;trucuri (gimmicks) de
atragere a vizitatorilor pe tehnologie pull; aspecte de confort ale utilizatorului Realizarea
animaţiei este sarcina infograficianului care utilizeazã în acest scop medii software orientate spre
grafica vectorialã: Flash, Shockwave alte medii software orientate spre animaţie.
13
o Programarea secvenţelor specifice. Integrarea media şi a bazelor de date este faza în
care se reunesc produsele specifice media, serviciile specifice şi interfeţele
componente ale aplicaţiei, fiind materializatã prin:
o Montarea paginilor şi a elementelor grafice, modele;
o Integrarea serviciilor specifice (programe, CGI, Java, forum etc);
o Integrarea interfeţelor cu bazele de date (SQL, Php, file, maker, WEBobjects, Oracle
etc).
4.2.5 Finalizarea aplicaţiei are urmãreşte verificarea şi testarea acesteia respectiv publicarea
aplicaţiei fiind realizatã de tester în colaborare cu întreaga echipã de proiectare şi urmãreşte:
14
Evoluţia aplicaţiei are trei coordonate majore: comunicaţia cu vizitatorii site-ului,
administrarea sistemului şi elaborarea de versiuni noi ale aplicaţiei. Elaborarea unor versiuni noi
are loc începând de la faza de prototip şi pânã la proiectul final diferite task-uri sunt realizate
paralel, sub coordonarea şefului de proiect.
Utilitare
Datorita ciclurilor de dezvoltare scurte si complexitatii aplicatiilor web este recomandata
utilizarea de instrumente care permit nu doar modelarea ci si generarea automata a codului si
verificarea consistentei modelului. Principalele utilitare de acest tip sunt: WebRatio Site
Development Studio, VisualWADE si OpenUWE Suite.
15
trimisa apoi în cadrul de lucru bazat pe un set de componente Java care pot fi configurate prin
utilizarea fisierelor XML.
VisualWade
OpenUWE
16
Concluzii
În prezenta teză s-a descris și s-a caracterizat procesul de creare a unei aplicații web și
elementele de bază a acesteia. Subiectul aplicațiilor web are un spectru foarte major de
interpretare și se dezvoltă foarte rapid în zilele noastre. Aplicațiile web au o cerere foarte mare
pe piață, faptul ce le face populare. Pentru a simplifica crearea lor, sa lucrat foarte mult la
utilitele și motoarele de creare și de dezvoltare ale acestor aplicații. Sa decis trecerea de la
aplicațiile care au fost proiectate pe sistemele de operare Android & IOS la acele web, din
motivul că sunt mai universale. Spre exemplu pentru proiectarea și crearea umei aplicații pe
Android și a aceleiași aplicații pe IOS, este necesar de conlucrat cu două echipe de dezvoltatori
specializate pe aceste sisteme. Lucrul dat în cele din urmă ne arată că și cheltuielile vor fi duble.
Însă la crearea aplicației pe platforma web, va fi necesar de conlucrat doar cu o echipă de
dezvoltatori WEB, fapt care ne permite să economisim bani, și totodată să oferim posibilitatea
tututor utilizatorilor să se foloseascp de aplicație, indiferent de sistema device-ului pe care îl
posedă.
După efectuarea studiului dat, am prezentat în teză arhitecturile pe care sunt create
aplicațiile web, de asemenea am indicat cele mai utilizate metodologii web. Cred că odată ce
marea majoritate a companiilor naționale și internaționale vor trece pe aplicațiile web, va duce la
progresarea a foarte mulor domenii, și de asemenea sunt de părerea că capitalul acestor companii
va crește considerabil.
17
Bibliografie
https://www.scritub.com/stiinta/informatica/Proiectarea-aplicaiilor-web204316910.php
https://profs.info.uaic.ro/~busaco/teach/courses/wade/presentations/
web03DezvoltareaAplicatiilorWeb-Servicii-API-Mashup-Arhitectura.pdf
https://pdfcoffee.com/web-design-2-pdf-free.html
https://pdfcoffee.com/web-design-4-pdf-free.html
WebDesign School of Architecture and Built Environment Course Template Department of
Design and Visual Communications B.A. Design
Dezvoltarea aplicațiilor web Dr. Sabin Corneliu Buraga
18