Dezvoltarea Unei Aplicatii Web Pentru Rezervari Hoteliere

Cuprins

1. Introducere…………………………………………………………………

Societatea cunoașterii și noile tehnologii de informare și comunicare

1.1.1 Societatea informațională și societatea informatică

1.1.2 Societatea cunoașterii

Competența digitală și componentele ei

Ce înseamnă astăzi „noi” tehnologii?

Tendințe în dezvoltarea instrumentelor TIC

1.1.4.2 Tendințe în dezvoltarea aplicațiilor Web

1.2 Analiza de bussines a aplicației………………………………………………..

1.2.1 Descriere generală a proiectului…………………………………….

1.2.2 Actori…………………………………………………………….

1.2.3 Lista de procese de bussines………………………………………..

1.2.4 Diagrama de proces……………………………………………

1.2.5 Lista de funcționalități………………………………………….

2. Tehnologii utilizate………………………………………………………………..

2.1 Programe folosite………………………………………………………

2.1.1 Browser

2.1.1.1 Browser Internet Explorer

2.1.1.2 Browser Google Chrome

2.1.2 Notepad++………………………………………………………

2.1.3 Microsoft Office Picture Manager

2.1.4 XAMPP…………………………………………………………..

2.1.4.1 Server Apache………………………………………..

2.1.4.2 MySQL…………………………………………………

2.1.5 Microsoft Picture Manager…………………………………….

2.2 Limbaje utilizare pentru dezvoltarea aplicației…………………………

2.2.1 HTML …………………………………………………………

2.2.2 CSS ……………………………………………………………

PHP……………………………………………………………

JavaScript……………………………………………………

3. Considerente legate de dezvoltarea aplicației………………….

3.1 Scopul lucrării………………………………………………………………

3.2 Configurație Hardware și mediu de dezvoltare………………….

3.3 Descriere aplicație…………………………

3.4 Proiectare aplicație…………………………..

4. Studiu de caz/scenariu de utilizare. …………………………

4.1 Vizitator ……………………………………………

4.2 Utilizator ………………………………………………

4.3 Administrator ………………………………………………

5. Îmbunătățiri

5.1 Îmbunătățiri ……………………………………………

5.2 Suport dispozitive mobile…………………………………

5.2.1 Aplicație android……………………………………….

5.2.2 Aplicație iOS ……………………………………

5.3 Bug-uri

6. Concluzii ……………………………………………………………

7. Bibliografie…………………………………………………………..

8. Anexe…………………………………………………………………

1.Introducere

Motto: “Erele îndepărtate au fost marcate de inventarea roții și stăpânirea focului. Noi avem gloria de a asista la explozia informațională marcată de electronică și de sistemele de calcul“. (Edmond Nicolau)

Societatea cunoașterii și noile tehnologii de informare și comunicare

1.1.1 Societatea informațională și societatea informatică

De-a lungul zbuciumatei sale existențe, omenirea a trecut prin mai multe etape, așa zisele ere: a pietrei, a fierului, a agriculturii, a industriei. În prezent se poate vorbi de o eră postindustrială, o eră a tehnologiei bazată pe informație, caracterizată prin trei faze succesive: societatea informațională, societatea cunoașterii și societatea conștiinței. În ultimii ani, dezvoltarea spectaculoasă a tehnologiilor moderne informaționale și de comunicare (TIC) au revoluționat toate domeniile de activitate ale omului modern: industrie, agricultură, medicină, învățământ, comerț etc.

Societatea informațională (Information Society), conform documentelor oficiale ale Uniunii Europene, este noul model de societate a cărei dezvoltare este o consecință a revoluției la care asistăm în domeniul tehnologiei informației și comunicațiilor (TIC). Ea se bazează pe colectarea, stocarea, prelucrarea, transmiterea, diseminarea și utilizarea informațiilor și cunoștințelor, inclusiv pe dezvoltarea tehnicilor de comunicație interactivă.

Se poate spune, pe bună dreptate, că societatea informațională apare numai într-un mediu în care numărul celor care folosesc tehnologii informaționale depășește o valoare critică și abia atunci, când accesul la instrumentele informatice devine un fenomen de masă, putem afirma că ne aflăm într-un spațiu în care civilizația, în stadiul ei informațional, a fost acceptată. Informația, ca element fundamental al activităților umane pentru “homo informaticus” al mileniului III, a devenit un produs prețios, o componentă intrinsecă a procesului instructiv-educativ, impunându-se tot mai mult nevoia asigurării accesului la valorile informaționale ale societății.

În cadrul societății informaționale, se evidențiază societatea informatică, ca o parte a ei care utilizează progresele tehnicii de calcul în toate domeniile de activitate:

politic (societatea are un caracter democratic, ea permițând accesul universal, cu un preț rezonabil la noile tehnologii, cel puțin la telefon, fax, modem, calculator etc.);

economic (factor important de dezvoltare ce duce la creșterea productivității muncii și a competitivității);

social (ca urmare a restrângerii cererii forței de muncă în activitatea industrială se impune reconversia forței de muncă și perfecționarea sa continuă);

cultural (fiecare cetățean în noua societate bazată pe cunoștințe, trebuie să fie capabil să poată accesa informația care-i trebuie și pe baza acesteia să poată construi noi cunoștințe).

1.1.2 Societatea cunoașterii

Chiar dacă societatea informațională nu și-a încheiat evoluția, a apărut un concept nou, prescurtat „societatea cunoașterii” care este o societate bazată pe cunoștințe ce are în vedere cunoașterea, modalitățile de achiziție, de tezaurizare, de transfer și de exploatare ale acesteia. Societatea cunoașterii asigură o abordare a cunoașterii către toți cetățenii prin mijloace noi, folosind cu prioritate Internetul, cartea electronică și metodele de învățare prin procedee electronice (e – learning).

Unii autori definesc două catgorii de vectori care transformă societatea informațională într-o societate a cunoașterii:

vectorii tehnologici: Internet, tehnologia cărții electronice, agenți inteligenți (software, roboți, nanaelectronica, mediu înconjurător inteligent pentru activitatea și viața omului);

vectorii funcționali: generarea de cunoaștere tehnologică nouă, dezvoltarea unei culturi a cunoașterii și inovării, managementul utilizării morale a cunoașterii la nivel global, managementul cunoașterii pentru întreprinderi, instituții, organizații, administrații naționale și locale etc.

Modelul societății cunoașterii pe care și-a propus Uniunea Europeană să-l realizeze, are în vedere un sistem de educație europeană eficientă, bazată pe accesul neîngrădit la tehnologiile cele mai recente, dar și pe o vastă cultură interdisciplinară.

Elementele de bază ale societății bazată pe cunoaștere se referă la:

know-what (a ști ce) – reprezintă informații, cunoștințe punctuale, factuale despre realitate, ce contribuie la explicarea acesteia;

know–why (a ști de ce) – realitatea este înțeleasă pe baza cunoașterii științifice a legilor și principiilor naturii, a legilor sociale etc.;

know–how (a ști cum)

know–who (a ști cine) – informații despre cine și ce știe să facă.

1.1.3 Competența digitală și componentele ei

În conformitate cu strategia de dezvoltare a politicilor educaționale proiectată de Uniunea Europeană în 2006, au fost definite competențele cheie pentru învățarea pe tot parcursul vieții, având următoarele dimensiuni operaționale: cunoștințe, abilități, atitudini, adecvate contextului de care are nevoie fiecare individ pentru împlinirea și dezvoltarea personală, pentru cetățenia activă, pentru incluziunea socială și angajarea pe piața muncii, în vederea permiterii fiecărui cetățean să se adapteze în mod flexibil la o lume extrem de dinamică, în rapidă schimbare și profundă interconectare.

Printre cele opt competențe stabilite, competența digitală ocupă un loc important, implicând utilizarea critică și responsabilă a mijloacelor media și de comunicare în educație, în procesul muncii și în timpul liber și vizând în special dezvoltarea gândirii critice, a comunicării și a gestionării informației la standarde foarte înalte.

Componenta „cunoștințe” a competenței digitale face posoibilă înțelegerea și cunoașterea naturii, a oportunităților și a rolului TIC în viața personală, socială și profesională a oamenilor. Această componentă include aplicații principale de tipul: baze de date, procesor de texte, foi de calcul, stocarea și gestionarea informațiilor. Totodată, ea permite înțelegerea oportunităților și a riscurilor potențiale ale Internetului și comunicării prin mediul electronic (e-mail, rețea) în contexte de învățare, cercetare, muncă, colaborare în rețea, schimbul de experiențe, petrecerea timpului liber.

În ceea ce privește componenta “deprinderi” a competenței digitale, aceasta se referă la abilitatea de a căuta, colecta și procesa informația și de a o folosi într-o manieră critică și sistematică, făcând diferența între real și virtual. Această componentă se referă și la abilitățile de a utiliza instrumentele digitale pentru a produce, prezenta și înțelege informații complexe, de a accesa, căuta și folosi servicii bazate pe Internet, cât și folosirea TIC pentru sprijinirea gândirii critice, a creativității și a inovației.

În ceea ce privește componenta „atitudini” a competenței digitale, se poate vorbi de o atitudine reflexivă și critică față de informația disponibilă, responsabilă în folosirea mijloacelor interactive, dar și de interes în vederea implicării în comunități și rețele pentru scopuri culturale, sociale sau profesionale.

1.1.4 Ce înseamnă astăzi „noi” tehnologii?

În zilele noastre, calculatorul s-a transformat într-un adevărat mijloc de muncă și instruire, într-un timp foarte scurt. S-a impus astfel, constituirea unui mediu informatizat care să faciliteze folosirea pe scară largă a calculatoarelor și a mijloacelor multimedia. Acest mediu este determinat de știința prelucrării automate a informațiilor. Rezultatele deosebite din domeniul informaticii și al echipamentelor hardware obligă într-un fel societatea să țină cont de aceste progrese în domenii ca industrie și servicii și să le utilizeze cât mai frecvent. În majoritatea statelor europene, folosirea instrumentelor TIC în sistemele de învățare pe tot parcursul vieții, este considerată crucială în vederea modernizării serviciilor și aducerii la zi a competențelor celor puși să formeze participanții la astfel de cursuri. Schimbările în ceea ce privește folosirea instrumentelor TIC în educație și societate sunt atât de rapide, încât abia se poate ține pasul cu dezvoltarea tehnologică. O mare parte din literatura și rapoartele referitoare la TIC datează din primii ani ai secolului al XXI-lea, când erau utilizate tehnologiile Web 1.0. Acestea cuprindeau în principal pachete de orientare asistată de calculator și site-uri care ofereau resurse de informare. De atunci s-au dezvoltat foarte mult aplicațiile Web 2.0, termen folosit pentru a descrie tehnologii care pun accentul pe conținutul generat de utilizator și pe eforturile comune. Acestea cuprind rețele sociale, blog-uri, videocasting, podcasting, forumuri pe Internet, wiki-uri, site-uri favorite, care oferă oportunități, dar generează și o serie de dificultăți în ceea ce privește furnizarea de educație, informații și orientare în mediul virtual.

Tendințe în dezvoltarea instrumentelor TIC

În prezent se conturează cîteva tendințe cheie în dezvoltarea instrumentelor TIC:

abundența resurselor educaționale disponibile online și nivelul ridicat de participare în mediile online;

nevoia de a asigura o învățare semnificativă, de a oferi servicii de mentorat și recunoașterea competențelor;

accesul tot mai mare la Internet asigurat inclusiv prin telefoanele mobile, creează o așteptare și mai mare de acces, iar oamenii doresc să poată munci, învăța sau studia oricând și oriunde doresc;

dezvoltarea unei piețe globale: în lumea muncii, relațiile transfrontaliere sunt tot mai prezente, se solicită din ce în ce mai mult abilități de colaborare și munca în echipă pentru rezolvarea unor probleme atît de complexe și de noi încât nu pot fi rezolvate cu succes de o singură persoană. Se estimează că peste un miliard de persoane se încadrează definiției de lucrător prin dispozitive mobile și se estimează că circa o treime din forța de muncă globală, cam 1,2 miliarde de angajați – își vor desfășura activitatea din locuri multiple;

ponderea tot mai mare a tehnologiilor de tip cloud (stocate pe un server central și accesibile de oriunde) și descentralizarea serviciilor de suport TIC. Accesul tot mai crescut prin dispozitivele mobile susține mișcarea de transferare a conținuturilor și serviciilor în cloud, însă provocările care țin de protejarea și controlul datelor încetinesc procesul de adoptare.

1.1.4.2 Tendințe în dezvoltarea aplicațiilor Web

În timp ce Web 1 a demonstrat capacitatea de a pune în legătură persoane și resurse, Web 2 permite prin deschiderea, ușurința accesării și facilitatea relațiilor sociale o creștere deosebită a capacității de conectare prin Internet. Acest lucru promovează relațiile sociale și de comunicare între utilizatori, într-un mod cu totul inedit și sunt dedicate unei varietăți de scopuri precum:

descoperirea rapidă de informații și activități;

împărtășirea facilă a resurselor digitale;

utilizarea crescută a siteurilor sociale;

managementul unor procese;

dezvoltarea de resurse în colaborare;

extinderea relaționării sociale;

personalizarea propriului mediu social;

beneficiul calității de membru în cadrul rețelelor, grupurilor sau comunităților.

O continuare firească a aplicațiilor Web 2.0 o constituie Web 3.0 sau web-ul semantic. Această nouă tehnologie vede Internetul ca un organism unitar, în care principiul de bază este interconectarea și compatibilizarea tuturor conținuturilor și a dispozitivelor de acces. Aceste noi aplicații includ:

versiunile pentru accesarea prin dispozitive mobile a unor servicii web;

dezvoltarea de dispozitive mobile cu capacități crescute de accesare a conținuturilor web;

serviciile de traducere automatizată a conținuturilor disponibile în diferite limbi;

creșterea pertinenței rezultatelor oferite în urma interogării bazelor de date.

Așadar, se poate spune, pe bună dreptate, că evoluția societății în ultimile decenii, marcată considerabil de transformarea ei într-o societate digitală, s-a impus prin noul suport tehnologic, ceea ce a dus la un ritm accelerat al progresului și mai ales, la necesitatea unei orientări mai transparente în ceea ce privește alegerea strategiilor, a direcțiilor de acțiune, cât și a adecvanței mijloacelor utilizate. [28],[29], [30], [31]

1.2 Analiza de bussines a aplicației

1.2.1 Descriere generală a proiectului

Se dorește să se creeze o aplicație web care să permită vizualizarea unor oferte de cazare și utilizatorii să aibă posibilitatea de a face rezervări. Utilizatorii nelogați pot vedea ofertele companiei noastre, detalii despre companie, informații despre produsele noastre și un formular de contact și informații despre locația sediului central.

Utilizatorii logați pot accesa pagina de rezervări unde se găsește un formular ce conține date ce trebuie completate de către utilizator pentru a realiza rezervarea. În plus, un utilizator logat își poate modifica numele contului de pe care este logat.

După ce un utilizator rezervă un pachet de vacanță, acestuia îi va apărea pe ecran mesajul de confirmare “Rezervare realizată” și site-ul va încărca o nouă pagină web unde se găsește un formular pentru asigurare medicală. Dacă utilizatorul dorește să își facă o asigurare medicală, acesta completează formularul și sistemul va genera automat un fișier pdf ce conține asigurarea medicală completată și validată automat de către sistem.

Un altă categorie de utilizator este administratorul aplicației de rezervări hoteliere. Acesta are username-ul “admin”. Pentru a se autentifica în contul de admin trebuie să intre pe adresa web a aplicației și să se conecteze ca orice utilizator obișnuit prin câmpul de login al paginii. După ce acesta s-a logat, el poate vizualiza ofertele curente, toate conturile clienților nostri, date despre acestea, rezervările făcute de acestea, mesajele primite prin intermediul formularului de contact. Pe prima pagină “panou_admin.php”, administratorul poate modifica prețurile ofertelor noastre. De asemenea, în cazul în care un client dorește să modifice datele de rezervare, administratorul poate schimba datele vechi introduse de client prin formularul de rezervare cu noile date dorite de client.

1.2.2 Actori

Următoarea listă reprezintă “actorii” care participă la aplicație:

– utilizator

– computer

– sistem operare

– browser web

– server web

– fișier sursă

1.2.3 Lista de procese de bussines

Proces: Rezervare vacanță și generare asigurare medicală pe durata vacanței

Persoana accesează site-ul.

Persoana crează cont.

Persoana se autentifică.

Persoana vizualizează ofertele.

Accesează pagina de rezervări.

Completează datele personale.

Primește confirmare.

Completează formular pentru asigurare medical.

Se generează asigurarea medicală în format pdf.

Persoana descarcă fișierul.

Persoana iese din aplicație.

1.2.4 Diagrama de proces

Diagramele de proces sunt vizualizări ale oricărui tip de proces etapizat. Ele se crează de obicei sub formă de scheme logice, cu forme care reprezintă pașii din proces, conctate prin săgeți care indică următorul pas. [1]

1.2.5 Lista de funcționalități

Persoana accesează pagina web.

Persoana crează cont.

Completează datele pentru rezervare.

Completează datele pentru asigurare medicală.

Pentru a exemplifica un element din lista de mai sus trebuie să definim termenul de use case.

Use case este o listă de mai mulți pași ce definește interacțiunea dintre un actor și sistem pentru a atinge un țel.

Actorul poate fi un om sau un sistem. Astfel vom detalia elementul b) din lista de funcționalitate.

Persoana crează cont (UseCase1)

Titlu: Creare Cont

Descriere: Persoana își crează cont.

Actori: persoana

Precondiții: Aplicația este disponibilă în țara respectivei persoane.

Postcondiții: Persoana poate utiliza aplicația.

Scenariu principal:

1. Persoana accesează aplicația web.

2. Sistemul afișează pagina index.php cu oferte promoționale.

3. Persoana alege să creeze cont.

4. Sistemul afișează Formular de înregistrare.

5. Persoana completează datele cerute.

6. Sistemul validează crearea contului și afișează pagina de index_logat.php

7. Persoana se autentifică.

Scenariu alternativ:

8. Datele completate nu sunt valide.

9. Sistemul afișează mesaj de eroare.

10. Se reia Pasul 5.

2. Tehnologii utilizate

2.1 Programe folosite

2.1.1 Browser

Un browser de internet este un program software utilizat pentru a ne conecta la internet. Acesta ne permite să vizităm site-uri web unde putem găsi orice informații. De asemenea, pe unele site-uri ne putem autentifica, putem avea legături cu alte site-uri, plus multe alte activități. Cele mai utilizate browsere de internet pentru sistemul de operare Microsoft Windows sunt: Internet Explorer, Google Chrome, Mozila Firefox, Opera, iar pentru Apple O.S. avem Safari Browser. [2]

Altfel spus, un browser Web este un motor de parcurgere special ce evaluază etichetele unui fișier html, pe care il afișează în concordanță cu regulile stabilite. De exemplu, un browser numai pentru text afișează textul alternativ în locul unei imagini, pe când un brower grafic afișează înșăși imaginea. [10-pag 29]

2.1.1.1 Internet Explorer – este un browser web ce a apărut în anul 1995 ca răspuns al Microsoft pentru Netscape. Acesta a fost mult timp cel mai popular browser de internet cu toate că există și alte browsere concurente: Mozila, Opera, Google Chrome. Ca toate celelalte browsere de internet și acesta suportă Java, Javascript, Css, Ajax. [3]

2.1.1.2 Google Chrome – este un browser bazat pe un proiect open-source. A fost lansat de către Google în anul 2008 și în acest timp a suferit mai multe actualizări. Este disponibil pentru Windows, Linux, Android, iOS. Punctele tari ale acestui browser sunt simplitatea, viteza, securitatea, confidențialitatea. Fiecare pagină de internet are propriul proces, ceea ce ajută la o mai bună securitate între pagini (o problemă nu se transmite către o altă pagina de internet). Limbajele HTML5 si CSS sunt suportate de Google Chrome. De asemenea, este permis utilizatorilor să se autentifice cu conturile lor de google, astfel că se pot sincroniza datele de pe mai multe dispozitive (PC, laptop, mobile).[4]

2.1.2 Notepad++

Notepad++ este un editor de text gratuit și poate fi utilizat pe sistemul de operare Microsoft Windows. Acesta are în plus față de vechiul Notepad noi unelte ce vin în ajutorul utilizatorilor, dar mai ales programatorilor. Se poate lucra în paralel la mai multe fișiere (se pot edita mai multe tipuri de fișiere, cele mai cunoscute fiind cele care au extensiile .c, .cpp, .html, .php).

Cele mai utilizate facilități ale acestui program sunt următoarele:

funcția de căutare și înlocuire

drag-and-drop

se poate lucra în paralel la mai multe fișiere

pot fi definite etichete

autocompletare pentru diverse limbaje de programare

disponibil în mai multe limbi

dacă se selectează un cuvânt, programul ne evidențiează unde mai este acel cuvânt

dacă deschidem o acoladă sau o paranteză, acesta o închide automat.

2.1.3 Microsoft Office Picture Manager

Acest program are rolul de a edita și vizualiza imaginile pe care le folosim în aplicația web. Cu ajutorul lui am putut edita imaginile.

Cele mai utilizate funcții ale programului sunt cea de autocorectare, unde luminozitatea și contrastul imaginii sunt modificate automat.

Acest program are și alte funcții:

– Modificare luminozitate și contrast

– Modificare culoare

– Decupare imagini

– Rotire

– Utilitar de eliminare ochi roșii din imagine

– Redimensionare

– Comprimare imagine

2.1.4 XAMPP

XAMPP este un pachet de programe gratuite și un mediu de dezvoltare PHP ce conține MySQL, PHP, server-ul Apache dar și Perl.

Numele vine de la inițialele acestor componente: X este pentru multi-platformă (deoarece XAMPP funcționează pe multe sisteme operative), A de la Apache, M de la MySQL, P de la PHP si P de la Perl.

Acest pachet de programe este folosit ca un server web ce poate găzdui pagini dinamice. [5]

Ultima versiune de XAMPP cuprinde următoarele programe:

– Apache 2.4.16

– MySQL 5.6.26

– PHP 5.5.28

– phpMyAdmin 4.4.14

– OpenSSL 1.0.1

-XAMPP Control Panel 3.2.1

– Webalizer 2.23-04

– Mercury Mail Transport System 4.63

– FileZilla FTP Server 0.9.41

– Tomcat 7.0.56

– Strawberry Perl 7.0.56 Portable. [6]

În proiectul elaborat, pentru a permite rularea paginilor .php și pentru a permite conectarea la baza de date, a fost nevoie de pornirea a doar două module, după cum urmează în imaginea de mai jos.

Pentru a porni cele două module, se apasă butonul start. În primă fază, modulul Apache nu a funcționat pentru că folosește același port: 80 ca și programul de voce Skype. Serverul Apache încearcă să pornească pe port-ul 80, dar era deja luat de alt program, astfel că pentru a rula trebuie să închidem Skype, abia apoi se poate apăsa Start pentru a porni Apache.

Modulul MySQL este folosit pentru a ne conecta la baza de date. Baza de date se creează cu ajutorul modulului phpmyadmin care se găsește la adresa http://localhost/phpmyadmin.

Fig. 2 Imagine program XAMPP

2.1.4.1 Server Apache

Apache HTTP Server – este platforma webserver cea mai utilizată, este un software care realizează funcțiile de transport a informației; este un proiect open-source ce are scopul de a oferi un proiect sigur, robust și eficient. Acesta face parte din Fundația Apache Software în care sute de oameni au contribuit cu idei, linii de cod și documentație în acest

proiect. [5]

2.1.4.2 MySql

MySQL este cel mai popular sistem open-source de gestiune de baze de date. În timp a dovedit că este performant, de încredere și ușor de folosit, astfel că acum este folosit de foarte multe firme mari din industrie (YouTube, Yahoo, Facebook).

În concluzie, pentru a realiza pagini web dinamice se folosește limbajul de programare .php și javascript, alături de html și css.

Fig 3. Relații între PC-SERVER

Aceste pagini web dinamice au nevoie și de o bază de date (construite cu ajutorul phpmyadmin), iar legătura dintre codul sursa .php și baza de date se face cu ajutorul fișierului connect.php.

Fig. 4.1 Secvență cod – conectare la BD

– localhost este numele serverului (în cazul nostru este server local);

– db_licenta (fișierul generat de către phpadmin este db_licenta.sql; acesta este fișierul ce conține baza de date, adică structura acesteia, numele tabelelor, coloanele din tabele și datele din acestea).

– root: pentru a ne conecta la baza de date prin intermediul phpmyadmin, avem nevoie de username, iar de parolă, deocamdată nu avem nevoie, pentru ca rulăm local.

O altă metodă de a ne conecta la baza de date este prezentată în figura următoare:

Fig. 4.2 Secvență cod – conectare la BD-metoda 2

Pentru a nu scrie una din aceste secvențe de cod în fiecare fișier, trebuie să adăugăm doar 3 linii de cod în fișierul .php și ne vom conecta la baza de date.

PhpMyAdmin – este un utilitar oferit gratuit, dezvoltat în limbajul de programare PHP creat pentru a putea administra bazele de date MySQL prin intermediul unui browser web. Acesta poate face mai multe operații, cum ar fi: crearea de structure de baze de date, adaugarea de date în aceste baze de date, modificarea tabelelor, ștergerea acestora sau a datelor din interiorul lor. De asemenea se pot șterge doar unele linii dintr-un tabel, se pot executa

instrucțiuni SQL, se poate permite sau revoca accesul unor useri.

Fig. 5.1 PhpMyAdmin – Meniu principal

Fig 5.2 – PhpMyAdmin – Meniu privilegii

De exemplu, dacă avem un angajat și un contabil, aceștia nu trebuie să aibă acces la toate datele din companie, așa că putem selecta ce operații poate face un utilizator.

2.2 Limbaje utilizare pentru dezvoltarea aplicației

Programarea web este metoda prin care putem transforma o pagină simplă, statică într-o pagină web dinamică. Este permis utilizatorilor să interacționeze cu site-ul web și să folosească aplicația de la orice computer/dispozitiv mobil cu acces la Internet.

Site-urile web sunt realizate cu limbaje de programare web. Aceste limbaje includ tehnologii statice ca HTML,CSS și XML. Totuși, paginile web moderne sunt realizate utilizând limbaje de programare web server-side. Codul rulează pe server și trimite către browser date statice. (codul php nu ajunge la utilizatorul final în browser; doar codul HTML si CSS ajunge la utilizator).

Cele mai populare limbaje de programare web sunt:

-PHP

-Ruby on Rails

-Perl

-Python [8]

2.2.1 HTML

Pentru a publica informații distribuite global, trebuie să avem un limbaj universal, un fel de limbă universală pe care toate calculatoarele să o înțeleagă. Aceasta limbă universală folosită de WWW (World Wide Web) este HTML (HyperText Markup Language) care descrie formatul primar în care documentele sunt distribuite și văzute pe Web. Multe din trăsăturile lui, cum ar fi independența față de platformă, structurarea formatării și legăturile hypertext, fac din el un foarte bun format pentru documentele Internet și Web.

Primele specificații de bază ale Web-ului au fost HTML, HTTP și URL.

HTML 1

În anul 1992 a început să se lucreze la HTML 1.0, care a fost lansat pe Internet în același an. Ideea principală a fost separarea elementului HEAD de elementul BODY.

Alături de TITLE, elementul HEAD putea conține atribute ca ISINDEX, LINK și BASE, dând documentului un context în interiorul unui univers mai larg.

Nivelul 1 a introdus renumitele formulare, ele permiteau utilizatorilor să completeze datele personale și puteau da feedback dezvoltatorilor.

HTML 2

Având succes, cerințele creșteau și au condus consorțiul World Wide Web la introducerea versiunii HTML 2. Acesta folosea elementul FORM cu INPUT, SELECT, OPTION.

De asemenea, HTML 2 adaugă elementul META pentru descrierea detaliată a documentului și o cale pentru indexarea și catalogarea conținutului. În plus, schimbă descrierile secțiunilor head și body și ale elementelor bază, listă, imagine, legătură și titlu.

O altă caracteristică importantă a fost introducerea etichetei de container opțională, eticheta <p>.

Fig. 6.1 Exemplu paragraf HTML

HTML 3

Elementele propuse pentru HTML 3 includeau atributul ALIGN care a fost adăugat mai multor elemente, permițând autorilor să foloseasă alinierea la stânga, la dreapta sau pe centru. O altă funcționalitate a fost introducerea de noi elemente logice, incluzând etichete pentru definiții, citate, limbaj, text inserat și șters. Unele dintre etichetele fizice propuse erau text subliniat, text mai mare sau mai mic. De asemenea, au fost introduse și atribute adiționale, folosite pentru imagini de fundal.

O altă caracteristică importantă a HTML-ului a fost introducerea foilor de stil. Elementele de design al paginii erau scoase din fișierul .html și erau introduse în fișiere adiționale, în foi de stil.

HTML 4

Această versiune de HTML continuă dezvoltarea mecanismelor de foi de stil, încadrarea în pagină, tabele cu forme mai complexe.

Cum comunitatea de dezvoltatori web este în continuă creștere, este esențial ca tehnologiile actuale să fie în concordanță cu cerințele lor. HTML a fost creat pentru a face paginile web mult mai accesibile. Acesta include:

– o delimitare mai bună între structura documentelor și prezentare, încurajând astfel utilizarea de foi de stil în locul elementelor și atributelor clasice HTML.

– o nouă caracteristică pentru client: elemental MAP – permite dezvoltatorului să integreze imagini și legături cu alte pagini web (links).

– suport pentru atributele “title” și “lang”.

Un exemplu de document HTML:

Fig. 6.2 Exemplu document HTML

Orice document HTML începe cu notația <html> și se termină cu notația </html>. Acestea se numesc "TAG-uri". Toate informațiile HTML încep cu o paranteză unghiulară deschisă " < " și se termină cu o paranteză unghiulară închisă " > ".

Tag-urile între aceste paranteze transmit comenzi către browser pentru a afișa pagina într-un anumit mod. Unele blocuri prezintă delimitator de sfârșit de bloc, în timp ce pentru alte blocuri, acest delimitator este opțional sau chiar interzis.

Între cele două marcaje <html> și </html> vom introduce două secțiuni:

– secțiunea de antet

<head>

………………

</head>

– corpul documentului

<body>

………………

</body>

Blocul <body>…</body> cuprinde conținutul propriu-zis al paginii HTML, adică ceea ce va fi afișat în fereastra browser-ului.

Fig. 6.3 Structura HTML

Structurile HEAD și BODY (antet și corp document) au o trăsătură comună: nu se specifică o machetă sau o ordine anume. Diferența constă în faptul că elementele antetului există ca frați, în timp ce corpul poate crea o ierarhie de părinți și copii.

Antetul conține informații despre document care pot afecta înfățișarea corpului, dar care nu sunt afișate în mod obligatoriu utilizatorului. Nu există în antet elemente care să fie mai importante decât celelalte. TITLE este la fel de important ca și LINK, ele fiind tratate în mod diferit doar conform scopului lor.

Corpul documentului conține o ierarhie de elemente. De exemplu, vom analiza următorul corp de document:

Fig. 6.4 Paragraf HTML

Corpul include doi copii, un element H1 și un element P.

[10], [11], [12]

HTML 5

HTML 5 este ultima versiune de Hypertext Markup Language și a fost creată pentru a permite dezvoltarea de site-uri web fară a fi nevoie de plug-in-uri adiționale și alte software.

HTML 5 permite animații, aplicații, video, muzică și poate fi folosit pentru a crea aplicații complexe ce rulează direct în browserul de internet.

Pentru a utiliza HTML 5 nu avem nevoie de licență, acesta fiind un limbaj open-source. De asemenea, este un limbaj ce poate dezvolta aplicații pentru mai multe platforme (computer, dispozitive mobile, smart TV, notebook, laptop). O condție minimă de utilizare a acestuia, este ca browserul de internet să suporte HTML 5. Ultimele versiuni de Google Chrome, Mozilla, Firefox, Opera, Apple Safari, Internet explorer suportă HTML 5.

De asemenea browser-ele web ce vin preinstalate pe dispozitivele mobile (telefoane inteligente, tablete) au support excelent pentru HTML 5.

HTML 5 a introdus mai multe elemente și atribute ce ajută dezvoltatorul să creeze un website modern.

-Tag-urile <header>, <footer>, <section>

header = antet;

footer = subsol;

section = secțiune

-Forms 2.0: îmbunătățiri pentru formulare (a fost introdus tag-ul <input>)

– Audio și Video: se poate adăuga un fișier audio sau video pe pagina web fără alte programe software sau plug-in-uri.

– Geolocație: Vizitatorii pot alege dacă vor să facă publică locația lor pe web. Această caracteristică este posibilă cu ajutorul JS GeoLocation API ce poate detecta foarte ușor locația unui utilizator ce accesează un site web.

– Drag and drop: cu această funcție putem pune manual un obiect dintr-o locație în alta, folosind mouse-ul.

– Canvas: suportă grafică vectorială.

Un document HTML 5 are următoarea structură:

Fig. 6.5 Structura HTML – cod

De fapt, sunt trei tipuri de cod pentru a realiza un web-site complet.

Primul, care generează structura site-ului este HTML; cel de-al doilea este cel ce generează stilul și anume CSS (Cascading Style Sheets) și al treilea este limbajul ce generează elementele de dinamism din paginile web și anume JavaScript alături de PHP. [13],[14]

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 pagina web, totul este stilizat prin CSS. Stilurile folosite pe o pagină pot fi încorporate în pagina respectivă sau pot fi chemate din fișiere externe, fișiere CSS.

Stil CSS:

Fig. 7.1 Stil CSS – cod

Stilurile pentru o pagină pot fi definite în partea de Head a documentului html sau pot fi definite într-un fișier CSS extern, pe care il putem insera tot din partea de head a paginii, sau putem aplica un stil diferit în partea Body a fișierului html, la fiecare tag html în parte.

Fig. 7.2 Stil CSS în HTML – cod

Stilurile se definesc în partea head a documentului cu ajutorul tagurilor <style type=”text/css”>

……….

</style>.

Ultima versiune este CSS3. Aceasta aduce o serie de atribute noi și ajută la dezvoltarea noilor concepte în webdesign.

O listă cu atributele cele mai importante venite odată cu CSS3 este enumerată mai jos:

Selectori

– Fundal

– Efecte de etxt

– Transformări 2D/3D

– Animații

– Borduri

– Multiple Column Layout.

[9], [18]

PHP

Abrevierea PHP înseamnă Hypertext Preprocessor și este un limbaj open-source folosit de programatori pentru a genera pagini web dinamice.

Se folosește în principal împreună cu codul HTML, dar începând de la versiunea 4.3.0, se poate folosi și în mod „linie de comandă” , permițând crearea de aplicații independente. Este unul din cele mai importante limbaje de programare web open-source și server-side, existând versiuni disponibile pentru majoritatea web serverelor și pentru toate sistemele de operare. Conform statisticilor, este instalat pe 20 de milioane de site-uri web și pe 1 milion de servere web. Este disponibil sub Licenṭa PHP ṣi Free Software Foundation îl consideră a fi un software liber.

PHP poate fi utilizat pe toate sistemele de operare majore, inclusiv Linux, multe variante Unix (inclusiv HP-UX, Solaris și OpenBSD), Microsoft Windows, Mac OS X, RISC OS și probabil altele. PHP de asemenea susține majoritatea server-elor web existente în prezent. Acestea includ Apache, IIS, și multe altele.

Una dintre cele mai puternice și semnificative facilități ale PHP este susținerea unui larg domeniu de baze de date. Scrierea unei pagini web ce accesează o bază de date este incredibl de simplă utilizând una din extensiile de lucru cu baze de date (de ex. pentru mysql).

Fig. 8.1 Secvență cod – conectare la BD-metoda 2

Exemplu de script PHP

Fig. 8.2 Exemplu de script PHP

Pentru a rula acest script PHP trebuie să pornim un server local (secțiunea 2.1.4 a prezentei lucrări), apoi folosind browser-ul accesăm pagina http://localhost/test111.php

Fig. 8.3 Captură imagine localhost

Sintaxa (<?php echo “<p> Hello World</p>”; ?>) are o metodă mai simplă de scriere și anume:

Fig. 8.4 Exemplu de script PHP- metoda 2

PHP este un limbaj foarte popular pentru dezvoltarea de web-site-uri, așa că sunt foarte multe resurse. De obicei, când un dezvoltator întâmpină o problemă, caută mesajul de eroare sau instrucțiunea cu probleme și imediat găsește rezolvarea problemei. De obicei, o versiune mai veche de cod funcționează și în noile versiuni fără modificări majore.

În România avem PHP Romania, comunitatea oficială de programatori de PHP din România. Grupul a fost înființat în 2002, ajungând să cuprindă peste 18.000 de membrii înscriși oficial în 2011. Comunitatea oferă suport tehnic gratuit tuturor membrilor prin intermediul forumului de discuții și prin intermediul blogurilor membrilor activi ai comunității.

[15], [16], [17]

JavaScript

Javascript a fost introdus în anul 1995 ca o soluție de a adăuga programe la paginile web. De atunci, acesta a fost adoptat de toate browser-ele de Internet. A făcut posibilă construcția de aplicații web moderne, aplicații ce pot interacționa direct cu utilizatorii, fară a fi nevoie de a se reîmprospăta pagina, acestea încărcându-se în timp real.

De asemeanea, este folosit și în paginile web clasice. Este important să nu confundăm JavaScript cu limbajul de programare Java.

Fig. 9 Ilustrație Java și JavaScript [22]

Acesta este un limbaj de programare orientat obiect și este folosit mai ales pentru adăugarea de funcționalități în paginile web.

A fost dezvoltat inițial de Brendan Eich de la Netscape Communications Corporation sub numele de Mocha, apoi LiveScript și denumit în final JavaScript.

Ultima versiune este dezvoltată de ECMAScript și a fost lansată la data de 17 iunie 2015.

[19], [20], [21]

3. Considerente legate de dezvoltarea aplicației

3.1 Scopul lucrării

Scopul principal al proiectului este de a ataca o nouă piață, piața de servicii online, cu un număr de utilizatori în continuă creștere.

Prin intermediul aplicației web, se oferă un acces facil pentru vizitatorii și posibilii clienți, beneficiari ai serviciilor noastre. Aceștia pot afla informații despre locațiile noastre de cazare, oferte de preț și chiar pot rezerva un pachet în orice perioadă și în orice locație a companiei. În plus, clienții, după ce au rezervat, pot completa un formular și se va genera automat o asigurare medicală completă.

3.2 Configurație Hardware și mediu de dezvoltare

Pentru a dezvolta această aplicație am folosit un sistem desktop și un laptop Dell.

Configurația hardware pentru sistemul desktop:

Placă de bază: AsRock A780GXH/128M

Procesor: AMD Phenom™ II X3 720 Processor 2.80Ghz

Memorie RAM: 4.00GB

HDD: Western Digital 640GB SATA-II 7200rpm 16MB Cavian SE 16;

Placa video: integrată HD3200

Configurație software pentru sistemul desktop:

Sistem operare: Windows 7 X86

Server: XAMPP 3.2.1

Browser 1: Internet Explorer

Browser 2: Google Chrome

Editor de text: Notepad++

Configurația hardware pentru laptop:

Placă de bază: AsRock A780GXH/128M

Procesor: Intel Core i3-2310M CPU @2.1Ghz

Memorie RAM: 3.00GB

HDD: Interfață HDD SATA

Viteza de rotație 5400 RPM

Capacitate HDD 320GB

Placa video: Integrată Intel® HD Graphics 3000

Dedicată nVidia GeForce GT 525M

Configurație software pentru sistemul desktop:

Sistem operare: Windows 7 X64

Server: XAMPP 3.2.1

Browser 1: Internet Explorer

Browser 2: Google Chrome

Editor de text: Notepad++

3.3 Descriere aplicație

Aplicația permite posibililor clienți să vizualizeze ofertele companiei de turism din orașele:

– Atena

– New York

– Londra

– Istanbul

– Paris

– Roma.

Aplicația este foarte ușor de folosit, chiar și de persoanele non-tehnice, are un design user-friendly și pe toate paginile meniurile sunt poziționate la fel pentru ca site-ul să nu fie complicat.

Prima pagină este construită astfel:

În partea stângă sus avem butonul de creare cont nou, în mijloc urmează meniul principal unde avem legăturile către celelalte pagini ale aplicației ( Oferte, Camere, Rezervare, Despre noi și Contact), și în partea din dreapta sunt câmpurile de autentificare (username, parolă).

Fig. 10.1 Imagine aplicație – meniu Următoarea secțiune a paginii este un câmp unde avem un script automat ce schimbă textul , ceea ce face ca site-ul să fie dinamic. Aici sunt afișate prețurile cele mai mici pentru ofertele noastre.

Fig. 10.2 Imagine aplicație – oferte speciale

Fig. 10.3 Cod aplicație – oferte speciale

În prezent sunt postate două oferte cu cel mai mic preț.

Fig. 10.4 Imagine aplicație – oferte

Ultima secțiune a primei pagini este cea unde găsim locațiile de cazare și prețurile actualizate de către administrator.

Fig. 10.5 Imagine aplicație – oferte speciale

3.4 Proiectare aplicație

Pentru implementare, am folosit un template pentru design-ul acestei pagini și a fost modificat după cum am avut nevoie. (template-ul folosit a fost descărcat din link-ul următor: https://w3layouts.com/paradise-hotel-flat-responsive-web-template/ )

Acest template a fost creat utilizând limbajele HTML, CSS și JavaScript.

Pentru partea de funcționalitate, a fost creată o bază de date (db_licenta.sql) cu ajutorul programului phpmyadmin care se găsește la adresa http://localhost/phpmyadmin . Pentru a ne conecta la baza de date am folosit sintaxe PHP.

Astfel, în baza de date avem definite următoarele tabele:

-asigurare (nume, prenume, telefon, email, adresă, localitate, CNP, checkin, checkout, destinație) tabelul unde sunt ținute informațiile despre persoanele care au optat pentru o asigurare medicală;

-contact (ID, nume, email, telefon, mesaj) tabelul unde sunt stocate datele primite de către administrator prin formularul de contact. Acest formular poate fi completat și de vizitatori și de utilizatorii autentificați, iar administratorul, după ce se conectează, poate intra în meniul Mesaje clienți și poate vedea un tabel (nume, email, telefon, mesaj).

-oferte (ID, preț1, preț2, preț3, preț4, preț5, preț6) în acest tabel sunt stocate prețurile pentru cele 6 destinații ale noastre. Doar administratorul are acces la acest tabel. El poate să modifice prețul ofertelor noastre din pagina principală (panou_admin.php).

-rezervări (nume, prenume, CNP, checkin, locație, tip_camera, email, telefon, checkout, nrpersoane, copii) În acest tabel sunt introduse, de către clienți, datele pentru rezervări. Administratorul are acces pentru a vizualiza acest tabel și dacă apare vreo problemă, administratorul poate modifica datele. De exemplu, dacă un client dorește să vină mai devreme, ne poate contacta prin formularul de contact de pe site, prin email sau telefon și administratorul poate modifica data de venire.

-users (ID, nume, prenume, username, password, telefon, CNP, email) În acest tabel sunt stocate conturile utilizatorilor. În momentul în care un vizitator dorește să își facă un cont, completează formularul și datele ajung în tabelul users din baza noastră de date.

4. Scenariu de utilizare

Utilizatorii aplicației se împart în mai multe categorii:

– Vizitator

– Utilizator/Client

– Administrator.

4.1 Vizitator

Prin vizitator ne referim la o persoană ce nu posedă un cont pe site-ul aplicației noastre. Acesta nu are aceleași drepturi ca și un utilizator posesor de cont.

Vizitatorul poate vizualiza ofertele de pe pagina de welcome, detalii despre camere, informații despre companie și nu în ultimul rând, poate utiliza formularul de contact pentru a afla orice informații dorește.

Fig. 10.6 Formular contact

Dacă dorește să facă o asigurare medicală, îi va apărea un mesaj de avertisment de la server în care este precizat că trebuie să se autentifice pentru a putea utiliza serviciile noastre.

Fig. 10.7 Mesaj de atenționare

Pentru a se înregistra pe site, vizitatorul nu trebuie decât să apese butonul Cont nou și să completeze datele cerute din formular.

Fig. 10.8 Formular cont nou

Fig. 10.9 Mesaj confirmare

După ce completează datele, va apărea mesajul Cont creat! și vizitatorul poate să se autentifice, astfel devenind utilizator.

Fig. 10.10 Autentificare

4.2 Utilizator/Client

După ce vizitatorul s-a înregistrat, acesta se autentifică și devine utilizator. Primul element ce se observă este mesajul de “bun-venit”, urmat de numele username-ului, apoi se constată că se pot modifica datele personale.

Fig. 10.11 Panou utilizator

De exemplu se poate modifica username-ul.

În meniul camere se găsesc informații despre acestea, tipurile de camere și cu ce sunt acestea dotate. Dacă un client dorește să afle informații detaliate despre produsele prezente în camere, poate da click pe produsul dorit și este trimis către un magazin online, prin intermediul platformei profitshare [a], unde găsește informații despre acel produs.

Fig. 10.12 Dotari camere

De asemenea, pentru iconițele unde sunt ilustrate carduri bancare, sunt asociate link-uri pentru companiile deținătoare ale acelor carduri.

Un utilizator poate vizualiza ofertele în pagina principală (index_login.php) și după ce ia o decizie, poate merge în pagina de rezervări unde găsește un formular ce poate fi completat pentru a face o rezervare.

Acest formular este compus din:

– 5 text-box

– 2 datepicker

– 4 elemente dropdown list

– 1 buton “Rezervă”;

(<form action = "rezervare_valid.php" method = "post">);

în fișierul rezervare_valid se găsește interogarea ce trimite datele din formular în baza de date db_licenta.sql.

[a]-profitshare: rețea de afiliere pentru magazinele online. Aceasta presupune că dezvoltatorii de aplicații web să afișeze pe site-urile lor produse de la magazinele partenere și pot obține un procent din vânzările produsului afișat, de obicei variază între 3-20%.

După ce clientul a făcut rezervarea, poate accesa formularul pentru generarea automată a asigurării medicale. Când formularul este completat, clientul poate genera asigurarea medicală apăsând butonul “Înregistrează”.

Fig. 10.13 Formular asigurare medicală

Cu ajutorul FPDF se poate genera automat un fișier PDF, datele fiind obținute din formularul html.

FPDF este o clasă PHP ce permite generarea de fișiere PDF prin cod HTML și PHP. Denumirea de FPDF vine de la F=Free (gratuit)

FPDF permite:

unitatea de masură

formatul paginii

marginile

antet

subsol

suport imagini (JPEG, PNG, GIF) [23]

Astfel, am generat fișierul PDF:

Fig. 10.14 Asigurare medicală – fișier PDF

4.3 Administrator

Pentru a ne autentifica ca administrator, trebuie să folosim username-ul admin și parola admin. După ce apăsăm butonul login, ne autentificăm și suntem în pagina panou_admin.php.

Fig. 10.15 Autentificare Admin – panou administrator

Se observă imediat că Administratorul poate modifica prețurile ofertelor. De exemplu, pentru Londra avem prețul 259 Euro. Pentru a modifica, administratorul introduce în căsuța de jos noul preț. Acesta se modifică pentru toate 3 cazurile de utilizatori (vizitator, client, administrator).

Observăm în imaginea din dreapta-jos că noul preț a apărut în ofertă.

Fig. 10.16 Asigurare medicală – fișier PDF

Pentru a realiza operația de update am folosit următoarea interogare a bazei de date:

Fig. 11.1 Reactualizare prețuri oferte –cod

În fișierul update_username.php avem un formular pentru a putea completa username-ul vechi și noul username.

Fig. 11.2 Reactualizare prețuri oferte –cod

Administratorul are posibilitatea de a vedea toate conturile create de către vizitatori. Acesta vede ID-ul, numele, prenumele, username, telefon, CNP; toate aceste date sunt preluate din tabelul users astfel:

Fig. 11.3 Interogare BD –cod

Fig. 11.4 Tabel conturi

De asemenea, administratorul are acces și la mesajele primite de la vizitatori și clienți.

Fig. 11.5 Tabel mesaje

5. Îmbunătățiri

Conform Dicționarului explicativ al limbii române cuvântul îmbunătățiri înseamnă: a face ca ceva să devină sau a deveni mai bun, a face să capete sau a căpăta o valoare sau o calitate superioară.

5.1 Îmbunătățiri

Dorim să ajungem în topurile căutărilor pe google.ro pentru servicii de cazare. Pentru aceasta avem nevoie de optimizare SEO.

Noțiunea de SEO a apărut prin anii 1990 și înseamnă Search Engine Optimization, adică optimizarea pentru motoarele de căutare.

Procesul de optimizare SEO este foarte complex, implică cunoștinte tehnice și resurse. Optimizarea pe motoarele de căutare este extrem de importantă pentru a obține vizibilitate după cuvintele cheie targetate de fiecare site în parte.

5.2 Suport dispozitive mobile

Cum numărul de utilizatori care accesează paginile de Internet de pe dispozitivele mobile l-a depășit pe cel al utilizatorilor de PC, în viitorul apropiat, aplicația noastră va fi prezentă pe piața dispozitivelor mobile.

5.2.1 Aplicație Android

Android este numele unui sistem de operare pentru dispozitivele mobile. Acesta, inițial a fost utilizat pe telefoanele inteligente, dar cu timpul a ajuns să fie un sistem de operare și pentru tablete, televizoare smart și chiar automobile.

Prin acest sistem de operare avem acces la aplicații precum Gmail, Google maps, Youtube și multe altele. În plus, fiecare dispozitiv ce utilizează Android vine preinstalat cu serviciul Magazin Play de unde se pot descărca gratuit/cu plată diverse aplicații. [26]

Fig. 11.6 Model aplicație Android

5.2.2 Aplicație iOS

iOS este un sistem de operare de tip Unix. Acesta conține încă din prima sa versiune multe elemente din Mac OS X, tot un sistem de operare de tip Unix de la Apple.

iOS este sistemul de operare pentru telefoanele de la firma Apple. Ultima versiune este iOS 8. Aceasta oferă funcția de hotspot (acces la internet), adică putem folosi Internetul de pe telefon pe un alt dispozitiv conectându-ne prin WI-FI. [27]

Fig. 11.7 Model aplicație iOS

5.3 Bug-uri

Un bug este o eroare sau un defect software sau hardware ce cauzează defecțiunea unui program.

Majoritatea bug-urilor sunt rezultate incorecte sau neașteptate. De obicei bug-urile sunt făcute de erori umane sau de codul sursă al programului sau design-ul acestuia.

Pentru ca un produs ce are un program ce conține bug-uri trebuie să testeze funcționalitatea acestuia. Dacă în timpul testării, testerul găsește bug-uri, acesta trebuie să le rezolve până când produsul iese pe piață.

Există mai multe tipuri de bug-uri:

Arithmetic bugs

Logic bugs

Syntax bugs

Resource bugs

Multi-threading programming bugs

Performance bugs.

6. Concluzii

7. Bibliografie

[1] Pagina web:

https://support.office.com/ro-ro/article/Diagramele-de-proces-%C3%AEn-Visio-f064cd25-d7d5-47b8-87e1-ecb3c39cc165?ui=ro-RO&rs=ro-RO&ad=RO

[2] Pagina web: http://www.allaboutcookies.org/browsers/

[3] Pagina web: http://www.webopedia.com/TERM/I/Internet_Explorer.html

[4] Pagina web: http://searchmobilecomputing.techtarget.com/definition/Google-Chrome-browser

[5] Pagina web:

http://dana-damoc.eu/blog/introducere-la-baze-de-date-concepte-fundamentale-instalarea-phpmyadmin-prin-xampp-si-paginile-web-dinamice/

[6] Pagina web: https://www.apachefriends.org/download.html

[7] Pagina web: https://support.office.com/en-nz/article/About-Picture-Manager-f767aca9-e818-4dfc-b71a-f2184d6bbde9

[8] Pagina web: http://www.host-shopper.com/what-is-web-programming.html

[10] Pagina web: http://ciobanu.cich.md/lectii_view.php?id=1

[9] Pagina web: http://it.webdesign-galaxy.ro/ce-este-css/

[11] Carte: Totul despre HTML, Rick Darnell, Ed. Teora-2001, pagina 26-27

[12] Carte: HTML 4.0 Specification

Editors:

– Dave Raggett

– Arnaud Le Hors

– Ian Jacobs

sursa: http://www.w3.org/TR/1998/REC-html40-19980424/html40.pdf

[13] Pagina web: http://www.tutorialspoint.com/html5/html5_tutorial.pdf

[14] Pagina web: http://www.techradar.com/news/internet/web/html5-what-is-it-1047393

[15] Carte: PHP Manual

Autori: -Stig Sæther Bakken,

– Alexander Aulbach,

– Egon Schmid

– Jim Winstead

– Lars Torben Wilson

– Rasmus Lerdorf

– Andrei Zmievski

– Jouni Ahto

Editat de:

– Stig Sæther Bakken

– Egon Schmid

Sursa: http://www.dcc.fc.up.pt/~pbrandao/aulas/0203/bdm/docs/php_manual_en.pdf

[16] Pagina web: https://ro.wikipedia.org/wiki/PHP

[17] Pagina web: http://ro1.php.net/manual/ro/intro-whatcando.php

[18] Pagina web: https://ro.wikipedia.org/wiki/Cascading_Style_Sheets

[19] Carte:

Eloquent JavaScript

A Modern Introduction to Programming

Autor: Marijn Haverbeke

Sursa: http://eloquentjavascript.net/Eloquent_JavaScript.pdf

[20] Pagina web: https://ro.wikipedia.org/wiki/JavaScript

[21] Pagină web: https://www.javascript.com/

[22] Pagină web: printscreen https://www.youtube.com/watch?t=87&v=nItSSTwBvSU

[23] Pagina web: http://www.fpdf.org/

[24] Pagina web: http://www.seolium.com/ro/ce-este-seo/

[25] Pagina web: http://www.privilegestudios.ro/optimizare-seo-cluj.html

[26]: Pagina web: https://recombu.com/mobile/article/what-is-android-and-what-is-an-android-phone_M12615.html

[27] Pagina web: https://ro.wikipedia.org/wiki/IOS_(Apple)

[28] Curs POSDRU “Competențe cheie TIC în curriculumul școlar”

[29] Curs în cadrul proiectului POSDRU/19/1.3/G/37002 “Edutic – sistem de formare continuă a cadrelor didactice, pentru creșterea eficienței utilizării TIC și asigurarea calității instruirii asistate de calculator în mediul preuniversitar

[30] Pagina web: Curs Fundamente psihopedagocice ale utilizării TIC în cadrul ariei curriculare Matematică și Știință ale Naturii

[31] Utilizare TIC pentru activități educaționale. Ghid pentru profesori, ianuarie 2013.

8. Anexe

Lista de figuri

Fig 1 – Diagrama de proces

Fig 2 – Imagine program XAMPP

Fig 3 – Relații între PC-SERVER

Fig 4.1 – Secvență de cod – conectare la BD – metoda 1

Fig 4.2 – Secvență de cod – conectare la BD – metoda 2

Fig 5.1 – PhpMyAdmin – Meniu principal

Fig 5.2 – PhpMyAdmin – Meniu privilegii

Fig 6.1– Exemplu paragraf HTML

Fig 6.2 – Exemplu document HTML

Fig 6.3 – Paragraf HTML

Fig 6.4 – Structura HTML

Fig 6.5 – Structura HTML – cod

Fig 7.1 Stil CSS– cod

Fig 7.2 Stil CSS în HTML – cod

Fig. 8.1 Secvență cod – conectare la BD-metoda 2

Fig. 8.2 Exemplu de script PHP

Fig. 8.3 Captură imagine localhost

Fig. 8.4 Exemplu de script PHP- metoda 2

Fig. 9 Ilustrație Java și JavaScript

Fig. 10.1 Imagine aplicație – meniu

Fig. 10.2 Imagine aplicație – oferte speciale

Fig. 10.3 Cod aplicație – oferte speciale

Fig. 10.4 Imagine aplicație – oferte

Fig. 10.5 Imagine aplicație – oferte speciale

Fig. 10.6 Formular contact

Fig. 10.7 Mesaj de atenționare

Fig. 10.8 Formular cont nou

Fig. 10.9 Mesaj confirmare

Fig. 10.10 Autentificare

Fig. 10.11 Panou utilizator

Fig. 10.12 Dotari camere

Fig. 10.13 Formular asigurare medicală

Fig. 10.14 Asigurare medicală – fișier PDF

Fig. 10.15 Autentificare Admin – panou administrator

Fig. 10.16 Asigurare medicală – fișier PDF

Fig. 11.1 Reactualizare prețuri oferte –cod

Fig. 11.2 Reactualizare prețuri oferte –cod

Fig. 11.3 Interogare BD –cod

Fig. 11.4 Tabel conturi

Fig. 11.5 Tabel mesaje

Fig. 11.6 Model aplicație Android

Fig. 11.7 Model aplicație iOS