UNIVERSITATEA POLITEHNICA DIN BUCURES, TI

FACULTATEA DE AUTOMATICĂ S, I CALCULATOARE

DEPARTAMENTUL DE CALCULATOARE
Computer Science - Logo
HBFX

Computer Science
& Engineering
Department

Computer Science
& Engineering
Department

PROIECT DE DIPLOMĂ

CareerPath
Aplicat, ie web dedicată orientării profesionale

George-Adrian Constanda

Coordonator s, tiint, ific:

Conf. Cornel Popescu

BUCURES, TI
Iulie 2021
CUPRINS

1 Introducere 1

1.1 Context . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

1.2 Problema . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

1.3 Obiective . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

1.4 Solut, ia propusă . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

1.5 Rezultatele obt, inute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

1.6 Structura lucrării . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

2 Motivat, ie 4

2.1 Potent, iali client, i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

2.2 Cerint, e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

2.3 Scenarii de utilizare . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

2.4 Listă de funct, ionalităt, i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

2.5 Scop central . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

3 Studiu de Piat, ă 6

3.1 Analiza piet, ei . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

3.1.1 Caracterul demografic al publicului t, intă . . . . . . . . . . . . . . . 6

3.1.2 Angajabilitate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

3.1.3 Caracter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

3.1.4 Satisfact, ie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

3.1.5 Motivat, ie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

3.1.6 Continuitate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

3.1.7 Schimbare . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

3.2 Metode existente . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

1
 3.2.1 CareerExplorer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

3.2.2 123Test . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

3.2.3 Truity . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

3.2.4 CareerFitter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

3.2.5 Comparat, ia metodelor existente cu solut, ia propusă . . . . . . . . . . 14

4 Proiectarea aplicat, iei 15

4.1 Diagrama cazurilor de utilizare . . . . . . . . . . . . . . . . . . . . . . . . . 15

4.2 Diagrame de execut, ie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

5 Detalii de implementare 18

5.1 Corelarea testului de personalitate cu testul de carieră . . . . . . . . . . . . 19

5.2 Similitudinea carieră - personalitate . . . . . . . . . . . . . . . . . . . . . . 21

5.3 Concepte arhitecturale . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

5.3.1 Repartizarea modulelor aplicat, iei . . . . . . . . . . . . . . . . . . . 23

5.4 Tehnologii utilizate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

5.4.1 HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

5.4.2 CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

5.4.3 JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

5.4.4 ReactJS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

5.4.5 NodeJS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

6 Evaluare 28

6.1 Corectitudine . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28

6.2 Calitate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28

6.3 Avantaje s, i dezavantaje . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

7 Concluzii 30

7.1 Obiective atinse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

7.2 Implementare . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

7.3 Rezultate obt, inute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

 7.4 Dezvoltări ulterioare . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Anexa A Capturi de ecran 34

A.1 Submeniul ”Acasă” . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

A.2 Submeniul ”Despre noi” . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

A.3 Submeniul ”Test” . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

A.4 Submeniul ”Consilieri” . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

A.5 Submeniul ”Întrebări frecvente” . . . . . . . . . . . . . . . . . . . . . . . . 38

A.6 Submeniul ”Contact” . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

Anexa B Extrase de cod 40

SINOPSIS
Acest proiect are drept scop realizarea unei aplicat, ii destinată persoanelor care se află ı̂n
plin proces de reprofilare profesională sau se regăsesc la ı̂nceputul carierei s, i nu reus, esc să
identifice primii pas, i spre calea cea mai bună. Această platformă poate fi accesată atât pentru
a stabili o posibilă reconvertire profesională, fiind ı̂nsă foarte utilă s, i pentru tineri dornici să ı̂s, i
construiască un viitor temeinic. Este o aplicat, ie web asemănătoare unui test de personalitate
s, i care nu necesită cunos, tint, e tehnice majore, ci doar o interact, iune de tip Q&A la finalul
căreia vor obt, ine un rezultat concludent ı̂n ceea ce prives, te planul profesional. De asemenea,
pe lângă testul propriu-zis de evaluare a competent, elor s, i creativităt, ii corespunzătoare fiecărui
domeniu de activitate, utilizatorii pot contacta o serie de analis, ti s, i consilieri de carieră pentru
a stabili o eventuală ı̂ntâlnire pentru a analiza rezultatele.

ABSTRACT
This project aims to create an application for people who are in the process of professional
retraining or are at the beginning of their careers and fail to identify the first steps towards the
best path. This platform can be accessed both to establish a possible professional reconversion,
but it is also very useful for young people eager to build a solid future. It is a web application
similar to a personality test which does not require major technical knowledge, but only a Q&A
interaction which in the end will give a conclusive result in terms of the users professional
plan. In addition to the actual skills and creativity assessment for each field of activity, users
can contact a series of analysts and career counselors to set up a possible test review meeting.
1 INTRODUCERE
În cadrul capitolului curent, am ales să discut despre contextul realizării proiectului, despre
descrierea problemei, a obiectivelor solut, iei propuse, despre rezultatele obt, inute, cât s, i despre
structura prezentei lucrări. În cele ce urmează, voi detalia aspectele cele mai importante legate
de prezentul proiect.

1.1 Context

În prezent, un job este indispensabil ı̂ntr-o societate bazată pe consum. Având ı̂n vedere
că fiecare persoană ı̂s, i dores, te un job stabil, rentabil s, i satisfăcător, acest fapt conduce la o
abordare dificilă a alegerii carierei sau a ideii de reprofilare care poate apărea odată ce angajatul
simte nevoia de o schimbare radicală. Posibil ca majoritatea dintre noi să cunoas, tem cel put, in
o persoană care se confruntă cu probleme la locul de muncă s, i nu reus, es, te să găsească solut, ia
potrivită. Dacă un individ are un loc de muncă potrivit [12], ar trebui să:

• as, tepte cu nerăbdare să meargă la muncă

• se simtă energizat de ceea ce face
• simtă respectul s, i aprecierea contribut, iei sale
• se simtă mândru atunci când prezintă altor persoane una dintre lucrările sale
• se bucure de oamenii cu care lucrează
• respecte oamenii alături de care lucrează
• se simtă optimist cu privire la viitor

Dacă unul sau mai multe puncte discutate anterior nu are loc, ı̂nseamnă că este nevoie cel
put, in de un test de personalitate pentru a observa compatibilitatea cu mediul curent de lucru.

1.2 Problema

Una dintre problemele lumii moderne este incertitudinea zilei de mâine, iar acest fapt este
datorat ı̂n principal situat, iei de la locul de muncă sau lipsa acestuia. Pentru fiecare loc
de muncă este necesar să ne dozăm energia eficient s, i să primim ı̂n schimb satisfact, ie s, i
automult, umire. Dacă acest lucru nu are loc, avem o problemă majoră care necesită intervent, ie
imediată. Poate fi extrem de dificil ca un individ să meargă ı̂mpotriva a ceea ce alt, ii as, teaptă
de la el. Chiar dacă o persoană este mult, umită de slujba sa, este posibil să simtă presiunea
din partea celorlalt, i pentru a rămâne acolo unde este.

1
În timpul unei schimbări de carieră, sprijinul s, i ı̂ncurajarea din partea familiei s, i a prietenilor
este o resursă esent, ială. Dacă cei apropiat, i resping o modificare, este mai probabil ca persoana
respectivă să continue să facă acelas, i lucru s, i să amâne schimbarea. Pe de altă parte, este
adevărat că odată ce se stabiles, te un anumit stil de viat, ă, este dificilă imaginarea conviet, uirii
ı̂n cadrul altuia. Dacă un anumit nivel de succes este atins s, i apare obis, nuint, a cu succesul, a
ı̂ncepe totul de la zero poate părea de neimaginat.

Pentru a face schimbarea s, i mai dificilă, majoritatea dintre noi nu s, tim cu adevărat ce trebuie
să ne satisfacă. S, tim ce nu ne place, dar nu s, tim cum să ne gândim la o alternativă ı̂mplinită.
Schimbarea carierei poate fi extrem de stresantă s, i nu este neobis, nuit ca procesul să dureze
câteva luni. Există o mult, ime de urcus, uri s, i coborâs, uri, ı̂nsă, cu toate acestea, s, tim s, i cât
de minunate pot fi recompensele. Deblocând secretele tipului de personalitate, se poate găsi
o slujbă cu adevărat ı̂mplinită, care ı̂mbunătăt, es, te calitatea viet, ii. Chiar dacă schimbarea
locurilor de muncă este ı̂nspăimântătoare s, i chiar dacă este mai us, or să continuăm ceea ce
facem, este o idee excelentă măcar să ı̂ncercăm un aer profesional nou. [12]

1.3 Obiective

Scopul principal al acestui proiect este realizarea unei aplicat, ii program axată asupraı̂mbunătăt, irii
viet, ii profesionale a utilizatorilor s, i, implicit, o mai bună coordonare a raportului muncă - rela-
xare, folosind tehnologii web: HTML, CSS, JavaScript (jQuery, React, Node). Un alt obiectiv
substant, ial ca important, ă este o situat, ie stabilă a carierei care va duce la perfect, ionarea ca-
lităt, ii viet, ii. Pentru respondent, ii aflat, i la ı̂nceputul drumului ı̂n carieră, scopul central este
acela de a oferi o perspectivă integrantă de asociere a specializării urmate ı̂n prezent cu vii-
torul loc de muncă. Se folosec cele trei tehnologii amintite mai sus pentru a crea un sondaj
interactiv, responsive, cu aspect modern, care să răspundă cerint, elor fiecărui client. Astfel,
utilizatorii pot opta exclusiv pentru o vizită la unul dintre cabinetele consilierilor de carieră
sau pot stabili o ı̂ntâlnire ı̂n mediul online. Pe de altă parte, obiectivul amintit anterior cu
privire la cres, terea calităt, ii profesionale este suplimentat prin us, urint, a cu care utilizatorii pot
formula o ı̂ntrebare prin formularul dedicat sau prin testul propriu-zis de carieră.

1.4 Solut, ia propusă

Solut, ia implementată presupune un test cu un număr fix de ı̂ntrebări, cu rol de calibrare a

carierei respondentului, care, alături de eventualele ı̂ntâlniri cu consilierii parteneri, va alcătui
baza unui nou drum spre succes. Testul nu are limită de timp, ı̂nsă se estimează că ar trebui
rezolvat ı̂n aproximativ 10 minute, având ı̂n vedere că este alcătuit dintr-o serie de 15 ı̂ntrebări
din toate ramurile care pot fi evaluate: creativitate, socializare, inteligent, ă emot, ională, dorint, a
de perfect, ionare continuă, rezistent, a la stres, implicarea ı̂n activităt, i fizice, competent, e digi-
tale, coordonarea unei ı̂ntregi echipe, dorint, a de a fi ı̂n centrul atent, iei. La finalul testului,

2
se realizează un punctaj aferent fiecărei profesii s, i rezultatul final afis, at utilizatorului este
constituit de profesia care a obt, inut scorul cel mai mare.

1.5 Rezultatele obt, inute

În urma efectuării unui număr semnificativ de testări, proiectul este considerat a fi unul bun
dacă este analizat din punct de vedere calitativ s, i cantitativ, cu o rată de satisfact, ie ı̂n rândul
respondent, ilor ce depăs, es, te 70% s, i un trend crescător ı̂n ceea ce prives, te motivat, ia s, i eficient, a
la locul de muncă. Reprofilările au avut loc ı̂ntr-o proport, ie de 25%, ceea ce ı̂ntăres, te ideea
că plăcerea de la job trebuie pusă ı̂n balant, ă cu nivelul de muncă prestat s, i nu este o idee
bună să amânăm schimbarea pozit, iei pe care activăm. Pe de altă parte, noii venit, i pe piat, a
de muncă au considerat a fi util acest chestionar ı̂n proport, ie de 60% ı̂ntrucât au reus, it să ı̂s, i
facă o idee de bază ı̂n ceea ce prives, te viat, a profesională s, i provocările cu care vine aceasta,
ı̂n timp ce jumătate dintre ei nu au corespuns cu specializarea pe care o urmează ı̂n prezent.

1.6 Structura lucrării

Lucrarea este structurată ı̂n s, apte capitole bine definite. Primul capitol este cel actual, având
scop introductiv ı̂n tematica abordată. Al doilea capitol are rol de definire a motivat, iei realizării
acestui proiect. Al treilea capitol urmăres, te analiza piet, ei, metodele similare existente pe
piat, ă, limitările lor, cât s, i evaluarea lipsurilor aduse de acestea ı̂n comparat, ie cu proiectul
curent. Cel de-al patrulea capitol este alcătuit din elementele constitutive ale solut, iei propuse
cu diagrame s, i abordări practice pentru fiecare componentă ı̂n parte. Al cincilea capitol
ı̂ncepe cu detaliile implementării aplicat, iei, etapizarea dezvoltării, pentru ca ı̂n final să cont, ină
principalele tehnologii folosite ı̂n lucrare, dar s, i demonstrarea veridicităt, ii solut, iei propuse. Cel
de-al s, aselea capitol cuprinde evaluarea precisă a produsului final prin rapoarte s, i comparat, ii
relevante cu studii din acelas, i domeniu de activitate. Ultimul s, i cel de-al s, aptelea capitol
prezintă concluzii, sumarizând ı̂ntreaga lucrare pentru o bună perspectivă de ansamblu asupra
a ceea ce am reus, it să rezolv, la care se alătură livrabilele obt, inute ı̂n urma realizării proiectului
comparativ cu solut, ii deja existente pe piat, ă.

3
2 MOTIVAT, IE
2.1 Potent, iali client, i

Publicul t, intă asociat prezentului proiect este diversificat, de la liceeni situat, i la ı̂nceput de
drum, la student, i care se află pe băncile facultăt, ii, până la oameni experimentat, i ce necesită o
schimbare radicală din pricina situat, iei de la locul de muncă actual. Această lucrare explorează
pe deplin psihanaliza muncii [9], analizând alegerea carierei, performant, a la locul de muncă s, i
satisfact, ia la locul de muncă, cu un ochi ı̂ndreptat spre a ajuta oamenii să facă alegeri mai
ı̂nt, elepte care să scoată ı̂n evident, ă ceea ce este mai bun ı̂n ei ı̂ns, is, i, colegii lor s, i organizat, ia
lor.

2.2 Cerint, e

Dintre cele mai importante cerint, e se regăsesc:

• Întrebări care au la bază subiecte din toate ariile s, i domeniile de activitate

• Ment, inerea curiozităt, ii participant, ilor la test prin ı̂ntrebări captivante s, i interesante
• Lipsa limitei de timp pentru a nu suprasocilita respondentul s, i a nu grăbi răspunsurile,
fapt care ar putea cauza un rezultat neconcludent
• Un rezultat concludent la finalul testului, urmat de ı̂ntâlnirea cu consilierul de carieră

2.3 Scenarii de utilizare

Scenariile de utilizare cele mai importante sunt următoarele:

• Pentru toate categoriile de potent, iali client, i: posibilitatea de a verifica faptul că locul
de muncă actual se potrives, te exact cu trăsăturile de caracter
• Pentru toate categoriile de potent, iali client, i: considerarea unor variante alternative ı̂n
cazul ı̂n care apare ceva imprevizibil la job-ul din prezent
• Doar pentru tinerii aflat, i la ı̂nceputul carierei: aflarea celei mai bune căi către o viat, ă
profesională motivantă s, i de succes

4
2.4 Listă de funct, ionalităt, i

Principalele funct, ionalităt, i sunt următoarele:

• Interfat, ă modernă s, i interactivă a ı̂ntregului website

• Sust, inerea unui test de personalitate
• Formularea directă a unui e-mail către consilierul de carieră ales ı̂n prealabil, doar prin
simpla apăsare pe numele acestuia
• Consultarea ı̂ntrebărilor cele mai frecvente
• Solicitarea de informat, ii suplimentare prin intermediul formularului de contact
• Eventualitatea ca mai multe grupuri din cadrul diverselor firme să poati fi testate periodic
• Utilizarea aplicat, iei drept suport ı̂n cadrul s, colilor s, i liceelor interesate de acest domeniu
• Utilizarea testului pentru o mai bună viziune profesională pe termen mediu s, i lung

2.5 Scop central

Schimbarea ne obligă continuu să ne adaptăm. Aproape toată lumea este afectată de
schimbările din lumea muncii. Întreprinderile sunt reorganizate, locurile de muncă se pierd, ı̂n
timp ce altele sunt create, iar progresele tehnologice schimbă modul ı̂n care ne facem munca.
Societatea noastră informat, ională [7] solicită din ce ı̂n ce mai mult, i lucrători să fie student, i
eficient, i pe tot parcursul viet, ii. Gândirea, ı̂nvăt, area s, i utilizarea abilităt, ilor de gestionare a
schimbării devin parte integrantă a succesului ı̂n orice loc de muncă. Înt, elegerea modului
natural de lucru poate ajuta o persoană să se adapteze la viitor. Uneori, a rămâne la fel poate
ı̂nsemna să mergi ı̂napoi. Lucrurile se schimbă atât de rapid ı̂n jurul nostru ı̂ncât, dacă pur
s, i simplu ne t, inem capul ı̂n jos s, i ne facem treaba, putem pierde teren. Astfel, este esent, ial
să ne evaluăm ı̂n mod regulat situat, ia, opt, iunile s, i pe noi ı̂ns, ine s, i să ne revizuim cariera din
când ı̂n când. Apoi putem lua măsuri pentru a ne t, ine pe drumul ales. Alegând s, i trecând
spre opt, iuni care pot ı̂mbunătăt, i gradul de adaptabilitate [7], se poate decide ı̂n mod eficient
ce informat, ii necesită a fi ı̂nvăt, ate s, i ce abilităt, i merită efortul de dezvoltare.

O persoană se schimbă s, i se dezvoltă pe parcursul viet, ii sale. Când se ı̂ncepe cariera, ı̂ncepe
s, i ı̂nt, elegerea s, i testarea preferint, elor. Pe măsură ce ne dezvoltăm s, i ne maturizăm, ı̂nvăt, ăm
să ne folosim modul natural de lucru s, i să ne compensăm slăbiciunile. De-a lungul timpului,
putem alege să ne extindem treptat sau să trecem la provocări noi s, i diferite, asumându-
ne activităt, i s, i roluri pe care le-am fi putut evita mai devreme ı̂n viat, ă. Priorităt, ile noastre
personale, situat, ia s, i stilul de viat, ă se schimbă, de asemenea, ı̂n timp. De exemplu, schimbările
ı̂n relat, ii, roluri, abilităt, i fizice s, i mentale, sănătate s, i locat, ie [7] fac importantă reevaluarea
obiectivelor s, i priorităt, ilor noastre. Înt, elegerea abordării naturale a muncii ne poate ajuta să
luăm decizii care ne permit să ne ajustăm atât cariera s, i calea viet, ii, cât s, i să ne maximizăm
satisfact, ia personală s, i profesională ı̂n mod continuu.

5
3 STUDIU DE PIAT, Ă
3.1 Analiza piet, ei

Opinia potent, ialilor client, i a fost evaluată cu ajutorul unui sondaj cu un număr de 8 ı̂ntrebări,
la care au fost invitat, i să răspundă aproximativ 50 de persoane.

3.1.1 Caracterul demografic al publicului t, intă

Figura 1: Repartizarea respondent, ilor pe grupe de vârstă

Publicul t, intă este ı̂n general axat spre sectorul tânăr, cele mai multe răspunsuri venind de la
persoane cu vârsta cuprinsă ı̂ntre 22 s, i 28 de ani. Pe lângă aces, tia, au mai răspuns s, i câteva
persoane din grupele de vârstă 30-40, respectiv 50-60 de ani, pentru a oferi sondajului un
grad de diversitate relativ ridicat, ı̂nsă totodată să se t, ină cont s, i de evolut, ia generat, iilor.

6
 Figura 2: Repartizarea respondent, ilor pe sexe

Din cei 50 de oameni care au răspuns prezent solicitării de a participa la cercetarea piet, ei, 46%
au fost femei s, i 54% bărbat, i. Astfel, am asigurat o uniformizare a maselor de participant, i.

3.1.2 Angajabilitate

Figura 3: Angajabilitate

La momentul realizării interviului, 17 persoane nu erau angajate, iar restul de 33 se aflau

deja ı̂n câmpul muncii. As, adar, sunt reliefate atât efecte ale angajării de lungă durată, cât s, i
puncte de vedere apart, inând unor oameni care nu au avut contact cu munca până acum.

7
3.1.3 Caracter

Figura 4: Caracter

În imaginea precedentă, 1 reprezintă gradul cel mai put, in semnificativ, iar 5 gradul cel mai
semnificativ. Se observă că o parteı̂nsemnată a masei participante la sondaj, 64%, a considerat
că ocupat, ia din prezent se potrives, te cu trăsăturile de caracter. Restul de 36% au considerat
mai degrabă că o altă meserie s-ar potrivi cu caracterul lor.

3.1.4 Satisfact, ie

Figura 5: Satisfact, ie

În ceea ce prives, te nivelul de satisfact, ie, cele mai multe răspunsuri au avut un echilibrat,

8
majoritatea ı̂ncadrându-se ı̂n intervalul redus-ridicat, pe o scară de la foarte redus la foarte
ridicat.

3.1.5 Motivat, ie

Figura 6: Motivat, ie

În ceea ce prives, te motivat, ia, majoritatea de 80% a considerat că sunt foarte motivat, i de
ocupat, ia profesională din prezent.

3.1.6 Continuitate

Figura 7: Continuitate

9
În ceea ce prives, te continuitatea, o mare parte din respondent, i au considerat că este mai bine
să rămână la ocupat, ia profesională actuală, ı̂nsă au fost s, i 28% dintre aces, tia care doresc
foarte mult să ı̂s, i schimbe profesia.

3.1.7 Schimbare

Figura 8: Schimbare

O treime dintre respondent, i a găsit utilă schimbarea radicală a planului profesional, ı̂n timp
ce restul au mers mai degrabă pe o abordare conservatoare.

3.2 Metode existente

Există nenumărate platforme care se ocupă cu teste de personalitate s, i teste de carieră, cu

avantaje s, i dezavantaje ı̂n funct, ie de dispozitivul de pe care pot fi accesate, ı̂n funct, ie de
publicul pe care se concentrează s, i ı̂n funct, ie de precizia s, i acuratet, ea rezultatelor obt, inute.
Fiecare dintre site-urile pe care va urma să le detaliez ı̂n continuare are propriile strategii
de marketing, propriile tehnologii folosite s, i propriile metode de clasificare a persoanelor care
participă la test ı̂n funct, ie de personalitatea fiecăruia.

10
3.2.1 CareerExplorer

CareerExplorer este una din cele mai bune platforme care oferă utilizatorilor o perspectivă fidelă
asupra personalităt, ii s, i asupra impactului acesteia pentru planul profesional. Site-ul oferă un
test de carieră cu unelte avansate de ı̂nvăt, are automată, testarea trăsăturilor psihometrice s, i,
nu ı̂n ultimul rând, date din care să rezulte nivelul de satisfact, ie profesională. Rating-ul oferit
de utilizatori este excelent, cu o notă de 4.4 din 5, fiind totodată apreciat la nivel mondial de
ı̂ntreaga comunitate de consilieri de carieră.

Figura 9: CareerExplorer [2]

Design-ul CareerExplorer este demn de o platformă care se respectă, iar pe lângă acest lucru,
oferă s, i posibilitatea de accesare de pe dispozitive mobile: smartphone-uri sau tablete. Uti-
lizatorii sunt sfătuit, i să ı̂s, i creeze un cont pentru a avea rezultatul testului salvat ı̂n profilul
personal, iar o altă facilitate esent, ială este ı̂ncercarea de atragere de noi client, i prin strategii
de marketing, pret, special pentru un grup semnificativ de persoane, cum ar fi o echipă, sau
oferirea de membership.

11
3.2.2 123Test

Figura 10: 123Test [1]

123Test oferă o diversitate de teste, de la teste de personalitate pentru a observa compati-

bilitatea cu o anumită profesie, la teste de competent, e digitale s, i până la ı̂ncercarea multitu-
dinii de roluri ı̂n echipă. Platforma cuprinde o serie de 140 de teste ı̂n 5 limbi de circulat, ie
internat, ională, iar ı̂n fiecare an are un număr de utilizatori de peste 30 de milioane la nivel
mondial.

3.2.3 Truity

Figura 11: Truity [4]

12
Truity este o platformă de ı̂ndrumare a utilizatorilor ı̂n carieră pe baza intereselor rezultate
ı̂n urma configuratorului de profil de personalitate. Pe lângă posibilitatea de creare a unui
cont s, i salvarea testelor MBTI ı̂n cadrul acestuia, Truity oferă s, i solut, ii pentru business care
includ testarea unei ı̂ntregi echipe. De asemenea, Truity dispune de o sect, iune dedicată de
ı̂ntrebări frecvente, pentru a nu suprasolicita echipa de suport care supervizează ı̂ntreaga parte
de contact cu client, ii.

3.2.4 CareerFitter

Figura 12: CareerFitter [3]

CareerFitter este un website simplu, dar care are tot ceea ce este nevoie pentru un website de
succes ı̂n domeniul testării personalităt, ii vizitatorilor. Chestionarele prezente ı̂ncă din pagina
de start oferă variante distincte de cuvinte potrivite contextului enunt, at ı̂n ı̂ntrebare, fiind un
substituent demn de luat ı̂n considerare pentru platformele de recrutare clasice. CareerFitter
are un calificativ foarte bun, 4.5/5, obt, inut din aproape 3000 de recenzii.

13
3.2.5 Comparat, ia metodelor existente cu solut, ia propusă

Tabela 1: Comparat, ie cu metodele existente la nivel de funct, ionalităt, i

Platformă Lipsa unui Întrebări generate Cont de Formular

timp limită de agentul IA utilizator de contact
CareerPath X X X X
CareerExplorer X X X X
123Test X X X X
Truity X X X X
CareerFitter X X X X

După cum se poate observa s, i ı̂n tabel, există avantaje s, i dezavantaje atunci când vine vorba
despre solut, ia propusă ı̂n această lucrare.

Lipsa unui limite de timp ı̂n care utilizatorul trebuie să se ı̂ncadreze reprezintă un avantaj sem-
nificativ pentru CareerPath s, i CareerExplorer, neajungându-se la situat, ia ı̂n care respondentul
să fie grăbit pentru a răspunde la test.

Întrebările generate de agentul de inteligent, ă artificială pe baza răspunsurilor precedente nu

sunt regăsite ı̂n CareerPath, ci doar ı̂n cazul platformelor CareerExplorer s, i CareerFitter, fi-
ind un dezavantaj semnificativ ı̂n competit, ia celor mai performante platforme de orientare
profesională.

Contul de utilizator nu ı̂s, i face simt, ită prezent, a la solut, ia propusă ı̂n cadrul acestui proiect,
ı̂nsă nici ı̂n cazul concurentului CareerFitter. Acest concept reprezintă un dezavantaj major,
urmând a fi dezvoltat ulterior.

Formularul de contact este prezent la primele două platforme din tabel, CareerPath s, i Caree-
rExplorer, facilitând comunicarea cu utilizatorii finali ai aplicat, iei.

14
4 PROIECTAREA APLICAT, IEI
4.1 Diagrama cazurilor de utilizare

Figura 13: Diagrama UML de tip use case

Clientul vizualizează lista cu consilierii, existentă pe website ı̂n cadrul sect, iunii dedicate, apoi
contactează unul dintre aces, tia. În următoarea fază, clientul parcurge testul, urmând să
discute despre rezultatele obt, inute la ı̂ntâlnirea stabilită anterior cu consilierul. În final, cei
doi ajung la un consens privind viitorul profesional al clientului. Tot acest proces pornes, te
de la nevoia clientului pentru un sfat profesional, din partea unor oameni specializat, i ı̂n acest
domeniu, s, i reus, es, te ı̂ntr-un final să is, i reconstruiască viat, a din punctul de vedere al carierei.

15
4.2 Diagrame de execut, ie

Figura 14: Diagrama de execut, ie ı̂n cadrul ı̂ntregului website

Utilizatorul alege sect, iunea dorită spre care dores, te să aibă acces, apoi se accesează modulul
specific sect, iunii alese, stabilindu-se astfel care dintre fis, ierele de definire a marcajului (HTML),
de stilizare (CSS) s, i de funct, ionalitate (JavaScript) sunt accesate la fiecare randare.

16
 Figura 15: Diagrama de execut, ie ı̂n cadrul testului

Principalele entităt, i care stau la baza realizării proiectului sunt:

• Browser-ul clientului
• Serverul web
• Serverul script-urilor s, i al aplicat, iei
• Baza de date cu ı̂ntrebările necesare testului de personalitate

În primă fază, are rol o conexiune ı̂ntre browser-ul clientului s, i serverul web. Browser-ul trimite
o cerere către server, iar serverul răspunde la rândul său cu o pagină statică, reprezentând
home-ul proiectului. Act, iunile dinamice ale clientului rezultă ı̂ntr-un răspuns către server.

Apoi, se crează o conexiune ı̂ntre serverul web s, i serverul aplicat, iei. Primul dintre acestea cere
generarea paginii, iar cel de-al doilea răspunde cu pagina generată ı̂n mod dinamic.

În cele din urmă, serverul aplicat, iei propriu-zise realizează o comunicare cu baza de date
a ı̂ntrebărilor necesare pentru testul de carieră. Primul dintre acestea execută o comandă
de cerere a următoarei ı̂ntrebări, primind răspund imediat de la baza de date cu ı̂ntrebarea
generată aleator din setul static de ı̂ntrebări posibile.

17
5 DETALII DE IMPLEMENTARE
Atunci când se realizează profilul clientului, se ia ı̂n calcul ı̂n principal indicatorul MBTI (Myers-
Briggs Type Indicator) care conturează preferint, ele psihologice ale oamenilor rezultate ı̂n urma
act, iunilor lor sau a modului ı̂n care ei văd lumea s, i iau decizii. Indicatorul de tip Myers – Briggs
este un chestionar introspectiv de auto-raportare care indică diferite preferint, e psihologice ı̂n
modul ı̂n care oamenii react, ionează la anumit, i stimuli. Esent, a teoriei este că multă variat, ie
aparent aleatorie a comportamentului este de fapt destul de ordonată s, i consecventă, datorită
diferent, elor de bază ı̂n modul ı̂n care indivizii preferă să ı̂s, i folosească percept, ia s, i judecata.

Figura 16: Indicatorul Myers-Briggs [13]

Distingem patru categorii de trăsături de personalitate. Prima categorie se ı̂mparte ı̂n introver-
siune s, i extraversiune, iar cea de-a doua categorie este divizată ı̂n rat, iune sau trăiri. Penultima
categorie cuprinde simt, uri sau intuit, ie, ı̂n timp ce ultima categorie este compusă din judecată
sau percept, ie.

18
 Figura 17: Tipuri de personalitate [12]

În figura prezentată anterior, se observă cele patru categorii din care se extrag cele s, aisprezece
tipuri de personalitate. Prima categorie se referă la interact, iunea cu lumea, a doua categorie
reglementează absorbt, ia informat, iei, cea de-a treia categorie cont, ine elemente decizionale, iar
ultima categorie reflectă gradul de implicare ı̂n organizarea sarcinilor zilnice.

5.1 Corelarea testului de personalitate cu testul de carieră

Testul de carieră ı̂mpărtăs, es, te ,,ı̂n spate” aceeas, i idee cu testul de personalitate MBTI. În
funct, ie de calităt, ile s, i abilităt, ile respondentului, se alege o profesie corespunzătoare nivelului
său de resurse cognitive.

Figura 18: Prima categorie de job-uri [12]

În figura anterioară, prima categorie de joburi este divizată ı̂n:

• ESTJ (extrovertit, gândire bazată pe simt, uri, gânditor, organizat) conduce spre pozit, ii
de agent asigurări, avocat, farmacist, manager proiect, judecător
• ISTJ (introvertit, gândire bazată pe simt, uri, gânditor, organizat) conduce spre pozit, ii
de auditor, contabil, inginer dezvoltare web
• ESFJ (extrovertit, gândire bazată pe simt, uri, sensibil, organizat) conduce spre pozit, ii
de infirmieră, reprezentant vânzări
• ISFJ (introvertit, gândire bazată pe simt, uri, sensibil, organizat) conduce spre pozit, ii de
dentist, ı̂nvăt, ător, bibliotecar, det, inător franciză

19
 Figura 19: A doua categorie de job-uri [12]

În figura anterioară, a doua categorie de joburi este divizată ı̂n:

• ESTP (extrovertit, gândire bazată pe simt, uri, gânditor, spontan) conduce spre pozit, ii
de detectiv, bancher, agent de divertisment, antrenor sport
• ISTP (introvertit, gândire bazată pe simt, uri, gânditor, spontan) conduce spre pozit, ii de
inginer civil, pilot, fizician
• ESFP (extrovertit, gândire bazată pe simt, uri, sensibil, spontan) conduce spre pozit, ii de
actor, designer interior, savant de mediu
• ISFP (introvertit, gândire bazată pe simt, uri, sensibil, spontan) conduce spre pozit, ii de
terapeut masaj, designer de modă, arhitect peisaj

Figura 20: A treia categorie de job-uri [12]

În figura anterioară, a treia categorie de joburi este divizată ı̂n:

• ENTJ (extrovertit, gândire intuitivă, gânditor, organizat) conduce spre pozit, ii de avocat,
analist de cercetare a piet, ei, consultant de business
• INTJ (introvertit, gândire intuitivă, gânditor, organizat) conduce spre pozit, ii de bancer,
dezvoltator software, economist
• ENFJ (extrovertit, gândire intuitivă, sensibil, organizat) conduce spre pozit, ii de specialist
relat, ii publice, manager vânzări, specialist resurse umane
• INFJ (introvertit, gândire intuitivă, sensibil, organizat) conduce spre pozit, ii de terapeut,
lucrător social, manager relat, ii client, i

20
 Figura 21: A patra categorie de job-uri [12]

În figura anterioară, a patra categorie de joburi este divizată ı̂n:

• ENTP (extrovertit, gândire intuitivă, gânditor, spontan) conduce spre pozit, ii de antre-
prenor, director de marketing, politician
• INTP (introvertit, gândire intuitivă, gânditor, spontan) conduce spre pozit, ii de progra-
mator, analist financiar, profesor universitar, arhitect, economist
• ENFP (extrovertit, gândire intuitivă, sensibil, spontan) conduce spre pozit, ii de jurnalist,
director de publicitate, consultant, restaurator
• INFP (introvertit, gândire intuitivă, sensibil, spontan) conduce spre pozit, ii de designer
grafic, psiholog, fizioterapeut, scriitor

5.2 Similitudinea carieră - personalitate

După cum am putut observa s, i ı̂n sect, iunea anterioară a capitolului curent, fiecare trăsătură
de personalitate din cele 16 este asignată unei categorii de locuri de muncă compatibilă cu
posibilităt, ile intervievatului. Pe de o parte, la finalul testului de carieră respondentul obt, ine
un raport detaliat ı̂n urma căruia va putea lua o decizie cu s, anse ridicate de succes asupra
viitorului său profesional. Pe de altă parte, trebuie să fie garantat că testul de carieră are o
acuratet, e comparabilă cu a celui de personalitate.

Se impune să nu se confunde testul de personalitate, respectiv de carieră, cu testul de

inteligent, ă din care rezultă coeficientul IQ al clientului. Cele două tipuri de teste au ca-
ractere diferite: prima categorie facilitează trasarea caracteristicilor psihologice ale individului,
pe când cel de-al doilea tip stabiles, te practic gradul de inteligent, ă al acestuia. Însă cele
dpuă tipuri de teste au s, i asemănări: lipsa limitei de timp pentru a nu grăbi respondentul,
rezultând răspunsuri eronate, la care se alătură interpretarea exactă a profilului individului prin
răspunsuri clare s, i concise, neavând parte de răspunsuri multiple care pot induce o nuant, ă de
ambiguitate la nivelul scorului final.

21
5.3 Concepte arhitecturale

La baza dezvoltării acestui proiect se află design pattern-ul MVC (Model View Controller),
folosit ı̂n special pentru proiectarea interfet, elor utilizator.

Figura 22: Model View Controller

În figura precedentă, cele trei entităt, i prezintă o separat, ie la nivel logic, prin care se permite
comunicare triangulară, ı̂ntre oricare două. Acesta poate fi folosit atât ı̂n front-end, cât s, i ı̂n
back-end. Elementul esent, ial al acestui s, ablon de proiectare este Modelul, care reprezintă nive-
lul de date s, i gestionarea business logic. View-ul are rol de prezentare, ı̂n timp ce Controller-ul
coordonează ı̂ntreaga activitate pentru a fi translatate informat, iile corect s, i complet spre s, i
dinspre celelalte două elemente componente ale MVC. Procesul ı̂ntreg este următorul: Mode-
lul actualizează View-ul, care este vizualizat de utilizator, iar apoi utilizatorul se foloses, te de
Controller pentru a manipula datele det, inute de către Model.

22
5.3.1 Repartizarea modulelor aplicat, iei

Figura 23: Sect, iunea ”Acasă” ı̂n HTML

În anexa A.1 este prezent atât codul, cât s, i rezultatul pentru sect, iunea ”Acasă”.

Figura 24: Sect, iunea ”Despre noi” ı̂n HTML

În anexa A.2 este prezent atât codul, cât s, i rezultatul pentru sect, iunea ”Despre noi”.

Figura 25: Sect, iunea ”Test” ı̂n HTML

În anexa A.3 este prezent atât codul, cât s, i rezultatul pentru sect, iunea ”Test”.

23
 Figura 26: Sect, iunea ”Consilieri” ı̂n HTML

În anexa A.4 este prezent atât codul, cât s, i rezultatul pentru sect, iunea ”Consilieri”.

Figura 27: Sect, iunea ”Întrebări frecvente” ı̂n HTML

În anexa A.5 este prezent atât codul, cât s, i rezultatul pentru sect, iunea ”Întrebări frecvente”.

Figura 28: Sect, iunea ”Contact” ı̂n HTML

În anexa A.6 este prezent atât codul, cât s, i rezultatul pentru sect, iunea ”Contact”.

24
5.4 Tehnologii utilizate

Principalele tehnologii care stau la baza dezvoltării proiectului curent sunt HTML (HyperText
Markup Language), CSS (Cascading Style Sheets) s, i JavaScript. Dacă HTML este responsabil
de structură, CSS are rol de stilizare, iar JavaScript oferă funct, ionalitate elementelor agregate
de HTML s, i stilizate de CSS. În continuare, voi dezvolta fiecare dintre aceste tehnologii pentru
a putea ı̂nt, elege cum sunt legate ı̂ntre ele pentru a obt, ine o pagină web de succes.

Figura 29: HTML, CSS s, i JavaScript

Cum se poate observa s, i ı̂n figura anterior prezentată, o pagină web modernă nu poate fi creată
ı̂n lipsa uneia dintre tehnologii: HTML, CSS, JavaScript [11]. Oricare din cele trei are rolul
său ı̂n asigurarea calităt, ii unei aplicat, ii web: aspect, performant, ă, scalabilitate, modularizare.
Dacă se renunt, ă la CSS, pagina nu va avea stil, va dispune doar de elemente HTML cu care
interact, ionează utilizatorul prin intermediul JavaScript. Dacă se dores, te ı̂nlăturarea compo-
nentei HTML, practic se pierde esent, ialul aplicat, iei, CSS s, i JavaScript neavând posibilitatea
de substituire a resurselor utile clientului. Pe de altă parte, dacă se renunt, ă la JavaScript,
pagina nu va ma fi interactivă s, i responsive.

5.4.1 HTML

HTML este un limbaj de marcare larg utilizat pentru a afis, a pagini web ı̂n cadrul unui program
specific denumit browser. As, a cum spune s, i denumirea sa, HyperText Markup Language, este

25
folosit pentru translatarea informat, iilor de tip text ı̂n resurse ı̂nt, elese de un navigator (spre
exemplu: paragrafe, liste, tabele, imagini, link-uri, formulare), tot acest proces fiind mai
degrabă unul de definire a structurii paginii web decât de stilizare. Primele versiuni de HTML
au apărut la mijlocul anilor ’90 (versiunea 2 ı̂n 1995, versiunea 3 ı̂n 1997), fiind urmate de
versiunea 4 ı̂n 1999 - 2000. Ultima versiune, cea cu numărul 5, a apărut la finalul anului
2014, ı̂nsă a cunoscut mai multe actualizări până la forma sa actuală răspândită ı̂n ı̂ntregul
web s, i acceptată ı̂ntr-un final s, i de consort, iul W3C (World Wide Web Consortium). Indiferent
de multitudinea de framework-uri care au apărut s, i vor apărea, acestea nu vor putea substitui
complet HTML deoarece acestea reprezintă mai degrabă o us, urare a muncii efectuată la
ı̂nceputurile web-ului.

5.4.2 CSS

CSS este principalul mijloc de formatare s, i stilizare a resurselor oferite de documentele HTML.
Cu ajutorul CSS, care a ajuns actual la versiunea cu numărul 3, particularizarea aspectului
paginii web poate fi efectuată folosind animat, ii, transformări 2D/3D, scheme cu coloane
multiple s, i nu numai. Fiecare element din documentul HTML este configurat pentru a-i
fi schimbate culorile, fonturile, bordurile, marginile, spat, ierea s, i alte elemente grafice prin
intermediul claselor sau al identificatorilor venit, i ca atribute suplimentare. O parte interesantă
a CSS este reprezentată de elementele de UI/UX (User Interface / User Experience) prin
care se dores, te o ı̂nt, elegere a nevoilor s, i preferint, elor consumatorilor din care să rezulte ı̂n
final o aplicat, ie intuitivă, performantă s, i lipsită de erori. Denumirea de Cascading vine de la
posibilitatea de a oferi un anumit stil unui grup de elemente regăsite ı̂n documentul HTML s, i
nu doar unui element singular.

5.4.3 JavaScript

JavaScript este unul dintre cele mai răspândite limbaje de programare dedicate dezvoltării web.
Este un limbaj de programare orientată pe obiecte s, i are avantajul de a putea fi rulat cu us, urint, ă
ı̂n browser cu ajutorul motorului V8 de la Chrome [6]. Acesta reus, es, te să configureze ı̂ntr-un
mod interactiv structura documentului HTML s, i, de asemenea, poate aduce modificări claselor
elementelor stilizate cu ajutorul CSS pentru o doză suplimentară de receptivitate la cerint, ele
utilizatorului. Procedurile specificate anterior dispun de un suport excelent din partea interfet, ei
DOM (Document Object Model) care se regăses, te ı̂n totalitate ı̂n browser-ele existente pe
piat, ă. Totodată, JavaScript iese ı̂n evident, ă prin consola integrată ı̂n navigatoare, componentă
care se poate dovedi utilă la depanare, iar comunitatea de dezvoltatori se dovedes, te din ce ı̂n
ce mai impunătoare ı̂n lumea web.

26
5.4.4 ReactJS

ReactJS este poate cea mai populară bibliotecă open-source de JavaScript dedicată exclusiv
front-end-ului existentă pe piat, ă, cu capacitatea de a crea aplicat, ii de tip single-page sau
mobile cu design modern s, i responsive. React a fost lansat la jumătatea anului 2013 s, i
dispune de suport din partea Facebook, are abilitatea de a ı̂mbina HTML cu JavaScript
prin intermediul JSX (JavaScript XML), iar principalul scop pentru care a fost nevoie de
acesta este dezvoltarea de componente reutilizabile ale interfet, ei utilizator cu us, urint, ă [5].
Această bibliotecă vine la pachet cu un template (schelet de cod) ce are ı̂n component, ă fis, iere
JavaScript, JSON s, i CSS, utile la init, ierea ı̂n acest mediu de lucru. Standardizarea JavaScript,
EcmaScript 6, ı̂s, i face simt, ită prezent, a s, i ı̂n acest caz prin tratarea evenimentelor, utilizarea
router-elor, animat, ii, dar s, i proprietăt, i trimise drept parametru pentru clase. Printre cei mai
populari client, i ai React, amintim: Netflix, Yahoo Mail, New York Times s, i Dropbox. Nu ı̂n
ultimul rând, trebuie amintit faptul că ReactJS nu poate rula ı̂n lipsa NodeJS care urmează
să fie prezentat ı̂n continuare.

5.4.5 NodeJS

NodeJS este o platformă populară de JavaScript dedicată back-end-ului, apărută aproximativ

ı̂n aceeas, i perioadă cu ReactJS. Node rulează peste motorul V8 al Google Chrome s, i facilitează
rularea de cod JavaScript ı̂n afara browser-ului. Această inovat, ie ı̂n lumea programării web
permite utilizarea de unelte avansate de ret, elistică, crearea de servere s, i realizarea operat, iilor
criptografice complicate. Nenumăratele module ce pot fi configurate cu NPM (Node Package
Manager) fac din această tehnologie una de top deoarece se pot găsi solut, ii de diferite com-
plexităt, i ı̂n rândul pachetelor scrise s, i actualizate de dezvoltatori ı̂n mod constant. Trebuie
specificat că Node efectuează operat, ii pe un singur thread, folosind pe cât posibil evenimente,
promisiuni s, i async / await, iar managementul stării este atuul central al acestei tehnologii
inovative. Printre cei mai mari client, i ai Node, distingem: LinkedIn, PayPal, Amazon Web
Services s, i IBM. Node este cunoscut pentru faptul că se ı̂mbină foarte bine cu inovat, iile
aduse de React, finalizând ı̂ntr-o aplicat, ie performantă din toate punctele de vedere: viteză,
scalabilitate, design.

27
6 EVALUARE
6.1 Corectitudine

Solut, ia propusă este corectă prin prisma faptului că a respectat toate cerint, ele stabilite ı̂n cel
de-al doilea capitol.

Prima cerint, ă realizată este faptul că toate ı̂ntrebările au la bază subiecte din toate ariile s, i do-
meniile de activitate: creativitate, socializare, inteligent, ă emot, ională, dorint, a de perfect, ionare
continuă, rezistent, a la stres, implicarea ı̂n activităt, i fizice, competent, e digitale, coordonarea
unei ı̂ntregi echipe, dorint, a de a fi ı̂n centrul atent, iei.

Ment, inerea curiozităt, ii participant, ilor la test prin ı̂ntrebări captivante s, i interesante a constituit
un punct suplimentar ı̂n abordarea cerint, elor aplicat, iei, la care se alătură s, i lipsa limitei de
timp pentru a nu suprasocilita respondentul s, i a nu grăbi răspunsurile, fapt care ar putea
cauza un rezultat neconcludent.

O cerint, ă la fel de importantă ca cele amintite anterior este redată printr-un rezultat concludent
la finalul testului, urmat de ı̂ntâlnirea cu consilierul de carieră, care să contribuie la o mai bună
perspectivă asupra viet, ii profesionale s, i nu numai.

6.2 Calitate

Calitatea solut, iei propuse este oferită de mai multe puncte de performant, ă, urmând a fi pre-
zentate ı̂n următorul tabel:

Tabela 2: Comparat, ie cu metodele existente la nivel de performant, ă

Platformă Load Time TTFB (s) DNS Lookup Uptime (%)

(s) Time (ms)
CareerPath 2.03 1.57 17.39 99.9
CareerExplorer 1.85 1.33 12.24 99.999
123Test 2.09 1.97 19.03 99.9
Truity 2.18 1.31 15.56 99.99
CareerFitter 2.25 1.42 17.68 99.9

28
Prima metrică de performant, ă esent, ială pentru evaluarea aplicat, iei este load time, o metrică
ce măsoară timpul de descărcare s, i afis, are a ı̂ntregii pagini ı̂n browser, adică diferent, a de timp
ı̂ntre momentul ı̂n care utilizatorul apasă click pentru a accesa platforma s, i momentul ı̂n care
[Link] are un status ”complet” [10]. În tabelul prezentat anterior, se remarcă
un load time comparabil al solut, iei propuse cu celelalte solut, ii existente pe piat, ă, ı̂nsă lider la
acest capitol este CareerExplorer.

Al doilea indicator de performant, ă este TTFB (Time To First Byte), perioada de timp ı̂n
care primul octet din fiecare fis, ier ajunge ı̂n browserul utilizatorului după ce a fost stabilită o
conexiune la server. În comparat, ia precedentă, TTFB-ul cel mai bun apart, ine Truity, urmat
de CareerExplorer s, i de solut, ia propusă prin această lucrare.

A treia metrică de performant, ă este DNS Lookup Time, are rolul de a cuantifica timpul necesar
unei căutări de domenii DNS ı̂n timp ce browserul ı̂ncarcă resursa. În tabel, se observă că
CareerPath are un uptime comparabil cu cel al 123Test sau cu cel al CareerFitter. Cea mai
bună solut, ie este de departe CareerExplorer s, i la acest capitol.

Ultima metrică de performant, ă este denumită Uptime, o metrică ce redă fidelitatea s, i fiabi-
litatea unui sistem, a server-ului ı̂n acest caz. Cel mai bun Uptime apart, ine CareerExplorer,
fiind urmat de Truity, CareerPath s, i CareerFitter.

6.3 Avantaje s, i dezavantaje

Printre avantajele solut, iei propuse, regăsim:

• Uptime ridicat
• Load Time mic

Printre dezavantajele aplicat, iei propuse, se află:

• DNS Lookup Time mediu

• TTFB ridicat
• Lipsa unui cont de utilizator pentru o mai bună coordonare cu detaliile fiecărui candidat
ı̂n parte

29
7 CONCLUZII
În acest capitol, am sumarizat ı̂ntreg proiectul: de la cuantificarea obiectivelor urmărite, la
detalii specifice despre implementare, la relevant, a rezultatelor obt, inute. În finalul capitolului,
am adăugat o subsect, iune de ”Dezvoltări ulterioare”.

7.1 Obiective atinse

Obiectivul principal al acestei lucrări a fost atins ı̂ncă de la primele testări. Crearea unei
perspective de ansamblu asupra viet, ii personale s, i a balansului cu viat, a profesională a stat la
baza desfăs, urării proiectului. Un alt obiectiv us, or de atins a fost constituit de ocazia oferită
unor persoane aflate ı̂n căutarea unui nou domeniu de desfăs, urare a activităt, ii s, i unor persoane
aflate ı̂n căutarea primului loc de muncă. Precizia s, i acuratet, ea ridicată a testului MBTI de
personalitate a condus la verificarea ı̂n detaliu a as, teptărilor personale cu rezultatul final al
testării. Ultimul, ı̂nsă nu cel din urmă, motiv pentru care proiectul s, i-a atins scopul este dat
de impresia vizitatorilor site-ului, care au oferit recunos, tint, ă fat, ă de concept prin recenziile
pozitive oferite la finalul vizitei.

7.2 Implementare

După cum se observă s, i ı̂n capitolele precedente, conceptele care au stat la baza implementării
proiectului au fost pe de o parte tehnologiile HTML, CSS s, i JavaScript [8], iar pe de altă
parte mecanismul de testare specific MBTI. HTML a avut rol de sprijin pentru celelalte
două tehnologii care vin peste acesta, respectiv CSS pentru stilizare s, i JavaScript pentru
funct, ionalitate s, i interact, iune cu utilizatorul. Testul MBTI a t, inut cont de cele 16 personalităt, i
amintite ı̂n capitolele anterioare, iar fiecare ı̂ntrebare a contribuit cu câte un punct la una sau
mai multe personalităt, i compatibile, ı̂n funct, ie de răspunsul ales. Pe de altă parte, un aspect
decisiv ı̂n implementare a fost realizat cu ajutorul listei cu tot, i consilieri disponibili pentru
o eventuală colaborare, ı̂nsot, ită de formularul de contact cu rol de suport ı̂n cazul ı̂n care
sect, iunea de ı̂ntrebări frecventă nu a acoperit ı̂ntreaga sferă de ambiguitate a utilizatorului.

30
7.3 Rezultate obt, inute

În urma realizării unui număr semnificativ de teste de carieră, solut, ia propusă este considerată
a fi una calitativă, având o rată de satisfact, ie ridicată ı̂n rândul respondent, ilor s, i o cres, tere
semnificativă ı̂n ceea ce prives, te motivat, ia s, i eficient, a la locul de muncă. Pe de altă parte, cei
noi venit, i pe piat, a de muncă au considerat a fi util acest test ı̂n proport, ie mare ı̂ntrucât au
reus, it săı̂s, i facă o idee init, ială cu privire la provocările viet, ii profesionale. Toate aceste rezultate
converg la ideea că este obligatoriu ca fiecare individ să analizeze corect toate posibilităt, ile
ı̂nainte de a lua o decizie definitorie pentru cariera sa. Astfel, s-a remarcat faptul că, ı̂n urma
discut, iei cu consilierii, tot mai multe persoane au devenit precaute s, i au recunoscut faptul că
s-au grăbit când au fost puse fat, ă ı̂n fat, ă cu prima alegere a unei meserii.

7.4 Dezvoltări ulterioare

Unul dintre lipsurile accentuate ale solut, iei propuse este faptul că ı̂ntrebările pe care este
indicat respondentul să le parcurgă sunt ı̂ntrebări statice, dintr-un pool de dimensiune relativ
mică. Acest fapt poate fi remediat prin introducerea unui modul de inteligent, ă artificială fie
ı̂n cadrul NodeJS, fie ı̂n cadrul codului Vanilla JavaScript. Modulul respectiv aduce modificări
dinamice ı̂n cadrul ı̂ntrebărilor, ı̂n funct, ie de răspunsul primit la precedentele, bazându-se pe
imitarea cât mai aproape de realitate a gândirii omenes, ti. Implementarea prezentată anterior
nu a fost realizată, iar o eventuală adăugare la cont, inutul static dezvoltat duce la un progres
exponent, ial ı̂n rezultatele obt, inute la test.

Un alt lucru care nu face parte din proiectul prezent este posibilitatea utilizatorului de a salva
ı̂n contul personal rezultatul testului, cât s, i conversat, ia cu consilierul ales. Ar fi fost un avantaj
considerabil pe o perioadă mai lungă de timp pentru a fi observată atât schimbarea ideilor,
cât s, i evolut, ia testului de-a lungul timpului.

Proiectul necesită dezvoltări ulterioare din mai multe motive, pe care urmează să le dezvolt ı̂n
continuare. Având ı̂n vedere toate cele discutate anterior, printre cele mai importante metode
de dezvoltări ulterioare, se numără:

• Primul pas spre o dezvoltare ulterioară a aplicat, iei este constituit de alegerea ı̂ntrebărilor
dintr-un pool de dimensiune relativ ridicată, de către un agent de inteligent, ă artificială,
bazat pe răspunsul primit la ı̂ntrebările deja parcurse s, i pe caracterul conturat al candi-
datului până la momentul respectiv de timp.
• Cel de-al doilea pas spre o dezvoltare ulterioară a aplicat, iei este posibilitatea utilizatorului
de a salva ı̂n contul personal rezultatul testului, cât s, i conversat, ia cu consilierul ales. Ar
fi fost un avantaj considerabil pe o perioadă mai lungă de timp pentru a fi observată
atât schimbarea ideilor, cât s, i evolut, ia testului de-a lungul timpului.

31
• Cel de-al treilea pas spre o dezvoltare ulterioară a lucrării este proiectarea unui chatbot
pentru a facilita interact, iunea cu utilizatorul final al produsului. Pe lângă substituirea
sect, iunii de ”Întrebări frecvente”, o idee interesantă ar fi intermedierea unui apel video
cu unul dintre consilierii disponibili pentru orice nelămurire neclarificată de chatbot.
• Ultimul pas spre o dezvoltare ulterioară de succes pentru proiectul prezentat esteı̂ncheierea
unui contract de colaborare cu una dintre firmele care se ocupă de consiliere psiholo-
gică, pentru că au fost situat, ii ı̂n care a fost necesar apelul la o astfel de revizuire a
comportamentului fat, ă de ce ı̂nseamnă munca s, i tot ce se ı̂nvârte ı̂n jurul ei.

32
BIBLIOGRAFIE
[1] 123 test. [Link] Ultima accesare: 11 Iunie 2021.

[2] Career explorer. [Link] Ultima accesare: 11 Iunie 2021.

[3] Career fitter. [Link] Ultima accesare: 11 Iunie 2021.

[4] Truity. [Link] Ultima accesare: 11 Iunie 2021.

[5] Jon Duckett. HTML and CSS: Design and Build Websites. Wiley, Hoboken, New Jersey,
USA, 2011.

[6] Jon Duckett. JavaScript and JQuery: Interactive Front-End Web Development. Wiley,
Hoboken, New Jersey, USA, 2014.

[7] Donna Dunning. What’s Your Type of Career?: Unlock the Secrets of Your Personality
to Find Your Perfect Career Path. Nicholas Brealey, Boston, Massachusetts, USA, 2001.

[8] Ben Frain. Responsive Web Design with HTML5 and CSS: Develop future-proof res-
ponsive websites using the latest HTML5 and CSS techniques. Packt Publishing Ltd,
Birmingham, UK, 2020.

[9] Paul Marcus. The Psychoanalysis of Career Choice, Job Performance, and Satisfaction:
How to Flourish in the Workplace. Routledge, London, UK, 2017.

[10] Robin Nixon. Learning PHP, MySQL & JavaScript - With jQuery, CSS & HTML5.
O’Reilly Media, Newton, Massachusetts, USA, 2018.

[11] Jennifer Niederst Robbins. Learning Web Design - A Beginner’s Guide to HTML, CSS,
JavaScript, and Web Graphics. O’Reilly Media, Newton, Massachusetts, USA, 2018.

[12] Paul D. Tieger, Barbara Barron, and Kelly Tieger. Do What You Are: Discover the
Perfect Career for You Through the Secrets of Personality Type. Little, Brown and
Company, Boston, Massachusetts, USA, 2014.

[13] Elif Çalışkan. Understanding personality: Myers-briggs type indicator (mbti). https:
//[Link]/understanding-personality-myers-briggs-type-indicator-mbti.
Ultima accesare: 11 Iunie 2021.

33
A CAPTURI DE ECRAN
A.1 Submeniul ”Acasă”

Figura 30: Sect, iunea ”Acasă” ı̂n browser

Figura 31: Sect, iunea ”Acasă” ı̂n HTML

În sect, iunea ”Acasă”, utilizatorului ı̂i este indicat scopul acestui site prin precizarea publicului
t, intă căruia i se adresează.

34
A.2 Submeniul ”Despre noi”

Figura 32: Sect, iunea ”Despre noi” ı̂n browser

Figura 33: Sect, iunea ”Despre noi” ı̂n HTML

În sect, iunea ”Despre noi”, se precizează concepte de bază cu privire la compania de care
apart, ine website-ul, prin intermediul submeniurilor de test, comunitate si suport interactiv.

35
A.3 Submeniul ”Test”

Figura 34: Sect, iunea ”Test” ı̂n browser

Figura 35: Sect, iunea ”Test” ı̂n HTML

În sect, iunea ”Test”, se regăses, te testul propriu-zis ı̂n urma căruia se obt, in rezultatele necesare
etapelor viitoare.

36
A.4 Submeniul ”Consilieri”

Figura 36: Sect, iunea ”Consilieri” ı̂n browser

Figura 37: Sect, iunea ”Consilieri” ı̂n HTML

În sect, iunea ”Test”, este prezentă lista completă de consilieri din toate colt, urile lumii pentru
a oferi diversitate, o multitudine de idei creative s, i integrare mai us, oară la nivel lingvistic.

37
A.5 Submeniul ”Întrebări frecvente”

Figura 38: Sect, iunea ”Întrebări frecvente” ı̂n browser

Figura 39: Sect, iunea ”Întrebări frecvente” ı̂n HTML

În sect, iunea ”Întrebări frecvente”, există o listă cu cele maiı̂ntâlniteı̂ntrebări la care utilizatorul
poate găsi toate răspunsurile de care are nevoie, ı̂nainte de a apela la formularul de contact.

38
A.6 Submeniul ”Contact”

Figura 40: Sect, iunea ”Contact” ı̂n browser

Figura 41: Sect, iunea ”Contact” ı̂n HTML

În sect, iunea ”Contact”, utilizatorul poate trimite un mesaj sau o solicitare prin completarea
formularului cu nume, adresă de e-mail s, i un mesaj descriptiv pentru situat, ia cu care s-a
confruntat.

39
B EXTRASE DE COD

Figura 42: Structura proiectului

40
Figura 43: Extras de cod HTML

41
Figura 44: Extras de cod CSS

42
Figura 45: Extras de cod JavaScript

43