Universitatea din Craiova

Facultatea de Economie i Administrarea Afacerilor

Specializarea: Managementul Afacerilor Electronice

STUDIU COMPARATIV AL SITE-URILOR DE TURISM

WWW.VALCEATURISTICA.RO I WWW.TURISMBUZAU.RO

CONDUCTOR TIINIFIC:
Conf. Univ. Dr.

STUDENI:

- CRAIOVA 2013
Cuprins
Capitolul I Aspecte generale cu privire la realizarea site-urilor de turism.................................2
1.1. Necesitatea unui site de turism........................................................................................2
1.2. Tehnologii utilizate pentru dezvoltarea unui site de turism.............................................3
1.2.1.

Wordpress..............................................................................................................3

1.2.2.

MySql....................................................................................................................4

1.2.3.

Microsoft SQL Server...........................................................................................4

1.2.4.

Limbajul Php.........................................................................................................5

1.2.5.

HTML...................................................................................................................6

1.2.6.

ASP. NET..............................................................................................................6

1.2.7.

JavaScript..............................................................................................................7

1.2.8.

jQuery...................................................................................................................9

1.2.9.

AJAX....................................................................................................................9

Capitolul II Studiu comparativ al site-urilor de turism.............................................................11

www.valceaturistica.ro/ i www.turismbuzau.ro/.....................................................................11
2.1. Organizarea ierarhic a paginilor n cadrul unui site de turism.....................................11
2.2. Studiu comparativ al site-urilor de turism www.valceaturistica.ro i
www.turismbuzau.ro.............................................................................................................15
2.2.1.

Prima impresie....................................................................................................15

2.2.2.

Tehnologiile de realizare.....................................................................................16

2.2.3.

Organizarea ierarhic a paginilor........................................................................18

2.2.4.

Atragerea vizitatorilor i integrarea social........................................................19

2.2.5.

Optimizarea SEO................................................................................................20

Concluzii...................................................................................................................................21
Bibliografie...............................................................................................................................22

Capitolul I Aspecte generale cu privire la realizarea site-urilor de turism

1.1. Necesitatea unui site de turism
In prima parte a acestui capitol vom ncerca s identificm prinicipalele motive pentru
care o regiune, staiune, o unitate turistic (hotel, pensiune) necesit s fie prezente n mediul
online. Cel mai important motiv este acela c prezena online poate aduce foarte mul i clien i.
Piaa de turism online din Romania a explodat in ultima vreme, reprezentanii zonelor
turistice, unitile turistice propriu-zise i ageniile de turism incepnd s exploreze spaiul
virtual pentru prezentarea ofertelor. n afara site-urilor proprii, acestea i promoveaz ofertele
i cu ajutorul portalurilor specializate n promovarea ofertelor de turism, astfel inct cei care
sunt in cutarea unei vacane pot beneficia de o plaj bogata i variat de pachete turistice.
Turismul online a cptat n ultima vreme o importan ridicat, turi tii dup ce vizualizeaz
prezentrile virtuale ale zonelor pe care doresc s le viziteze, i se hotrsc asupra unei dintre
acestea, pot avea rezervarea dorit, confirmat i garantat dup numai cteva click-uri,
realizndu-se astfel o economie de timp substanial n condiii de garanie total.
Turismul online a luat avnt datorit accesibilitii rapide a informaiilor legate de destinaii,
atracii i obiective turistice, hri, impresii i preri ale altor turiti ce au vizitat locurile
respective, crend astfel condiiile necesare alegerii unui sejur potrivit i al unei vacan e
reuite. Multitudinea de oferte de sejur, cazare, oferte speciale, last minute, early booking,
circuite, croaziere, hoteluri i bilete de avion prezente n mediul online i simplitatea accesrii
acestora de acas sau de la birou faciliteaz achiziionarea pachetelor turistice la aceleai
tarife sau mai mici ca cele de agenie.
Prin intermediul prezenei online lucrurile devin avantajoase att pentru reprezentaii turistici,
pentru c sunt n legtur cu mii de poteniali clieni, dar i pentru clienii pentru c acetia
pot vedea de dinainte de ce servicii pot avea parte, astfel acetia au toate ansele unei vacan e
reuite.

1.2. Tehnologii utilizate pentru dezvoltarea unui site de turism

Pentru realizarea unui site turistic tehnologii folosite sunt aceleai ca pentru orice alt
site. Totui depinde de complexitatea, tipul acelui site de turism ce tehnologii vor fi folosite,
pentru c pentru un simplu site de prezentare este suficient un CMS (de exemplu Wordpress),
cu ajutorul cruia se pot realiza bloguri foarte plcute la aspect, iar dac este nevoie de utiliti
suplimentare, Wordpress-ul permite o customizare foarte mare, i poate fi transformat u or
dintr-un blog, ntr-un site mai complex.

1.2.1. Wordpress
WordPress este un pachet software gratuit i open source i totodata una CMS dinamic
bazat pe PHP i MySQL. Are mai multe facilitai, incluznd aici in principal arhitectura plugin. WordPress este folosit de peste 14% website-uri dintre cele mai de success un million, i
din august 2011 mai mult de 22% din website-urile noi au fost create cu Wordpress. La
momentul de faa acesta este cel mai de success system de management al con inutului din
Internet.
WordPress este o platform complexa de publicare, i vine cu un set mare de
caracteristici concepute pentru a face experiena dumneavoastr ca un editor pe internet
foarte uor, plcut i atrgtor. Se distribuie gratuit, este cel mai rapid i usor de configurat
system de management de coniut cu o baz extrem de personalizabil.
B2/cafelog, cunoscut ca i B2 sau cafelog, a fost precursorul WordPress. b2/cafelog a
fost estimat ca fiind folosit de aproximativ 2.000 de bloguri in 2003. Acesta a fost scris n
PHP pentru utilizarea cu MySQL de ctre Michel Valdrighi, care este acum un dezvoltator ce
contribuie la imbunatatirea si extinderea facilitatilor CMS Word Press.
WordPress a aprut pentru prima dat n 2003 ca un efort comun a lui Matt Mullenweg
i Mike Mica. Numele a fost sugerat de ctre WordPress Christine Selleck Tremoulet, un
prieten de al lui Mullenweg.
n continuare sunt prezentate unele dintre caracteristicile WordPress n forma standard.
Cu toate acestea, exist sute de plug-in-uri care extind utilitatea, i fac din WordPress o
platform cu o folosire aproape nelimitat. De asemenea se poate modifica n orice fel
codul folosit de WordPress, pentru a-l utliza n diferite proiecte comerciale, acest lucru
realizndu-se fr taxe de liceniere. Aceasta este frumuseea unui free software (soft
gratuit), nu numai preul, ci, de asemenea, libertatea de a avea control complet asupra lui.
WordPress are un sistem web - template care folosete un procesor template.
3

Un sistem de pagini Web bazat pe template-uri (abloane) descrie software-ul i

metodologiile utilizate pentru pentru a produce pagini web i pentru implementarea site-urilor
i livrarea acestora pe Internet. Astfel de sisteme de template-uri web, folosesc un motor
template (de ablon). Acesta este un instrument de publicare prezent n sisteme de
management de coninut, cadre de software, editori HTML, i alte medii de dezvoltare web.
Un sistem template este compus din:
Un motor de template: elementul de prelucrare primar a sistemului;
Resurs de coninut: diferite tipuri de fluxuri de date de intrare, cum ar fi de la o baz de
date relationale, fisiere XML, LDAP, i alte tipuri de date locale sau n reea;
Resurs Format: template-uri web specificate n conformitate cu un limbajul ablon;
Resursele template i de coninut sunt prelucrate i combinate de motorul de template
pentru producerea n documentelor web. Aici vom include documentele web transmise prin
intermediul HTTP, sau n mod mai rar un alt protocol de internet.

1.2.2. MySql
MySQL este un sistem de gestiune a bazelor de date relaionale, produs de compania
suedeza MySQL AB i distribuit sub Licena Public General GNU. Este cel mai popular
SGBD open-source la ora actual, fiind o component cheie a stivei LAMP (Linux, Apache,
MySQL, PHP).
Dei este folosit foarte des mpreun cu limbajul de programare PHP. Cu MySQL se
pot construi aplicaii n orice limbaj major. Exist multe scheme API disponibile pentru
MySQL ce permit scrierea aplicaiilor n numeroase limbaje de programare pentru accesarea
bazelor de date MySQL, cum are fi: C, C++, C#, Java, Perl, PHP, Python, FreeBasic, etc.,
fiecare dintre acestea folosind un tip spefic API. O interfa de tip ODBC denumit MyODBC
permite altor limbaje de programare ce folosesc aceast interfa, s interacioneze cu bazele
de date MySQL cum ar fi ASP sau Visual Basic. n sprijinul acestor limbaje de programare,
unele companii produc componente de tip COM/COM+ sau .NET (pentru Windows) prin
intermediul crora respetivele limbaje s poat folosi acest SGBD mult mai uor dect prin
intermediul sistemului ODBC. Aceste componente pot fi gratuite (ca de exemplu MyVBQL)
sau comerciale.
Licena GNU GPL nu permite incorporarea MySQL n softuri comerciale; cei care
doresc s fac acest lucru pot achiziiona, contra cost, o licen comercial de la compania
productoare, MySQL AB.
MySQL este component integrat a platformelor LAMP sau WAMP (Linux/WindowsApache-MySQL-PHP/Perl/Python). Popularitatea sa ca aplicaie web este strns legat de cea
a PHP-ului care este adesea combinat cu MySQL i denumit Duo-ul Dinamic. n multe cr i
de specialitate este precizat faptul ca MySQL este mult mai uor de inv at i folosit dect
multe din aplicaiile de gestiune a bazelor de date, ca exemplu comanda de ie ire fiind una
simpl i evident: exit sau quit.
Pentru a administra bazele de date MySQL se poate folosi modul linie de comand
sau, prin descrcare de pe internet, o interfa grafic: MySQL Administratori MySQL Query
Browser. Un alt instrument de management al acestor baze de date este aplicaia gratuit,
scris n PHP, phpMyAdmin.
4

MySQL poate fi rulat pe multe dintre platformele software existente: AIX, FreeBSD,
GNU/Linux, Mac OS X, NetBSD, Solaris, SunOS, Windows 9x/NT/2000/XP/Vista.

1.2.3. Microsoft SQL Server

Microsoft SQL Server este sistemul de gestiune a bazelor de date produs de ctre
compania Microsoft. Pe o main fizic putem gzdui mai multe instane MSSQL.O instan
MSSQL poate gzdui mai multe baze de date.
O baz de date n SQL Server poate fi compus din mai multe fiiere:
.mdf ntlnite i sub denumirea de primary files sau main files. Acest fiier
gzduiete obiectele unei baze de date (tabele, proceduri stocate, declanatori, etc.). O baz de
date poate s aib maximum un fiier .mdf.
.ndf secondary database file. n principal .ndf-ul este folosit n cazul optimizrilor.
Spre exemplu: anumite tabele pot fi salvate n fiiere .ndf, fiiere ce vor fi gzduite n locaii
diferite, pe discuri diferite. O baz de date poate avea zero sau mai multe fiiere .ndf.
.ldf transaction log files acest fiier va pstra un istoric al operaiunilor efectuate
asupra datelor bazei de date.
Microsoft SQL Sever foloseste o variant de SQL numit T-SQL, sau Transact-SQL,
o implementare de SQL-92 (standardul ISO pentru SQL) cu unele extensii. T-SQL n principal
adaug sintaxa aditional pentru procedurile stocate i pentru tranzacii. Standardele SQL
necesit ACID; acesta este un acronim pentru cele 4 condiii pentru orice tranzac ie:
atomicitate, consisten, izolare, durabilitate. MS SQL Server suport ODBC (Open Database
Connectivity).

1.2.4. Limbajul Php

PHP este un limbaj de programare. Numele PHP provine din limba englez i este un
acronim recursiv : Php:Hypertext Preprocessor. Folosit iniial pentru a produce pagini web
dinamice, este folosit pe scar larg n dezvoltarea paginilor i aplicaiilor web. Se folosete n
principal nglobat n codul HTML, dar ncepnd de la versiunea 4.3.0 se poate folosi i n mod
linie de comand (CLI), permind crearea de aplicaii independente. Este unul din cele mai
importante limbaje de programare web open-source i server-side, existnd versiuni
disponibile pentru majoritatea web serverelor i pentru toate sistemele de operare. Conform
statisticilor este instalat pe 20 de milioane de situri web i pe 1 milion de servere web. Este
disponibil sub Licent aPHP s i Free Software Foundation l consider a fi un software liber.
5

Iniial, limbajul a fost dezvoltat de inventatorul su, Rasmus Lerdorf. Odat cu creterea
numrului de utilizatori, dezvoltarea a fost preluat de o nou entitate, numit The PHP
Group (Grupul PHP).
PHP nsemna iniial Personal Home Page. PHP a fost nceput n 1994 ca o extensie a
limbajului server-side Perl, i apoi ca o serie de CGI-uri compilate de ctre Rasmus Lerdorf,
pentru a genera un curriculum vitae i pentru a urmri numrul de vizitatori ai unui site. Apoi
a evoluat n PHP/FI 2.0, dar proiectul open-source a nceput s ia amploare dup ce Zeev
Suraski i Andi Gutmans, de la Technion au lansat o nou versiune a interpretorului PHP n
vara anului 1998, aceast versiune primind numele de PHP 3.0. Tot ei au schimbat i numele
n acronimul recursiv de acum, pn atunci PHP fiind cunoscut ca Personal HomePage Tools.
Apoi Suraski i Gutmans au rescris baza limbajului, producnd astfel i Zend Engine n 1999.
n mai 2000 a fost lansat PHP 4.0, avnd la baz Zend Engine 1.0.
PHP-ul astzi este unul din cele mai folosite limbaje de programare server-side.

1.2.5. HTML
HTML este o form de marcare orientat ctre prezentarea documentelor text pe o
singur pagin, utiliznd un software de redare specializat, numit agent utilizator HTML, cel
mai bun exemplu de astfel de software fiind browserul web. HTML furnizeaz mijloacele prin
care coninutul unui document poate fi adnotat cu diverse tipuri de metadate i indica ii de
redare. Indicaiile de redare pot varia de la decoraiuni minore ale textului, cum ar fi
specificarea faptului c un anumit cuvnt trebuie subliniat sau c o imagine trebuie introdus,
pn la scripturi sofisticate, hri de imagini i formulare. Metadatele pot include informaii
despre titlul i autorul documentului, informaii structurale despre cum este mpr it
documentul n diferite segmente, paragrafe, liste, titluri etc. i informaii cruciale care permit
ca documentul s poat fi legat de alte documente pentru a forma astfel hiperlink-uri (sau
web-ul).
HTML este un format text proiectat pentru a putea fi citit i editat de oameni utiliznd
un editor de text simplu. Totui scrierea i modificarea paginilor n acest fel solicit cunotine
solide de HTML i este consumatoare de timp. Editoarele grafice (de tip WYSIWYG) cum ar
fi Macromedia Dreamweaver, Adobe GoLive sau Microsoft FrontPage permit ca paginile web
sa fie tratate asemntor cu documetele Word, dar cu observaia c aceste programe genereaz
un cod HTML care este de multe ori de proast calitate.
HTML se poate genera direct utiliznd tehnologii de codare din partea serverului cum
ar fi PHP, JSP sau ASP. Multe aplicaii ca sistemele de gestionare a con inutului, wiki-uri i
forumuri web genereaz pagini HTML.
HTML este de asemenea utilizat n e-mail. Majoritatea aplica iilor de e-mail folosesc
un editor HTML ncorporat pentru compunerea e-mail-urilor i un motor de prezentare a email-urilor de acest tip. Folosirea e-mail-urilor HTML este un subiect controversat i multe
liste de mail le blocheaz intenionat.

1.2.6. ASP. NET

ASP.NET permite realizarea de aplicaii web complexe. Spre deosebire de celelalte
tehnologii, realizarea aplicaiilor web n ASP.NET aduce o serie de avantaje importante:
6

 aplicaiile pot fi scrise utiliznd toate facilitile unor limbaje i medii de programare
dezvoltate. Un exemplu este C#, dar exist posibilitatea implementrii acestora n
multe alte limbaje;
Fa de tehnicile uzuale de server-side-scripting, ASP.NET introduce i noiunea de
server-side-controls. n tehnologiile uzuale, controalele sunt implementate manual i
n plus programatorul trebuie s aib grij s implementeze modul de manifestare al
acestora la aciunile utilizatorului. Problema este destul de complex n realitate,
indiferent de locaia la care se face scriptarea. Aparent problema este relativ simpl n
cazul scriptrii la client, de exemplu cu JavaScript. Se pot implementa n acest caz
variabile care s rein coninutul de moment al controalelor i respectiv
comportamentul acestora. Problema major apare din faptul c browserele
implementeaz n mod diferit JavaScript i este destul de dificil de scris rutine care s
funncioneze absolut similar pe toate browserele. O alternativ este de a scrie cod
HTML simplu pentru controale i de a retrimite pagina spre server pentru refacerea ei
n noul context. i n acest caz mecanismul este complicat, deoarece toate informaiile
stocate n variabilele din pagin se vor pierde. ASP.NET rezolv aceast problem prin
intermediul controalelor pe server. Aceste controale scripteaz codul HTML necesar
afirii controlului n browser, dar, de asemenea, genereaz i funciile JavaScript i
respectiv codul HTML ascuns care pstreaz starea controlului. Cnd utilizatorul
acioneaz asupra controlului, informaia este furnizat napoi serverului, iar controlul
proceseaz automat informaia i altereaz codul HTML astfel nct afiarea acestuia
s se fac n noul context.
probabil cel mai mare avantaj al ASP.NET este posibilitatea crerii de servicii web.

1.2.7. JavaScript
JavaScript a fost dezvoltat prima dat de ctre firma Netscape, cu numele de Live
Script, un limbaj de script care extindea capacitile HTML, oferea o alternativ par ial la
utilizarea unui numar mare de scripturi CGI pentru prelucrarea informa iilor din formulare i
care adaug dinamism in paginile web.
Dup lansarea limbajului Java, Netscape a nceput s lucreze cu firma Sun, cu scopul
de a crea un limbaj de script cu o sintax i semantic asemnatoare cu a limbajului Java, i
din motive de marketing numele noului limbaj de script a fost schimbat in "JavaScript". Java
Script a aprut din nevoia ca logica i inteligena s fie i pe partea de client , nu doar pe
partea de server. Daca toata logic este pe partea de server, intreaga prelucrare este facut la
server, chiar i pentru lucruri simple, aa cum este validarea datelor. Astfel, Java Script l
nzestreaza pe client i face ca relaia s fie un adevrat sistem client-server.
Limbajul HTML ofer autorilor de pagini Web o anumit flexibilitate, dar static.
Documentele HTML nu pot interaciona cu utilizatorul n alt mod mai dinamic, dect pune la
dispoziia acestuia legturi la alte resurse (URL-uri). Crearea de CGI-uri (Common Graphics
Interface) [programe care ruleaza pe serverul Web si care accept informa ii primite din
pagina de web i returneaza cod HTML] a dus la imbogtirea posibilit ilor de lucru. Astfel,
un pas important spre interactivizare a fost realizat de JavaScript, care permite inserarea n
paginile web a script-urilor care se execut n cadrul paginii web, mai exact n cadrul browserului utilizatorului, usurand astfel si traficul dintre server si client. De exemplu, ntr-o pagina
7

pentru colectarea de date de la utilizator se pot adauga scripturi JavaScript pentru a valida
corectitudinea introducerii si apoi pentru a trimite serverului doar date corecte spre procesare.
JavaScript contine o lista destul de ampla de functii si comenzi menite sa ajute la operatii
matematice, manipulari de siruri, sunete, imagini, obiecte si ferestre ale browser-ului, linkurile URL si verificari de introduceri ale datelor n formulare. Codul necesar acestor actiuni
poate fi inserat n pagina web si executat pe calculatorul vizitatorului.
Dupa lansarea sa, in decembrie 1995, JavaScript si-a atras sprijinul principalilor distribuitori
din domeniu, cum sunt Apple, Borland, Informix, Oracle, Sybase, HP sau IBM. S-a dezvoltat
in continuare, obtinand recunoastere majoritatii browserelor. Intelegand importanta scriptingului web, Microsoft s-a dorit sa ofere suport si pentru JavaScript. Netscape a preferat sa
acorde licenta de tehnologie companiei Microsoft in loc sa o vanda, astfel Microsoft a analizat
JavaScript, si bazandu-se pe documentatia publica a creat propria sa implementare, "Jscript",
care este recunoscuta de Microsoft Internet Explorer.
Jscript 1.0 este aproximativ compatibil cu JavaScript 1.1, care este recunoscut de
Netscape Navigator. Totusi, versiunile ulterioare de JavaScript si diversele diferente specifice
platformelor de operare au inceput sa dea destule probleme programatorilor web si astfel
Netscape, Microsoft si alti distribuitori au fost de acord sa predea limbajul unei organizatii
internationale de standardizare ECMA ; aceasta a finalizat o specificatie de limbaj,
cunoscuta ca ECMAScript, recunoscuta de toti distribuitorii. Desi standardul ECMA este util,
atat Netscape cat si Microsoft au propriile lor implementari ale limbajului si continua sa
extinda limbajul dincolo de standardul de baza.
Pe langa Jscript, Microsoft a introdus si un concurent pentru JavaScript, numit
VBScript, realizat pentru a usura patrunderea pe web a programatorilor VB. VBScript este un
subset al limbajului Visual Basic. Cu toate acestea JavaScript a devenit cunoscut ca limbajul
de scripting standard pentru web. In general se considera ca exista zece aspecte fundamentale
ale limbajului JavaScript pe care orice programator in acest limbaj ar trebui sa le cunoasca :
1. JavaScript poate fi intrudus in HTML - De obicei codul JavaScript este gazduit in
documentele HTML si executat in interiorul lor. Majoritatea obiectelor JavaScript au
etichete HTML pe care le reprezinta, astfel incat programul este inclus pe partea de
client a limbajului. JavaScript foloseste HTML pentru a intra in cadrul de lucru al
aplicatiilor pentru web.
2. JavaScript este dependent de mediu JavaScript este un limbaj de scriptare; softwareul care ruleaza de fapt programul este browser-ul web (Firefox, Opera, Netscape
Navigator, Internet Explorer, Safari, etc.) Este important sa luam in considerare
aceasta dependenta de browser atunci cand utilizam aplicatiiJavaScript.
3. JavaScript este un limbaj in totalitate interpretat codul scriptului va fi interpretat de
browser inainte de a fi executat. JavaScript nu necesita compilari sau preprocesari, ci
ramane parte integranta a documentului HTML. Dezavantajul acestui limbaj este ca
rularea dureaza ceva mai mult deoarece comenzile JavaScript vor fi citite de
navigatorul Web si procesate atunci cnd user-ul apeleaza la acele functii ( prin
completare de formulare, apasare de butoane, etc). Avantajul principal este faptul ca
putem mult mai usor sa actualizam codul sursa.
4. JavaScript este un limbaj flexibil - in aceasta privinta limbajul difera radical de C++
sau Java. In JavaScript putem declara o variabila de un anumit tip, sau putem lucra cu
o variabila desi nu-i cunoastem tipul specificat inainte de rulare .
5. JavaScript este bazat pe obiecte JavaScript nu este un limbaj de programare orientat
obiect, ca Java, ci mai corect, este "bazat pe obiecte"; modelul de obiect JavaScript
este bazat pe instanta si nu pe mostenire.
8

6. JavaScript este condus de evenimente mare parte a codului JavaScript raspunde la

evenimente generate de utilizator sau de sistem. Obiectele HTML, cum ar fi butoanele,
sunt imbunatatite pentru a accepta handlere de evenimente.
7. JavaScript nu este Java Cele doua limbaje au fost create de companii diferite,
motivul denumirii asemanatoare este legat doar de marketing.
8. JavaScript este multifunctional limbajul poate fi folosit intr-o multitudine de
contexte pentru a rezolva diferite probleme: grafice, matematice, si altele.
9. JavaScript evolueaza limbajul evolueaza, fapt pozitiv care insa poate genera si
probleme, programatorii trebuind sa verifice permanent ce versiune sa foloseasca
pentru ca aplicatiile sa poata fi disponibile unui numar cat mai mare de utilizatori de
browsere diferite.
10. 10.JavaScript acopera contexte diverse programarea cu acest limbaj este indreptata
mai ales catre partea de client, dar putem folosi JavaScript si pentru partea de Server.
JavaScript este limbajul nativ pentru unele instrumente de dezvoltare web, ca Borland
IntraBuilder sau Macromedia Dreamweaver.

1.2.8. jQuery
jQuery este o platform de dezvoltare JavaScript, conceput pentru a uura i
mbunti procese precum traversarea arborelui DOM n HTML, managementul interbrowser al evenimentelor, animaii i cereri tip AJAX. jQuery a fost gndit s fie ct mai mic
posibil, disponibil n toate versiunile de browsere importante existente, i s respecte filosofia
"Unobtrusive JavaScript". Biblioteca a fost lansat in 2006 de ctre John Resig.
Caracteristici:
jQuery se poate folosi pentru a rezolva urmtoarele probleme specifice programrii web:
selecii de elemente n arborele DOM folosind propriul motor de selecii open source
Sizzle, un proiect nscut din jQuery
parcurgere i modificarea arborelui DOM (incluznd suport pentru selectori CSS 3 i
XPath simpli)
nregistrarea i modificarea evenimentelor din browser
manipularea elementelor CSS
efecte i animaii
cereri tip AJAX
extensii ( vezi mai jos )
utilitti - versiunea browser-ului, funcia each.

1.2.9. AJAX
Ajax (sau AJAX), prescurtare pentru Asynchronous JavaScript and XML, este o
tehnic de programare pentru crearea de aplicaii web interactive. Intenia este s fac paginile
web s devin mai rapide i deci mai acceptate, prin schimbul n fundal al unor cantit i mici
de date cu serverul, astfel nct s nu fie nevoie ca pagina s fie rencrcat la fiecare aciune a
utilizatorului. Aceasta are ca scop creterea interactivitii, vitezei i uurinei n utilizare a
aplicaiilor web.
9

Ajax nu este o tehnologie n sine. Termenul este folosit pentru definirea aplica iilor web ce
folosesc un ansamblu de tehnologii:
HTML sau XHTML pentru structura semantic a informaiilor;
CSS pentru prezentarea informaiilor;
Javascript pentru interactivitate, pentru procesarea informaiilor prezentate;
Obiectul XMLHttpRequest pentru schimbul i manipularea informaiilor ntr-o
manier asincron cu server-ul web;
XML este folosit de obicei pentru transferarea datelor ntre server i client, de i orice
format funcioneaz, inclusiv HTML preformatat, text simplu etc.

10

Capitolul II Studiu comparativ al site-urilor de turism

www.valceaturistica.ro/ i www.turismbuzau.ro/
2.1. Organizarea ierarhic a paginilor n cadrul unui site de turism
n prima faz vom descoperi ce nseamn organizarea, distribuirea fizic pe pagini a
elementelor unui site turistic. Pentru a realiza designul unui site sunt folosite o serie de tehnici
cu ajutorul crora paginile capt contur, att din punct de vedere vizual cat i din punct de
vedere al organizrii legturilor i al amplasrii coninutului n pagini. n continuare sunt
prezentate cteva dintre aceste tehnici, fiecare dintre ele referindu-se la cte un aspect al
designului site-ului.
Schia site-ului
Odat ce v-ai decis asupra modului n care va fi structurat site-ul este foarte bine ca
nainte de a ncepe scrierea efectiv a codului HTML pentru fiecare pagin n parte, s
realizai o schi a ntregului site. Putei folosi n acest scop Microsoft Word sau orice alt
procesor de text. Pentru nceput creai un document nou n care listai punctele majore pe care
dorii s le acoperii n pagina Home. Facei de asemenea o list a elementelor grafice pe care
intenionai s le includei, nsoite de indicaii privind aezarea lor n pagin. Stabilii care
sunt paginile de nivel unu i ce informaii dorii s oferii n cadrul lor, precum i paginile
subordonate acestora care vor cuprinde detalierea subiectelor anunate n paginile de nivel
unu.
Pentru a avea o imagine ct mai exact a structurii site-ului nc din faz de schiare a
sa este recomandat s folosii bara de instrumente Outlining din meniul Tools > Customize
din Word. Aceasta v permite s stabilii nivelul paginilor i s realizai cu uurin
ramificarea lor n adncime. O alt metod pentru a realiza schia site-ului o constituie
graficul (sau harta) site-ului. Dac nu dorii s v complicai folosind un editor de text sau un
program de grafic, putei realiza o astfel de schi i pe hrtie, cu creionul. Desenai cte un
dreptunghi pentru fiecare pagin din site, specificnd n interiorul sau scopul i obiectivele
paginii, elementele i aranjarea lor n pagin. Apoi uniti dreptunghiurile prin sgei pentru a
specific traseele pe care le poate parcurge utilizatorul. Sgeile reprezint de fapt legturile
dintre pagini. Avei grij c spre pagin Home s indice toate sgeile, pentru a asigur astfel o
legtur cu ea din orice pagin a site-ului. n acest mod putei planific pentru fiecare pagin
ce urmeaz s vad, s neleag i s fac vizitatorul acesteia, precum i unde se poate
deplas din pagin respectiv.
Oricare ar fi metoda folosit pentru a schia site-ul, la fiecare pagin trebuie s v
punei urmtoarele ntrebri:

Ce doresc s afle vizitatorul din aceast pagin?

11

Ce doresc s fac vizitatorul n acest moment?

Ce doresc s simt vizitatorul parcurgnd pagin?

Unde doresc s mearg vizitatorul n continuare?

Desigur, n ultima instan comportamentul i impresiile vizitatorului scap controlului

designerului, ns un site n care fiecare pagin d rspunsuri clare i limpezi acestor ntrebri
are foarte multe anse de a ntruni aprecierile pozitive ale vizitatorilor si.
Pagina de intrare n site (pagina intro sau pagina splash)
Exist multe site-uri care nainte de pagina Home au o pagin de intrare n site, numit
pagin intro. Scopul unei astfel de pagini este identificarea rapid a obiectului site-ului n timp
ce se ncarc restul de date. Pagina splash are pentru site acelai rol pe care l are coperta unei
cri sau prima pagin a unei reviste. Aceast prim pagin trebuie s se ncarce rapid, s aib
un impact vizual puternic i s comunice esenialul despre subiectul site-ului sau compania
creia i aparine site-ul.
Exist opinii divergente n legtur cu folosirea i utilitatea paginii intro ntr-un site.
Mai ales dac face apel la elemente multimedia, sunet, grafic, animaie complex care
ncetinesc timpul de ncrcare, pagina intro poate aduce mai degrab deservicii site-ului. n
plus, pagina splash poate fi resimit de vizitator c o barier n accesul imediat la informaiile
din interiorul site-ului.
Pagina Home
Dei aspectul i coninutul paginii Home poate varia foarte mult de la un site la altul,
exist cteva elemente comune prezente n orice pagin de start:

Identificarea firmei sau companiei creia i aparine site-ul (dac este cazul)

Descrierea scopului site-ului

Descrierea structurii site-ului. Pagina Home are i funcia de Cuprins al siteului oferind indicaii vizitatorilor asupra subiectelor abordate

Stabilirea relaiilor ntre seciunile de nivel unu ale site-ului i cele subordonate
lor. Aceasta se realizeaz prin intermediul barelor de navigare, butoanelor, hrilor de imagini
sau listelor de legturi.

Furnizarea informaiilor de contact.

Paginile din interior

Paginile de nivel unu reprezint diviziunile majore ale subiectului general al site-ului.
Exist tentaia de a include prea multe informaii detaliate la acest nivel. Dac site-ul acoper
un subiect vast, cu o cantitate mare de informaii specifice, este bine s lsai detalierea
acestora pentru paginile de nivel doi. Paginile de nivel unu trebuie s conin o descriere
succint a subiectului acoperit precum i legturi ctre paginile de nivel doi care detaliaz
fiecare parte a subiectului. O tehnic des utilizat este plasarea resurselor suplimentare n
pagini de nivelul trei. De exemplu o pagin de nivelul doi care ofer pe lng text i imagini
explicative ale unui anumite noiuni poate fi legat de pagini de nivel trei care conin
imaginile. Cnd vizitatorul face click pe un anumit text aflat n pagina de nivel doi se
12

deschide pagina de nivel trei cu imaginea explicativ. Avantajul acestei abordri este
descongestionarea paginilor de nivelul doi care cuprind detalierea subiectului.
Schia dumneavoastr trebuie s cuprind, pe lng modul de organizare a paginilor, i
o list ct mai complet a elementelor pe care dorii s le includei n fiecare pagin (imagini,
formulare, fiiere multimedia, etc.).
Fragmentarea informaiilor
Omul poate procesa o cantitate limitat de informaii ntr-o anumit unitate de timp.
Din acest motiv, una dintre sarcinile specifice n designul Web este fragmentarea informaiilor
n secvene care s nu depeasc posibilitile de cuprindere ale utilizatorului. Cantitatea de
informaii cuprins ntr-o pagin nu trebuie s-l copleeasc pe vizitatorul paginii sau s
mreasc timpul ei de ncrcare. De asemenea, modul de fragmentare al informaiei trebuie s
focalizeze atenia vizitatorului asupra principalelor subiecte abordate n pagin i s l ajute s
ia cunotin n mod gradat de subiectul prezentat. Fragmentarea corect a informaiilor este
n avantajul designerului , deoarece l ajut s creeze pagini reutilizabile . Dac fiecare pagin
pe care o vei crea servete la ndeplinirea unui anumit scop, putei include aceast pagin fie
direct, fie c o resurs util i n alte site-uri pe care le creai ulterior i care au subiecte
conexe cu pagin respectiv.
n cadrul site-ului fragmentarea informaiilor conduce la stabilirea modului n care va
fi detaliat subiectul, la determinarea numrului de pagini necesare pentru acesta precum i a
nivelului paginilor. Dei divizarea subiectului n pri mai mici este o tehnic deosebit de
util, nu abuzai totui de puterea hypertextului . O fragmentare excesiv a subiectului ntr-un
mare numr de pagini este la fel de obositoare c i prezentarea acestuia n bloc. Un design
eficient anticipeaz nevoia vizitatorului de a obine informaii suplimentare i furnizeaz la
momentul oportun legturi ctre paginile care detaliaz acel punct. n cadrul unei pagini
modul de fragmentare al informaiilor tine de logica intern a subiectului prezentat. Pentru a
diferenia prile constitutive ale subiectului unei pagini o mare importan o are organizarea
textului n cadrul paginii.
Cei mai muli dintre cei care navigheaz pe Web obinuiesc s "scaneze" paginile n
cutare de informaii. Ei citesc mai nti titlurile, listele, i primele fraze dintr-un paragraf.
Este bine s inei seam de acest lucru cnd organizai textul n pagin. Coninutul paginii
trebuie s fie ct mai uor de citit. Folosii paragrafe scurte, desprite prin linii libere, evitai
frazele prea lungi i folosii n mod judicios titlurile. Accentuai prile pe care vrei s le
scoatei n eviden n text prin ngroare sau scrierea lor cu alt culoare, dar nu n exces.
Abuzul de culori sau de texte scrise cu caractere aldine fac pagin ncrcat i obositoare. Este
indicat s va limitai la un numr redus de tipuri de font. Cele mai apreciate sunt Verdana i
Arial , deoarece sunt lizibile i elegante. Este mai bine s evitai folosirea tipului Times New
Roman, dei este un tip foarte folosit n editarea de texte. Spre deosebire de textele tiprite, pe
monitor citirea se face cu 25% mai ncet deoarece monitorul adug fonturilor un anumit grad
de neclaritate ( fuzziness ), mai accentuat la fonturile cu serife , aa cum este Times New
Roman. Nu aranjai textul n pagin pe dou coloane astfel nct vizitatorul s fie nevoit s
revin n partea superioar a paginii pentru a citi ce-a de-a dou coloan. Acest format este
potrivit pentru ziare i reviste dar nu i pentru o pagin Web deoarece rupe cursivitatea
deplasrii n cadrul site-ului.
Legarea paginilor
13

Modul n care vei realiza legturile dintre pagini depinde de structura site-ului. Dac
optai pentru o structura ierarhic, legturile din interiorul site-ului vor fi adaptate acestei
structuri. Avantajul structurii ierarhice este c ofer utilizatorului posibilitatea unei navigri
logice, plecnd de la informaiile generale ctre cele particulare. Dezavantajul acestei tehnici
este c utilizatorul trebuie s urmeze o cale prestabilit pentru a ajunge la o anumit
informaie, care se poate afla la cteva link-uri distan de pagin Home . O alt manier de
a realiza legturile din interiorul site-ului este de a leg fiecare pagin de toate celelalte. Vei
obine astfel o structur ne-ierarhic care are avantajul ca fiecare pagin se afla la distan de
un link de oricare alta, inclusiv de pagina Home . Pentru site-urile de dimensiuni reduse o
astfel de structur poate funciona bine, ns pentru site-urile cu un mare numr de pagini
numrul de legturi crete rapid iar navigarea n interiorul site-ului devine foarte dificil. n
plus, utilizatorul nu are la dispoziie o cale ierarhic prin care poate ajunge la o informaie
specific.
Instrumentele de navigare
Pentru a realiza o navigare logic i eficient n cadrul site-ului instrumentele de
navigare trebuie s fie perfect adaptate modului n care sunt create legturile dintre pagini i
n plus, s ofere indicii vizuale asupra funciei lor. Pentru a cre un aspect vizual unitar al
ntregului site i pentru a nu derut vizitatorul, este recomandat c instrumentele de navigare
s fie aceleai n toate paginile. Stabilii de la nceput aspectul icon-urilor , butoanelor sau
textului pe care le vei folosi drept legturi i pstrai-l pe parcursul ntregului site. Aceast
tehnic ofer site-ului coerent i unitate i stabilete imediat identitatea fiecrei pagini n
cadrul site-ului. n plus, folosirea repetat a acelorai elemente grafice de navigare mrete
eficient browserului deoarece acestea sunt ncrcate la deschiderea primei pagini i stocate n
memoria cache , fr a mai fi necesar ncrcarea lor la fiecare nou pagin.
Instrumentele de navigare trebuie s fie ct mai uor de neles i localizat. Dac
folosii o bar de navigare plasai-o acolo unde vizitatorii sunt obinuii s o caute: n partea
superioar a paginilor, n stnga sau n dreapta paginii. Folosii o bar secundar de navigare
la baza paginii, aceast l va ajuta pe vizitator s se deplaseze ntr-o alt seciune a site-ului
fr a mai fi nevoit s deruleze pagin n sus pn la bara principal de navigare. Dac site-ul
este de dimensiuni mari este o idee bun s creai o pagin special care s reprezinte harta
site-ului i s plasai legtura ctre ea n bara principal de navigare din cadrul fiecrei pagini.
Aceasta va permite vizitatorului s se orienteze n interiorul site-ului, oricare ar fi pagina prin
care a intrat n site. Harta va conine legturi ctre toate paginile, grupate conform modului de
organizare al site-ului.
De asemenea, dac folosii o structura ierarhic, este util prezena unui instrument
suplimentar care s informeze vizitatorul asupra locului unde se afla n cadrul site-ului i a
caii prin care a ajuns aici, n manier urmtoare:
Home > Pagina de nivel unu > Pagina de nivel doi > Pagina curenta.
Informaiile despre site i pagin curent
Fiecare pagin a site-ului trebuie s conin indicaii privind scopul i obiectivele siteului precum i obiectivele specifice acelei pagini. n faz de planificare ai colectat informaii
privind publicul int, ai formulat scopul i obiectivele ntregului site. Acestea reprezint
elementele fundamentale n jurul crora este construit site-ul . Fiecare pagin a s are drept
scop ndeplinirea unuia dintre obiective. Aceste informaii trebuie comunicate n pagin
14

respectiv. Vizitatorul nu trebuie forat s ghiceasc ce rol are o anumit pagin n cadrul siteului. Multe site-uri prezente pe web conin o pagin special cu informaii de contact precum
i o pagin care conine informaii despre site i creatorii si (pagin About). Totui este
recomandat c aceste informaii s fie incluse i n subsolul paginilor din interiorul site-ului.
Este bine s includei aici informaii despre copyright, dat ultimei reactualizri a paginii,
despre organizaia sau compania creia i este dedicat site-ul (dac este cazul) i informaii de
contact (adresa de mail, numr de telefon, adresa potal).

2.2. Studiu comparativ al site-urilor de turism www.valceaturistica.ro i

www.turismbuzau.ro
n cadrul acestui subcapitol vom ncerca s surprindem diferenele i similitudinile dintre cele
dou site-uri pornind de la tehnologiile de realizare, organizarea ierarhic a paginilor, metode
de atragere a vizitatorilor, integrarea social, optimizarea pentru motoarele de cutare.

2.2.1. Prima impresie

Atunci cnd accesm pentru prima data un site, o singur privire poate fi de ajuns
pentru a-i face o impresie despre acel site, fie c eti sau nu un webmaster experimentat. n
cazul site-ului http://www.valceaturistica.ro/ nu ne ntmpin nicio pagin splash sau popup.
Dac acum civa ani buni paginile splash sau pop-up erau recomandate, astzi prerile sunt
mprite. De fapt, cei mai muli web developeri sunt de prere c pop-urile trebuie folosite cu
grij i doar ocazional, pentru c pot ndeprta vizitatorii, prin simplu fapt c de cele mai
multe ori nu au un subiect concret i interesant pentru vizitator.

15

Imaginea 1 Prima pagin a site-ului www.valceaturistica.ro

Din Imaginea 1 putem observa cum pe prima pagin a site-ului www.valceaturistica.ro

ne ntmpin un slideshow plcut cu cele mai frumoase peisaje ale zonei Vlcea. De
asemenea header-ul site-ului este realizat corect, prezentnd vizitatorilor cteva informaii
utile privind vremea din reedina de jude, posibilitatea interconectrii cu facebook, o csu
de cutare rapid, dar i potenialitatea ca site-ul s fie vizualizat n mai multe limbi, prin
intermediul plugin-ului Gtrans.
Cu privire la prima accesare a site-ului www.turismbuzau.ro, de asemenea pop-up-ul
sau splash-ul lipsesc, dar spre deosebire de www.valceaturistica.ro aici nu ne mai ntampin o
imagine plcut, ci una puin mai sobr (poate i din cauza fundalului negru). De observat i
n acest caz slideshow-ul de pe prima pagin care prezint atraciile turistice principale.

16

Imaginea 2 Prima pagin a site-ului www.turismbuzau.ro

De asemenea i header-ul este diferit. n acest caz ne este prezentat o imagine animat a unei
cascade din zon. Contrar site-ului www.valceaturistica.ro nu ne este prezentat posibilitatea
vizualizrii site-ului n alte limbi.

2.2.2. Tehnologiile de realizare

Primul site, www.valceaturistica.ro a fost realizat cu ajutorul CMS-ului Wordpress, dar
folosete prin intermediul plugin-urilor i al widget-urilor tehnologii ca AJAX, JavaScript,
jQuery.

17

Imaginea 3 O vedere asupra codului surs al site-ului www.valceaturistica.ro

Site-ul www.turimsbuzau.ro a fost realizat, de asemenea cu ajutorul unui CMS-Joomla

i foloseste i acesta tehnologii ca JavaScript sau jQuery alturi de HTML, PHP i MySql.

Imaginea 4 O vedere asupra codului surs al site-ului www.turismbuzau.ro

2.2.3. Organizarea ierarhic a paginilor

n cadrul ambelor site-uri meniurile sunt situate n cadrul header-ului, avnd o
structur arborescent. Meniul site-ului www.valceaturistica.ro conine paginile: Acasa,
Atracii, Mnstiri, Harta, Trasee, Fotografii, Articole.
18

Imaginea 5 Meniul principal al site-lui www.valceaturistica.ro

Meniul principal al site-ului www.turismbuzau.ro conine urmtoarele pagini: Home, Tur 360,
Infoline, Lista Neagra, Harta, Promo, Echipa, Contact.

Imaginea 6 Meniul principal al site-ului www.turismbuzau.ro

Site-ul www.turismbuzau.ro conine i un meniu vertical cu principalele obiective turistice ale

zonei. n rest ambele site-uri respect normele specialitilor privind organizarea ierarhic a
paginilor.

Imaginea 7 Meniul vertical al site-lui www.turismbuzau.ro

2.2.4. Atragerea vizitatorilor i integrarea social

Ambele site-uri au diverse metode de atragere a vizitatorilor i sunt bine integrate cu
reelele sociale, ambele avnd pagini pe cel mai cunoscut site de socializare din acest
moment: www.facebook.com. Cu toii tim c, n prezent, site-urile de socializare sunt cele
mai bune locuri n care ne putem prezenta serviciile, atraciile, peisajele turistice vizitatorilor
notri.
19

Imaginea 8 Pagina facebook a site-ului www.valceaturistica.ro

20

Imaginea 9 Pagina facebook a site-ului www.turismbuzau.ro

2.2.5. Optimizarea SEO

Ambele site-uri folosesc tehnici cunoscute pentru optimizarea paginilor pentru
motoarele de cutare, dar o mai bun optimizare este cea site-ului www.valceaturistica.ro. La
cutarea pe motoarele de cutare cunoscute, pentru cuvintele cheie atracii turistice site-ul
www.valceaturistica.ro apare pe poziia a 10-a, pe cnd site-ul www.turimsbuzau.ro pe poziia
a 40-a.

Concluzii
n aceast lucrare am ncercat s prezentm un studiu comparativ al site-urilor de
turism.
21

n primul capitol Aspecte generale cu privire la realizarea site-urilor de turism am

subliniat aspectele i tehnologiile importante pe care le putem folosi la dezvoltarea unui site
de turism. Acestea sunt aceleai ca la orice alt site.
n capitolul al doilea Studiu comparativ al site-urilor de turism
www.valceaturistica.ro/ i www.turismbuzau.ro am prezentat metodele recomandate de ctre
specialiti pentru organizarea a site-urilor de turism, apoi am realizat o compara ie privind
cele doua siteuri: www.valceaturistica.ro i www.turismbuzau.ro .
Cu privire la acest lucru putem spune c site-ul www.valceaturistica.ro este mai bine realizat,
mai profesional dect site-ul www.turismbuzau.ro. Dar acest aspect depinde mult i bugetul
avut la dispoziie.
mbucurtor este faptul c ambele site-uri prezint vizitatorilor zona turistic respectiv,
obiectivele i atraciile turistice specifice fiecrei zone, ntr-un mod foarte plcut, vizitatorii
avnd la dispoziie chiar i un tur virtual.

Bibliografie

22

1.
2.
3.
4.
5.
6.

www.wikipedia.org
http://www.valceaturistica.ro/
http://www.turismbuzau.ro/
http://www.microsoft.com/net
http://wordpress.org/
http://www.asp.net/ajax

23