Specializarea: Informatică [627953]

UNIVERSITATEA „LUCIAN BLAGA” DIN SIBIU
FACULTATEA DE ȘTIINȚE

Specializarea: Informatică
Coordonator științific
Lector univ. dr. Ralf Fabian Student: [anonimizat]
2017

LUCRARE DE LICENȚĂ

UNIVERSITATEA „LUCIAN BLAGA” DIN SIBIU
FACULTATEA DE ȘTIINȚE

Specializarea: Informatică
Coordonator științific
Lector univ. dr. Ralf Fabian Student: [anonimizat]
2017

SOFT EDUCAȚIONAL
ÎN INFORMATICĂ

Cuprins
Introducere ………………………….. ………………………….. ………………………….. ………………………….. ….. 1
Ce este OpenBook? ………………………….. ………………………….. ………………………….. ………………… 1
Scopul aplicației ………………………….. ………………………….. ………………………….. ……………………… 1
Structura aplicației ………………………….. ………………………….. ………………………….. …………………. 1
Terminologii ………………………….. ………………………….. ………………………….. ………………………….. 2
Framework ………………………….. ………………………….. ………………………….. …………………………. 2
Design Pattern ………………………….. ………………………….. ………………………….. ……………………. 2
Composer ………………………….. ………………………….. ………………………….. ………………………….. . 3
NPM ………………………….. ………………………….. ………………………….. ………………………….. ……… 3
REST ………………………….. ………………………….. ………………………….. ………………………….. ……… 3
HTTP ………………………….. ………………………….. ………………………….. ………………………….. ……… 3
URI ………………………….. ………………………….. ………………………….. ………………………….. ……….. 3
API ………………………….. ………………………….. ………………………….. ………………………….. ………… 3
Metode de acces HTTP ………………………….. ………………………….. ………………………….. ………… 4
Mesaje de eroare HTTP ………………………….. ………………………….. ………………………….. ……….. 5
1. Tehnologii utilizate ………………………….. ………………………….. ………………………….. ……………… 6
1.1. Server ………………………….. ………………………….. ………………………….. …………………………. 6
1.1.1. PHP ………………………….. ………………………….. ………………………….. ………………………. 6
1.1.2. MySQL ………………………….. ………………………….. ………………………….. ………………….. 6
1.1.3. Laravel ………………………….. ………………………….. ………………………….. ………………….. 6
1.2. Client ………………………….. ………………………….. ………………………….. ………………………….. 7
1.2.1. Tehnologii comune ………………………….. ………………………….. ………………………….. … 7
1.2.2. Web ………………………….. ………………………….. ………………………….. ……………………… 8
1.2.3. Mobile ………………………….. ………………………….. ………………………….. ………………….. 8
2. Server API ………………………….. ………………………….. ………………………….. ………………………….. 9
2.1. Arhitectură ………………………….. ………………………….. ………………………….. ………………….. 9
2.2. Baza de date ………………………….. ………………………….. ………………………….. ………………. 10
2.3. Securitate ………………………….. ………………………….. ………………………….. ………………….. 10
2.4. Accesul informației ………………………….. ………………………….. ………………………….. ……… 11

3. Aplicația web ………………………….. ………………………….. ………………………….. ……………………. 13
3.1. Scopul aplicației ………………………….. ………………………….. ………………………….. ………….. 13
3.2. Funcționalitate ………………………….. ………………………….. ………………………….. …………… 13
3.2.1. Înregistrare ………………………….. ………………………….. ………………………….. ………….. 13
3.2.2. Autentificare ………………………….. ………………………….. ………………………….. ……….. 15
3.2.3. Categorii ………………………….. ………………………….. ………………………….. ……………… 16
3.2.4. Cursuri ………………………….. ………………………….. ………………………….. ………………… 17
3.2.5. Lecția ………………………….. ………………………….. ………………………….. ………………….. 18
3.2.6. Test ………………………….. ………………………….. ………………………….. …………………….. 20
3.2.7. Pagina principală ………………………….. ………………………….. ………………………….. ….. 22
3.2.8. Despre ………………………….. ………………………….. ………………………….. ………………… 23
3.2.9. FAQ ………………………….. ………………………….. ………………………….. …………………….. 24
3.3. Administrator ………………………….. ………………………….. ………………………….. …………….. 25
3.3.1. Categorii ………………………….. ………………………….. ………………………….. ……………… 25
3.3.2. Cursuri ………………………….. ………………………….. ………………………….. ………………… 28
3.3.3. Test ………………………….. ………………………….. ………………………….. …………………….. 31
4. Aplicația mobilă ………………………….. ………………………….. ………………………….. ………………… 34
4.1. Scopul aplicației ………………………….. ………………………….. ………………………….. ………….. 34
4.2. Funcționalitate ………………………….. ………………………….. ………………………….. …………… 34
4.2.1. Autentificare ………………………….. ………………………….. ………………………….. ……….. 34
4.2.2. Înregistrare ………………………….. ………………………….. ………………………….. ………….. 35
4.2.3. Categorii ………………………….. ………………………….. ………………………….. ……………… 36
4.2.4. Cursuri ………………………….. ………………………….. ………………………….. ………………… 37
4.2.5. Lecții ………………………….. ………………………….. ………………………….. …………………… 39
4.2.6. Despre ………………………….. ………………………….. ………………………….. ………………… 42
4.2.7. FAQ ………………………….. ………………………….. ………………………….. …………………….. 43
4.2.8. Profil ………………………….. ………………………….. ………………………….. …………………… 45
4.2.9. Pagina principală ………………………….. ………………………….. ………………………….. ….. 46
Concluzii ………………………….. ………………………….. ………………………….. ………………………….. …….. 47
Bibliografie ………………………….. ………………………….. ………………………….. ………………………….. …. 48

1
Introducere

Ce este OpenBook?
OpenBook este o aplicație de e -learning online, cu posibilitea de accesare de pe un
dispozitiv mobil.
Scopul aplicației
Aplicația este făcută cu scopul de a încuraja studiul limbajelor de programare și de a
îndruma cât mai multe persoane către o carieră în domeniul IT.
Structura aplicației
Pentru a permite extinderea aplicației pe mai multe platforme, la bază există un server API
dezvoltat în limbajul PHP care face conexiunile la baza de date, execută operațiun i de preluare,
adăugare și modificare a informației.
Serverul API este accesat de clienți (aplicația web și aplicația mobilă) prin accesarea de
URL-uri numite endpoint -uri formate din metodă (GET, POST, PATCH și DELETE) și rută.

Figura 0.1

2
Terminologii

Framework
În general un framework este o structură de concepte, practici și criterii care ajută la
dezvoltarea și construirea unei structuri.
În sistemele computaționale un framework este o structură stratificată indicând ce fel de
program poate fi constr uit. Unele framework -uri pot include programe, interfețe sau oferă
mijloace de programere. Un Framework poate fi un set de funcții înauntrul unui sistem.

Design Pattern
Design patterns sunt cele mai bune metrode prin care un programator reușește să rezolv e
probleme comune, în aproape orice limbaj când dezvoltă o aplicație sau un sistem.

MVC
MVC sau Model View Controller este un design pattern, un model arhitectural care
împarte o aplicație în trei părți distinctive pentru a separa reprezentarea internă a informație
primite, de cea prezentată și accesată de către un utilizator .
• Model
Modelul reprezintă componenta centrală a pattern -ului, el are legătură cu logica și regulile
aplicație.
• View
View este reprezentația vizuala a informației, el generează o noua reprezentație vizuală în
funcție de modificările aduse informației transmise.
• Controller
Cea de -a treia parte, controller -ul acceptă informația și o transformă într -o comandă pe
care o trimite mai departe

Repository Pattern
Repository Pattern este un loc unde informațiile sunt ținute.
Service Pattern
Service Pattern consumă informația

3
Composer
Compo ser este o unealtă care ajută la organizarea dependințelor în PHP dând voie
declararea librăriilor de care depinde aplicația dezvoltată și le instalează sau updatează.
NPM
NPM este o unealtă care face ca lucrul cu JavaScript să fie mai ușor întreținând și
updatând pachetele și codul care este utilizat în aplicație.
REST
REST este acronim pentru Representational State Transfer și este o conexiune prin HTTP
utilizată la comunicarea între diferite tehnologii. Aplicațiile se folosesc de REST prin operațiile
CRU D (Create Read Update Delete).
Din cauză că are la bază protocolul HTTP este independent de o platformă, lucru care face
posibilă implementarea acestuia pe orice sistem de operare cu orice limbaj de programare.
HTTP
HTTP este un acronim pentru Hypertext Tr ansfer Protocol și este o metodă prin care se
accesează informațiile. Acesta oferă un mod de comunicare prin care paginile web se pot
transfera de la un computer aflat la distanță la un alt computer.
URI
URI sau Uniform Resource Identifier este o secvență formată din litere și cifre, care este
universală și care aparține unei resurse de pe Internet, cum ar fi un site web sau un document.
Acesta poate fi identic cu URL -ul (Uniform Resource Locator ).
API
API sau mai exact Application Programming Interface e ste mijloc comun de comunicare
între mai multe aplicații.

4
Metode de acces HTTP
Metodele de acces sunt metodele prin care informația este trimisă și primită în aplicație.
GET
GET este utilizată pentru a cere informații serverului de informații. Nu poate f i folosită cu
informații sensibile, are limită de lungime de date și trebuie utilizat doar pentru a aduce date.

POST
POST este utilizată pentru a trimite informații pentru a fi procesate. Nu are restricție de
lungime de date precum metoda GET .

PATCH
PATC H este utilizată pentru a actualiza informații pe server.
DELETE
DELETE este utilizată pentru a șterge informații de pe server.

5
Mesaje de eroare HTTP
Mesajele de eroare sunt răspunsuri de la HTTP în consecință cu informațiile trimise către server
și care anunță utilizatorul când acesta trimite date corespunzătoare sau nu.
200
200 este mesajul standard de la HTTP și semnifică faptul că cerința este în regulă și că
aceasta a fost îndeplinită cu succes.

201
201 este mesajul de succes primit de la HTTP pentr u o cerință de creare a unei noi
informații.

204
204 este mesajul de la HTTP pentru o cerință procesată cu succes, dar care nu returnează
nici un conținut.

400
400 este mesajul de la HTTP pentru o cerință procesată, dar care nu a putut fi înțeleasă de
către server. Utilizatorul trebuie să aducă modificări informație trimise înainte de a mai face o
cerere.

401
401 este mesajul de la HTTP pentru o cerință care trebuie satisfăcută de autentificarea
utilizatorul. Dacă aceasta este deja satisfăcută și mesajul 401 încă persistă , atunci înseamnă că
datele introduse nu sunt corecte. Este folosită atunci când o autentificare este posibilă, dar a
eșuat sau nu a fost furnizată.

403
403 este mesajul de la HTTP pentru o cerință trimisă, dar serverul refuză să răspun dă.

6
1. Tehnologii utilizate

1.1. Server
1.1.1. PHP
PHP sau PHP: Hypertext Preprocessor este un limbaj script foarte folosit și este cel mai des
folosit în web development în combinație cu HTML.
Versiunea actuală este 7.1.6 prima versiune fiind publicată în 1998. PHP p oate fi folosit în
combinație cu HTML și există pe majoritatea serverelor, sistemelor de operare sau platformelor
deoarece este gratuit.
1.1.2. MySQL
MySQL este un sistem de gestiune a bazelor de date și este cel mai des folosit împreună
cu limbajul PHP. Versiune a actuală de MySQL este 5.7.
1.1.3. Laravel
Laravel este un framework pentru aplicații web, la baza lui stă PHP. Laravel încearcă să
ușureze dezvoltarea proiectelor web prin : sistem ușor și rapid de creare de rute, stocare de
cache și sesiuni, migrări de baze de date etc.
Versiunea actuală este 5.4, prima versiune fiind publicată in iunie 2011 .
Pentru a instala Laravel pe un server este nevoie ca serverul să ruleze PHP cu cel puțin
versiunea 5.6.4 .
Laravel utilizează Composer pentru a administra dependințele. Îna inte de a folosi Laravel
trebuie instalat Composer pe server.

7
1.2. Client
1.2.1. Tehnologii comune
1.2.1.1. Java script
JavaScript este un limbaj de programare orientată pe obiect. Este folosit pentru
introducerea unor funcționalități în paginilor web, codul Javascript din ac este pagini fiind rulat
de către browser. Limbajul este bine cunoscut pentru folosirea sa în construirea site -urilor web.
Deși în numele lui este compus din Java și cuvântul Script, între JavaScript și limbajul Java
nu există nicio legătură. La fel ca și J ava, JavaScript are o sintaxă apropiată de cea a limbajului C.
A fost inventat în anul 1995 și a devenit un standard ECMA.
1.2.1.2. Type Script
TypeScript este un super -set de JavaScript creat de Microsoft pentru a îmbunătăți limbajul
cu anotări și tipuri de obiecte , lucru care duce la o strictețe a limbajului. La compilarea codului,
se execută și o verificare a codului pentru a preveni erori la rulare, lucru pe care JavaScript nu îl
face, astfel se elimină riscul de afișare a erorilor la rulare.
1.2.1.3. HTML5
HyperText Mark up Language sau HTML este un limbaj de marcare utilizat pentru crearea
paginilor web ce pot fi afișate într -un browser. Scopul HTML -ului este prezentarea informațiilor,
paragrafelor, fonturilo r, tabelelor etc.
Specificațiile HTML sunt dictate de către World Wide Web Consortium sau W3C, iar
versiunea actuală este HTML5.
1.2.1.4. CSS
CSS sau Cascading Style Sheets este un standard pentru formatarea elementelor unui
document HTML . Stilurile se pot atașa pe elementele HTML prin intermediul unor fișiere
externe sau în cadrul documentului.
Versiunea actuală est e CSS 3.
1.2.1.5. SASS (SCSS)
SASS sau Syntactically Awesome Stylesheets este un super -set de CSS care oferă structure
noi de date cum ar fi variabile, nested r ules și altele care la compilare se transformă în CSS.
1.2.1.6. Angular
Angular este o platformă care încurajează dezvoltarea de aplicații web, mobile sau de
desktop , la baza lui stând JavaScript.
Angular este creat și este dezvoltat în continuare de Google, prima versiune fiind publicată
în 2010, versiunea actuială fiind 4.2.3.

8
1.2.2. Web
1.2.2.1. Angular Material
Angular material este un framework pentru HTML și CSS care este bazat pe Angular și care
crează site -uri responsive și înfrumusețate acestora pentru browsere de mobil ș i calculatoare.
Ca și Angular, el este dezvoltat de Google, prima versiune apărând în 2010, versiunea
actuală fiind angular material.
Angular material se instalează cu ajutorul npm.
1.2.2.2. Bootstrap 4
Bootstrap este un framework pentru HTML CSS și JavaScript care realizează web site -uri
responsive pentru browserele mobile.
El este gratuit, versiunea actuală este Bootstap3, este creat și dezvoltat de Twiter și a fost
lansat în 2011.

1.2.3. Mobile
1.2.3.1. Ionic 3
Ionic este un framework de dezvoltare a aplicațiilor mobile de tip hibrid. Aplicațiile sunt
scrise în tehnologii web (HTML, CSS, JavaScript) și se poate compila codul sursă în aplicație
Android, Windows Phone și iOS. Ca și framework de front -end, Ionic uti lizează Angular și oferă
elemente de design predefinite pentru fiecare din cele 3 platforme pe care poate rula și se
injectează automat în aplicație la rularea lor, fapt care face aplicația să se simtă nativă ca și
design când rulează pe platformele specif ice.
Aplicațiile compil ate pot fi distribuite prin mag azinele de aplicații native pentru a putea fi
instalate.
4Ionic Framework are la bază Cordova. Prima versiune a fost lansată în 2015.

9
2. Server API
2.1. Arhitectură

Figura 2.1.1
În figura 2.1.1 este e xplicată arhitectura API cu Service Pattern și Repository Pattern
implementate. Clientul, respectiv aplicația folosită de utilizator face o cerere către API. Cererea
este preluată de către Controller care mai departe este trimisă către un Service. Informa ția este
apoi trimisă către un Repository care este trimisă către o bază de date. Un răspuns este trimis
către Repository, apoi preluată de Service respectiv Controller și trimisă către aplicația folosită.

10
2.2. Baza de date

Figura 2.2.1
Baza de date este form ată din șase tabele, reprezentate în figura 2.2.1 .Între tabele există
relații de One -To-One și One -To-Many. De exemplu o categorie poate avea mai multe cursuri
acesta este o relație One -To-Many. Un curs poate aparține unei singure categori, acesta fiind o
relație One -To-One.
2.3. Securitate
JWT sau JSON Web Tokens este un mijloc de transmitere a datelor într -un mod sigur.
Folosește obiecte de tip JSON, iar informația poate fi verificată .

11
2.4. Accesul informației

Figura 2.4.1

Figura 2.4.2

În figura 2.4.1 este prezentată crearea unei categorii iar în figura 2.4.2 se poate observa
răspunsul în JSON.

12

Figura 2.4.3

Figura 2.4.4

În figura 2.4. 3 este prezentată preluarea unei c urs, iar în figura 2.4. 4 se poate observa
răspunsul în JSON.

13
3. Aplicația web
3.1. Scopul aplicației
Aplicația Web are rolul de introduce utilizatorului, un mediu online unde acesta are acces
la cursurile pe care acesta dorește să le vadă.

3.2. Funcționalitate
În aplicația web se găsesc mai multe pagini HTML, care sunt conectate prin API la baza de
date și între ele prin rute.
3.2.1. Înregistrare
Pagina de înregistrare permite utilizatorului să creeze un cont pentru a putea viziona sau
lectura cursurile din aplicație.

Figura 3.2.1.1

14

Figura 3.2.1.2

În figura 3.2.1.1 și figura 3.2.1.2 putem observa un formular pentru înregistrarea utilizatorului.
Acesta trebuie să completeze toate câmpurile pentru a putea crea un cont .

15
3.2.2. Autentificare
Pagina de autentificare permite utilizatorului să se autentifice în contul creat pentru a
lectura sau viziona cursurile.
Figura 3.2.2.1

Figura 3.2.2.2
În figura 3.2.2.1 și 3.2.2 .2 se poate observa un formular de autentificare. Utilizatorul
trebuie să compl eteze câmpurile Adresa de email și Parolă pentru a se putea autentifica în cont.

16
3.2.3. Categorii
Pagina de categorii prezintă liste cu cursuri cu numele și descrierea lor, organizate pe
categorii, utilizatorului aplicație.

Figura 3.2.3 .1

În figura 3.2.3 .1 se poate vedea o categorie cu o listă de cursuri pe care utilizatorul o
poate răsfoi.

17
3.2.4. Cursuri
Pagina de curs prezintă utilizatorului aplicației, detalii despre curs, cum ar fi: titlul,
descrierea, numărul de voturi, autorul, lista cu capitole și lecții.

Figura 3.3.4 .1

18
3.2.5. Lecția
Pagina de lecție prezintă utilizatorului documentul, video -ul sau testul respectiv.
Pagina de lecție este de 3 tipuri:
o Video, prezentată în figura 3.2.5.2
o Document prezentata în figura 3.2.5.1
o Test prezentată în figura 3.2.6.1

Figur a 3.2.5.1 În figura 3.2.5.1 este
reprezentat lecția tip
document, numele
acestuia, numele cursului,
autorul cu descrierea , o
listă cu lecțiile din capitol și
o listă cu capitolele

19

Figura 3.2.5.2

20
3.2.6. Test
Pagina pentru test prezintă utilizatorului detalii d espre testul respectiv . Întrebările sunt de
trei tipuri : cu răspuns multiplu, cu un singur răspuns sau cu răspuns adevărat/fals.

Figura 3.2.6.1
În figura 3.1.6.1 se
poate observa
întrebarea respectiva,
titlul testului, descrierea
testului, răspunsurile din
care se poate alege,
lista întrebărilor, atât
lista capitolelor cu lecții
cât și numele cursului cu
descrierea.

21

Figura 3.2.6.2

Figura 3.2.6.3

Figura 3.2.6.4

În figurile 3.2.6.2 , 3.2.6.3 și 3.2.6.3 sunt afișate întrebări cu diferite tipuri de răspuns .

22
3.2.7. Pagina principală
Pagina principală introduce utilizatorului aplicația OpenBook, îi pune la dispoziție
informații despre cursurile disponibile și mijloace pentru descărcarea aplicației mobile.

Figura 3.2.7 .1

23
3.2.8. Despre
Pagina despre informează util izatorul despre aplicația OpenBook și scopul acesteia.
Figura 3.2.8 .1

În figura 3.2.8 .1 se observ ă detalii despre aplicația OpenB ook.

24
3.2.9. FAQ
Pagina FAQ (Frequently Asked Questions ) pune la dispoziția utilizatorului o listă cu
întrebări des întâlnite despre aplicație și răspunsuri pentru aceste întrebări.
Figura 3.2.9 .1

În figura 3.2.9 .1 se observă lista cu întrebările în partea stângă și răspunsul
întrebării selectate în partea dreaptă.

25
3.3. Administrator
Pagina de administrator ajută pe cel care administrează aplicația să introducă
informațiile necesare ușor, punându -i la dispoziție formulare.
3.3.1. Categorii
Pagina de categorii prezintă lista cursurilor cu numele și descrierea specifică, organizate
pe categorii.

Figura 3.3.1.1
În figura 3.3.1.1 se observă un tabe l cu categoriile care sunt în baza de date.

26

Figura 3.3.1.2

Figura 3.3.1.3

În figura 3.3.1.3 se observă încărcarea formularului de adăugare a unei categorii . În figura
3.3.1.2 se observă completarea unui formular de adăugare a unei noi categorii

27
Figura 3.3.1.4

În figura 3.3.1.4 se observă editarea unei categorii și vizualizarea acesteia în partea
dreaptă.

28
3.3.2. Cursuri
Pagina de curs prezintă utilizatorului aplicației, detalii despre curs, cum ar fi: titlul,
descrierea, numărul de voturi, autorul, list a cu capitole și lecții.

Figura 3.3.2.1
În figura 3.3.2.1 se observă un tabel cu cursurile existente. În figura 3.3.2.2 se observă
editarea unui curs.

29

Figura 3.3.2.2
(formular editare curs)
Figura 3.3.2.3
(formular editare curs)

30
Figura 3.3.2.4

În figura 3.3.2.4 se observă vizualizarea unui curs în curs de editare.

31
3.3.3. Test
Pagina pentru test prezintă utilizatorului detalii despre testul respectiv . Întrebările sunt de
trei tipuri: cu răspuns multiplu, cu un singur răspuns sau cu răspuns adevărat/fals .

Figura 3.3.3.5

Figura 3.3.3 .6

Figura 3.3.3.7
În figurile 3.3.3 .7 și 3.3.3 .6 se observă alegerea răspunsului corect într-un test. Figura
3.3.3.5 reprezintă alegerea tipului de întrebare.

32
Figura 3.3.3 .8
În figura 3.3.3 .8 se observă adăugarea multi plelor întrebări pentru a crea un test.

33
Figura 3.3.3 .9
În figura 3.3.3 .9 se observă vizualizarea unui test înainte de a salva modificările .

34
4. Aplicația mobilă
4.1. Scopul aplicației
Aplicația mobilă face accesul către informație mult mai ușor pentru utilizator. Acesta
poate urmări cursuri de pe telefonul propriu oriunde.

4.2. Funcționalitate
În aplicația mobilă se găsesc mai multe pagini HTML care sunt conectate prin API la baza
de date și între ele de către rute.

4.2.1. Autentificare
Pagina de autentificare permite utilizatorului să se autentifice în contul creat pentru a
lectura sau viziona cursurile.

Figura 4.2.1 .1

În figura 4.2.1 .1 se poate observa un formular de autentificare a utilizatorului .Câmpurile
email și parolă sunt obligatorii pentru a putea fi făcută autentificarea.

35
4.2.2. Înregistrare
Pagina de înregistrare permite utilizatorului să creeze un cont pentru a putea viziona sau
lectura cursurile din a plicație.

Figura 4.2.2.1

În figura 4.2.2.1 se poate observa un formular de înregistrare pentru utilizatori. Câmpurile
Nume, Email cât și cele două câmpuri parolă sunt obligatorii pentru a putea face înregistrarea.

36
4.2.3. Categorii
Pagina de categorii prezintă liste cu cursuri cu numele și descrierea lor, organizate pe
categorii, utilizatorului aplicație.

Figura 4.2.3 .1

În figura 4.2.3 .1 putem observă lista categoriilor disponibile.

37
4.2.4. Cursuri
Pagina de curs prezintă utilizatorului aplicației, detalii despre c urs, cum ar fi: titlul,
descrierea, numărul de voturi, autorul, lista cu capitole și lecții.

Figura 4.2.4.1

În figura 4.2.4 .1 se poate observa o listă de cursuri dintr -o categorie.

38

Figura 4.2.4.2

În figura 4.2.4.2 se poate observa un curs cu titlul autorul voturile descrierea și o listă de
lecții și capitole afișate.

39
4.2.5. Lecții
Pagina de lecție prezintă utilizatorului documentul, video -ul sau testul respectiv.
Pagina de lecție este de 3 tipuri:
• Video, prezentată în figura
• Document prezentata în figura
• Test prezentată în figura

Figura 4.2.5.1

În figura 4.2.5.1 se observă o lecție de tip text cu titlu l și autorul afișat.

40

Figura 4.2.5.2

În figura 4.2.5.2 se observă un test cu numele descrierea întrebările descrierea întrebărilor
și răspunsurile posib ile.

41

Figura 4.2.5.3
În figura 4.2.5.3 se poate observa o lecție de tipul video cu cursul, autorul și descrierea
lecției.

42
4.2.6. Despre
Pagina despre informează utilizatorul despre aplicația OpenBook și scopul acesteia.

Figura 4.2.6 .1

În figura 4.2.6 .1 se poa te observa o pagină care informează utilizatorul ce anume
face aplicația OpenBook.

43
4.2.7. FAQ
Pagina FAQ( Frequentrly Answered Questions ) pune la dispoziția utilizatorului o listă cu
întrebări des întâlnite despre aplicație și răspunsuri pentru aceste întrebări.

Figura 4.2.7.1

În figura 4.2.7.1 se poate observa o listă de întrebări frecvent întrebate .

44

Figura 4.2.7.2

În figura 4.2.7.2 se poate observa răspunsul unei întrebări frecvent întrebate.

45
4.2.8. Profil
Pagina de profil introduce utilizatorului un formular pe ntru a putea schimba datele contului
cât și cursurile pe care le -a vizionat sau care îl interesează.

Figura 4.2.8 .1
În figura 4.2.8 .1 se poate observa o pagină de profil a unui utilizator. Aceasta conține un
formular de schimbare a datelor profilului și o listă de cursuri pe care utilizatorul le -a început.

46
4.2.9. Pagina principală
Pagina principală introduce utilizatorului aplicația OpenBook, îi pune la dispoziție
informații despre cursurile disponibile și mijloace pentru descărcarea aplicației mobile.

Figura 4.2.9 .1
În figura 4.2.9 .1 se observă pagina principală a aplicației aceasta se poate observa
o listă cu cursuri care sunt cele mai votate de către utilizatori.

47
Concluzii
Aplicația OpenBook face ca învățarea de noi tehnologii să fie mai plăcută și mai ușor de
realizat, oferidu-i utilizatorului un serviciu complet.
Aplicația OpenBook oferă comoditatea utilizării unei aplicații mobile, dar și stabilitatea
unei aplicații web.
Utilizatorul poate accesa aplicația și informația cu ușurință .

48
Bibliografie

www.php.net – Pentru informațiile despre PHP
www.angular.io – Pentru informațiile pentru Angular
http://material.angular.io – Pentru informațiile despre Angular Material
www.laravel.com – Pentru informațiile despre Laravel
www.ionicframework.com – Pentru informațiile despre Ionic Framework
www.getbootstrap.com – Pentru informațiile despre Boostrap
www.apache.org – Pentru informațiile despre Apache
www.mysql.com – Pentru informații despre MySQL
www.w3sc hools.com – Pentru informații despre CSS, SASS și HTML
www.javascript.com – Pentru informații despre JavaScript