MINISTERUL EDUCAŢIEI NAȚIONALE

INSPECTORATUL ȘCOLAR JUDEȚEAN TIMIS

LICEUL TEORETIC „GRIGORE MOISIL” TIMIŞOARA

LUCRARE DE ATESTAT

Elite Proffesional Dent

Profesori coordonatori : Elev:

Cărnaţ Cristiana Gulpe Alexandra

Timișoara 2020

1
 CUPRINS

1. Introducere - Motivarea alegerii temei............................pag. 3

2. Programele și limbajele folosite .....................................pag. 4
3. Descrierea lucrării..................................................... .....pag. 5
4. Bibliografie.....................................................................pag.17

2
1. Introducere – Motivarea alegerii temei:

La inceput a fost foarte greu să aleg o temă, pe care apoi, în urma documentării
să o prezint în detaliu într-un program sau o aplicaţie. Nu ştiam la inceput ce doream
exact; sa realizez o lucrare deosebită, care să-i ajute pe utilizatori sau sa fie o tema
personala despre o pasiunea de-a mea.

Ideea a venit în momentul în care am încercat să îmi dau seama ce aș dori să

văd. Astfel, am decis sa creez o lucrare care sa informeze utilizatorul despre o clinică
de stomatologie, considerând că alegerea unui medic bun și a unor servicii de calitate
este esențială pentru toți utilizatorii.
Consider că în societatea noastră este foarte important să putem să ne orientăm
alegerile cu privință la medici, în mediul online. Astfel, proiectul meu vizează
eficiența căutării, respectiv găsirii unui medic potrivit și posibilitatea programării
online de către pacienți, o modalitate simplă și utilă.
Programul conţine o pagină principală, alcătuită din diferite secțiuni
informative precum: avantajele oferite de către clinică, echipa de medici, tabel de
tarife, secțiunea de programare online, formular de contact, orar și portofoliu cu
lucrările realizate.

3
 2. Programele si limbajele folosite
• Photoshop: pentru editarea și modificarea pozelor.
• Transmit: pentru copierea pozelor pe server.
• Google Chrome: pentru obținerea informațiilor necesare site ului.
• Brackets: pentru crearea site ului.
• Microsoft Word: pentru realizarea prezentării.
• HTML: HTML (Hypertext Markup Language) este un limbaj creat în scopul
de a descrie, în mod text, formatul paginilor Web
• CSS: Css-ul este un limbaj de stilizare al elementelor html, al tagurilor html.
Denumirea CSS provine din expresia Cascading Style Sheets. În Web Design-
ul modern, pentru stilizarea paginilor web se foloseşte numai CSS. Acest
lucru înseamnă că de la culoarea literelor şi a backgroundului până şi la
poziţionarea elementelor de pe o pagină web, totul este stilizat prin CSS.
Stilurile folosite pe o pagină pot fi încorporate în pagină respectivă sau pot
fi chemate din fişiere externe, fişiere css.
• PHP: PHP este un limbaj de programare. Numele PHP provine din limba
engleză și este un acronim recursiv : Php: Hypertext Preprocessor. Folosit
inițial pentru a produce pagini web dinamice, este folosit pe scară largă în
dezvoltarea paginilor și aplicațiilor web.

4
3. Descrierea lucrării:
Pagina principală:

Pagina are o structură unitară, bine determinată, menită să atragă uitlizatorul, spre a-
i trezi interesul şi a-i uşura munca de căutare a informaţiilor în site.
Pagina principala este alcatuita din un meniu în partea de sus a paginii. Zona
centrală a paginii se va schimba, apărând mereu paginile selectate din meniul
principal.
Pe această pagină gasim o prezentare de tip slide cu imagini sugestive și mesaje
ce cara terizeaza clinica. Aceasta este realizată cu următorul cod

5
Creare meniu:

Meniul este creat prin legarea paginilor între ele, fiind adaptat și pentru
utilizarea de pe dispozitivul mobil, având de asemenea și obțiunea de schimbare a
limbii. Apăsarea pe o obțiune din meniu duce la secțiunea destinată acelei
categorii.
Meniul principal oferă acces rapid către secţiunile site-ului. Principala
caracteristică a meniului este că acesta se află pe pagina principală în frame-ul de

6
sus și orice pagină deschisă permite permanent utilizarea meniului care rămâne în
aceeași parte a ecranului .
Meniul este creat prin legarea paginilor între ele, fiind adaptat și pentru
utilizarea de pe dispozitivul mobil, având de asemenea și obțiunea de schimbare a
limbii. Apăsarea pe o obțiune din meniu duce la secțiunea destinată acelei
categorii.

Sunt 5 butoane ale meniului:

• Home: Acest buton te întoarce la pagina initială. Pe pagina
initiala(principala) gasim o prezentare de tip slide cu imagini sugestive și
mesaje ce cara terizeaza clinica.
• About: Acest buton te duce în partea paginii ce conțin informații utile
privitoare la misiunea clinicii si a medicilor specialiști.
• Doctor: Acest buton face trimitere la partea paginii ce conține informații
despre doctori
• Sevices: Acest buton face trimitere la partea paginii ce conține informații
referitoare la serviciile oferite
• Portofolio: Acest buton face trimitere la partea paginii ce conține un
portofoliu cu poze caracteristice lucrărilor realizate la clinică
• Appointment: Acest buton face trimitere la partea paginii ce conține un
formular de programare online
• Contact: Acest buton face trimitere la partea paginii ce conține un formular
de contact.

Pagina “About”:

7
Observăm că în partea jos a paginii se află niște satistici, care se mișca în timp real
odată cu intrarea în pagina “About”. Pentru aceasta, am folosit urmatorul cod:

Pagina “Avantajele noastre”:

8
Este o pagină interactivă prin modul de a selecta informațiile. Un click pe unul dintre romburi va schimba
informația ce apare mai jos. Pentru asta, am folosit codul

Pagina “Doctor”:

9
 Pe această pagină sunt prezentați toți medicii clinicii. În plus, am venit cu o
modalitate ingenioasă pentru a le accesa pagina de Facebook, Twitter. După cum
se poate observa și din imagine, dacă plasăm mouse-ul pe imaginea cu doctorul
dorit, vor apărea simboluri pentru paginile de contact ale acestuia. Astfel, cu un
simplu click poți accesa un ,link spre pagina dorită, fie de Kacebook, fie de Twitter.
În dreprul a fiecărei poze, se află informații legate de pecializarea
medicului.

Pagina “Services”:

10
 Pentru fiecare informaţie încadrăm în <blockqoute> pentru a arăta că face
parte din partea de text. Mai apoi folosim<p class, clasa din care face ca să poată lua
dimensiunile menţionate la acea clasă şi bineînţeles este denumit şi stilul în care este
scrisă informaţia.

Pagina “Portofolio”:

11
Introducerea imaginilor se realizează cu ajutorul aplicației “Transmit”, selectând
imaginea ce dorim să o introducem în proiect și copiind-o în fișierul
corespunzător.

12
După ce am copiat imaginea pe server, aceasta va apărea in folderul ales de unde
o putem introduce cu (numele folderului în care se află)/(numele imaginii).jpg.
(exemplu: <img src="images/advantage.jpg" alt="images">)

Pagina “Appointment”:

13
Această pagina reprezintă un formular de programare online.
Există o secțiune cu nume, prenume, emial, telefon, doctorul la care se dorește
programarea, data în care se dorește programarea, deschizându-se astfel un
calendar mic pentru selectarea mai ușoară a datei, ora și observații. Toate acestea
fac legatură cu baza de date în care sunt introduse datele pacientului, folosindu-
ne astfel de limbajul php.
Codul folosit:

14
Pagina “Contact”:

15
 De asemenea, proiectul conține și această secțiune pentru contact, unde se
poate comunica simplu și într-un mod rapid cu clinica. În partea din dreapta se
află o hartă de tip google maps.
Codul folosit pentru formular:

După ce am copiat imaginea pe server, aceasta va apărea in folderul ales de unde o putem introduce cu
(numele folderului în care se află)/(numele imaginii).jpg. (exemplu: <img
src="images/advantage.jpg" alt="images">)

16
4. Bibliografie:
http://it.webdesign-galaxy.ro/ce-este-css/
https://ro.wikipedia.org/wiki/MySQL
https://ro.wikipedia.org/wiki/PHP#Utilizare
https://ro.wikipedia.org/wiki/HyperText_Markup_Language
http://brackets.io/

17