Sistem Informatizat de Tip Autoservice
Cuprins
Introducere
Notiuni generale despre WEB
1.1 Notiuni introductive
1.2 Intranet
1.3 World Wide Web
Concepte generale de comert electronic
2.1 Afaceri electronice. Comert electronic
2.2 Avantajele si dezavantajele comertului electronic
2.3 Comertul electronic in Romania. Evolutie si tendinte
Tehnologii WEB utilizate in dezvoltarea aplicatiei
3.1 Limbajul HTML
3.1.1 Prezentarea limbajului HTML
3.1.2 Structura documentului HTML
3.2 Limbajul CSS
3.3 Limbajul PHP
3.3.1 Istoria limbajului PHP
3.3.2 Initiere in PHP
3.3.3 Tipuri de date, Variabile, Constante si Operatori
3.3.4 Functii in PHP
3.4 MySQL
3.4.1 Notiuni Fundamentale despre bazele de date si SQL
3.4.2 Crearea unei baze de date MySQL
3.4.3 Acordarea si revocarea privilegiilor de acces
3.4.4 Accesul la datele dintr-o baza de date
3.5 Server WEB
Descrierea si functionalitatea aplicatiei
4.1 Detalii de utilizare
4.2 Functionalitati si facilitati
4.3 Structura aplicatiei
4.3.1 Interfata utilizator (client)
4.3.2 Interfata de administrare a site-ului
Exemplu de rulare
Concluzii
Bibliografie
3) Tehnologii WEB utilizate in dezvoltarea aplicatiei
3.1 Limbajul HTML
3.1.1 Prezentarea limbajului HTML
HTML sau HyperText Markup Language este unul din primele elemente fundamentale ale WWW (World Wide Web). Este unul dintre cele mai vechi limbaje de marcare web si sta la baza crearii unui site web.
HTML a fost dezvoltat de Tim Berners-Lee la CERN in 1989. Hipertext înseamnă ca orice cuvânt, fraza, imagine sau alt element al documentului văzut de un utilizator poate face referința la un alt document, acest lucru usureaza mult navigarea intre mai multe documente.
HTML este un format text proiectat pentru a putea fi citit și editat de oameni utilizând un editor de text simplu gen Notepad++, dar pentru ca scrierea si editarea in astfel de programe necesita cunostinte solide de HTML, este destul de grea si consuma mult timp au aparut editoarele grafice. Editoarele grafice gen Adobe Dreamweaver sau Microsoft FrontPage permit ca paginile web sa fie tratate precum documentele Word, doar ca aceste programe generează un cod HTML.
3.1.2 Structura documentului HTML
Orice document HTML are la inceput eticheta <html> si seincheie cu eticheta </html>. Aceste notatii se numesc "TAG-uri" sau “Etichete”. Toate informațiile dintr-o pagina HTML încep cu " < " si se termina cu " > ".
Tag-urile intre aceste paranteze transmit comenzi către browser pentru a afișa pagina intr-un anumit mod. Unele blocuri prezintă delimitator de sfârșit de bloc, in timp ce pentru alte blocuri acest delimitator este opțional sau chiar interzis.
Intre cele doua etichete <html> si </html> vom avea doua secțiuni:
– headerul sau antet-ul paginii <head>…..</head>
– corpul paginii <body>…..</body>.
Header-ul paginii <head>…..</head> conține titlul paginii între etichetele <title> și </title>, descrieri si cuvinte cheie de tip <meta>, legături către fisiere externe, stiluri pentru formatarea textului si script-uri.
Etichetele de tip <meta> conțin cuvinte cheie, descrierea paginii, date despre autor, informații utile motoarelor de căutare
Blocul <body>…..</body> cuprinde conținutul paginii HTML, adică ceea ce va fi afișat in browser-ul web.
Etichetele (Tag-urile) pot fi scrise cu litere mici cat si cu litere mari (<html> = <HTML> = <Html>).
Pagina principala a unui domeniu este fisierul „index.html”. Această pagină este setată pentru a fi afișată automat la vizitarea unui domeniu.
De exemplu la vizitarea domeniului www.nume.ro este afișată pagina www.nume.ro/index.html.
Despre cum cumparam domeniul web si gazduirea sa o sa vorbim mai detaliat in alt capitol
O sa va arat un exemplu unde vom face o pagină HTML cu titlul “Service Auto” iar in conținut o sa apara textul: “Aceasta este pagina noastra web”.
<html>
<head>
<title>Service Auto</title>
</head>
<body>
Aceasta este pagina noastra web
</body>
</html>
Acest exemplu va fi salvat cu extensia .html (index.html) si poate fi deschis cu orice browser.
Elementele de marcare in HTML:
– Marcare structurala. Descrie scopului textului, de exemplu:
<h1> Service Auto </h1>
Browserul va reda “Service Auto” ca pe cel mai important titlu.
– Marcarea pentru prezentare. Descrie cum apare un text, de exemplu:
<strong> Textul apare ingrosat </strong>
– Marcarea pentru hiperlink. Leaga parti dintr-un document cu alte documente. De exemplu:
<a href=”http://www.google.ro”> Google </a>
Va reda cuvantul “Google” ca hiperlink catre www.google.ro
– Elemente speciale. Creeaza butoane, liste si obiecte.
3.2 Limbajul CSS
CSS sau Cascading Style Sheets este un standard simplu ce ofera programatorilor (designerilor) un mod eficient de a controla modul de prezentare al paginilor web. CSS a ajuns sa fie in mod primar, un limbaj folosit exclusiv pentru web design.
Diferenta dintre HTML si CSS este ca HTML este folosit pentru a structura continutul, iar CSS este folosit pentru a formata continutul.
CSS se ocupa cu aspectul si controlul grafic al elementelor din pagina. (Textul, fondul, culorile, imaginile si asezarea in pagina) CSS foloseste stiluri care se aplica asupra unui element din pagina, asupra unui grup de elemente sau asupra intregii pagini.
Modelele de stiluri pot fi aplicate in mai multe moduri:
1) – Intern – In header-ul fisierului HTML
Se adauga in sectiunea HEAD a paginii intre etichetele <head> </head> sintaxa:
<style type="text/css"> … </style>
Aceasta sintaxa spune browser-ului (navigatorului) ca sunt folosite elemente de stil CSS.
Metoda este utila cand se foloseste pentru un site de 3-4 pagini, dar cand este vorba despre un site cu foarte multe pagini metoda nu mai este foarte folositoare deoarece trebuie sa editam fiecare pagina in parte.
Exemplu:
<html>
<head>
<title>Titlu Pagina</title>
<style type="text/css">
h2 {color:blue; text-decoration:underline;}
</style>
</head>
<body>
Continut pagina web
</body>
</html>
Conform codului din exemplul de mai sus toate textele h2 (heading 2) din pagina vor avea culoarea albastra si vor fi subliniate.
Inline – Direct in eticheta HTML
Pentru adaugarea direct in eticheta HTML se foloseste atributul “style” urmat de proprietati si valori. Exemplu:
<h3 style="color:#1111ff;">Exemplu h3</h3>
Stilurile inline nu permit schimbari rapide si pe mai multe fisiere, fiecare element din fiecare pagina necesita atentia dumneavoastra.
– Extern
Un fisier CSS extern poate fi realizat cu un editor simplu de text de genul Notepad++ sau Wordpad sau cu editoare avansate gen Adobe Dreamweaver.
Fisierul CSS nu contine cod HTML ci doar cod CSS, el este salvat cu extensia “.css”, inserarea sa in pagina HTML se face foarte usor prin plasarea unei legaturi intre tag-urile <head> </head> a fiecarei pagini unde o sa folosim stilul respectiv. Legatura este de forma <link rel="stylesheet" type="text/css" href="Calea catre fisierul.css" />
Exemplu:
<head>
<title> Titlu Pagina </title>
<link rel="stylesheet" type="text/css" href="stil.css" />
</head>
Folosind aceasta metoda (a fisierelor CSS externe) toate paginile HTML vor folosi acelasi fisier de stil, astfel daca dorim sa facem o schimbare care sa aiba efect in toate paginile HTML editam doar fisierul de stil (.css) si efectul se va observa pe toate paginile HTML care folosesc acel fisier. Se pot face schimbari in tot site-ul, chiar daca are 100 de pagini, fara efort (editand fiecare pagina) si foarte rapid.
Acum stam si ne gandim: Oare care este cea mai buna metoda?
Raspunsul este in functie de ce vrem noi sa realizam: daca vrem un site de 1-2 pagini putem sa folosim metoda stilurilor interne. Daca avem mai multe pagini de stilizat este mult mai practic si mai rapid sa folosim metoda cu fisier extern care modifica toate paginile in acelasi timp.
3.3 Limbajul PHP
3.3.1 Istoria limbajului PHP
PHP (PHP: Hypertext Preprocessor) este un limbaj de programare open source utilizat pe scara larga, si care este potrivit in special pentru dezvoltarea aplicatiilor web si poate fi integrat in HTML. Scopul principal al limbajului PHP este de a permite programatorilor web sa construiasca rapid pagini web dinamice. Sintaxa limbajului nu este una foarte grea si isi are originea din C, Java si Pearl. Limbajul a fost început în 1994 de Rasmus Lerdorf ca o extensie a limbajului server-side Perl, pentru a genera un CV (curriculum vitae) și pentru a urmări numărul de vizitatori ai unui site. Apoi, a evoluat PHP/FI 2.0, dar proiectul a început să ia amploare după ce Zeev Suraski și Andi Gutmans au lansat o nouă versiune in anul 1998 si anume PHP 3.0. Zeev Suraski și Andi Gutmans au schimbat numele din “Personal Home Page tools” cum se numea la inceput in “PHP: Hypertext Preprocessor”. PHP 3.0 a fost prima versiune de PHP care seamana cu cel folosit in zilele noastre. Cel mai mare avantaj al PHP 3.0 a fost usurinta de extindere a limbajului, acest lucru a atras zeci de programatori care au creat o multime de module. Aceasta a fost cheia catre succesul imens pe care il are acum.
La sfarsitul toamnei anului 1998, nu la mult timp dupa lansarea oficiala a PHP 3.0 Zeev Suraski și Andi Gutmans au inceput rescrierea nucleului PHP avand ca scop imbunatatirea performantelor aplicatiilor complexe. Aplicatii care puteau fi realizate datorita PHP 3.0 precum si sustinerea unei game largi de baze de date si interfete API, doar ca PHP 3.0 nu lucra eficient cu aceste aplicatii complexe.
Noul nucleu (PHP 4.0) a fost denumit “Zend Engine” (numele venind de la Zeev si Andi, autorii nucleului). Acest nucleu a fost prezentat pentru prima data in vara anului 1999 si a fost lansat oficial alaturi de o gama larga de noi facilitati in luna Mai a anului 2000. Facilitatile noi de care se bucura PHP 4.0 erau: o imbunatatire substantiala a performantei, sustinerea mai multor servere web, constructii noi ale limbajului, si metode mai securizate de gestionare a datelor.
In luna iulie a anului 2004 a fost lansat PHP 5, dupa o perioada destul de lunga de dezvoltare. El are la baza un nucleu imbunatatit care are numele de “Zend Engine 2” avand o multime de noi facilitati, un nou model de obiecte, suport imbunatatit pt MySQL si alte imbunatatiri de performanta.
PHP este unul dintre cele mai folosite limbaje de programare server side datorita urmatoarelor caracteristici:
– Simplitatea
– Familiaritatea
– Securitatea
– Eficienta
– Flexibilitatea
– Gratuitatea – probabil cea mai importanta caracteristica
3.3.2 Initiere in PHP
PHP este simplu de utilizat, sintaxa sa fiind o combinatie intre C, Pearl si Java (de la PHP5). Una dintre cele mai importante facilitati ale limbajului este conlucrarea cu aproape toate tipurile de baze de date relationale (MySQL, Oracle, MS Sql Server, PostgreSQL, DB2). El poate rula pe majoritatea sistemelor de operare si interactioneaza cu majoritatea serverelor web. Codul PHP fiind interpretat de serverul WEB, acesta generand un cod HTML care este afisat utilizatorului.
PHP foloseste extensii specifice (.php, .php3, .ph3, .php4, .inc, .phtml) care sunt interpretate de serverul WEB si sunt afisate in format Text sau HTML
Limbajul PHP nu este un limbaj de programare de sine statator, el se foloseste impreuna cu HTML asa ca pentru a putea rula are nevoie de un server web. Pentru a face un server web pe calculatorul nostru putem instala un pachet de programe gratuit numit XAMPP. Acest pachet este foarte simplu de instalat si contine programele de care noi avem nevoie pentru a putea rula un fisier PHP. Aceste programe sunt: Apache, un server MySQL si suportul pt limbajul PHP.
Odata instalat programul serverul este functional si putem vedea asta si in panoul de administrare al programului. Pentru a testa functionalitatea serverului deschidem un browser si introducem urmatoarea adresa: http://localhost. Fiserele PHP se pun in directorul “htdocs” din folderul “xampp”. In acest folder noi putem crea mai multe subfoldere daca lucram la mai multe site-uri. De exemplu continutul subfolderului “service” poate fi accesat la adresa http://localhost/service.
Adresa o sa ne afiseze o pagina de genul:
3.3.3 Tipuri de date, Variabile, Constante si Operatori
In PHP lucrul cu variabilele este foarte simplu el recunoscand usor tipurile variabilelor. In PHP toate variabilele incep cu semnul $ (dolar).
Exemplu:
$b = “Ana are mere”; //Acesta este un string
$c = 4; //Acesta este un integer
$d = 4.837; //Acesta este un numar cu virgula
$e = “2”; //Acesta este un string
Tipuri de date
Tipurile de date cele mai folosite in PHP sunt urmatoarele:
– boolean
– integer
– string
– array
– floating-points
– null.
Boolean este cea mai simpla variabila, ea poate avea doar doua valori: TRUE sau FALSE ( Adevarat sau Fals)
Integer reprezinta multimea Z adica toate numerele intregi Z={-n…,-2,-1,0,1,2,…n}
Variabilele integer pot fi initializate cu numere intregi scrise in format zecimal (ibaza 10), hexazecimal (ibaza 16) sau octal (baza 8).
Exemplu:
$a = 123; //numar intreg zecimal
$b = -552; //numar intreg negativ
$c = 0123; //numar intreg in format octal – numarul trebuie precedat de un 0
$d = 0x1AB; //numar intreg in format hexazecimal – numarul e precedat de 0x
String – reprezinta un sir de caractere
Sunt folosite doua moduri de definire a variabilelor:
-definirea cu ghilimele simple
$a = ‘Acesta este un sir de caractere’;
-definirea cu ghilimele duble
$a = “Acesta este un sir de caractere”;
In cel de-al doilea tip de definire (cu ghilimele duble) pot fi adaugate anumite caractere speciale iar daca in text apare o variabila aceasta va fi inlocuita cu valoarea sa.
Exemplu:
$a = 25;
$b= “S-au inscris $a studenti la examenul de licenta.”;
//Se afiseaza: S-au inscris 25 studenti la examenul de licenta.
Caractere speciale:
\n linie noua
\” ghilimele
\t tab
\$ semnul dolar
\r intoarcere la inceputul liniei (carriage return)
\\ backslash
Array – se mai numeste tipul Tablou si reprezinta o structura ordonata pe mai multe dimensiuni
Are urmatoarea sintaxa:
$nume_array[cheie] = valoare;
“cheie” poate fi de tipul integer pozitiv sau string
“valoare” poate fi orice
Exemplu definire:
$a = array( 'culoare' => 'verde'
, 'forma' => 'rotunda'
, 'gust' => 'acrisor'
, 'nume' => 'para'
, 4 // cheia este 0
);
sau
$a['culoare'] = 'verde'
$a['forma'] = 'rotunda';
$a['gust'] = 'acrisor';
$a['nume'] = 'para';
$a[] = 4; // cheia este 0
Referirea la o variabila de tip array se face astfel:
echo “Fructa $a[‘nume’] are culoarea $a[‘culoare’].”;
//Se afiseaza: Fructa para are culoarea verde.
Copyright Notice
© Licențiada.org respectă drepturile de proprietate intelectuală și așteaptă ca toți utilizatorii să facă același lucru. Dacă consideri că un conținut de pe site încalcă drepturile tale de autor, te rugăm să trimiți o notificare DMCA.
Acest articol: Sistem Informatizat de Tip Autoservice (ID: 163546)
Dacă considerați că acest conținut vă încalcă drepturile de autor, vă rugăm să depuneți o cerere pe pagina noastră Copyright Takedown.