Colegiul Naional Gheorghe Lazr Sibiu

LUCRARE PENTRU OBINEREA ATESTATULUI

PROFESIONAL
Profil matematic-informatic, intensiv informatic

Profesor ndrumtor, Candidat,

Preda Georgeta Luca Bogdan

2017
 BAZE DE DATE
- APLICAIE DE GROUP CHATTING -

2
 CUPRINS

Motivaie ............................................................................................................... 4
Limbaje utilizate ....................................................................................................
5
Configurare baz de date (WAMP) ....................................................................... 6
Conexiunea cu baza de date ...................................................................................
7
Scheletul aplicaiei (HTML)...................................................................................
8
Adugarea unui mesaj nou .....................................................................................
9
Preluarea si afiarea mesajelor .............................................................................
10
Permiterea accesului ............................................................................................
11
Rezultatul final .................................................................................................... 12
Bibliografie ......................................................................................................... 13

3
 MOTIVAIE

Aplicaiile de mesagerie online au devenit n ultimii ani o component

esenial a modului n care comunicm att n via a personal, ct i n cea
profesional.
Totui, pe lng beneficiile pe care le aduc, acestea sunt o surs de
distragere a ateniei, fiind capabile s efectueze o gam variat de instruc iuni.
Din acest motiv, am ales s fac o astfel de aplica ie care s ofere att
funcionaliatea de group chatting, ct i un plus de productivitate, fiind astfel
util pentru angajaii unei companii care au nevoie s comunice ntre ei, fr a
apela la Facebook, WhatsApp sau Hangouts.
Inspiraia mea a venit din nevoia oamenilor de a socializa ct mai eficient i
rapid, oferind ns i un design plcut, care s atrag utilizatorii.

4
 LIMBAJE UTILIZATE

1) HTML
- Crearea scheletului site-ului

2) CSS
- Stilizare elemente HTML

3) MySQL
- Crearea bazei de date (PhpMyAdmin)
- Selecie mesaje

4) PHP
- Conexiunea cu baza de date
- Preluare mesaje

5) JavaScript + Ajax
- Afiare mesaje n aplicaie
- Preluare nume utilizator

5
 CONFIGURARE BAZ DE DATE (WAMP)

Baza de date conine 4 cmpuri

1) Id user autoincrementat, utilizat ca i cheie primar (id)
2) Nume utilizator (user)
3) Mesaj (message)
4) TIMESTAMP

6
 CONEXIUNEA CU BAZA DE DATE

Pentru a putea utiliza si updata baza de date prin aplica ie, am folosit fi ierul
connect.php, care face o legtur prin 4 paramteri (nume server localhost fiind vorba de un
server local, nume utilizator, parola utilizator, nume baza de date), utiliznd instruc iunea
mysqli (sau mysql pentru versiuni anterioare).

7
 SCHELETUL APLICAIEI (HTML)

Pentru realizarea acestei aplicaii, am folosit un container pentru ntreg con inutul,
mprit n alte 3 seciuni (div-uri)
1) Cmp pentru afisarea mesajelor anterioare
2) Input pentru mesajul utilizatorului
3) Butoane (alegerea culorilor + resetare utilizator)

8
 ADUGAREA UNUI MESAJ NOU

Pentru a aduga un mesaj nou, am folosit scriptul add_chat.php. Func ia require_once

(se poate folosi i require, ns aceasta este apelat de fiecare dat), preia date din
connect.php. Mai apoi, folosind htmlspecialchars sunt preluate numele utilizatorului i
mesajul acestuia, iar datele primite sunt inserate n baza de date.

9
 PRELUAREA I AFIAREA MESAJELOR

Pentru preluarea mesajelor i afiarea acestora n containerul aferent am folosit

scriptul getchat.php. Acesta verific dac exist mesaje n ultima jumtate de or (pentru a
nu le afia pe toate), n ordine cronologic (order by id asc id-ul este autoincrementat)

Dac emitorul unui mesaj este utilizatorul current, atunci este apelat clasa me
care pune mesajul n dreapta, iar n caz contrar clasa other, pentru a pune mesajul n stnga
(CSS).

10
 SCRIPT PRINCIPAL

Acest script, component a fiierului principal index.php, are mai multe roluri:
1) Verific n fiecare secund dac a fost postat un mesaj nou
2) Preia n local storage datele : user, mesaj, timestamp
3) Trimite mesajul ctre baza de date apelnd scriptul add_chat.php
4) Permite schimbarea culorilor

11