Sunteți pe pagina 1din 29

Site-uri WEB: limbaje de realizare, arhitectura si tehnologii

utilizate (continuare)
Pagini Web si site-uri WEB
Limbajul HTML site-uri statice
Site-uri dinamice. Limbajele CSS, Javascript
Tehnologii Java, XML, Ajax
Arhitectura site-urilor WEB dinamice.

Site-uri WEB: limbaje de realizare, arhitectura si tehnologii


utilizate (continuare)

Script-uri

<script type="text/javascript" language="javascript">


..
</script>
Exemplu:
<!DOCTYPE html>
<html>
<body>
<h1>My First JavaScript</h1>
<button type="button onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>
<p id="demo"></p>
</body>
</html>

Site-uri WEB: limbaje de realizare, arhitectura si tehnologii


utilizate

Exemplu:

<!DOCTYPE html>
<html>
<body>
<h1>Java Script Can Change Images</h1>
<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100"
height="180">
<p>Click the light bulb to turn on/off the light.</p>
<script>
function changeImage() {
var image = document.getElementById('myImage');
if (image.src.match("bulbon")) {
image.src = "pic_bulboff.gif";
} else {
image.src = "pic_bulbon.gif";
}
}
</script>
</body>
</html>

Site-uri WEB: limbaje de realizare, arhitectura si tehnologii


utilizate
AJAX - Asynchronous JavaScript and XML.
AJAX a devenit popular in 2005, fiind creat de Google, si utilizat
in Google Suggest.
Cu ajutorul AJAX se creeaza pagini interactive care permit:

Actualizarea unei paginii Web fara a reincarca pagina;


Cererea unor date de la serverul web dupa ce pagina a fost incarcata;
Receptionarea/Trimiterea de date de la/catre server dupa ce pagina a fost
incarcata;

Site-uri WEB: limbaje de realizare, arhitectura si tehnologii


utilizate

AJAX este o tehnica care permite crearea unor pagini rapide si dinamice.
AJAX permite actualizarea asincrona a paginilor prin
transmiterea/receptionarea unor cantitati mici de informatie de la/catre
server, permitand actualizarea doar a unor portiuni dintr-o pagina.
Paginile web clasice (care nu folosesc AJAX) se reincarca in intregime atunci
cand se schimba continutul paginii.
Exemple de aplicatii care folosesc AJAX: Google Maps, Gmail,YouTube,
Facebook.

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate

Modalitatea clasica de
incarcare a unei pagini

Incarcarea unor portiuni dintr-o


pagina folosind Ajax

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate

Pagini realizate cu ajutorul unor limbaje de programare


de nivel inalt (de exemplu Java)

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate

Cu ajutorul Java se pot realiza componente denumite


applet

<Applet Code=name.class" width=200 height=100></Applet>

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate

Atribute ale tag-ului applet

Denumire
atribut

Descriere

Exemplu

Code

Numele clasei java

Code=my_progr.class

width

Latimea pe ecran a suprafetei unde va fi afisat


rezultatul executiei applet-ului

Width=300

height

Inaltimea pe ecran a suprafetei unde va fi afisat


rezultatul executiei applet-ului

Height=600

library

Biblioteca unde se afla applet-ul. Daca acesta este


chiar in folderol unde se afla pagina WEB, atunci
library poate fi omis

Library=/myfolder/

alt

Desemneaza un mesaj care va fi afisat pe ecran de


browserele care au dezactivata posibilitatea rularii
unui applet

Alt=Acest browser nu
ruleaza applet-uri

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate
Denumire atribut

Descriere

Exemplu

name

Un nume data applet-ului pentru


situatia cand e necesara
comunicatia intre mai multe
applet-uri

Name=my_applet

Align=Left | Right | Top | Texttop


| Middle | Absmiddle | Baseline |
Bottom | Absbottom

Alinierea applet-ului in raport cu


textul si imaginile din jurul lui

Align=left

vspace

Spatiu liber pe verticala

Vspace=20

hspace

Spatiu liber pe orizontala

Hspace=20

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate
Aplicatii WEB: folosind drept suport tehnologiile WEB se
pot dezvolta aplicatii de tip client server
Acestea sunt structurate pe mai multe niveluri

Browserul Web aplicatia client (interfata grafica a


utilizatorului obisnuit)
Serverul Web comunica cu browserul si raspunde la cererile
acestuia, trimitandu-i paginile solicitate, pagini care sunt
generate dinamic
Serverul de aplicaii contine logica aplicatiei
Serverul de baze de date baza de date a aplicatiei

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate
Exista in prezent tehnologii informatice care permit unui
server WEB sa realizeze mult mai mult decat trimiterea
fisierelor HTML cerute de client (browser).
Acestea sunt denumite tehnologii Web pentru server
(server-side Web tehnologies) si ofera posibilitatea
generarii dinamice a continutului paginilor WEB trimise
utilizatorului folosind diverse surse de date (baze de date,
documente XML, fluxuri multimedia) precum si
efectuarea unor calcule complexe.

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate
Unul dintre motivele care sta la baza succesului
serviciului World Wide Web, consta in posibilitatea
personalizarii interactiunii utilizatorului cu aplicatiile Web,
adica posibilitatea generarii unui anumit continut, in
functie de datele de intrare furnizate de acesta.
Acest tip de interactiune este posibil prin folosirea
tehnologiilor Web pentru server.

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate
Din punct de vedere istoric, prima metoda de generare
dinamica pe server a continutului Web este reprezentata
de standardul CGI (Common Gateway Interface).
CGI permite serverului Web sa transfere unei aplicatii
externe care poate fi scrisa in orice limbaj (numit script
CGI) o cerere venita de la un client Web (browser) si sa
ii trimita acestuia inapoi continutul generat in urma
executiei aplicatiei.

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate
Astazi, cel mai des utilizate sunt limbajele/platformele de
programare pentru server denumite servere de aplicatii,
functionand de obicei ca extensii ale serverului Web.
Fata de CGI, serverele de aplicatii prezinta o serie de
avantaje dintre care le amintim:

suportul pentru sesiuni;


utilizarea unor conexiuni persistente cu bazele de date;
asigurarea load-balancing-ului;
cresterea securitatii aplicatiilor;

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate

Cele mai utilizate limbaje/platforme de programare pentru


server sunt:
PHP (initial, acronimul pentru Personal Home Page, ulterior
pentru PHP: Hypertext Preprocessor) este un limbaj ale carui
baze au fost puse de Rasmus Lerdorf in 1994.
PHP este utilizat de cele mai multe ori impreuna cu serverul
Web Apache si cu serverul de baze de date MySQL pe sisteme
de calcul cu SO Linux formeaza impreuna otehnologie
denumita LAMP;

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate

Exemplu de utilizare PHP:

</html>
<body>
<?php
echo "Text afisat de script PHP.<br>";
?>
</body>
</html>

PHP poate fi utilizat pentru:


Scripturi server-side
Scripturi rulate din linia de comanda
Aplicatii desktop

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate
Perl (Practical Extraction and Report Language) este un limbaj
de programare creat de Larry Wall, care se bazeaza pe C,
precum si pe cateva utilitare UNIX
Perl este cea mai populara/simpla alternativa la PHP
Are avantajul de a fi foarte flexibil, in plus existand numeroase
module/scripturi (biblioteci) scrise pentru/in Perl (e.g., CPAN
Comprehensive Perl Archive Nertwork, http://www.cpan.org/)

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate
JSP (Java Script Pages) este o platforma de programare Web
creata la inceputul anului 1998 de Sun Microsystems, Inc., care
face parte din specificatia J2EE (Java 2 Enterprise Edition).
Platforma JSP utilizeaza sintaxa XML si o serie de clase si functii
Java.
ASP (Active Server Pages) este o platforma de programare
Web creata de Microsoft, permitand utilizarea unor scripturi
scrise in limbajele VBScript (Microsoft Visual Basic Script), JScript
si PerlScript, fiind utilizata curent cu serverul Web Microsoft IIS.

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate
Masurarea succesului site-urilor WEB
Servicii de informatii statistice prin accesarea unor pagini
WEB

Google Analytics
In fiecare pagina care urmeaza a fi analizata se introduce
urmatoarea secventa de cod:

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefo
re(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-37257400-1', 'auto');
ga('send', 'pageview');
</script>

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate
Alt exemplu de analiza a accesului la paginile WEB:
AWSTATS
http://www.awstats.org/
Se bazeaza pe analiza fisierelor de tip log
Poate analiza fisiere log generate de multe servere WEB:
Apache, IIS, WebStar
Este un software free.

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate

Cookie ofera mijloace de identificare a vizitatorilor


unei pagini. Este caracterizat prin:
Intotdeauna este stocat pe calculatorul utilizatorului
(clientului);
Este accesibil doar serverului WEB care l-a generat;
Este editabil doar in momentul in care utilizatorul viziteaza siteul care l-a generat.

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate

Site-uri WEB: limbaje de realizare, arhitectura si


tehnologii utilizate

Un cookie poate fi folosit pentru:


Restrictionarea accesului la anumite pagini;
Evitarea completarii unor informatii deja completate de un
utilizator (intr-un formular);
Personalizarea paginilor WEB cea mai frecventa utilizare
In aplicatiile de e-commerce permite memorarea temporara a
unor informatii (cosul de cumparaturi).

Bibliografie
Andrew Tanenbaum, David J. Wetherall, Computer
Networks, 5th edition, Prentice Hall, 2011.
V. Avram, D. Rizescu, Technologies for e-Business, Editura
Universitara, Bucuresti, 2015.
B. Oancea, Bazele Informaticii, Editura Economica, 2004.

S-ar putea să vă placă și