Proiectarea Si Implementarea Unui Site Web Pentru O Primarie

Capitolul I

Introducere

Tema lucrării este “Proiectarea și implementarea unui site web pentru o primărie”. Am considerat ca pot sa vin în sprijinul comunei, realizând acest site.

Numele site-ului este Comuna Tăuteu Bihor – Primaria Tăuteu și este conceput ca să se poată accesa informațiile, online.

Ideea realizării acestui site mi-a venit văzând vechiul site al comunei, care necesita îmbunătățiri atât ca și conținut cât și ca implementare.

Pentru realizarea acestuia am utilizat tehnologii sau limbaje de programare precum: HTML, HTML5, CSS, PHP, JavaScript, Xampp, Bootstrap, MySQL. Pentru editarea de text am utilizat Sublime Text 2.

Un site web de primarie prezintă unele avantaje :

Ajută la unificarea unei comunități;

Accesul la informații despre unele probleme din comuna mult mai ușor;

Dezbaterea unor probleme;

Interacțiune directă între candidat și alegător

Lucrarea este structurata pe patru capitole : Introducere; Suport teoretic; Prezentarea aplicatiei; Concluzii.

Capitolul II.

Suport teoretic

II.1 HTML (Hyper Text Markup Language)

HTML este prescurtarea de la Hyper Text Markup Language (denumirea oficială a standardului) iar codul sta la baza paginilor web. Este un set de simboluri de marcare sau coduri inserate într-un fișier destinat pentru afișarea pe o pagină WWW( World Wide Web). Marcajul spune browser-ului Web modul de afișare al cuvintelor și imaginilor pentru utilizator. Unele elemente vin în perechi care indică atunci când este un efect de afișare.

HTML5 este o revizuire a Hyper Text Markup Language(HTML). El a fost dezvoltat pentru a rezolva unele problem de compatibilitate care afectează standardul actual, HTML4. Una dintre cele mai mari diferențe între HTML5 și versiunile anterioare ale standardului este că versiunile mai vechi ale HTML necesită plugin-uri și API-uri ( interfața aplicației program).

HTML5 ofera o interfata comună pentru a face elementele de încărcare mai ușoară ne mai fiind nevoie de a mai instala un plugin Flash în HTML5, deoarece elemental va rula de la sine.

II.1.1 Avantajele și dezavantajele utilizării limbajului HTML

Limbajul HTML are următoarele avantaje:

Este relative simplu

Poate fi vizualizat cu resurse modeste, nefiind necesar decât un browser

Este portivit pentru descrierea vizualizării unor documente care includ texte și imagini.

În utilizarea HTML-ului pe lângă avantaje vom întâlni și dezavantaje:

Într-un document HTML sunt amestecate informațiile care trebuie sa fie afișate, cu descrierea unor instrucțiuni de vizualizare a acestor informații, cum ar fi alegerea unor fonturi, stiluri de caractere (bold, italic, etc), culori precum și structuri tabelare.

Limbajul se ocupa numai de modul de afișare a datelor, nefiind capabil să identifice semnificațiile acestor date.

Limbajul ofera un set fix de marcaje, utilizatorul neavănd posibilitatea să adauge marcaje noi, definite de el.

Informațiile din documentul HTML nu mai pot fi prelucrate automat înainte de a fi afișate .[1]

II.2 CSS ( Cascading Style Sheets)

Prescurtarea vine de la denumirea oficială a standardului și anume Cascading Style Sheets (CSS). Fișierele CSS au extensia “.css” definind stilurile pentru paginile HTML. CSS acoperă culori, font-uri, margini (borders), linii, înălțime, lățime, imagini de fundal, poziții avansate și multe alte opțiuni. [2]

HTML este de multe ori folosit necorespunzător pentru a crea layoutul site-urilor de internet. CSS oferă mai multe opțiuni, este mai exact și sofisticat. În plus, este suportat de toate browserele actuale. [2]

II.2.1 Diferența dintre CSS si HTML

HTML este folosit pentru a structura conținutul în timp ce CSS este folosit pentru a formata conținutul. [2]

În perioada de început a web-ului, HTML era folosit numai pentru structura textului. Textul se putea marca cu taguri precum <hl> si <p> pentru a marca titlul sau un paragraf. Odată cu creșterea popularității web-ului designeri sau început să caute diferite posibilități de a adauga layout documentelor online. Pentru a raspunde acestor cerințe, producatorii de browsere (în acea vreme Microsoft și Netscape) au inventat noi taguri HTML precum <font>care diferă fața de tagurile originale HTML prin faptul că definesc layoutul și nu structura. [2]

În același timp, separarea site-urilor de prezentare pentru documente de conținutul documentelor ușurează foarte mult întreținerea lor. [2]

Avantaje:

controlarea layoutului documentelor dintr-o singură pagină de stiluri;

control mai exact al layoutului;

aplicare de layouturi diferite pentru tipuri media diferite (ecran, printare, etc);

tehnici numeroase și sofisticate.

II.3 PHP

PHP este un limbaj de scriptare pe partea de server proiectat anume pentru Web. Într-o pagină HTML se poate îngloba cod PHP care va fi executat la fiecare vizitare a paginii. Codul PHP este interpretat pe serverul Web și generează un cod HTML sau o altă ieșire care va fi văzută de un vizitator.

PHP a fost conceput în 1994 și a fost inițial munca unui singur om, Rasmus Lerdof. A fost adoptat și a trecut prin patru rescrieri importante pentru a ajunge la produsul clar și matur de azi. În august 2004 era în uz pe mai mult de 17 milioane de domenii din lumea întreaga, iar acest număr crește rapid.

PHP este un produs Open Source. Inițial, PHP era acronimul de la Personal Home Page, dar a fost modificat pentru a se alinia la convenția de denumire recursivă GNU (GNU = Gnu’s Not Unix) și acum este acronimul PHP Hypertext Preprocessor.

Versiunea majoră curentă a limbajului PHP este 5. Această versiune a adus limbajului o rescriere completă a motorului Zend care stă la baza sa precum și alte câteva înbunătățiri importante. [3]

II.3.1 Avantajele și dezavantajele utilizării limbajului PHP și compararea acestuia cu alte limbaje de programare

Avantajul PHP în raport cu limbajul HTML simplu constă din aceea că ultimul este un sistem limitat, care nu premite nici flexibilitate, nici responsivitate. Vizitatorilor care obțin acces la paginile HTML li se înfățișează pagini simple, fără nici un tușeu de particularizare sau comportare dinamică. Cu PHP, se pot realiza pagini interesante și originale, poate interacționa cu baze de date și fișiere, poate manipula mesaje de poștă electronic (e-mail) și este capabil de multe alte operații inaccesibile limbajului HTML.

PHP este mult mai ușor de învățat și utilizat. Prin comparație cu ASP.NET necesită cunoașterea unor noțiuni de VBScript, C# sau un alt limbaj, iar CGI necesită noțiuni de Perl sau de C. Acestea sunt limbaje mai complete și, ca atare, sunt mai dificil de învățat.

PHP a fost scris special pentru crearea de pagini Web dinamice. Perl (ca și VBScript și Java) nu au fost scrise în acest scop, de unde se poate trage concluzia că, prin însăși intenția sa, PHP poate efectua anumite operații mai rapid și mai ușor decât competitorii săi. Totuși PHP nu este un limbaj de programare mai bun decât Java sau Perl; acestea din urmă sunt capabile de acțiuni pe care PHP nu le poate efectua.

PHP este atât gratuit, cât și inter-plat-formă. [4]

II.4 JavaScript

JavaScript este un limbaj de  programare care face posibil ca paginile web să fie mai interactive. Este mai  des recunoscut ca facând parte din categoria "Scripting Languages".  A fost lansat sub numele de  "LiveScript", schimbarea numelui în JavaScript fiind o chestie legată de  strategia de marketing. [7]

Scripturile  Javascript sunt introduse în pagina HTML și sunt interpretate și executate de browser. Javascript poate fi considerat o unealtă foarte bună dacă se dorește controlul conținutului paginilor în funcție de data, ora, sistemul de operare sau browserul utilizatorilor, să se realizeze site-uri interactive, care să comunice cu vizitatorii, site-uri dinamice, să validați datele primite din formulare,etc. [7]

II.4.1 Limitări și avantaje JavaScript

JavaScript nu are capacitatea de a realiza fișiere I/O și de a face apeluri către sistemul de operare. Cu toate că la prima vedere acestea par a fi slăbiciuni ale limbajului, în realitate aceste restricții sunt de fapt limitări ce au fost introduse în mod intenționat pentru lucru la nivelul clientului; în felul acesta se îmbunătățește securitatea limbajului. [8]

Astfel, scripturile JavaScript la nivelul clientului, sunt securizate în raport cu marea majoritate a clienților de pe web. De asemenea, portabilitatea ar putea fi o problema pentru JavaScript. Cele două browsere larg utilizate (de la Netscape si de la Microsoft) au implementat versiuni ale limbajului ușor diferite. Sunt diferente în modelul obiect document, în manevrarea șirurilor și în modul în care un script comunică cu applet-urile java. [8]

Pâna la standardizarea completă a limbajului, este foarte important să se testeze scripturile elaborate pe multiple browsere, cu diferite versiuni și pe diferite platforme. Aceasta problemă de portabilitate nu se mai pune pentru anumite aplicații Internet în care se pot controla browser-ul si platforma. [8]

Totuși, cel mai important rol pentru JavaScript este îmbunătățirea pe care o aduce interfeței cu utilizatorul; aceasta se realizează prin asigurarea help-ului pentru utilizator, prin validarea form-urilor de intrare, prin calcularea rezultatelor form-urilor, prin manipularea imaginilor. JavaScript îmbunătățește HTML-ul prin interactivitate. Lucrează la nivelul clientului, eliberând în felul acesta serverul. [8]

Ca și dezavantaje ale utilizarii JavaScript sunt timpii adiționali necesari pentru a-l descarca, precum și nesiguranța de rulare pe toate browser-ele. [8]

II.5 Xampp

XAMPP, este un pachet de programe free software, open source și cross-platform web server, care constă în Apache HTTP Server, MySQL database și interpretoare pentru scripturile scrise în limbajele de programare PHP și Perl.

În mod oficial, designerii XAMPP au avut intenția de a îl utiliza numai ca utilitar de dezvoltare, pentru a permite designerilor și programatorilor web să își testeze munca pe calculatoarele proprii, fără a avea nevoie de acces la Internet. Pentru a face posibil acest lucru, multe caracteristici de securitate importante sunt dezactivate în mod implicit. În practică, totuși, XAMPP este uneori utilizat pentru a servi pagini web în World Wide Web. Un utilitar special este asigurat pentru a proteja prin parolă cele mai importante părți ale pachetului. [9]

XAMPP deasemeni asigură suport pentru crearea și manipularea bazelor de date în MySQL și SQLite între utilizatori.

Odată ce XAMPP este instalat,se poate trata adresa de localhost a serverului XAMPP ca pe un server la distanță, prin connectarea utilizând protocolul client FTP. Utilizarea unui program precum FileZilla are avantaju că permite conectarea la o gazdă locală prin FTP utilizând editorul propriu HTML. [9]

II.6 Bootstrap

Bootstrap este un framework front-end puternic creat pentru dezvoltarea de design responsive, care se adaptează la orice rezolutie de dispozitiv: desktop, tablete și telefoane mobile. rapid și usor. El este cel mai utilizat framework pentru dezvoltarea interfețelor web.

Avantajele Bootstrap :

Cel mai mare avantaj în folosirea Bootstrap este că vine cu un set de elemente pentru a crea un design responsiv cat si diverse elemente de design cat mai simplu.

Economie de timp – Salvează mult timp si efort folosind elemente de design predefinite în Bootstrap.

Elemente Responsive – Folosind Bootstrap creați cu mare ușurința un design responsiv. Bootstrap are un set de clase responsive cu care creați un design potrivit pentru orice tip de display.

Design consistent – Toate componentele Bootstrap folosesc același template și acelasi stil.

Ușurința de folosire – Bootstrap este foarte ușor de folosit. Orice persoana ce deține cunoștințe de baza despre HTML și CSS poate crea un design în Bootstrap.

Compatibil cu majoritatea browserelor – Bootstrap este creat astfel încat să fie compatibil cu toate browserele moderne precum Mozila Firefox, Google Chrome, Safari, Internet Explorer și Opera.

Open Source – Cea mai buna parte este ca acest framework este open source. [10]

II.7 MySQL

MySQL este un system de gestiune a bazelor de date, produs de compania suedeză MySQL AB și distribuit sub Licența Publică Generală GNU. Este cel mai popular open-source, fiind o component cheie a platformelor de găzduire a site-urilor web formate din component libere și gratuite. [10]

Este foarte des folosit împreună cu limbajul de programare PHP, dar se pot construi aplicatii și în alt limbaj. Exista multe scheme API pentru MySQL ce permit scrierea unor aplicații în numeroase limbaje de programare pentru accesarea bazelor de date MySQL (C, C++, Java, Perl, PHP, Python, etc ), fiacre dintre acestea folosind un tip specific API.

Pentru a administra bazele de date MySQL se folosește modul linie de comandă sau, se descarcă de pe internet o interfață grafică (MySQL Administrator, MySQL Query Browser). O altă alternativă de management al acestor baze de date este aplicația gratuită, scrisă în PHP, phpMyAdmin.

MySQL poate fi rulat pe multe platforme software existente ( AIX, FreeBSD, GNU/Linux, Mac OS X, NetBSD, Solaris, SunOS, Windows 9x/NT/2000/XP/Vista/7/8).

II.8 jQuery

jQuery este o platformă de dezvoltare JavaScript, concepută pentru a ușura și îmbunătăți procese precum traversarea arborelui DOM în HTML, managementul inter-browser al evenimentelor, animații și cereri tip AJAX. jQuery a fost gândit să fie cât mai mic posibil, disponibil în toate versiunile de browsere importante existente, și să respecte filosofia "Unobtrusive JavaScript". Biblioteca a fost lansată in 2006 de către John Resig . [11]

jQuery se folosește pentru probleme specifice programării web :

Selecții de elemente în arborele DOM folosind propriul motor de selecții open source;

Parcurge și modificarea arborelui DOM (incluzând suport pentru selectori CSS3 si Xpath simpli;

Înregistrarea și modificarea evenimentelor din browser

Manipularea elementelor CSS

Efecte și animații

Cereri tip AJAX

Extensii;

Capitolul III

Prezentarea aplicației

III.1 Structura

Lucrarea constă în proiectarea și implementarea unui site web pentru o primarie.

Site-ul este organizat sub forma a două moduri:

Utilizator, la care are acces cititorul, acesta putând să vizualizeze detalii despre primarie, persoanele cu care intră în contact în aceasta, fotografii din satele aparținătoare acesteia, informatii cu privire la taxe individual pentru fiecare locuitor aparținător și poate contacta online primaria;

Admin, aici are acces doar cel care se ocupă de site. Pentru a intra în această pagina este nevoie de un nume de utilizator și de o parolă. Acesta poate vizualiza date private despre locuitorii aparținători comunei, adaugă taxe locuitorilor individual, adauga informatii private pentru fiecare locuitor individual și poate face diverse modificări asupra site-ului.

Pagina poate fi accesată momentan doar în localhost, accesul fiind posibil cu ajutorul programului Xampp.

III.2 Pagina principală

În structura praginii principale exista:

Panou de logare pentru admin

Tilul principal și buton de cautare

Nivoslider

Meniul în care sunt prezentate funcțiile principale ale primăriei, componența consiliului local, informații locale, fotografii din comună și contact

Conținutul paginii care cuprinde istoria comunei și o aplicație pentru a vizualiza vremea din zonă

Footerul

Fig.1 Structură pagină principală

III.2.1 Panoul de logare admin

Figura 2. Panou de logare admin

Pentru realizarea acestuia am folosit limbajul HTML pentru crearea formelor și a butonului de ”login” iar pentru a verifica daca userul și parola adminului sunt corecte am creat o funcție în JavaScript , funcția verifică dacă valoarea userului și valoarea parolei introduse sunt corecte, atunci redirecționează adminul catre pagina de administrare.

III.2.2 Titlu principal și buton de căutare

Figura 3. Titlu principal și buton de căutare

Realizarea acestei secțiuni am facut-o prin inserarea de imagini, paragrafe și a câtorva form-uri cu ajutorul limbajului HTML prin elementele: <img>,<h2>, <p>, <form>, <imput>, cât și stilizarea acestora prin clase și id-uri CSS care indică: mărimea, înalțimea, culoarea, poziția elementelor .

III.2.3 Nivoslider

Figura 4. Nivoslider

Nivoslider este un plugin jQuery complet gratuit și open-source. El afiseaza o galerie de imagini utilizand tranzitii. Am modificat acest cod utilizând limbajul CSS astfel încat acesta să dea o înfîțisare placuta acestui site.

III.2.4 Meniul

Figura 5. Meniu

Meniul este creat cu ajutorul limbajelor HTML și CSS , este un meniu drop-down creat dintr-o lista neordonată ( ”ul” ) în HTML și stilizat cu CSS introducând clase și id-uri astfel încât să se producă efectul drop-down . De aici avem accesul către toate celelalte pagini.

III.2.4.1 Funcțiile principale ale primariei

Figura 6. Funcțiile primariei

În aceste pagini sunt prezentate principalele funții ale primariei cât și persoanele care ocupa aceste funcții. Paginile acestora le-am realizat cu limbajul HTML pentru a introduce în pagină titluri, paragrafe, imagini, link-uri și CSS, introducând clase pentru a stabili poziționarea în pagină, culoarea textului, a fundalului, mărimea fontului utilizat, dimensiunea imaginilor.

III.2.4.2 Consiliul local

Figura 7. Consiliul local

Paginile prezintă componența consiliului local, atribuțiile ale consiliului si hotarări ale acestora. Acestea realizându-le prin limbajul HTML pentru a introduce în pagină titluri, paragrafe, link-uri și CSS pentru a stabili poziționarea în pagină, culoarea textului, a fundalului, mărimea fontului utilizat.

III.2.4.3 Informații utile

Figura 8. Informații utile

Pentru realizarea acestor pagini au fost folosite limbajele de programare: HTML pentru introducerea titlurilor, tabelelor , paragrafelor, CSS pentru pozitionarea și stilizarea acestora, MySQL pentru a crea baza de date pentru taxe și PHP pentru afișarea acestora. În aceste pagini utilizatorul poate să vadă informații utile despre bugetul comunei, taxele pe care acestea le are de plătit, anumite cereri și chiar sa cumpere terenuri.

III.2.4.3.1 Pagina Taxe

Figura 9. Pagina Taxe

Pentru a crea aceasta pagina unde utilizatorul își poate afla taxele pe care le are de plătit catre primarie a fost nevoie de limbajul MySQL pentru a crea baza de date, PHP pentru a face conectarea cu baza de date și de a afișa datele din aceasta și aplicația Xampp. Xampp are o interfața MySQL numită phpMyAdmin prin care am creat această bază de date.

Crearea bazei de date :

Figura 10. Baza de date taxe

Figura 11. Creare tabel taxe

Crearea unui tabel cu numele taxe cu 5 coloane .

Figura 12. Structură tabel taxe

Structura tabel a bazei de date taxe cu cele 5 campuri : id, impozit, amenzi, apa curentă, pază_nocturnă.

După ce baza de date pentru taxe a fost creată am conectat această baza de date la site cu ajutorul limbajului PHP.

M-am conectat la baza de date utilizând servername-ul ”localhost”, user-ul ”root” care este predefinit în aplicația Xampp și baza de date ”taxe_db”, apoi am creat conexiunea prin cod PHP ” $conn = mysqli_connect($servername, $username, $password, $dbname);” , iar dacă conexiunea nu a putut fi efectuată am introdus o funcție care ne afișează o eroare.

După ce am realizat conectarea bazei de date la site am afisat datele din interiorul acesteia prin realizarea unor formuri cu limbajul HTML și a unei funcții în limbajul PHP.

Am creat o funcție care caută în baza de date ”taxe”, dacă exista un utilizator introdus cu acel CNP căutat atunci ea va afișa taxele existente : taxă impozit, amenzi, taxă apă potabilă, taxă colectare deșeuri, taxă paza nocturnă, iar daca acesta nu exista funcția va afișa că nu exista acea persoană.

Figura 13. Rezultatul afișării taxelor

III.2.4.4 Fotografii

Figura 14. Fotografii

La secțiunea fotografii am introdus cate o galerie de imagini pentru fiecare sat în parte aparținator comunei. Galeria de fotografii am realizat-o cu limbajele: HTML pentru a introduce imaginile, CSS pentru crearea de clase și id-uri, acestea specificând poziția, dimensiunea acestora și framework-ul Bootstrap.

Figura 15. Galerie imagini

Framework-ul Bootstrap poate crea o galerie de imagini care are anumite butoane de ” înainte ” ,” înapoi ” , ” play-stop ” , ” închide ”, afișează titlul setat imaginii . Acesta se deschide deschide imaginile pe tot ecranul, el fiind responsive adica se marește și se micește în funcție de ecranul utilizatorului.

III.2.4.5 Contact

Figura 16. Pagina Contact

Pagina de contact am realizat-o astfel încat utilizatorul sa poata comunica direct cu primăria, putându-i trimite un mesaj instant realizat cu ajutorul unui script java . Scriptul face legatura dintre site, server și o adresa de mail.

III.2.5 Conținutul paginii

Figura 17. Conținutul paginii

În conținutul paginii am introdus istoria comunei Tauteu, și un widget gratuit care afișează vremea din zona aceesteia în momentul respectiv format dintr-un cod HTML pentru titluri, paragrafe și introducerea imaginilor, CSS pentru stabilirea poziției titlului, paragrafelor, a imagini, fonturile utilizate și un javascript pentru funcționarea widget-uluis.

Acesta verifică vremea din zona curentă (Comuna Tăuteu) și afișează vremea corespunzătoare în timp real.

III.4 Pagina administrator

Figura 18. Pagina administrator

Pagina administrator conține un meniu prin care putem afla datele personale a unei persoane , adăuga o persoană să o avem în evidenta și adaugam taxe pentru anumite persoane.

Pentru crearea acestor lucruri am utilizat limbajele: HTML pentru crearea form-urilor, CSS pentru poziționarea acestora, MySQL pentru crearea bazei de date și PHP pentru a face conexiunea cu baza de date și pentru a afișa datele conținute de aceasta.

Crearea bazei de date pentru evidența populației:

Figura 19. Crearea bazei de date pentru evidenta populației

Figura 20. Crearea tabelului evidenței

Crearea unui tabel cu numele evidență cu 7 coloane .

Figura 21. Structura tabelei

Structura tabel a bazei de date evidență cu cele 7 campuri : id, Nume, Prenume, Data_nașterii, Adresa, Teren, Autoturisme.

M-am conectat la baza de date utilizând servername-ul ”localhost”, user-ul ”root” care este predefinit în aplicația Xampp și baza de date ”evidenta_db”, apoi am creat conexiunea prin cod PHP ” $conn = mysqli_connect($servername, $username, $password, $dbname);” , iar dacă conexiunea nu a putut fi efectuată am introdus o funcție care ne afișează o eroare.

Am creat o funcție care caută în baza de date ”evidenta”, dacă exista un utilizator introdus cu acel CNP căutat atunci ea va afișa detaliile despre acel utilizator existentent : nume, prenume, data nașterii, adresa, terenul deținut, autoturisme deținute, iar daca acesta nu exista funcția va afișa că nu exista acea persoană.

Figura 22. Afișarea rezultatului evidenței unei persoane

Adaugarea în baza de date a evidenței am realizat-o prin cod PHP conectându-mă la baza de date. Am creat câteva form-uri cu HTML, apoi cu PHP am creat o funcție care adaugă în baza de date ”evidenta” : id (CNP-ul) , numele , data nașterii , adresa , terenul deținut, autoturime, iar apoi dacă acestea au fost introduse corect va afișa mesajul ”Adăugat cu succes!”.

Figura 23. Introducerea în evidență

Figura 24. Adaugat cu succes în evidență

Adaugarea în baza de date a taxei am realizat-o prin cod PHP conectându-mă la baza de date. Am creat câteva form-uri cu HTML, apoi cu PHP am creat o funcție care adaugă în baza de date ”taxe” : id (CNP-ul) , taxă impozit , amenzi , taxă apă curentă , taxă colectare deșeuri, taxă pază nocturnă, iar apoi dacă acestea au fost introduse corect va afișa mesajul ”Adăugat cu succes!”.

Figura 25. Introducerea taxelor

Figura 26. Adăugare cu succes a taxelor

III.5 Responsive

Utilizând framework-ul gratuit Bootstrap am creat acest site web să fie responsive adica să poată fi utilizat pe orice tip de ecran.

Acest framework ajută ca toate elementele din aceasta pagina ca să se redimensioneze astfel încât să fie potrivit pentru orice dimensiune de ecran și să arate plăcut.

Figura 27. Site web responsive

Figura 28. Meniu responsive în funcție de dimensiunea ecranului

Figura 29. Meniu responsive în funcție de dimensiunea ecranului (2)

Capitolul IV

Concluzii

Acest web site este util atat pentru administratorii din primărie, acestia putând să verifice evidența persoanelor fara a fi nevoie să caute printre sute de dosare, cat si pentru utilizatorii care accesează site-ul pentru a afla informații.

Dezvoltarea web site-ului a fost posibil datorită următoarelor tehnologii: HTML, CSS, PHP, JavaScript, Xampp, Bootstrap, MySQL, jQuery.

Web site-ul a fost conceput pentru administratorii primăriei și utilizatorii care îl accesează.

Datorită tehnologiilor folosite, acest web site poate rula pe orice tip de computere, tablete și telefoane site-ul fiind responsive.

Pe viitor îmi propun să îmbunătățesc web site-ul prin:

Traducerea acestuia în limba maghiară, deoarece în comuna există ți persoane maghiare și în limba engleză

Crearea de conturi online individuale pentru fiecare locuitor

Posibilitatea de a plati taxele online

Bibliografie

Augustin Prodan, Florin Gorunescu, Marina Gorunescu – Excel, Access și Pagini Web, 2006, Editura Albastră

CSS, http://www.e-learn.ro/tutorial/css/ce-este-css-a/67/1/37.htm

Luke Welling, Laura Thomson – Dezvoltarea aplicațiilor Web cu PHP și MySQL, Ediția a II-a, 2005, Editura Teora

pentru WORLD WIDE WEB În imagini – Larry Ullman – 2008 – Editura Teora

PHP, https://php.net/manual/ro/intro-whatis.php

JavaScript, http://etutoriale.ro/articles/1771/1/Tutorial-complet-JavaScript-(prima-parte)/

JavaScript, http://www.scritub.com/stiinta/informatica/html/Realizarea-paginilor-interacti13382.php

XAMPP, https://ro.wikipedia.org/wiki/XAMPP

Bootstrap, http://invata-programare.ro/almanach/twitter-bootstrap-3-tutorial/despre-bootstrap

MySQL, https://ro.wikipedia.org/wiki/MySQL

jQuery, https://ro.wikipedia.org/wiki/JQuery