Manual de utilizare

Room Booking
System
 Cuprins
1. Autentificare

2. Utilizare aplicatie
2.1. Manage Reservation
2.2. Rooms
2.3. Manage Users
2.4. View Reservations

3. Sectiuni Adaugare/Editare
3.1 Adauga eveniment nou
3.2 Vizualizeaza/editeaza evenimente
3.3 Adauga user nou
3.4 Vizualizeaza / editeaza useri
3.5 Adauga rol nou
3.6 Editeaza roluri
3.7 Adauga sala de conferinte
3.8 Editeaza sala de conferinte
 1. Autentificare
Pentru a putea accesa platforma web va trebui sa va autentificati, accesand link-ul
http://89.44.144.56/roomBooking / (acest link este valabil atat timp cat aplicatia se afla pe server-ul
intern al firmei Quartz Matrix; dupa ce aplicatia va fi mutata pe alt server, ea va putea fi accesata
folosind alt link) dupa care introduceti corect user-ul si parola dumneavoastra.

Fig. 1.1 Fereastra de autentificare

Dupa ce v-ati logat, ati facut modificarile necesare si considerati ca ati terminat lucrul, se recomanda
sa va delogati accesand optiunea “Logout” partea stanga sub Account Details. Astfel veti preveni ca o
alta persoana ce are acces la calculatorul dumneavoastra pe care v-ati logat, sa intre pe site si sa fie
automat logat avand astfel acces la contul dumneavoastra.
 2. Utilizare aplicatie
Dupa autentificare, pe ecran se va afisa un meniu cu link-uri catre editarea contului curent (daca se
da click pe EDIT), catre iesirea din aplicatie (daca se da click pe “Logout”) iar mai jos se gaseste meniul
principal al aplicatiei (Manage Reservation / Rooms / Manage Users / View Reservation) si sub acest
meniu gasim informatii cu privire la licenta de continut (Copyright).

Fig. 2.1 Pagina principala

In partea centrala a ecranului se afla o sectiune numita “Management Room Booking System” in
care sunt prezentate pe scurt diverse functionalitati ale sectiunilor din meniul vertical.
 2.1 Manage Reservation
Figura 2.1.1 ilustreaza toate salile disponibile si care pot fi selectate pentru a se insera diferite
evenimente .

Fig. 2.1.1 Sali de Conferinta

Dup ce a-ti selectat o sala de conferinta veti fi redirectionat cate o pagina care contine calendarul cu
evenimentele salii dupa cum se poate vedea in Figura 2.1.2.
 Fig. 2.1.1 Vizualizare evenimente pt sala de conferinta selectata

Aceasta pagina contine un meniu orizontal (care va fi explicat mai detaliat la sectiunea Meniul
de administrare) si un calendar prin intermediul caruia se vor putea crea / edita /sterge evenimente .
2.2 Rooms

Daca este accesata pagina Rooms , pe ecran va fi afisate un buton de adaugare sala de conferinte

dar si fiecare sala de conferinte inserata in baza de date .

Fig. 2.2.1 Management Sali de Conferinta

Pentru fiecare sala de conferinta inserata vor fi afisare urmatoarele :

 Imaginile introduse la crearea salii de conferinta (Fieare imagine contine in stanga sus o
iconita , daca se da click pe iconita va aparea o fereastra tip Pop-up care solicita
confirmarea de a sterge imaginea Fig.2.2.2 ).

Fig 2.2.2 Pop-up Confirmare stergere imagine

 Butonul Editeaza sala (Prin intemediul cariuia pot fi facute

modificari in cee ce priveste numele , imaginile , numarul
de locuri etc ale salii ).
 Butonul Sterge sala (Sterge sala de conferinta )

Toate operatiile de stergere se vor executa dupa Confirmare, ilustrata in Fig 2.2.2;
 2.3 Manage Users

Daca este accesata pagina de Manage Users, pe ecran vor fi afisate doua butoane: butonul din
stanga contine managementul utilizatorilor iar butonul din dreapta contine managementul rolurilor.

Fig 2.3.1 Butoane de Management Users

Daca se da click pe Management Utilizatori veti fi redirectionati pe o pagina unde veti putea
vizualiza toti utilizatorii cu diverse detalii cum ar fi Username , Rolul utilizatorului , Numele si Prenumele
,Email-ul Prima Logare , Ultima logare , adresa IP de pe care a fost facuta ultima logare .

Fig 2.3.2 Management Utilizatori

Daca se da click pe icon-ul veti fi redirectionat catre pagina de editare a utilizatorului .

Daca se da click pe icon-ul se va deschide o fereastra Pop-ul da confirmare a stergerii utilizatorului ,
daca se va confirma stergerea , utilizatorul va fi sters din baza de date .

Daca se da click pe Management Roluri veti fi redirectionat care o pagina unde veti putea vizualiza toate
rolurile cu diverse detalii cum ar fi Abrevierea numelui si Descrierea rolului .

Fig 2.3.3 Management Roluri

Daca se da click pe icon-ul veti fi redirectionati catre pagina de editare a rolului .

Daca se da click pe icon-ul se va deschide o fereastra Pop-ul de confirmare a stergerii rolului , daca
se confirma stergerea , rolul va fi sters din baza de date .

Rolul de Administrator nu poate fi sters , acesta avand toate permisiunile .

Daca se da click pe iconitele , rolul se va muta o pozitie mai sus sau mai jos in functie de iconita
pe care se da click .
 2.4 View Reservation

Daca aceasta pagina este accesata , aplicatia va trece in modul full screen , meniul vertical va
disparea iar pe ecran vor fi afisate urmatoarele :

In partea de sus se afla un buton “Meniu Principal ” daca se da click pe acest buton veti iesi din
modul fullscreen si veti fi redirectionat catre pagina de Home a aplicatiei ( De dupa login) .

Buton de “Meniu Principal ” este urmat de doua elemente .Prin intermediul primului element se
poate selecta sala de conferinta iar prin urmatorul element se poate selecta data .

Fig 2.4.1 Selectare sala de conferinte

Fig 2.4.2 Selectare data

Daca butonul este apasat , sub acest meniu vor aparea sala selectata anterior , numarul de
locuri al salii de conferinta , ora actuala si evenimentele din ziua selectata .
 In mod implicit in momentul accesarii paginii de View Reservation , sala selectata va fi prima sala
inserata in baza de date prin intermediul sectiunii Rooms iar data selectata va fi cea curenta .

Fig 2.4.3 Evenimente

Pe ecran vor aparea toate evenimentele din ziua selectata incepand cu evenimentul in desfasurare .

Evenimentul in desfasurare va aparea cu rosu , evenimentul anterior cu gri iar cel care va urma cu
verde .

Evenimentul va contine urmatoarele :

 Ora inceperii si ora terminarii evenimentului.

 Numele evenimentului .
 In momentul in care se da click pe un eveniment , acesta se va extinde iar in fereastra
extinsa va aparea descrierea evenimentului dupa cum este ilustrat in Fig 2.4.4 .
 Fig 2.4.4 Eveniment Extins

Mentiuni View Reservation

o Pagina este responsive astfel in momentul in care ea este accesata de pe diverse device-uri
cum are fi tablete,smartphone-uri etc aceasta se adapteaza in functie de rezolutie .
o Pagina este setata sa-si dea refresh la un minut pentru a actualiza eventualele modificari din
sectiunea de Manage Reservation.
 3. Sectiuni Adaugare/Editare

Butoanele de adaugare/editare se gasesc in toate sectiunile aplicatiei cu exceptia sectiunii de View

Reservation .

3.1 Adauga eveniment nou

Adaugarea unui eveniment nou se poate realiza in doua moduri :

1. Adaugarea prin intermediul butonului New Event din sectiunea Management

Reservation ( deasupra calendarului primul buton).
In momentul in care se da click pe acest buton se va deschide fereastra din Fig 3.1.1
 Fig 3.1.1 New Event

Aceasta fereasta contine urmatoarele campuri :

o Subject - Reprezinta numele evenimentului .

o Time - Intervalul in care se desfasoara evenimentul . Daca se bifeaza All Day Event ,
acesta se va salva ca avand intervalul orar toata ziua .
o Location – Reprezinta sala unde va avea loc evenimentul (aceasta este prestabilita din
momentul in care selectam sala pentru care vrem sa vedem calendarul );
o Remark – Prin intermediul acestui camp se pot adauga o descriere asociata
evenimentului .

Dup ce am completat campurile apasam butonul Save(S) iar noul eveniment se va salva in baza
de date .

2 . Adaugare rapida prin intermediul calendarului .

Pentru a adauga un eveniment rapid se pot selecta celulele din calendar pe verticala . Aceste
celule reprezinta ora din 30 in 30 min . Dup ce am selectat celulele care reprezinta ora va
aparea o fereasta asemanatoare cu cea din Fig 3.1.2
 Fig 3.1.2 Adaugare eveniment rapid

Noua fereastra deschisa contine Intervalul orar selectat si campul pentru nume .

Dupa ce am introdus un nume evenimentului apasati butonul “Rezerva sala “ iar noul
eveniment va fi salvat in baza de date .
 3.2 Vizualizeaza / Editeaza evenimentele

Dupa ce au fost introduse evenimentele acestea pot fi vizualizate in diverse moduri .

Modurile de vizualizare se pot schimba prin apasarea urmatoarelor butoane :

I. Prin apasarea acestui buton vom putea vizualiza evenimentele dintr-o zi

selectata prin intermediul . Fig 3.2.1

Fig 3.2.1 Vizualizare evenimente pe zile

II. Prin apasarea acestui buton vom putea vizualiza evenimentele dintr –
o saptamana ordonate pe zile . Fig 3.2.2

Fig 3.2.2 Vizualizare evenimente pe saptamana

III. Prin apasarea acestui buton vom putea vizualiza evenimentele dintr-o
saptamana ordonate dupa luna.Fig 3.2.3

Fig 3.2.3 Vizualizare evenimente pe luna

IV. Pirin apasarea acestui buton vom putea exporta calendarul

astfel incat acesta sa poata fi integrat in diverse tool-uil cum ar fi Outlook ,
Google Calendar etc .
 Pentru a edita un eveniment trebuie selectat evenimentul dupa care va aparea o
fereastra Pop-ul similara cu cea de adaugare eveniment rapid . Aceasta fereastra contine
numele evenimentului ,data crearii cat si doua butoane : “Sterge ” si “Editeaza detalii” .

In momentul in care dam click pe butonul “Sterge ” evenimentul va fi sters din baza de
date si nu va mai aparea in calendat .

Fig 3.2.4 Fereastra stergere/editare eveniment

 Daca dam click pe butonul de editeaza detalii pe ecran va aparea fereastra de la New
Event doar ca aceasta fereastra va avea toate campurile completate , urmand a fi editate .

Dupa ce s-a terminat editarea ,apasand butonul Save , salvati evenimentul cu

modificarile de rigoare .

Fig 3.2.5 Editare eveniment

 3.3 Adauga user nou

Accesarea din sectiunea Manage Users -> Management Utilizatori a optiunii “Adauga utilizator nou”
va deschide o noua fereastra (figura 3.3.1) cu mai multe campuri ce pot fi completate pentru a adauga
un nou user. Primele 6 campuri sunt obligatorii iar restul sunt optionale. Pentru a atribui un rol
utilizatorului, se selecteaza din lista de roluri apoi se apasa pe butonul “Salveaza” pentru crearea lui.

Dupa ce utilizatorul a fost creat , automat veti fi redirectionat catre pagina de vizualizare utilizatori.

Fig. 3.3.1 Adauga user nou

 3.4 Editeaza useri

Aceasta sectiune pune la dispozitie un tabel cu toti utilizatorii creati (figura 3.4.1. Pentru editarea

unui user se face click pe icon-ul din dreptul sau si o noua pagina cu datele sale va fi afisata. Dupa
ce modificarile au fost efectuate se face click pe butonul “Salveaza”. Pentru stergerea unui user se face

click pe icon-ul .Utilizatorul va fi sters dupa confirmarea stergerii.

Fig. 3.4.1 Editare user

 3.5 Adauga rol nou

Pentru adaugarea unui rol ce va detine anumite drepturi este nevoie sa accesati optiunea “Add new
role” din Manage Users -> Management Roluri.O noua fereastra se va deschide cu o serie de campuri de
completat (figura 3.3.1). Primele 3 campuri sunt obligatorii.

Nume: numele complet, descriptiv al rolului

Nume scurt: un singur cuvant ce serveste ca identificator
Descriere: descrierea rolului

Permisiuni:

Account:
Editeaza propriul cont dupa logare: acces la pagina de editare a contului

Add new user:

Adaugare utilizatori noi: acces pentru adaugare useri

View / Edit users:

Stergere utilizatori: acces pentru stergere useri
Editare utilizatori: acces pentru editare useri
Vizualizare utilizatori: acces pentru vizualizare useri

Add new role:

Adaugare roluri noi: acces pentru adaugare roluri

View / Edit roles:

Stergere roluri: acces pentru stergere roluri
Editare roluri: access pentru editare roluri
Vizualizare roluri: acces pentru vizualizare roluri

Add new room:

Adaugare Sali de conferinta : acces pentru adaugarea salilor de conferinta

View/Edit room
Stergere sali: acces pentru stergere Sali de conferinta
Editare sali: access pentru editare Sali de conferinta
Vizualizare sali: acces pentru vizualizare Sali de conferinta
 Add/Delete/Edit events:
Adaugarea evenimentelor:acces pentru adaugarea evenimentelor
Stergere evenimente: acces pentru stergere evenimentelor
Editare evenimente: access pentru editare evenimentelor
Vizualizare evenimente: acces pentru vizualizare evenimentelor

Dupa completarea campurilor obligatorii si setarea permisiunilor, pentru inregistrarea rolului se va

face click pe “Salveaza”.

Dupa primirea mesajului de confirmare veti fi redirectionat catre pagina de vizualizare roluri.

Fig 3.5.1 Adaugare rol nou

3.6 Editeaza roluri

 Aceasta sectiune pune la dispozitie un tabel cu toate rolurile create (figura 3.6.1). Pentru editarea

unui rol se face click pe icon-ul din dreptul rolului dorit si o noua pagina cu permisiunile deja setate
se va afisa, iar dupa ce modificarile au fost efectuate se face click pe butonul “Salveaza”. Pentru

stergerea unui rol se face click pe icon-ul . In ceea ce priveste rolul de administrator, permisiunile
acestuia nu pot fi modificate, el avand drepturi depline.

Fig. 3.4.1 Editare roluri

 3.7 Adauga sala de conferinte

Pentru adaugarea unei Sali de conferinte se da click pe butonul “Adauga sala de conferinte” din
sectiunea Rooms.

Odata deschisa pagina de adaugare sala vor aparea 4 campuri dintre care doar primul este
obligatoriu.

Prin intermediul campului Choose Files se poate selecta o imagine corespunzatoare salii ia daca dati
click pe icon-ul vor aparea mai multe campuri pentru incarcarea imaginilor (in cazul in care doriti sa
incarcati mai multe imagini). Dupa ce campurile au fost completate se da click pe butonul salveaza dupa
care veti fi redirectionat automat pe pagina de vizualizare Sali de conferinta .

Fig. 3.7.1 Adaugare sala de conferinte

 3.8 Editeaza sala de conferinte

Pentru editarea salii de conferinte se face click pe butonul “Editeaza sala ” din sectiunea Rooms . O
noua pagina cu campurile deja setate se va deschide . Dupa ce a-ti facut modificarile apasati pe butonul
“Salveaza ” ,veti primi un mesaj de confirmare dupa care veti fi redirectionat catre vizualizare Sali .

Fig 3.8.1 Editare sala de conferinta