UNIVERSITATEA „ŞTEFAN CEL MARE” SUCEAVA

FACULTATEA DE ŞTIINŢE ECONOMICE ŞI ADMINISTRAŢIE PUBLICĂ

PROGRAMUL DE STUDII: INFORMATICĂ ECONOMICĂ

LUCRARE DE LICENȚĂ

COORDONATOR ȘTIINȚIFIC ABSOLVENT

Prof. univ. dr. Doru-Eugen Tiliuțe Candrea Mihaela-Gabriela

Suceava
2020
Platformă online de închiriere de locuințe în
scopuri turistice
 Cuprins

CUPRINS--------------------------------------------------------------------------------------------------------------------------- 1

ABREVIERI------------------------------------------------------------------------------------------------------------------------- 2

LISTA TABELELOR, FIGURILOR ȘI CASETELOR----------------------------------------------------------------------------- 4

INTRODUCERE-------------------------------------------------------------------------------------------------------------------- 5

CAP. I TURISMUL ÎN ROMANIA-------------------------------------------------------------------------------------------- 6

I.1. ZONE TURISTICE ALE ROMÂNIEI----------------------------------------------------------------------------------------------7

I.2. INFLUENȚA TEHNOLOGIEI ASUPRA TURISMULUI-----------------------------------------------------------------------------8

CAPII. DESCRIEREA TEHNOLOGIILOR UTILIZATE PENTRU REALIZAREA APLICAȚIEI-------------------------- 9

II.1. PREZENTAREA GENERALĂ A APLICAȚIEI WEB--------------------------------------------------------------------------------9

II.2. HTML-------------------------------------------------------------------------------------------------------------------------9
II.3. CSS-------------------------------------------------------------------------------------------------------------------------- 10
II.4. JAVASCRIPT------------------------------------------------------------------------------------------------------------------12
II.5. REACT JS---------------------------------------------------------------------------------------------------------------------12
II.6. BOOTSTRAP------------------------------------------------------------------------------------------------------------------13
II.7. FIREBASE---------------------------------------------------------------------------------------------------------------------14

CAP. III STUDIU DE CAZ – PLATFORMĂ ONLINE DE ÎNCHIRIERI DE LOCUINȚE ÎN SCOPURI TURISTICE 15

III.1. SCOP ȘI OBIECTIVE ALE PLATFORMEI.-------------------------------------------------------------------------------------15

III.2. PROIECTAREA INTERFEȚEI GUI (GRAPHICAL USER INTERFACE)---------------------------------------------------------16
III. 3.1. ÎNREGISTRAREA ȘI LOGAREA ÎN PLATFORMĂ----------------------------------------------------------------------------16
III.3.2. PAGINA PRINCIPALĂ A PLATFORMEI--------------------------------------------------------------------------------------20
III.3.3. ADĂUGARE OFERTĂ--------------------------------------------------------------------------------------------------------21
III.3.4. OFERTELE NOASTRE--------------------------------------------------------------------------------------------------------22
III.3.5. PREZENTAREA LOCUINȚEI--------------------------------------------------------------------------------------------------25
III.3.6. CONECTAREA LA BAZA DE DATE------------------------------------------------------------------------------------------26

CONCLUZII----------------------------------------------------------------------------------------------------------------------- 30

BIBLIOGRAFIE------------------------------------------------------------------------------------------------------------------- 31

1
 Abrevieri

1) CSS – Cascading Style Sheets

2) DOM – Document Object Model
3) HTML – Hypertext Markup Language
4) HTTP – Hypertext Transfer Protocol
5) Md5 – Message Digest Algorithm 5
6) PDF – Portable Document Format
7) UI – User Interface
8) W3C – World Wide Web Consortium
9) JSON - Java Script Object Notation
10) SQL – Structured Query Language
11) RDBMS- Relational Database Management System
12)

2
 Lista tabelelor, figurilor și casetelor

Figura 1 Formularul de Sign Up---------------------------------------------------------------------------------------------------------- 15

Figura 2 Formularul de Sign In----------------------------------------------------------------------------------------------------------- 16
Figura 3 Scriptul pentru funcția de logare--------------------------------------------------------------------------------------------17
Figura 4 Scriptul pentru SignOut-------------------------------------------------------------------------------------------------------- 17
Figura 5 Scriptul pentru funcția de SignUp------------------------------------------------------------------------------------------- 17
Figura 6 Validarea paginii SignUp------------------------------------------------------------------------------------------------------ 18
Figura 7 Clasa de direcționare a utilizatorului--------------------------------------------------------------------------------------- 18
Figura 8 Pagina principală---------------------------------------------------------------------------------------------------------------- 19
Figura 9 Servicii------------------------------------------------------------------------------------------------------------------------------ 19
Figura 10 Formularul de înregistrare ofertă------------------------------------------------------------------------------------------ 20
Figura 11 Script adăugare ofertă------------------------------------------------------------------------------------------------------- 21
Figura 12 Contact--------------------------------------------------------------------------------------------------------------------------- 21
Figura 13 Alegerea ofertei---------------------------------------------------------------------------------------------------------------- 22
Figura 14 Prezentarea ofertelor--------------------------------------------------------------------------------------------------------- 22
Figura 15 Nu sunt afișate rezultate----------------------------------------------------------------------------------------------------- 23
Figura 16 Error Page------------------------------------------------------------------------------------------------------------------------ 23
Figura 17 Scriptul pentru funcția de filtrare------------------------------------------------------------------------------------------ 24
Figura 18 Prezentarea locuinței--------------------------------------------------------------------------------------------------------- 24
Figura 19 Detalii și informații despre oferta----------------------------------------------------------------------------------------- 25
Figura 20 Conectarea la baza de date------------------------------------------------------------------------------------------------- 25
Figura 21 Stocare date--------------------------------------------------------------------------------------------------------------------- 26
Figura 22 Afișare user în baza de date------------------------------------------------------------------------------------------------- 27
Figura 23 Tabelul persoanelor din baza de date------------------------------------------------------------------------------------27
Figura 24 Ștergerea din baza de date a unui utilizator----------------------------------------------------------------------------27
Figura 26 Salvare ofertă în baza de date----------------------------------------------------------------------------------------------28
Figura 25 warning--------------------------------------------------------------------------------------------------------------------------- 28

3
 Introducere

Turismul fiind o activitate specifică poate fi privit din mai multe aspecte cum ar fi
activitatea economică, activitate personală sau în echipă pentru recreere, cultură, istorie și multe
altele. În general România prezintă un potențial turistic valoros datorită așezării sale geografice
deoarece prezintă mai multe forme de turism cum ar fi turismul balneoclimatic, turismul pentru
iubitorii sporturilor de iarnă, litoral, cultural și multe alte drumeții pe trasee amenajate
corespunzător.
Trăim într-o lume în care tehnologia joacă un rol foarte important în dezvoltarea omenirii
cu un impact atât pozitiv cât și negativ asupra oamenilor. Totodată tehnologia are o dezvoltare
haotică, de la simplele telefoane mobile, avem telefoane mobile inteligente care pot lua locul
computerelor, echipamente de bucătărie inteligente, accesorii fitness cât și alte gadget-uri cu o
dezvoltare mult mai avantajoasă pentru oameni, față de cele din anii trecuți.
În zilele noastre tehnologia și călătoriile sunt combinația perfectă. Tehnologia joacă un rol
important în felul în care călătorim: începând cu modul de alegere a destinației în care mergem
în vacanță, până la ceea ce facem în locul ales ajutându-ne să alegem atât restaurantul potrivit cât
și atracțiile turistice. Este atât de răspândit, încât, potrivit unui studiu Google Travel, 74% dintre
călători își organizează călătoriile pe internet, în timp ce restul de 13% utilizează în continuare
agențiile de turism1.
Am ales lucrarea de licență "Platformă online de închirieri de locuințe în scopuri turistice"
deoarece provin dintr-o zonă așa numită Țara dornelor, un tărâm de poveste în care turismul este
foarte bine dezvoltat, cu multe atracții turistice, peisaje de vis și aer curat. Vatra Dornei este un
oraș mic cu aproximativ 15 000 locuitori, cunoscut ca fiind o stațiune balneară și în același timp
este cunoscut pentru practicarea sporturilor de iarna.
În lucrarea mea de licență voi îmbina două ramuri Turismul și Tehnologia, astfel încât
lucrarea de Licență va fi împărțită în trei capitole și anume:
 Cap I - Turismul în Romania și influența tehnologiei în turism. În acest capitol voi
încerca prin câteva rânduri să reprezint câteva zone fantastice care merită vizitate din
România cât și aspecte ale tehnologiei care ne ajută să ne ușurăm treaba când vine vorba
de o vacanță de vis.
 Capitolul II – Descrierea tehnologiilor informatice utilizate pentru realizarea aplicației.
Acest capitol include limbajele de programare utilizate pentru realizarea platformei.
 Cap III - Studiu de caz- Platformă online de închirieri de locuințe în scopuri turistice. În
acest capitol am încercat să explic rolul și importanța aplicației, cât și pașii pe care
trebuie să-i urmeze utilizatorii. În același timp am încercat să explic și modul de
implementare a aplicației, atașând imagini cu aceasta.

1
https://www.wearemarketing.com/blog/tourism-and-technology-how-tech-is-revolutionizing-travel.html?
fbclid=IwAR25rkIWsQBInJMrJ85wjUEDsmHZ6DRAZXhiiWBDlZ7nMubJ_NvmugonH5s
4
 Cap. I Turismul în Romania

România ocupă o suprafață de 238.391 km². Se plasează intracarpatic cât și în exteriorul

arcului munților Carpați, care formează o limită naturală între bazinele Dunării2. Prezintă un
relief variat cu altitudinea medie de 330 metri, și o maximă de 2544 metri în Munții Făgăraș.
Având în vedere că o mare parte din lanțul carpatic se află pe teritoriul româniei, aceasta este
denumită și țară carpatică, acest lucru aduce un avantaj atât natural cât și economic. Un alt
avantaj al României este ieșirea la Marea Neagră care leagă comercial piața Est Europeană cu
Asia Centrală și orientul apropiat, un alt factor important fiind atragerea potențialului turistic pe
litoral.
Când vorbim de potențialul turistic din România, acesta este alcătuit din două componente
și anume:
o Componenta naturală este reprezentată prin peisaje frumoase, are un relief variat, cu
câmpii, podișuri și munți de diferite înălțimi, condiții climatice favorabile cu ierni blânde
și veri călduroase;
o A doua componentă este cea istorică, reprezentată prin sate cu tradiții păstrate în taină, cu
obiceiuri străvechi și alte monumente și obiective de artă laică sau religioasă, muzee cu
obiecte tradiționale cu care bunicii noștri își realizau activitățile zilnice, elemente
etnografice și de folclor autentic și multe alte realizări de prestigiu.
Datorită amplasării sale teritorial europene , sunt trei componente ce conturează arhitectura
peisagistică :‌ Marea Neagră, Dunărea și Carpații. Cele trei elemente menționate anterior, sunt
aspecte admirabile ale naturii, atrăgând o capacitate substanțială de vizitatori. România posedă o
vastă bogăție în categoria monumentelor istorice, arheologice și artă, ceea ce atestă o proprietate
națională extrem de valoroasă .

I.1. Zone turistice ale României

 Voi prezenta câteva din zonele turistice ale României cu caracteristici deosebite:
1. Capitala României București, orașul așa numit și „Micul Paris al Europei de Est”, știe
cum să se dezvolte de la an la an. Acest oraș este mai vechi de 500 de ani, inovativ, un stil
fastuos din „La Belle Époque”, dar și blocuri comuniste, parcuri verzi și spațioase impresionant
de frumoase, piețe și locuitori veseli care umplu străzile de fericire.
În calitate de călător orașul București trebuie să fie unul din obiectivele tale, orașul îmbină
istoria cu modernismul are clădiri medievale, lăcașuri de cult străvechi și așteaptă turiști curioși
care să le calce pragul. Totodată este un mare spectru politic, industrial și administrativ.
2. Carpații. În România există posibilitatea de a dezvolta turismul la nivelul unui
important sector economic cu efecte pozitive asupra veniturilor și pieței forței de muncă. Cu
defileuri adânci, stânci și versanți, Carpații sunt o destinație cunoscută pentru amatorii de
aventură. Oameni din toată lumea vin aici pentru drumeții, escaladări montane precum și
sporturi. Datorită întinderii lor, aceștia sunt ușor accesibili, frumoși prin peisajele montane, sunt

2
https://ro.wikipedia.org/wiki/Rom%C3%A2nia
5
bogați în ape minerale și au multe variante pentru a practica diferite sporturi, se poate spune că
este una din cele mai importante zone de atracție turistică. Aici se află faimoase stațiuni montane
internaționale precum: Poiana Brașov, Sinaia, Predeal care, alături de Borșa, Stâna de Vale,
Păltiniș, Durău și multe alte stațiuni dispun de hoteluri moderne și vile, restaurante și diverse
facilități de divertisment, pârtii și instalații pentru sporturi de iarnă și transport pe cablu. De
asemenea, turismul spa se mândrește cu baze puternice de tratament, cazare și agrement în
stațiuni frumoase din văile carpatine cum ar fi: Băile Herculane, Băile Felix, Călimănești-
Căciulata, Slănic-Moldova, Băile Tușnad, Covasna, Vatra Dornei.
3. Vatra Dornei. Este numită și "Perla Bucovinei"3. Această stațiune atrage un potențial
turistic valoros datorită așezării ei geografice, se potrivește oricărei vârste adresându-se atât celor
care vor să se relaxeze prin spa sau pentru tratamente balneare cât și pentru cei aventurieri care
optează pentru diferite drumeții prin trasee bine amenajate, dispune de o tiroliană, un telescaun
de aproximativ 3 km și multe alte atracții turistice. Pentru iubitorii sporturilor de iarnă Vatra
Dornei dispune de câteva pârtii special amenajate cu tunuri de zăpadă și cu teleschi.
4. Litoralul românesc. Litoralul românesc, se numără printre regiunile cele mai
spectaculoase ale țării noastre, oferind peisaje admirabile. Oportunitățile de cazare și
posibilitățile de distracție fac litoralul românesc atractiv. Sunt o multitudine de locuri și atracții
turistice care merită vizitate. Monumente istorice, muzee, biserici, rezervații naturale unice în
țară și în Europa și multe alte atracții ale Mării Negre. Această regiune are o alcătuire complexă
care crește valoarea turistică. Se întinde pe o lungime de 245 km, cu Delta Dunării și complexul
de lagune Razim-Sinoe la nord, iar la sud este litoralul turistic propriu-zis.
5. Delta Dunării este reprezentată de o vastă suprafață cu stufiș, cu întinderi de nuferi, și
plante amfibii, cu păduri de plop și salcii pletoase. Este, de asemenea, un grandios parc faunistic
din Europa, cu peste 300 specii de păsări și 60 specii de pești care reprezintă o mare valoare
economică4;
6. Bucovina este printre cele mai atractive și frecventate zone turistice de pe harta
României. Totodată este vestită pe plan național cât și internațional prin frumusețea arhitecturală
cu elemente bizantine și gotice, prin picturi de mari valori artistice cât și prin iconografie
reprezentate în bisericile și mănăstirile: Voroneț, Moldovița, Sucevița, Humor, Putna și multe
altele. Bucovina este o întindere fermecătoare în care obiceiurile românești și-au păstrat
autenticitatea.
7. Maramureș – Oaș. Această porțiune se identifică printre cele mai deosebite regiuni
istorice ale țării. Bisericile de lemn, porțile solide cu decorații amestecate, în stil dacic. Natura
fermecătoare prezintă capacități impresionante pentru recreere, dând naștere unei atracții turistice
aparte.
8.. Zona Transilvania. Transilvania este unul din obiectivele alese de turiști pentru a fi
vizitate deoarece dispune de cetăți, munți, lacuri și mari centre istorice și multe alte atracții
turistice adună milioane de vizualizări pe internet. Este cunoscută sub acest nume, încă din
timpul cuceririi romane.

3
https://romania.directbooking.ro/obiective-turistice~vatra-dornei-46.aspx
4
Liana Icob, Ancuța Epânceac, Direcția de Statistică a Indicatorilor Economici pe Termen Scurt, Turismul
României Breviar Statistic. p. 8.
6
 I.2. Influența tehnologiei asupra turismului

După cum am prezentat mai sus România deține locuri frumoase care merită vizitate, dar
acest lucru nu este suficient pentru a atrage turiști. Pentru a crește potențialul turistic trebuie
adoptate cele mai noi tehnologii ale informației. În ultimul timp internetul a schimbat structura
călătoriilor din întreaga lume.
Una din soluțiile tehnologice pentru industria turismului este: Tehnologia Mobilă,
telefonul mobil este unul din ghidurile noastre turistice, cu ajutorul lui putem să înlocuim cu
ușurință agenția de turism, putem să ne facem rezervări atât pentru cazare cât și pentru
restaurante având acces la localizare și hartă.
O a doua soluție ar fi Realitatea augmentată (AR) sau numită și realitatea virtuală, această
tehnologie oferă un serviciu minunat, prin care poți să vizualizezi cu ușurință cum arată o cabină
pe o navă de croazieră sau în câteva secunde ai putea sa vezi chiar Marele Zid Chinezesc și
multe alte locuri frumoase.
O a treia soluție ar fi asistenții virtuali, cum sunt Siri și Alexa care răspund cerințelor
oferite de către deținătorii lor. Astfel încât mai nou și marile lanțuri hoteliere încep să utilizeze
acești asistenți virtuali. IBM a lansat un asistent numit Watson Assistant bazat pe AI care
interacționează cu fiecare client în parte și multe alte tehnologii precum Big Data sau Blockchain
care ajuta ramura turistică5

CapII. Descrierea tehnologiilor utilizate pentru realizarea aplicației

În acest capitol voi prezenta tehnologiile utilizate pentru realizarea platformei online de
închirieri de locuințe în scopuri turistice. Aplicația este web-baset, adică va fi accesată într-un
browser și rulează pe un server.
II.1. Prezentarea generală a aplicației web
Majoritatea companiilor folosesc internetul ca un mijloc de comunicare și schimb de
informații pe o piață țintă. Cu toate acestea fiecare firmă trebuie sa fie aptă să salveze datele de
care are nevoie și ar trebui să aibă condiții de prelucrare a informației și de a înfățișa rezultatele
utilizatorului.
Aplicațiile web folosesc o combinație de scripturi pentru server (PHP și ASP) pentru a
stoca și prelucra informația script-urilor de pe partea clientului (JavaScript și HTML) pentru
prezentarea informațiilor utilizatorului. Acest fapt dă voie utilizatorilor să interacționeze cu
întreprinderile folosind formularele online, sisteme de gestionare, coșuri de cumpărături și multe
altele.
Majoritatea aplicațiilor web se codifică cu limbaje de programare acceptate de browser
cum fi Java Script și HTML. Ele se fundamentează pe browser pentru a se afișa programul
executat.
Platforma online de închirieri de locuințe în scopuri turistice este bazată pe următoarele
tehnologii: pentru a crea interfața am utilizat: HTML, CSS, JavaScript, librăria react Js, iar baza
de date utilizată este firebase. Pentru partea vizuală a aplicației am folosit framerwork-ul
5
https://www.wearemarketing.com/blog/tourism-and-technology-how-tech-is-revolutionizing-travel.html?
fbclid=IwAR25rkIWsQBInJMrJ85wjUEDsmHZ6DRAZXhiiWBDlZ7nMubJ_NvmugonH5s
7
Bootstrap care are diverse caracteristici, una din cele mai importante fiind crearea de design
responsive.
II.2. HTML
Hyper Markup Language, prescurtarea lui fiind HTML este reprezentat de un set standard
de coduri care caracterizează modul de afișare pe ecran al documentelor . Se mai poate spune că
înfățișează limbajul de baza al WWW. Paginile HTML sunt realizate cu etichete sau tag-uri și se
salvează cu extensia ".html" sau ".htm".
De obicei etichetele sunt perechi, de exemplu cu una se deschide cu <eticheta> și cu
cealaltă se închide </eticheta>, este un caz când nu se închide mai exact atunci se folosește
<eticheta/>. Navigatorul web afișează pe ecran interpretarea acestor etichete.
Unele etichete acceptă realizarea de atribute care au anumite valori:

Documentul HTML este format din:

1. Varianta HTML a documentului
2. Zona head cu etichetele
3. Zona body cu etichetele sau

Variantele de HTML sunt :

 HTML 4.01 Strict

 HTML 4.01 Transitional

 HTML 4.01 Frameset

 HTML 5

8
 Dacă vorbim de punctele forte ale limbajului HTML și WWW acestea stau în faptul că
există posibilitatea de a lega textul și grafica de alte documente s-au secțiuni de documente,
aceste legături se numesc Hypertext sau " ancore ".

II.3. CSS
CSS-ul reprezintă un limbaj de stilizare al componenței HTML și al tagurilor HTML.
Prescurtarea CSS derivă din expresia Cascading Style Sheets. În Web Design-ul actual, pentru a
stiliza o pagină web se folosește numai CSS. Acest aspect înseamnă că se utilizează CSS de la
cele mai mici lucruri de exemplu culoarea literelor și a background-ului până la așezarea
elementelor pe o pagină Web.
Bineînțeles CSS este alăturat unui fișier HTML prin adăugarea unui link de tip etichetă
<head>. Un alt mod este inserarea codurilor între etichete <style> și </style> direct în
documentul HTML sau prin a adăuga codul în elementele HTML (online) prin folosirea atributul
"Style".
 Cum se utilizează Css:

1. Dă posibilitatea de a se scrie regulile într-un fișier după care îl putem încărca folosind
tag-ul <link/>

2. Se pot scrie direct într-un document în interiorul tag-ului <style/>

3. Se mai pot scrie direct în tag-ul html, fiind valoarea unui atribut.
Un exemplu de selectori CSS este:

Tot codul va fi scris în interiorul tag-ului <style>. În exemplul de mai jos se poate observa
că am stilizat textul prin a pune culoarea blue și totodată am setat și mărimea textului prin fond-
size.

9
 Un avantaj al CSS față de alte limbaje de programare este faptul că nu contează spațiile
libere între cuvinte sau existența rândurilor libere între reguli. Astfel putem scrie regulile în felul
următor:

II.4. JavaScript
JavaScript este utilizat pentru a introduce unele funcții în paginile web. Acest limbaj este
cunoscut pentru utilizarea sa în realizarea paginilor web, totodată este utilizat și pentru a accesa
și obiectele încapsulate (embedded objects) în alte aplicații.
A fost dezvoltat pentru început de Brendan Eich de la Netscape Comunications
Corporation numit Mocha, după care Live Script și în final având numele de JavaScript. Deși are
denumirea de JavaScript nu are legătură cu limbajul Java, ci mai degrabă este asemănător cu
limbajul C.
Cel mai des limbajul JavaScript este întâlnit pentru a scripta paginile web. De obicei
programatorii înglobează în paginile HTML script-uri pentru realizarea unor activități cum ar fi
verificarea unor date introduse de către utilizatori sau pentru a creea meniuri și multe alte efecte
animate.
 Atribuții ale limbajului JavaScript în lumea Web
o obiectivul inițial al HTML era de a centra documentele și de a le reproduce pe display-ul
monitorului
o documentele realizate cu HTML de regula sunt statice.
o JavaScript conferă stimulare documentelor :
- dă voie utilizatorului să interacționeze cu ajutorul formularelor și jocurilor;
- desfășoară impresii vizuale, cum ar fi animația;
- schimbă modul de exprimare a documentului în fereastra navigatorului;
- verifică fereastra navigatorului JavaScript și HTML.
 codul JavaScript este cuprins în documentul HTML;
 este așezat în locul unde trebuie executat; de obicei funcțiile sunt așezate în partea de
sus a documentului, în interiorul etichetelor <script> și </script> pentru a fi rapid
disponibile în momentul apelării din corpul documentului;
 în momentul în care este necesară executarea codului în corpul documentului, codul
este inclus în interiorul documentelor, practic în locul de unde este necesară executarea
lui;

10
  este posibilă includerea în fișier distinct, raportat în partea de sus a documentului cu
atributul src:

II.5. React Js
React.js este cel mai cunoscut cadru front-end pentru realizarea aplicațiilor web, este o
bibliotecă JavaScript care are sursă deschisă, este folosită pentru formarea de interfețe de user
special pentru aplicațiile care au o singură pagină. De obicei este utilizat pentru gestionarea
rândurilor pentru a vizualiza aplicațiile web și mobile. Rect dă voie să se creeze componente UI
refolosite. Pentru prima dată react a fost creat de către Jordan Walke, un inginer software care
lucrează pentru Facebook.
Pentru prima oară a fost deschis pe pagina Facebook în anul 2011 după care în 2012 pe
instagram.com.
React dă voie celor care creează aplicații web mari să poată schimba date fără a fi nevoie
să reîncarce pagina. React are ca scop rapiditatea, scalabilitatea și simplitatea. Aceasta
funcționează pe interfețele utilizatorului din program. Corespunde pentru a vizualiza în șablonul
MCV. Poate fi folosit cu combinație de alte biblioteci JavaScript sau cadre, cum este și Angular
JS în MVC.
 Câteva dintre beneficiile utilizării React
1. Simplitatea
ReactJs este rapid și ușor de înțeles. React folosește o sintaxă deosebită numită JSX, care
permite amestecarea HTML cu JavaScript.
2. Este ușor de învățat
Pentru cei care cunosc bazele programării pot înțelege cu ușurință React în timp ce
Angular și Ember sunt denumite "limbaje specifice domeniului" ceea ce înseamnă că va fi mai
dificil de înțeles
3. Abordarea Nativă
React poate fi realizat pentru crearea de aplicații pe telefonul mobil (React Native) este
acceptată reutilizarea extensivă a codurilor, în același timp permite realizarea de aplicații IOS,
Android și Web.
4. Legarea datelor
Folosește legături de date unidirecționale și o arhitectură de aplicații numită Flux ce
controlează fluxul comportamentului printr-un singur punct de control.
5. Performanță
Permite utilizarea de module Browserfy, Solicitați Js, EcmaScript 6 care pot fi utilizate
prin Babel, ReactJs și pentru incurajarea dependenței automate.
6. Testabilitate
Aplicațiile ReactJs permit cu ușurință testarea.

11
 II.6. Bootstrap
Bootstrap este reprezentat de un framework HTML, CSS, JavaScript are clase și
teme/template-uri predefinite pentru a realiza pagini web Design Responsive (PC, Tableta,
Telefon) mai exact putem spune că Bootstrap este un instrument folosit pentru a realiza mai bine
și ușor faza inițială a unui proiect, pentru că se poate conta pe o serie de componente care se pot
reutiliza și personaliza oferind o bază solidă pentru pornirea proiectelor noastre, pentru a ne ajuta
să nu începem de la zero.
A fost dezvoltat de Mark Otto și Jacob Thor tot sub numele de Twitter Blueprint.
 Variantele Bootstrap:

o Bootstrap 2 și 3
La începutul anului 2012 a fost lansată varianta a doua de Bootstrap 2, care a integrat baza
pentru Glyphincons, unele componente noi, cum sunt și alte modificări la mai multe dintre
componentele existente. Versiunea acceptă design web sensibil, ceea ce înseamnă că ajustarea
aspectelor paginilor web este dinamică, se ține cont de componentele dispozitivului utilizat cum
ar fi desktop, tabletă sau telefon mobil).
o Bootstrap 4
Bootstrap 4 a fost pentru prima oară anunțat de către Mark Otto la sfârșitul lunii octombrie
a anului 2014. Bootstrap 4 a apărut pentru prima dată la începutul lunii august în anul 2015.
Versiunea Bootstrap a fost încheiată la începutul lunii ianuarie a anului 2018.
o Bootstrap 5
Versiunea Bootstrap 5 este cea viitoare. Unele din cele mai importante modificări sunt:
1. JavaScript a fost favorizat de către JQuery;
2. Deplasarea documentelor de la Jeskyll la Hugo;
3. Renunțarea bazei de suport pentru IE10 și IE11 și multe altele.

II.7. Firebase
Reprezintă o perspectivă dezvoltată a aplicațiilor mobile și web. Această platformă
cuprinde un număr mai mare de funcții strâns înnodate între ele, care pot fi compuse după
preferințele dorite. Dintre acestea se evidențiază soluții de analiză, un backend mobil și procedee
de inovare a aplicațiilor și de producere a veniturilor, prin care se multiplică succesul aplicației.
Firebase are majoritatea trăsăturilor cheie de care este nevoie pentru prototiparea și testarea
rapidă a ideilor.
 Ce este FireBase?
1. În primul rând reprezintă o bază de date în timp real.
Un mare număr de baze de date impune efectuarea apelării HTTP pentru a dobândi și
sincroniza datele. Cea mai mare parte a bazelor de date pun la dispoziție date doar atunci când
sunt solicitate.
Când se realizează conectarea aplicației la Firebase, nu se conectează cu HTTP obișnuit.
WebSocket-urile sunt cu mult mai rapide decât HTTP. Se face conectarea printr-un WebSocket
specific, pentru că o conexiune socket este îndeajuns. Toate datele se execută în același timp
mecanic prin acel WebSocket unic, având o rapiditate de transportare a rețelei către client.
Firebase oferă date noi de îndată ce sunt actualizate.

12
 2. Firebase stochează fișiere.
Firebase oferă un mod simplu de salvare a fișierelor binare - de cele mai multe ori a
imaginilor sau orice alte fișiere.
3. Autentificarea Firebase.
Logarea în firebase se face cu adresa de e-mail și o parolă, are grijă să obțină identificarea
și conectarea utilizatorului.
Ceea ce este cu adevărat nemaiîntâlnit la Firebase este faptul că face autentificări sigure,
un lucru care singur ar fi greu să-l implementezi. Este "federată" se referă la Federația Unită de
Planete care îndeamnă folosirea acesteia6.
4. Funcții Cloud.
Reprezintă în continuare un produs Google Cloud care acționează în concordanță și cu alte
produse Firebase și Cloud. Firebase utilizează SDK-uri pentru funcțiile Cloud, permit scrierea și
implementarea de cod, care rulează pe fundament "fără server" Google, care dă răspuns automat
la evenimente cuvenite de la alte produse Firebase, adică este fără server!
Când populația spune "fără server", ei nu se referă la lipsa de servere. Cu o structură de
backend lipsite de server, sunt încă servere în joc, pur și simplu nu este nevoie să se știe prea
multe despre acestea.
Pentru Firebase funcțiile Cloud sunt singurele produse al întregii surse care de fapt scriu
cod în backend.
5. Firebase Hosting.
Reprezintă un CDN de securitate web, global de adăpostire. Este un lucru bun livrarea
rapidă a conținutului static (HTML, CSS, JS, imagini) utilizând servere care sunt în apropierea
utilizatorului. Poate fi configurat rapid, împreună sau fără domeniul personalizat, alăturat unui
certificat SSL temporar care nu costă nimic.

6
https://medium.com/firebase-developers/what-is-firebase-the-complete-story-abridged-bcc730c5f2c0
13
 Cap. III Studiu de caz – Platformă online de închirieri de locuințe în
scopuri turistice

III.1. Scop și obiective ale platformei.

Țara noastră atrage un potențial valoros de turiști având ca avantaj atât locurile minunate
cât și oamenii primitori. În același timp turiștii aduc și un potențial financiar valoros țării noastre.
Având în vedere că provin dintr-un loc cu atracții turistice și mulți turiști care îmi calcă
meleagurile de la an la an, m-am gândit să vin în ajutorul persoanelor care vor să își închirieze
locuința în scop turistic cu ajutorul unei platforme online.
Am constituit o "Platformă online de închirieri de locuințe în scopuri turistice" cu un
design modern și primitor astfel încât să atragă potențiali ofertanți cât și turiști care vor să
închirieze locuințe de pe acest site.
Platforma este ușor de utilizat iar cei care o vor accesa nu vor întâmpina probleme.

III.2. Proiectarea interfeței GUI (graphical user interface)

Una dintre cele mai importante părți din proiectul meu este interfața grafică, aceasta fiind
componenta vizuală care comunică cu utilizatorul. Etalează obiecte care comunică informații și
arată acțiuni care sunt îndeplinite de utilizator.
Aspectul unui site sau aplicație poate fi realizat și proiectat după cum îi place fiecăruia
datorită naturii și a interfețelor grafice ale utilizatorului, neavând legătură cu funcțiile aplicației.
De cele mai multe ori toate aplicațiile si site-urile au interfețe grafice diferite
implementate de către utilizatorii lor.
În proiectul meu interfața grafică cuprinde elemente precum:
• Comenzi de intrare: cum ar fi diverse butoane , câmpuri de tip text, casete de selectare,
butoane radio etc.
• Componente de navigare: cum ar fi etichete, slider, breadcrumb.
• Componente de informare: tooltips, bara de progres, notificări, ferestre modale
• Containere.
Pentru a realiza aspectul aplicației, am utilizat HTML5, CSS3 și framework-ul Bootstrap.

14
 III. 3.1. Înregistrarea și logarea în platformă
În momentul în care utilizatorii fie ei ofertanți sau turiști vor dori să acceseze această
platformă primul pas pe care îl vor parcurge este înregistrarea.
După cum se poate observa in Figura 1 utilizatorii se vor înregistra în platformă cu
numele, prenumele, o adresă de email validă și o parolă pe care o vor folosi ori de câte ori vor
realiza logarea în platformă.

Figura 1 Formularul de Sign Up

După ce utilizatorii platformei vor îndeplini pașii de înregistrare, urmează ca aceștia să se

logheze și ori de câte ori vor dori să intre în platformă o vor face doar prin logare cu adresa de
email și parola.

Figura 2 Formularul de Sign In

15
 În scriptul de mai jos este reprezentată funcția de logare care ne ajută să realizăm
autentificarea.

Figura 3 Scriptul pentru funcția de logare

În scriptul de mai jos este reprezentată funcția pentru SingOut, iar mai jos în Figura 5 este
reprezentat scriptul pentru SignUp.

Figura 4 Scriptul pentru SignOut

Figura 5 Scriptul pentru funcția de SignUp

16
 Pentru a ne asigura că datele introduse sunt corecte, am adăugat câmp de validare la
adresa de email. În momentul în care adresa de email nu este introdusă corect, va apărea error,
după cum se poate observa în Figura 6.

Figură 4 Scriptul pentru funcția de SingOut

Figura 6 Validarea paginii SignUp

În scriptul din Figura 7 este reprezentată clasa de direcționare a utilizatorilor, mai exact
aici se verifică dacă un utilizator este autentificat el va fi direcționat spre pagina principală, în
caz contrar se va deschide pagina de autentificare unde acesta se poate loga sau își poate crea un
cont nou.

Figura 7 Clasa de direcționare a utilizatorului

17
III.3.2. Pagina principală a platformei
Imediat după ce utilizatorii s-au logat în platformă, se va deschide pagina principală.
Acest site are un design modern și primitor unde se regăsesc diverse informații care ii ajută pe
utilizatori să acceseze cu ușurință această platformă.
Pe această pagină se regăsesc informații precum sigla platformei, o bara de navigare care
este alcătuită din 4 butoane principale accesibile prin link-uri având denumirile: "Acasă",
"Oferta noastră" și "Adaugă oferta". Pagina este adresată atât celor care oferă servicii de cazare
cât și celor care caută să închirieze locuințe.
În Figura 8 se mai poate observa un buton denumit "Casele noastre" iar accesând-ul va
duce la o altă pagină, adresa de email a persoanei care a accesat platforma și butonul de Logout.

Figura 8 Pagina principală

Imediat în josul paginii principale avem secțiunea de servicii, după cum se poate observa
în Figura 9. Această secțiune este destinată atât celor care doresc să își pună oferta, dar în mod
special este pentru turiști ajutându-i prin diferite servicii. Totodată oferă și informații despre
locuință, de exemplu după cum se poate observa în prima imagine este specificat faptul că,
locuința este complet mobilată.
Acest site are ca avantaj traducerea lui în orice limbă dorită de către utilizatori, și oferă
transport celor care solicită acest lucru.

Figura 9 Servicii

18
 III.3.3. Adăugare ofertă

Persoanele care vor să își adauge oferta în platformă, vor accesa butonul oferta ta, aceștia
vor fi îndrumați către un formular separat denumit „ Adăugare ofertă „ în această pagină
acestora li se va permite completarea ofertei pe care vor să o prezinte cu ajutorul câmpurilor
"Titlu ofertă" mai exact în acest câmp vor completa cu numele locuinței "Detalii", "Preț",
“Mărimea”, “Capacitatea” și multe altele, iar la sfârșitul formatului având posibilitatea de a
adăuga imaginile ofertei.

Figura 10 Formularul de înregistrare ofertă

19
 În scriptul din Figura 11 este reprezentat o parte din codul de adăugare ofertă.

Figura 11 Script adăugare ofertă

Tot pe pagina principală se regăsește secțiunea de contact, după cum se poate observa în
Figura 12. Prin această secțiune, site –ul vine în ajutorul clienților oferind un număr de contact,
adresa de email și pagina de Facebook.

Figura 12 Contact

III.3.4. Ofertele noastre

După accesarea butonului "Oferta noastră" din pagina principală se deschide următoarea
pagină după cum se poate observa în Figura 13. Această pagină se adresează persoanelor care
caută cazare având butoane care oferă posibilitatea de a alege mai rapid oferta potrivită.
După cum se poate observa turiștii își pot alege tipul camerei accesând primul buton de
tip listă care conține următoarele oferte: "single", "double", "family" sau "prezidențial" , numărul
persoanelor care urmează să fie cazate, ofertele în funcție de prețul ales și mărimea camerei.

20
 În plus, aici turiștii au varianta de a alege dacă își doresc mic dejun inclus și totodată dă
posibilitatea de a selecta locuințele care acceptă animale de companie.

Figura 13 Alegerea ofertei

În urma filtrării rezultatelor alese de mine, se va afișa pagina de mai jos reprezentată în
Figura 14. După cum se poate observa am ales toate tipurile de locuințe pentru minim 2 persoane
cu toate variantele de preț și fără a selecta dacă doresc sau nu mic dejun inclus, sau fără a selecta
faptul că doresc sau nu cazare unde se permite accesul cu animăluțele de companie. Mai exact
aici se afișează rezultatele în funcție de preferințele fiecărei persoane.

Figura 14 Prezentarea ofertelor

După filtrarea ofertei, dacă rezultatul dorit nu se regăsește printre oferte se va afișa
următorul mesaj “ Din păcate, nicio camera nu se potrivește cu parametrii dumneavoastră de
căutare “ acest lucru poate fi observat în Figura 15.

Figura 15 Nu sunt
21 afișate rezultate
 În momentul în care nu funcționează site-ul din diverse motive, se va afișa pagina de
Error.

Figura 16 Error Page

Pentru realizarea selecției am aplicat această funcție de filtrare care returnează și afișează
camerele în funcție de ce parametri selectați. Prin acest lucru putem observa că parametrii au fost
selectați și pe baza lor se face o căutare în lista noastră de camere.

22
 Figura 17 Scriptul pentru funcția de filtrare

III.3.5. Prezentarea locuinței

În momentul în care accesezi una dintre locuințe se va deschide o pagină cu încăperile
care îi aparțin după cum se observă în Figura 18.

Figura 18 Prezentarea locuinței

23
 În josul paginii sunt prezentate unele detalii, informații. Tot aici turiștii pot să își
catalogheze impresiile cu ajutorul steluțelor, aceste componente se observă în Figura 19.

Figura 19 Detalii și informații despre oferta

III.3.6. Conectarea la Baza de Date

Cum am menționat în capitolul anterior baza de date utilizată în realizarea platformei
online de închirieri de locuințe în scop turistic este Fire Base, ea se accesează la link-ul
https://firebase.google.com/. Această Bază de date este una dintre cele mai noi variante de a
salva date, aceasta salvează date în timp real și conectarea la această bază se face astfel:

Figura 20 Conectarea la baza de date

24
 Când vorbim despre RDBMS așa numită baza de date de rațională cum ar fi SQL era
unul dintre modelele cele mai alese de utilizatori pentru a gestiona baze de date. În prezent au un
mare succes bazele de date non-raționale "NoSQL" fiind o soluție pentru utilizatori.
Când vorbim despre SQL, acesta reprezintă un limbaj standard de baze de date care
realizează legături de comunicare între un utilizator și o bază de date relațională. De obicei se
folosește pentru a gestiona, stoca și prelucra date din baza de date cu ajutorul aplicațiilor și
interogărilor.
Datorită faptului că de obicei utilizatorii se ocupă de baze de date de mari dimensiuni,
acest lucru a adus la implementarea NoSQL. Cu acest limbaj de programare datele se pot salva în
mai multe legături de procesare și nu este nevoie de o schemă sau tabel fix.
NoSQL a fost gândită ca o bază de date complet diferită care dă voie ca datele să fie
procesate rapid și agil pe o arie mult mai largă.
În concluzie atât bazele de date SQL cât și NoSQL sunt concepute pentru stocarea datelor
și rămâne la latitudinea fiecărui utilizator care dorește să o folosească. Pentru implementarea
acestui proiect am ales o bază de date NoSQL.
Marcarea obiectului JavaScript (JSON) reprezintă o structură standardizată bazată pe text
pentru a afișa datele structurate care se bazează pe o sintaxă a obiectului JavaScript. 
În modelul JSON (Java Script Object Notation) sunt ținute datele si informațiile despre
case. Datele sunt extrase din baza de date și sunt stocate într-un astfel de format JSON sau
obiect. Firebase fiind o bază de date non-sql ne-a fost destul de ușor să lucrăm cu un astfel de
format.
Țin să menționez că o parte din date sunt stocate local în fișiere pentru cazul în care avem
probleme cu internetul sau apar probleme cu baza de date, astfel încât pe ecran să apară conținut.

Figura 21 Stocare date

25
 În momentul în care un user nou se înregistrează în baza de date, el va fi afișat astfel:

Figura 22 Afișare user în baza de date

Lista persoanelor care s-au înregistrat în platformă. După cum am menționat mai sus baza
de date utilizată este Firebase.

Figura 23 Tabelul persoanelor din baza de date

Ștergerea unui utilizator din baza de date se face astfel ca în figura 24.

Figura 24 Ștergerea din baza de date a unui utilizator

26
 Figura 25 warning

Figura 26 Salvare ofertă în baza de date

27
 Concluzii

În concluzie pentru realizarea acestui proiect am utilizat toate informațiile și abilitățile

studiate în perioada studenției. Am citit și utilizat tehnologiile învățate la cursuri și laboratoare
precum și tehnologii noi ca de exemplu baza de date firebase și biblioteca ReactJs.
Platforma online de închirieri de locuințe în scopuri turistice HYHUY se bazează pe un
design modern, ușor de utilizat pentru toată lumea. Închirierea în regim hotelier pentru perioade
scurte de timp, prin intermediul acestei platforme se poate realiza într-un mod liber, fără
îndeplinirea vreunei formalități de birocrație.
Când am văzut lista de teme propuse pentru realizarea lucrării de licență, tema care mi-a
atras atenția în mod special a fost aceasta, deoarece locuiesc într-o zonă cu potențial turistic
valoros într-un sat înconjurat de foarte multe pensiuni și totodată am avut ocazia să lucrez la o
casă de tip pensiune unde proprietara se confrunta adesea cu problema " dacă pe booking îmi
rezervă una sau două camere, celelalte trebuie să le las neînchiriate pentru a nu provoca discuții
între turiștii care nu se cunosc având bucătăria și alte spații la comun" de aceea această platformă
are ca avantaj faptul că locuințele sunt închiriate în totalitate acest lucru înseamnă și un venit mai
mare pentru deținătorii de locuințe.
Informatica fiind un domeniu în care se progresează haotic cu siguranță și platforma va
necesita îmbunătățiri în urma cererii clienților.
Aspecte care ar trebui îmbunătățite la această platformă sunt:
 Posibilitatea ca utilizatorii să își poată face rezervarea și online, nu doar la telefon;
 Secțiune de comentarii pentru turiști
 Evidențierea locuințelor deja închiriate, care sunt indisponibile într-o anumită perioadă

28
 Bibliografie

1) DINU SIMONA, TEHNOLOGII INFORMAȚIONALE ÎN TURISM – STRATEGII I

PERSPECTIVE Constanța
2) Icob, Ancuța Epânceac, Direcția de Statistică a Indicatorilor Economici pe Termen
Scurt, Turismul României Breviar Statistic, 2010
3) Virginia DeBolt, Integrated HTML and CSS: A Smarter, Faster Way to Learn, SYBEX
Inc., California, 2005
4) https://www.c-sharpcorner.com/article/what-and-why-reactjs/?
fbclid=IwAR3aQxcRwQHVGDMWMb2xfPyL6msf4HmpioCzhdDdz92E72CrVKhvqY
Prnjc
5) https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/
JSON#:~:text=JavaScript%20Object%20Notation%20(JSON)%20is,page%2C%20or
%20vice%20versa)
6) https://blog.udemy.com/nosql-vs-sql-2/?
utm_source=adwords&utm_medium=udemyads&utm_campaign=DSA_Catchall_la.EN
_cc.ROW&utm_content=deal4584&utm_term=_._ag_88010211481_._ad_43749733700
4_._kw__._de_c_._dm__._pl__._ti_dsa-
393987629421_._li_1011842_._pd__._&matchtype=b&gclid=Cj0KCQjwudb3BRC9AR
IsAEa-vUuteIXnSzdddf2g3NkT5JBOTetC9JiDW57-
_pTcNQ_ko0UQzHBIWlMaAvkYEALw_wcB
7) https://hackernoon.com/introduction-to-firebase-218a23186cd7?
fbclid=IwAR0u0bJxAaBk41K4blnultoMt4cZO1DzFo3MGE3yh_XZl7HTzpklZB4ggR0
8) https://medium.com/firebase-developers/what-is-firebase-the-complete-story-abridged-
bcc730c5f2c0
9) https://howtofirebase.com/what-is-firebase-fcb8614ba442
10) https://ro.wikipedia.org/wiki/Rom%C3%A2nia
11) https://romania.directbooking.ro/obiective-turistice~vatra-dornei-46.aspx
12) https://www.wearemarketing.com/blog/tourism-and-technology-how-tech-is-
revolutionizing-travel.html?
fbclid=IwAR25rkIWsQBInJMrJ85wjUEDsmHZ6DRAZXhiiWBDlZ7nMubJ_Nvmugon
H5s

29
30