Istrate Dorian- Constantin

Grupa 40312A

Proiect
Dezvoltarea Aplicațiilor Web

Documentație
 Cuprins

1. Alegerea temei proiectului ............................................................................3

2. Alegerea template-ului …..............................................................................4
3. Etape în dezvoltarea proiectului …................................................................5
3.1 Dezvoltarea site-ului propriu-zis (template-ul) …...................................5
3.2 Crearea bazei de date mysql …................................................................6
3.3 Dezvoltarea paginii de login/register …..................................................7
3.4 Dezvoltarea scriptului php din spatele paginii de login/register..............8
4. Concluzii …...................................................................................................8
5. Webografie …................................................................................................9
 1. Alegerea temei proiectului

Proiectul a însemnat pentru mine o provocare, dezvoltarea unei aplicații web

nefiind punctul meu forte și, de altfel, neavând o experiență vastă în crearea unui
site. Însă în ciuda acestor lucruri, mereu mi-au plăcut provocările și mereu am
crezut că nimic nu este imposibil până nu ți- ai dat și ultimul strop de ambiție.
Fiind primul meu proiect de genul acesta, am zis să-mi aleg o tema care să-
mi fie familiară, pe care să- mi pot pune ușor în aplicare ideile și care mi se
potrivește. Fiind încă de mic pasionat de jocurile video, alegerea temei a fost un
lucru foarte ușor de pus în practică, mai ales că mai am încă un proiect cu aceeași
tema la Baze de Date.
Odată aleasă tema, a trebuit să aleg și tipul de site pe care vreau să-l fac.
Dintre magazin online de jocuri video, comunitate online de gaming și site de știri
din lumea gaming-ului ultima idee mi-a surâs cel mai mult, fiind în sine destul de
simplă însă cu o arie destul de vastă de aplicabilitate.
Un nume, ce fel de site ar fi fără un nume? Însă aici creativitatea mea a
părăsit camera, astfel că, după ceva timp de gândire, 40312Games a fost singura și
cea mai bună idee de nume găsită. Acum mai rămăsese decât să caut un template
pe care să-l pot modifica după dorințele mele și mă puteam apuca de treabă.

3
 2. Alegerea template- ului

Să găsesc un template pe care să-l pot modifica după dorințele mele, ușor de
zis, greu de făcut.
După îndelungi căutări și peste 5 schimbări de template- uri l-am găsit, un
template pe care eu îl numesc de tip “papirus” , template- ul având o singură
pagină web propriu zisă, însă împărțită pe teme, fiecare tema având un “tag”
atribuit, butoanele derulând pagina până la tema cu “tag”- ul respectiv. Era exact ce
căutam: un template simplu, cu un design futuristic, perfect pentru tema pe care eu
o doream.
 4

3. Dezvoltarea proiectului
3.1 Dezvoltarea template- ului

Imediat după ce am văzut template-ul mi-am dat seama că o să am foarte mult

de muncă la el, site-ul fiind în prim-plan pentru promovarea și vânzarea unui joc
creat de firma respectivă.
Așadar am început să șterg ce nu aveam nevoie, că de exemplu unele butoane,
precum cele de login/register, neavând nevoie de acestea deoarece mai târziu voi
dezvolta oricum o pagină de login/register care să apară înainte de site- ul propriu-
zis, neputând să intrii pe site fără a avea un cont. De asemenea am încercat să
găsesc metode de a refolosi din unele idei pe care cel ce a creat template-ul le-a
avut, având destul de puțin timp la dispoziție să vin eu cu multe idei noi.
Astfel, imaginea de la început,care mi-a plăcut foarte mult cu efectul ei 3D, dar
fiind și un fan al jocului, am păstrat-o, jocul nemaifiind prezentat că și creat de
mine ci ca “Jocul lunii”, butonul “Read more” ,care era nefolosibil înainte, fiind
acum “Descarcă”, un buton ce duce spre o pagină web externă, de unde poți
cumpără jocul.
 Am folosit această ocazie să-mi reamintesc și puțin din utilizarea Photoshop-
ului, cu care mi-am făcut un logo pentru site, că doar ce site nu are propriul logo?
După ore bune, dar interesante de lucru, am terminat de făcut design- ul site-
ului. Sau așa credeam eu.

3.2 Crearea bazei de date mysql

Având o idee ce structură aș vrea să aibă pagina mea de login/ register și

după cercetarea mai multor site- uri aveam în cap cum o să arate baza de date.
Pentru a se înregistra utilizatorul va da următoarele date: un nume de
utilizator, un email și o parolă, toate acestea fiind stocate în baza de date cu un
id dat automat de baza de date, id ce va fi cheie primară a tabelului.
 6

3.3 Dezvoltarea design- ului

paginii de login/ register

Urmând design- ul simplist, am ales să nu complic prea mult sistemul de

login/ register acesta fiind doar “zidul” dintre utilizator și pagina web. Astfel după
ce am vizionat câteva tutoriale de pe youtube și după câteva greșeli mi-a ieșit.
Aveam paginile de login și register, însă acum începe partea complicată, scrie
scriptul din spatele acestora.
 7

3.4 Dezvoltarea scriptului php din spatele

paginii de login/ register
 De departe această parte a fost cea mai grea din toată dezvoltarea
proiectului. Cum mă conectez la baza de date? Cum fac să recunoască dacă
utilizatorul a dat un cont corect? Cum fac să- i spun dacă nu a adăugat un
cont bun? Multe întrebări, puține răspunsuri. Aici a început seria de vizionat
tutoriale, căutări pe forumuri, etc. Însă, după multe erori de la puncte,
virgule ori litere uitate în cod, am reușit, aveam un sistem complet funcțional
de login/ register.

4. Concluzii

După ce am terminat și sistemul de login/register și totul era complet funcțional,

mi- a venit o idee care mi- a cam complicat treaba. Am vrut ca pe pagină
principală, după login să apară numele contului cu care ești logat și un buton de
delogare, care să reîntoarcă la pagina de login. Însă aici a venit un nou concept de
înțeles: sesiunile.
Într-un final mi- a ieșit și asta, sunt foarte mulțumit de proiectul meu, am făcut
mai mult decât mi- am propus deoarece pe parcurs am constatat că-mi place cum
iese, iar acum, când văd proiectul final pot spune că a meritat 100% și e o
experiență minunată în dezvoltarea mea atât personală cât și profesională

Webografie
Template: https://www.toocss.com/free-gaming-website-templates/
Date despre jocuri: Wikipedia/ Play Station Store/ Steam
Tutoriale: www.youtube.com / www.w3schools.com / www.developerdrive.com