Servicii de vânzări online comerț electronic [305049]

Capitolul 1

[anonimizat]

1.1. Definirea comerțului electronic

Comerțul electronic reprezintă o soluție dintre cele mai importante oferite în cadrul internetului. [anonimizat] o [anonimizat].

[anonimizat]. Prin intermediul uneltei numită Internet se poate dezvolta o relație de servicii și de schimb al mărfurilor între cel care oferă produsul sau serviciul și cel care este cumpărător. În anul 1990, [anonimizat]-o promovare eficientă, a [anonimizat]. Un termen din același câmp lexical este E-Trade, care face referință la tranzacțiile electronice de tip bursier.

Vânzarea online a produselor și serviciilor

După anul 2000, Internetul a evoluat într-o [anonimizat]. La fiecare 6 [anonimizat] 10 ani. [anonimizat] o revoluție care are loc în comerț și în aspectele ce se leagă de telecomunicații.

Noțiunea de "site Web", în ultima perioadă, a devenit foarte familiar și mulți consideră că a [anonimizat], succesul asigurat. [anonimizat] a [anonimizat]-uri. [anonimizat], a avea o [anonimizat]. Pentru a [anonimizat]-și stabilească țeluri tangibile și să creeze un plan foarte bine pus la punct pentru a le putea îndeplini.

O definiție mai simplificată a comerțului de tip electronic este reprezentată de utilizarea în rețele a unor aplicații de tipul transferului electronic de documente, a [anonimizat], a transferului de fișiere și a poștei electronice. Extraordinara creștere a [anonimizat], a condus la o evidentă tendință a companiilor de a [anonimizat], [anonimizat]. [anonimizat], despre posibilitatea de a face cumpărătiuri prin rețea urmărind cataloage electronice pe Internet și plătind cu cărțile de credit sau cu ajutorul unor portmonee electronice.

[anonimizat], fiind ca o [anonimizat], cunoscut sub numele de Electronic Data Interchange pe rețele care au valoare adaugată.

Nu în ultimul rând, o [anonimizat], pâna la înregistrări vocale sau imagini.

Pentru o bună parte din companii, acest termen înseamnă orice tranzacție de tip financiar care se folosește de tehnologia informatică. Pentru altele, această noțiune de comerț electronic acoperă un circuit complet de vânzări. Ea include atât marketingul, cât și vânzarea propriu-zisă. Mulți oameni consideră comerțul electronic ca fiind orice tranzacție comercială condusă electronic pentru cumparărea unor produse. Dar, comerțul electronic are, în sens larg, un impact mult mai profund asupra evoluției afacerilor și cuprinde, în fapt, nu numai noile achiziții comerciale, ci și totalitatea activităților care susțin obiectivele de marketing ale unei firme și care pot include, spre exemplu, publicitate, vânzări, plăți, activități post-vanzare, servicii către clienți, etc.

Drept consecință, gama serviciilor ce cuprinde mediul afacerilor s-a diversificat foarte mult. Noile servicii se referă la furnizorii de Internet, la tranzacții online, la sisteme de securitate din mediul online, precum și la servicii generale.

Evoluția are un impact major asupra economiei, în ceea ce privește crearea, înființarea de companii noi, diversificarea celor existente și, în special, asupra potențialului pieței, forței de muncă și a gradului de ocupare a acesteia în viitor. Datorită acestei diversități a condițiilor de piață ce cuprinde un mare număr de furnizori de servicii și care este într-o permanentă schimbare, se impune ca o necesitate punerea la dispoziția întreprinderilor și în special a întreprinderilor mici și mijlocii, a unei surse unde să beneficieze de sprijin pentru aplicarea soluțiilor comerțului electronic în activitatea proprie.

Servicii posibile prin intermediul comerțului electronic:

asistența pre- și post- vânzare în cadrul plăților electronice;

stabilirea de contacte cu clienții;

distribuția și logistica întreprinderi virtuale;

activități comerciale desfășurate în comun (shared) între mai multe companii.

schimbul de informații.

Comerțul electronic cuprinde de asemenea o foarte largă arie de tehnologii, cum ar fi:

Internet/World Wide Web;

e-mail;

fax;

schimburi electronice de date;

plăți electronice.

Comerțul electronic este unul din cele mai importante elemente ale afacerilor electronice. Prin comerț electronic se poate înțelege orice formă de înțelegeri cu privire la afaceri, la care conlucrarea între părți are loc în mod electronic în loc de schimb sau contact fizic între părți și în urma căreia dreptul de utilizare sau proprietate a mărfii sau serviciului este transmis de la o persoană la alta.

Desfășurarea comerțului electronic

Poate din cauza incertitudini și vitezei cu care se schimbă acest mediu, există foarte puțină îndrumare strategică disponibilă oamenilor de afaceri pentru a îi ajuta să se descurce în acest teritoriu neexplorat. Există puține lucrări de relevanță și o mulțime de teorii și curente cu privire la acest nou mediu de afaceri.

Tocmai de aceea, definirea acestui tip de comerț nu ar avea un rezultat concret. Primele încercări de a identifica o definiție a comerțului electronic au fost făcute din nevoia de a legifera comerțul electronic, cum ar fi de exemplu definiția elaborată de Parlamentul European și publicată în Directiva 31/2000 a Comisiei Europene cunoscute și sub numele de „Directiva asupra comerțului electronic”.

Fig. 1.1. Desfășurarea comerțului electronic

(sursa: http://www.qreferat.com/referate/economie)

1.2.Clasificare comerț electronic:

business-business (B2B);

business-consumator (B2C);

business-administrație (B2A);

consumator-administrație (C2A);

consumator-consumator (C2C).

a) Business-Business

Fig. 1.2. Business-Business

(sursa: http://theludlowgroup.com )

Această modalitate cuprinde toate nivelurile de conlucrare între firme. În cadrul acestui tip de comerț sunt utilizate tehnologii speciale sau standarde de schimb de date, spre exemplu EDI. Este dificil de supraevaluat beneficiul unei asemenea colaborări. De exemplu, dealer-ul are posibilitatea de a plasa comenzile de sine stătător și de a urmări executarea acestora, lucrând cu baza de date a celui care livrează marfa. De asemenea, și cel ce livrează, fiind conectat la baza de date a depozitului, poate operativ să urmărească rezervele partenerului și în același timp are posibilitatea de a le completa la timp. Astfel de exemple pot fi identificate în orice sferă de conlucrare între întreprinderi.

Recent, odată cu creșterea accesibilității la Internet, comerțul electronic a captat interesul consumatorilor individuali și al societăților comerciale de orice mărime și preocupări. Ideea de bază este că prin comerțul electronic putem realiza schimbul de idei, de bunuri, de cunoștințe pe lângă simpla vânzare/cumpărare de produse și servicii. Tehnologiile comerțului electronic pot fi utilizate pentru a conduce o afacere utilizând pentru comunicare Internet sau alte rețele de calculatoare. În ultimii ani Internetul este din ce în ce mai utilizat pentru Comerțul Electronic.

Declarația comună dintre Uniunea Europeană – Statele Unite privind comerțul electronic scoate în evidență rolul comerțului electronic global în dezvoltarea economiei mondiale în secolul XXI, precum și dinamizarea întreprinderilor mici și mijlocii. În particular, micile companii vor fi capabile să obțină un acces fără precedent la piețele mondiale cu prețuri reduse, iar consumatorii vor fi capabili să aleagă dintr-o gamă tot mai largă de produse și servicii. Comerțul electronic va antrena productivitatea în toate sectoarele economiei noastre, va încuraja mai departe atât comerțul de bunuri și servicii, cât și investițiile, va crea noi sectoare de activitate, noi forme de marketing și vânzare, noi fluxuri de venituri și, ceea ce este mai important, noi slujbe.

Internetul are o acoperire globală și este prin excelență descentralizat. Are o structură ierarhică cu nuclee de mare viteză (între 155 Mbps și 2,5 Gbps) în jurul cărora se dezvoltă rețele regionale și individuale prin care se face accesul utilizatorilor finali. Internetul a devenit un canal de comerț cu o putere incontestabilă în a facilita și crește vânzările unei game din ce în ce mai largi de produse și servicii. Într-un raport recent al companiei Ernst&Young (2008), se arăta că peste 72% din consumatorii cărora Internetul le este accesibil îl utilizează și pentru cumpărături. Comerțul electronic depinde puternic de o serie de infrastructuri de bază ale economiei globale, inclusiv de infrastructura rețelelor de comunicații.

Cele mai noi realizări tehnologice legate de Internet (rata de transmisie de Gbps, mijloacele sofisticate de asigurarea protecției a datelor, creșterea disponibilității și a accesibilității, interfața multimedia evoluată) îl fac Internetul tot mai atractiv pentru comerțul electronic.

b) Business-Utilizator

Baza acestei direcții este comerțul electronic cu amănuntul. În internet, la etapa actuală, sunt prezente în număr mare magazinele virtuale, oferind o gamă largă de produse și servicii utilizatorilor finali.

c) Business-Administrație

Cooperarea business-ului și administrației include legăturile de afacere a structurilor comerciale cu organizațiile statale, începând cu structurile de administrație locale și terminând cu organizațiile internaționale.

De exemplu, în ultima perioadă, se observă o tendință a organizațiilor statale din țările dezvoltate precum și a celor ale organizațiilor internaționale de a utiliza în mod activ internetul pentru achiziționarea bunurilor și serviciilor de care au nevoie pentru a-și eficientiza activitatea cu care se confruntă.

d) Consumator-Administrație

Această direcție este mai puțin dezvoltată, însă are un potențial destul de ridicat, care poate fi utilizat în organizarea cooperării între organizațiile statale și consumatori cu deosebire în sfera socială si a impozitării.

e) Consumator-Consumator

Consumator-consumator este ultima categorie menționată în cadrul comerțului electronic. Această direcție mai are un drum lung de parcurs, însa ea deja are un rol foarte important. Aceasta le permite consumatorilor de a comunica între ei cu scopul schimbului de informație comercială. Categoria poate fi schimb de experiență la procurarea unuia sau altui bun, schimb de experiență privind conlucrarea cu o întreprindere sau alta, precum si multe altele. Către această categorie se referă și forma de comercializare prin licitație între persoanele fizice.

În tranzacțiile comerciale clasice se disting patru etape diferite:

informarea comercială referitoare la tranzacție: cercetarea de marketing;

încheierea contractului comercial;

vânzarea produsului sau a serviciului;

plata produsului sau a serviciului;

În figura de mai jos este prezentat modul în care se reflectă aceste patru etape în cazul comerțului electronic:

Fig. 1.3. Etapele tranzacțiilor comerciale

(sursa: http://theludlowgroup.com)

1.3. Importanța comerțului electronic

Comerțul electronic nu mai este o proiecție a viitorului. El se desfășoară chiar în acest moment și poate fi folosit în nenumărate domenii de activitate. El are loc peste tot în lume, comerțul electronic fiind în esență global atât ca și concept cât și ca realizare. El are loc foarte rapid, urmând atent dezvoltarea rapidă a sistemelor Internet si World Wide Web. Impactul comerțului electronic asupra firmelor și asupra societății va fi deosebit peste tot în lume și cu o intensitate ridicată.

Ce este nou în cadrul firmelor: comerțul electronic oferă posibilitatea modificării rapide a strategiilor companiilor, de reorganizare a activității, aspecte ce nu ar fi fost posibile înaintea apariției comerțului electronic.. Inițiativele acestuia pot genera economisire de capital, creșteri ale veniturilor și eficiență operațională pentru companiile care urmaresc sa dobândeasca un avantaj în mediul economic competitiv de astăzi.

Noile tehnologii generează noi abordări la nivel organizațional. De exemplu, un departament de e-commerce poate avea o structură diferită de cel al vânzărilor tradiționale. Noi proceduri trebuie create, alături de un nou tip de management si planificare.

Schimbările aduse de era digitală se regăsesc în felul în care sunt privite locurile de muncă, salariile, carierele. Competiția crescută la nivel global determină reduceri de personal și outsourcing acolo unde structura permite, către țări cu costuri scăzute. Angajații din era digitală trebuie să dea dovadă de flexibilitate. Securitatea locului de muncă este relativă, astfel că mulți dintre aceștia se găsesc în fața provocării de a învăța constant, de a se adapta și de a lua decizii.

Crearea de produse noi și personalizarea inovatoare a celor existente pot conduce la redefinirea misiunii unei organizații și a modului acesteia de a opera. Prin e-commerce, furnizorii pot colecta date specifice despre clienți. Alcătuind profilele acestora, companiile au la indemână o sursă importantă de informații pentru a îmbunătăți produse ori a crea unele noi.

Personalizarea în masă ajută producătorii să creeze produse specifice, bazate pe nevoia exactă a clientului. Un exemplu este Motorola care, având informații de la clienți, le trimite la fabrică iar produsele pot fi construite și livrate în decurs de o zi.

Comerțul online are o un impact deosebit asupra mai multor aspecte:

a) Impactul asupra marketingului direct

Promovarea produselor s-a imbogățit la nivel de conținut și la contactul interactiv cu clienții. Comertul electronic (online) a creat un nou canal de distribuție și o comunicare bidirecțională, toate cu costuri mult reduse. Economia se regăsește în costul livrării informațiilor către clienți, față de metodele tradiționale. Procesul de achiziție durează chiar și câteva secunde, dar adevărata economie se regăsește în demersul administrativ al livrării efective, cu atât mai mult în cazul achizițiilor internaționale. Aici, durata procesului poate fi redusă cu până la 90%.

Serviciul clienți este semnificativ îmbunătățit prin accesarea online a informațiilor sau prin suportul oferit prin serviciul de mail. Totodată, clienții pot consolida relația de încredere cu brandurile companiei prin pagina web corporate.

O caracteristică importantă a comerțului electronic o reprezintă presonalizarea, atât a seviciilor cât și a produselor. În prezent, putem configura calculatoare, mașini, bijuterii etc. E-commerce oferă posibilitatea personalizării în masă, oferă avantaj competitiv și contribuie la creșterea cererii pentru anumite produse ori sercivii.

b) Impactul asupra producției

Comerțul electronic schimbă sistemul de producție de la cel în masă la cel bazat pe cerere. Sistemul de producție este integrat cu cel financiar, de marketing, precum și cu parteneri de business și clienți. Utilizând o soluție Web de ERP (Enterprise resource planning), comenzile ajung la designeri și în producție în câteva secunde. Timpul de realizare poate scădea la jumătate sau mai mult, mai ales dacă echipa de producție este localizată în altă țară.

În cazul produselor ale căror componente sunt fabricate în mai multe țări, comunicarea, colaborarea și coordonarea sunt vitale. Subcontractorii procură materiale de la furnizori locali, având mai multe oferte de preț, aceștia reduc semnificativ costurile.

c) Comerțul electronic poate schimba sistemul financiar

Finanțele si contabilitaea sunt, de asemenea, sensibile la schimbările aduse de comerțul electronic. Plățile tradiționale sunt ineficiente pentru tranzacțiile electronice. Utilizarea banilor electronici nu este înlesnită de reglementările juridice și acordurile internaționale. Dar există premise ca aceștia să schimbe, în curând, modul în care se efectuează plățile. Banii electronici, care pot fi garantați de monede și bunuri pot schimba, pe termen lung, viața financiară a consumatorilor sau pot revoluționa sistemele financiare actuale.

d) Managementul lanțului de aprovizionare in era e-commerce-ului

Un lanț de aprovizionare cuprinde fluxul de bunuri și informații dintre sursă și consumator. Activitățile unui astfel de proces sunt: planificarea producției, achiziția, managementul produselor, distribuția, serviciul clienți și prognoza vânzărilor. Un efect al schimbării aduse de comerțul electronic în lanț constă în orientarea acestuia în mediul business-to-business către client, în loc de produs.

Un aspect eficientizat de către e-commerce îl reprezintă costurile. Expeditorii, transportatorii de mărfuri și firmele de transport auto pot trimite documente electronic, scurtând timpul acestei proceduri. Pe măsură ce transportul este în desfășurare, se pot comunica facturi, instrucțiuni, statusuri și alte documente în format electronic, accelerând ciclul afacerii și imbunătățind serviciul clienți și acuratețea informațiilor.

E-commerce aduce schimbări în sistemul de distribuție printr-un plus de flexibilitate în gestionarea fluxului de produse și informații dintre afaceri, furnizori si clienți. Comerțul online acoperă spațiul dintre clienți și centrele de distribuție, primii putând administra fluxul prin intermediul lanțului de aprovizionare.

În privința logisticii și serviciilor de transport, comerțul electronic este o legatură vitală pentru clienții interni și externi. Acesta ajută companiile să ofere servicii mai bune, să accelereze componența de e-commerce a afacerii și să scadă costurile.

e) Impactul comerțului electronic asupra afacerilor

Schimbul Electronic de Date (EDI – Electronic Data Interchange) a aparut prin anii 60 și poate fi considerat strămoșul Comerțului Electronic (EC – Electronic Commerce). EDI oferă societăților comerciale posibilitatea să schimbe documente de afaceri într-o formă standard, utilizând mijloace electronice pentru prelucrarea și transmiterea acestora. În același timp, băncile utilizează rețele dedicate pentru Transferul Electronic de Fonduri (EFT – Electronic Funds Transfer). Recent, odată cu creșterea accesibilității la Internet, EC a captat interesul consumatorilor individuali și al societăților comerciale de orice mărime și preocupări. Mai mult decât atât, cu tehnologiile avansate disponibile acum, se vorbește tot mai des de Economia Digitală (DE – Digital Economy).

Evoluția comerțului electronic

Termenul de „comerț electronic” (e-commerce) este din ce în ce mai mult discutat pe măsură ce Internetul apare ca un mediu viabil pentru desfășurarea acțiunilor de comerț. Acest lucru s-a întâmplat mai mult în ultimi cinci ani datorită popularității din ce în ce mai mari pe care Internetul o cunoaște.

Totuși, originile comerțului electronic se găsesc mult mai departe în timp, chiar mai departe de 1980 când termenul de "electronic data interchange" (EDI) face senzație pe scena economică din acele timpuri.

Mai mult, dezvoltarea rapidă a infrastructurii comunicațiilor și calculatoarelor în ultima jumătate a deceniului a fost mai mult decât impresionantă, având o influență enormă asupra viitorului comerțului electronic.

Prețurile tehnicii de calcul au scăzut într-un ritm galopant în ultimele două decade, devenind un lucru pe care toată lumea și-l poate permite. Sistemele de operare și software-ul au devenit mai puternice și ușor de folosit devenind tot mai tentante pentru domeniul afacerilor.

Totuși, efortul depus pentru asigurarea compatibilității în scopul facilitării schimbului de date a trecut în cea mai mare parte neobservat. De cea mai mare importanță este efortul depus pentru standardizarea interfețelor dintre diferite platforme.

Procesul de standardizare denumit Open System Integration nu trebuie să fie confundat cu International Standards Organisation (ISO), care ratifică aceste standarde. Disponibilitatea tehnicii de calcul și a standardizarii a fost foarte importantă deoarece multe companii au văzut oportunitatea de a lega computerele între ele pentru a înlesni procesul de comerț.

În esență, termenul de comerț electronic reprezintă țelul pe care acele companii au încercat să îl atingă. Cea mai importantă realizare urma să fie elaborarea de formate comune pentru sistemele de mesagerie de care era nevoie pentru a realiza schimbul de date între comunitățile de afaceri.

1.4..Avantaje, dezavantaje și necesitatea comerțului electronic

Comerțul electronic este elementul de bază al noii economii, iar Internetul reprezintă principalul mediu prin care acesta își face simțită prezența.

În ceea ce privește avantajele utilizării comerțului electronic, acestea pot fi analizate din trei puncte de vedere: al companiei, al consumatorului și al societății.

a) Avantajele companiei

– extinderea zonelor de activitate pentru piețele naționale și internaționale – cu un capital minim, o companie poate rapid și ușor să-și localizeze clienții, furnizorii potriviți și cei mai buni parteneri de afaceri din lume;

– creșterea vitezei de comunicare;

– îmbunătățirea eficienței (datele sunt în format electronic, reducând astfel, de exemplu, erorile de tastare);

–  reducerea inventarului și a managementului stocurilor;

–  reducerea timpului dintre cheltuirea capitalului și primirea produselor/serviciilor solicitate de doritor;

– reducerea unor costuri de creare, procesare, distribuție, stocare, regăsire a informațiilor bazate pe hârtii (prin e-mail se reduc costuri privind mesageria, iar Electronic Data Interchange determină reducerea stocurilor și costurilor legate de ciclul de cumpărare);

–  întărirea relațiilor cu furnizorii și clienții (site-ul Web conține informații actualizate, utile tuturor părților, iar Electronic Data Interchange implică o strânsă legătură a partenerilor pentru stabilirea standardelor de comunicare);

– o cale rapidă și modernă de furnizare a informațiilor despre companie (prin paginile de Web);

– canale alternative de vânzare (prin Web).

b) Avantajele cumpărătorului

– efectuarea rapidă de cumpăraturi sau alte tranzacții la orice oră, în orice zi;

– căutare rapidă de produse și servicii, cu posibilități de comparare a prețurilor și calităților potrivite;

– transport rapid a produselor, mai ales al celor digitale;

– permite participarea clienților la licitații virtuale, la reuniuni electronice din comunitățile virtuale, unde au loc schimb de idei, de experiențe;

– comoditate sporită;

– facilitează competiția, având ca rezultat reduceri substanțiale.

c) Avantajele comerciantului în urma introducerii comerțului electronic sunt:

– atragerea de noi clienți prin intermediul unui nou canal de distribuție;

– permite persoanelor angajate să lucreze de acasă, reducându-se astfel traficul și poluarea;

– permite ca unele mărfuri să fie vândute la prețuri mai mici, astfel încât și oamenii cu venituri mai mici să poată cumpăra mai mult, ridicându-le standardul de viață;

– permite oamenilor din lumea a treia și a celor din zonele rurale să aibă acces la produse și servicii, care altfel nu le-ar fi fost accesibile;

– facilitează furnizarea de servicii publice, cum ar fi sănătatea, educația, distribuirea serviciilor sociale ale guvernelor la un cost redus și cu o calitate îmbunătățită.

Avantaje generale ale comerțului electronic:

– Internet-ul, mediul prin care comerțul electronic se realizează, este omniprezent, accesibil și ieftin;

– accesul la resursele oferite de comerțul electronic se poate face printr-o gamă largă de tehnologii (calculatoare, PDA-uri, telefoane mobile, televiziune digitală, cabine telefonice);

– este redus timpul dedicat cumpărăturilor;

– pot fi adaptate schemele de plăți bazate pe card, deja existente;

– nu există limitări geografice;

– intermediarii pot fi eliminați din lanțul de aprovizionare;

– stocurile pot fi minimizate sau chiar eliminate prin procese de producție „just-in-time”.

În ceea ce privește aspectele critice ale dezvoltării comerțului electronic putem să menționăm:

securitatea;

acceptarea noilor modalități de plată (bani electronici/digitali);

infrastructura adecvată de telecomunicații – insuficiența lărgimii de bandă;

costurile investiției;

cadrul legal și normativ: cadrul fiscal, drepturile asupra proprietății, protecția datelor consumatorului;

aspecte lingvistice și culturale;

dificultatea de integrare a Internet-ului și a software-ului de comerț electronic cu unele aplicații și baze de date;

unele produse software de comerț electronic nu se potrivesc cu unele sisteme hardware și sisteme de operare;

imposibilitatea de a atinge obiectele sau de a „mirosi” online pentru clienți;

insuficiența suportului de service – de exemplu, experți pentru taxele de comerț electronic sau evaluatori de calitate sunt rari, centre de copyright pentru tranzacțiile de comerț electronic nu există;

În practică, motivele pentru care o companie dorește să se lanseze în comerțul electronic pe Internet sunt următoarele:

posibilitatea de a-și lărgi clientela: pe Internet, orice companie poate avea o prezență globală, beneficiind de clienți din toată lumea. De exemplu, oricine este conectat la Internet poate vizita paginile Web ale unei companii, indiferent de localizarea geografică a utilizatorului.

reduceri drastice ale costurilor pentru distribuție și servicii pentru clienți: utilizarea Internet-ului duce la scăderea semnificativă costurilor, cu toate că prezența pe Internet implică unele costuri inițiale, care diferă în funcție de serviciile dorite (e-mail, Web etc.), dar acestea se amortizează relativ repede. De exemplu, trimiterea prin poștă a unei broșuri de prezentare a produselor implică un cost cu mult mai mare decât cel al trimiterii broșurii în format electronic prin e-mail sau cel al plasării acesteia pe un site Web.

un alt avantaj al costurilor mici de distribuție este posibilitatea de a distribui mult mai multă informație și actualizarea rapidă a acesteia.

Avantajele menționate mai sus decurg în principal din caracteristicile tehnice și economice ale Internetului (interoperabilitatea, caracterul global, WWW, costurile scăzute de conectare la Internet, ușurința de utilizare a browserelor Web).

Capitolul 2.

Tehnologii de creare și editare a paginilor web

2.1. Definiții și explicații

Aplicațiile web sunt programe web-based, executate într-un browser web și implementate folosind tehnologii precum: PHP, ASP, PEARL, PYTHON, HTML, CSS, JAVASCRIPT, etc. Popularitatea acestora se află într-un trend ascendent, tot mai mulți utilizatori îndreptându-se spre acest tip de aplicații datorită avantajelor pe care le oferă comparativ cu programele clasice (instalate și rulate).

Avantaje:

Sunt independente de sistemul de operare;

Pot fi rulate aproape de pe orice sistem de operare prin intermediul unui browser web;

Nu necesită instalare, fiind necesară doar existența unui browser web;

Actualizări / upgrade foarte ușor de făcut.

Practic modificările se fac într-un singur loc (pe server), ele propagându-se automat catre toți utilizatorii, nemaifiind necesară instalarea/reinstalarea aplicației pe computerul acestora.
În cazul aplicațiilor client-server clasice, interfața cu utilizatorul este asigurată prin intermediul unui program client instalat pe computerul fiecărui utilizator. Un upgrade la codul server de obicei presupune și un upgrade la codul de client, caz în care este necesară reinstalarea aplicației client pe fiecare computer utilizator.

Backup-ul este foarte simplu de realizat, datele fiind stocate centralizat;

Pot fi rulate de pe orice computer care dispune de un browser web. Practic poate fi accesată din orice punct de pe glob;

De regulă, marea majoritate a prelucrarilor se face pe server, prin urmare necesarul de resurse ale dispozitivului/computerului de pe care se acceseaza aplicația este minim;

Programarea aplicațiilor web este simplificată de existența software-ului Open Souce precum: Symfony, CodeIgniter, Zend Framework etc.;

Pot fi folosite si de pe tabletă și smartphone, întrucât acestea au browser incorporat.

Dezavantaje:

Prețuri de achiziție relativ ridicate;

Poate fi dificil sau chiar imposibil de realizat o conexiune cu hardware-ul local al clientului (imprimante, scanner etc).

Schema de principiu a unei aplicații web

În figura de mai jos este redată schema de principiu a unei aplicații web. Browserul utilizatorului trimite o cerere http/https catre serverul web, iar acesta trimite clientului un răspuns prin cod html, css, javascript, etc. După cum se observă, este același principiu de funcționare ca în cazul afișării unei pagini web oarecare.

Fig. 2.1. Schema unei aplicații web

( sursa: http://www.webdesign-galati.ro/ )

Principii în implementarea aplicațiilor web

Iată mai jos câteva principii pe care le poți urma atunci când proiectezi o aplicație web:

a) Viteză mare de execuție

Scrie cod optimizat, optimizează-ți interogările și folosește tehnici de cache-ing pentru a asigura o rulare a aplicației la viteze cât mai mari.

b) Interfață cât mai simplă, intuitivă

O interfață simplă, folosirea fonturilor mari, spațiile generoase, nu prea multe informații pe o singură pagină vor face aplicația mult mai prietenoasă pentru utilizatori.

c) Intrumente utile la vedere

Afițează undeva în dreapta paginii, cât mai vizibil, link-uri de service sau instrumente de lucru care pot fi folositoare utilizatorilor în procesul de operare.

d) Elemente media

Insuflă software-ului tău personalitate, dinamism, utilitate folosind în cadrul aplicației elemente media (video, audio, etc).

e) Personalizare

Oferă utilizatorului posibilitatea de a-și personaliza contul, aspect care poate induce acestuia un sentiment de proprietate asupra aplicației, prin urmare o susținere mai mare a acesteia.

Adobe Dreamweaver

Comunicarea între clienți și servere se realizează prin intermediul unui standard de comunicare, denumit HTTP (HyperText Transfer Protocol). Hipertextul reprezintă o sumă de medii de comunicare statice (text, imagini, grafice) și dinamice (animații, sunete, filme) la care se adaugă capacitatea de a realiza legături (relații) între părțile componente ale documentelor multimedia.

Adobe Dreamweaver a purtat în trecut numele de Macromedia Dreamweaver și se definește ca o aplicație de dezvoltare web a companiei americane Adobe Systems, disponibilă atât pentru MS Windows, cât și pentru Apple Mac OS. Cele mai actuale versiuni includ suport pentru tehnologii web cum ar fi CSS, JavaScript, PHP, Cold Fusion, cât și cadre ASP.

Pentru a publica o aplicație Web avem nevoie de un server Web. Serverul Web poate să fie un calculator care îndeplinește funcția de transfer a informațiilor dintre serverul Web și browser-ul utilizatorului sau o aplicație instalată pe calculatorul personal cum ar fi Apache 2.4.1. și care face ca respectivul calculator să se comporte ca un server Web. Avem la dispoziție trei posibilități pentru publicarea site-ului Web:

Internet Service Provider – furnizorul de servicii;

Gazdă gratuită pe Internet;

Propriul server Web, instalat sub forma unei aplicații pe calculatorul personal

Pentru a face posibilă publicarea paginilor trebuie să transferăm fișierele pe server. Acțiunea poartă numele de upload.

a) Verificarea paginilor Web

Aplicația Adobe Dreamweaver CS6 ne pune la dispoziție opțiunea File – Check Page, care ne ajută în verificarea compatibilității browser-elor și a legăturilor din cadrul site-ului. Din păcate, aplicația Adobe Dreamweaver CS6 nu dispune decât de dicționarul englez pentru verificarea gramaticală.

Fig. 2.2. Opțiunea File – Check Page

(sursa: https://manualelectronictic.wordpress.com/ )

c) Întreținerea și actualizare a site-ului

Întreținerea site-ului va avea în vedere frecvența de actualizare, îmbunătățirile sau modificările aduse, informații și resurse de actualitate, comentariile sau recomandările vizitatorilor, poziția în clasamentul motoarele de căutare etc.

Actualizarea site-ului trebuie făcută periodic prin adăugarea de informații noi, realizarea unei versiuni multilingve sau pentru a corecta problemele care au apărut după publicare. După ce a devenit operațional, site-ul va trebui actualizat la intervale regulate de timp având în vedere îmbunătățirea unor caracteristici tehnico-funcționale, adăugarea de noi opțiuni, actualizarea conținutului informațional etc.

d) Promovarea site-ului

Pentru a crește numărul de vizitatori, administratorul site-ului trebuie să dea  posibilitatea utilizatorilor să-și exprime opiniile, sugestiile și comentariile în legătură cu site-ul vizitat. Această metodă, care poartă denumirea de metoda feedback-ului, este foarte des folosită, reprezentând în același timp o soluție de publicitate on-line pentru companii. O soluție pentru primirea feedback-ului de la vizitatorieste folosirea email–ului care reprezintă o cale simplă de a recepționa mesaje de la cititori.

O metodă modernă de promovare a site-ului o reprezintă promovarea pe baza rețelelor sociale. Dintre cele mai cunoscute și utilizate rețele sociale amintim:  Facebook, Twitter, Linkedin, YouTube etc. În anul 2012, rețeaua de socializare Facebook a depășit oficial pragul de 1 miliard de utilizatori activi lunar, Twitter are peste 200 de milioane utilizatori activi, LinkedIn aproximativ 150 milioane, iar YouTube peste 490 de milioane de vizitatori unici.

Fig. 2.3. Promovarea site-ului

(sursa: https://manualelectronictic.files.wordpress.com)

e) Avantajele promovării site-ului cu ajutorul rețelelor sociale:

Simplitatea, nu implică decât o conexiune la Internet;

Interacțiunea cu posibilii vizitatori ai site-ului, aflându-le astfel părerile în legătură cu conținutul și informațiile puse la dispoziție pe site;

Dialogul bazat pe schimburi de idei, care îmbracă formal mesajul publicitar;

Fidelizarea vizitatorilor, prin intermediul comentariilor, a review-urilor, a like-urilor pe Facebook sau a mesajelor pe Twitter.

f) Editarea în cadrul aplicației

1. Adăugarea fișierelor Flash, a fișierelor de sunet și a applet-urilor Java

Elementele multimedia, incluzând filmele Adobe Flash, pot îmbogăți conținutul site-ului. Cu ajutorul acestora, putem include animații și secvențe video care transmit mesaje.

Există mai multe tipuri de fișiere multimedia care pot fi introduse într-o pagină. Pentru a putea fi rulate, fișierele multimedia necesită un program care lucrează împreună cu browser-ul.

Putem să introducem într-un document Dreamweaver, pe lângă fișierele .swf și .flv,  QuickTime® Shockwave pentru a viziona conținut Web interactiv.

Pentru aceasta plasăm punctul de inserare în fereastra Document în care dorim să introducem obiectul și inserăm obiectul urmând pașii:

În meniul Insert efectuăm clic pe opțiunea Media și selectăm tipul de obiect dorit

Dacă obiectul pe care dorim să-l inserăm nu este un obiect de tipul Shockwave, Applet sau ActiveX, vom selecta opțiunea Plugin. Va apare o casetă de dialog, în care vom putea selecta un fișier sursă și vom specifica parametrii doriți.

Fig. 2.4. Adăugarea fișierelor și a applet-urilor Java

(sursa: https://manualelectronictic.wordpress.com/)

2. Inserarea filmelelor Shockwave

Putem folosi Dreamweaver pentru a insera filme Shockwave. Adobe Shockwave , care reprezintă un standard pentru fișierele multimedia interactive pe Web, este un format comprimat, care permite descărcarea rapidă a fișierelor media create în aplicația Adobe  Director.

Fig. 2.5. Inserarea filmelelor Shockwave

(sursa: https://manualelectronictic.wordpress.com/)

3. Adăugarea unui fișier tip sunet

Dacă dorim să inserăm un fișier de sunet în pagina Web vom efectua următoarele operațiuni:

a) Alegem locul unde dorim să inserăm fișierul de sunet;

b) Selectăm obiectul Plug–in din secțiunea Media a meniului Insert;

c) În caseta de dialog Select File introduceți calea către fișierul de sunet.

d) Efectuăm clic pe butonul Select.

Fig. 2.6. Adăugarea unui fișier de sunet

(sursa: https://manualelectronictic.wordpress.com/)

4. Inserarea unui applet Java

Folosind Dreamweaver putem introduce un applet Java într-un document HTML. Java este unul dintre limbajele de programare care permite dezvoltarea de aplicații nu foarte complicate (denumite applet-uri) care pot fi încorporate în paginile Web.

Inserarea unui applet Java se face astfel:

a) Selectăm  Insert -> Media -> Applet. Se va deschide apoi caseta de dialog cu denumirea Select File.

b) Navigăm  în directorul care conține appletul Java și selectăm fișierul pe care îl dorim.

c) Vom introduce toți parametrii ceruți de documentația applet-ului, selectând butonul Parameters.

d) Salvăm pagina și o previzualizăm în browser.

e) După introducerea unui applet Java, putem utiliza inspectorul de proprietăți pentru a seta parametrii.

5. Inserarea imaginilor

Această funcție ne permite să:

Inserăm o imagine în pagină;

Aliniem imaginea în pagină;

Realizăm un hyperlink la o imagine;

Setăm o imagine ca fundal în pagina web;

Modificăm proprietățile imaginilor și să creăm anumite efecte;

Aranjăm un text în jurul imaginilor.

Toate imaginile inserate într-o pagină Web sunt fișiere separate și nu fac parte din documentul HTML. Aplicația Adobe Dreamweaver permite vizualizarea imaginilor introduse în pagină, în fereastra Document.

Pentru a insera o imagine în pagina Web trebuie să efectuăm următorii pași:

1. Alegem locul unde dorim să inserăm imaginea;

2. Din meniul Insert, selectăm comanda Image;

3. Alegem imaginea dorită. În secțiunea Image preview, aflată în partea dreaptă a ferestrei Select Image Source, putem previzualiza imaginea.

Fig. 2.7. Inserarea imaginilor

(sursa: https://manualelectronictic.wordpress.com/ )

6. Modificarea dimensiunilor imaginilor

După inserare, putem efectua modificări ale dimensiunii imaginii. Prin micșorarea imaginii în Dreamweaver, dimensiunea fișierului nu se reduce (transferul datelor va fi același).

Pentru introducerea unui text alternativ la imagine trebuie să folosim caseta Alt text din fereastra de inspectare Properties.

Pentru a realiza un hyperlink la o imagine procedăm astfel:

Introducem URL-ul dorit în caseta Link a ferestrei de inspectare Properties;

Utilizăm pictograma Browse și selectăm fișierul la care dorim să executăm link-ul.

Cel mai mic element al unei imagini este pixelul (picture element). Rezoluția unei imagini este dată de lățimea și înălțimea în pixeli a imaginii respective. Un pixel admite un număr maxim de culori reprezentat de adâncimea de culoare.

Există trei formate standard de imagine acceptate de browsere: GIF, JPEG și PNG. Aceste formate depind de rezoluție, ceea ce înseamnă că dimensiunile unei imagini bitmap, inclusiv calitatea imaginii, se vor modifica la diferite setări de rezoluție ale monitorului.

În Adobe Dreamweaver CS6 imaginile pot fi optimizate selectând de pe bara de meniu Modify -> Image -> Optimize…

Putem seta în pagina Web o imagine de fundal direct într-o pagină individuală, din caseta de dialog Page Properties – această metodă creând un stil intern care este disponibil numai documentului căruia îi este aplicat. Pentru aceasta vom alege Modify -> Page Properties și vom selecta categoria Appearance. Apăsăm butonul Browse pentru a localiza imaginea de fundal.

Fig.2.8.  Modificarea dimensiunilor imaginilor

(sursa: https://manualelectronictic.wordpress.com/)

8. Inserarea și formatarea tabelelor

Această funcție ne permite să:

Creăm tabele pentru a controla așezarea în pagină;

Modificăm proprietățile tabelelor;

Modificăm un tabel prin redimensionarea rândurilor și a coloanelor;

Creăm design-ul paginii folosind modul de vizualizare Layout.

Tabelele sunt folosite pentru a organiza informația pe o pagină Web.

9. Crearea unui tabel

Un tabel poate avea una sau mai multe celule. Celula reprezintă zona creată la intersecția unui rând cu o coloană. Un tabel va avea cel puțin un rând, ceea ce va crea implicit o celulă. Pentru a insera un tabel în Adobe Dreamweaver CS6, selectăm Insert -> Table din meniul principal sau putem folosi combinația de taste Ctrl+Alt+T.

Fig.2.9. Crearea unui tabel

(sursa: https://manualelectronictic.wordpress.com/)

11. Editarea tabelului

Se deschide caseta de dialog Table.

Caseta de dialog Table este împărțită în trei secțiuni: Table size, Header și Accessibility.

În secțiunea Table size regăsim opțiunile:

Rows – numărul rândurilor tabelului;

Columns – numărul coloanelor;

Table width – lățimea tabelului în pixeli sau într-un procentaj de mărimea ferestrei browser-ului;

Border Thickness – lățimea marginilor tabelului;

Cell padding – mărimea spațiului dintre conținutul celulei și pereții celulei. Dacă nu completăm această opțiune, fundalul celulei are implicit valoarea de 1 pixel.

Cell spacing – mărimea spațiului dintre celulele tabelului, fără a include marginea tabelului. Dacă nu completăm această opțiune, setarea implicită este de 1 pixel. Dacă nu dorim spațiu între celule, atunci trecem valoarea 0 în acest câmp.

Secțiunea Header conține patru opțiuni diferite pentru poziționarea unui antet: None, Left, Top și Both. Vom folosi un header doar pentru tabelele de date, nu și pentru tabelele de așezare în pagină.

Secțiunea Accessibility include următoarele opțiuni:

Caption – folosită pentru a realiza o descriere;

Summary – reprezintă un sumar al tabelului, care nu apare în pagina Web, dar este folosit pentru a explica scopul și conținutul unui tabel.

Fig. 2.10. Editarea tabelului

(sursa: https://manualelectronictic.wordpress.com/)

12. Formatarea celulelor tabelului

Avem posibilitatea să schimbăm culoarea fundalului sau alinierea unei celule saua mai multora. Pentru a putea selecta mai multe celule neadiacente vom țin apăsată tasta Ctrl și vom efectua click pe celulele ce vor fi selectate.

Pentru a schimba culoarea de fundalului celulelor vom folosi inspectorul Properties.

13. Adăugarea unui titlu pentru tabel

Adăugarea unui titlu pentru tabel se va realiza astfel :

1. vom plasam cursorul după tag-ul de deschidere din tabelul <table>;

2. vom selecta secțiunea cu denumirea Table Objects din Insert;

3. vom selecta acțiunea Caption și vor fi adăugate automat tag-urile cu denumirea <caption>…</caption>;

4. vom introduce titlul dorit între tag-urile <caption>…</caption>;

5. plasăm cursorul în interiorul tag-ului de deschidere <caption> și apăsăm bara de spațiu. Va apărea meniul derulant cu atribute. Selectând align alegem modul de aliniere a titlului de tabel.

Fig. 2.11. Adăugarea unui titlu de tabel

(sursa: https://manualelectronictic.wordpress.com/ )

14. Îmbinarea celulelor

Pentru a putea îmbina minim 2 celule adiacente, vom selecta celulele și vom alege din meniul Table-> Merge Cells sau putem să utilizăm meniul Modify ->Table -> Merge Cells. Pentru a putea să împărțim o celulă în mai multe rânduri sau mai multe coloane, vom selectă celula și din meniu vom alege acțiunea Table -> Split Cells ori din meniul principal vom selecta opțiunea Modify-> Table -> Split Cells.

Fig.2.12. Îmbinarea celulelor

(sursa: https://manualelectronictic.wordpress.com/)

15. Inserarea și formatarea listelor

Această funcție ne permite să:

Creăm listele ordonate, neordonate și de definiție;

Formatăm listele ordonate, neordonate și de definiție.

Într-o pagină Web avem posibilitatea să creăm trei tipuri de liste: liste ordonate, liste neordonate și liste de definiție.

În cadrul ferestrei cu numele Property se vor putea identifica butoanele cu denumirea Ordered List, respectiv Unordered List, precum și lista ordonată sau cea neordonată.

Fig. 2.13.Inserarea și formatarea listelor

(sursa: https://manualelectronictic.wordpress.com /)

16. Crearea și editarea listelor

Pentru crearea unei liste ordonate vom proceda în felul următor:

Introducem un număr de elemente apăsând tasta Enter după fiecare element;

Selectăm elementele;

Apăsăm butonul Ordered List din fereastra Property.

sau folosim meniul Format -> List  -> Ordered List.

Pentru crearea unei liste neordonate vom proceda în felul următor:

Introducem un număr de elemente apăsând tasta Enter după fiecare element;

Selectăm elementele;

Apăsăm butonul Unordered List din fereastra Property.

sau folosim meniul Format -> List -> Unordered List.

O listă de definiție constă într-o serie de termeni împreună cu definițiile acestora. Cuvântul sau termenul care va fi definit este aliniat la stânga, iar definiția este plasată pe următoarea linie. În fața termenilor nu există caractere speciale, așa cum există în fața listelor ordonate sau neordonate.

Pentru a insera o listă de definiție vom proceda în felul următor: Introducem cuvintele și definițiile corespunzătoare, apoi selectăm textul care dorim să devină o listă de definiții și alegem din meniul Format -> List -> Definition List.

Pentru a înlătura formatările listei sau pentru a trece la alt tip de listă, selectăm întreaga listă și efectuăm clic pe butonul sau pe opțiunea corespunzătoare listei din inspectorul Property sau din meniul Format. Dacă dorim să schimbăm tipul listei efectuăm clic pe tipul opus de listă. Dubla apăsare a tastei Enter determină ieșirea din listă și începerea unui paragraf nou.

Pentru a alege tipul listei sau stilul dorit putem folosi Format, caseta de dialog List Properties.

Fig. 2.14. Crearea și editarea listelor

(sursa: https://manualelectronictic.wordpress.com/)

Meniul List Type din caseta de dialog List Properties conține alte tipuri de liste: Bulleted list, Numbered list, Directory list și Meniu list. Din meniul Style putem alege tipul marcatorilor Bullet sau Square.

Culorile numerelor și punctelor care sunt folosite atât în listele ordonate, cât și în cele neordonate sunt bazate pe setările de bază pentru culoarea textului.

17. Adăugarea unei hiperlegături în pagină

Această aplicație ne permite să:

Creăm în text legături către alte documente;

Specificăm culoarea legăturilor în funcție de starea acestora;

Folosim ancore pentru salturi în document;

Creăm legături e-mail.

Pentru a putea crea o hiperlegătură trebuie să avem în directorul sitului Web cel puțin două pagini sau putem realiza  hiperlegături la adrese Web.

Un link din HTML cuprinde două părți: numele sau calea (sau URL-ul – Uniform Resource Locator) fișierului cu care dorim să facem legătura, respectiv textul sau grafica zonei pe care se face clic. Atunci când un utilizator efectuează clic pe un link, browser-ul încarcă documentul legat de acel link. Link-urile pot redirecționa utilizatorul către alte documente HTML, imagini sau alte elemente media.

18. Crearea link-urilor Hypertext

Link-urile hypertext oferă posibilitatea de a redirecționa vizitatorul către documente din pagina Web sau către altă locație de pe Internet. Link-urile realizate în cadrul aceluiași site poartă numele de link-uri relative și pot face legătura cu fișiere din orice locație.

Este foarte important să salvăm documentul înainte de  a crea legături. Operația de salvare a unui fișier comunică aplicației Dreamweaver locația documentului și permite programului să determine calea link-ului. Dacă vom crea un link fără a salva în prealabil documentul, toate aceste căi vor începe cu file:// și nu vor lucra pe site-urile găzduite de alte servere, deoarece aceste căi sunt relative cu hard discul pe care s-a lucrat și nu cu fișierul în care este link-ul.

Fig. 2.15. Hypertext

(sursa: https://manualelectronictic.wordpress.com/)

19. Specificarea culorii și formatului link-ului

Alegerea unei anumite culori pentru un link, culoare care să difere de restul textului, permite identificarea rapidă a acestuia de către cei care accesează site-ul. Dacă nu se specifică o anumită culoare a link-ului, setările browser-ului urmează să fie utilizate în momentul în care pagina este deschisă. Este posibil ca aceste setări implicite să difere la fiecare browser în parte. Culorile ce trebuie selectate este necesar să fie în contrast, fără a se produce interferarea cu fundalul sau cu alte elemente, pentru ca link-urile să aiba vizibilitate.

Pentru aceasta, vom selecta din Modify ->Page Properties și apoi vom selecta Links (CSS).

Fig. 2.16. Culoarea și formatul link-ului

(sursa: https://manualelectronictic.wordpress.com/)

Putem alege culori pentru maxim patru stări total diferite ale oricăruii link:

Link Color – culoarea inițială a unui link, înainte de a se face clic pe acesta;

Visited Link – culoarea pe care o are link-ul după ce s-a efectuat click pe ea;

Rollover Links – culoarea pe care o va avea link-ul în momentul când utilizatorul staționează cu mouse-ul pe un link;

Active Links – culoarea pe care o are link-ul atunci când link-ul este accesat.

20. Utilizarea de Ancore în pagini lungi

Atunci când un site Web are mai multe secțiuni este utilă realizarea de hiperlegături cu ajutorul Ancorelor cu nume.

Pentru aceasta se introduce o ancoră cu nume în locul din pagină unde va fi deplasat vizitatorul, apoi se creează o hiperlegătură care este legată la ancora cu nume.

Etapele de realizare sunt următoarele:

Selectăm comanda Named Anchor din meniul Insert;

Introducem un nume în caseta de dialog Named Anchor și dăm clic pe butonul OK;

În locul unde am inserat ancora cu nume, va apărea un element invizibil cu o ancoră pe el.

21. Legături la un e-mail

Cu ajutorul aplicației Adobe Dreamweaver putem să inserăm în pagină o legătură care să permită vizitatorului să transmită un e-mail. Această legătură va funcționa doar dacă utilizatorul are configurată o aplicație de tip e-mail.

Selectăm textul care urmează a fi legat la un e-mail, alegem meniul Insert a Email Link și va apărea caseta Insert Email Link. Introducem adresa de e-mail dorită și apăsăm OK.

Se deschide caseta de dialog Email Link.

În câmpul Text va apărea textul selectat, iar în câmpul E-mail se introduce adresa de e-mail. Textul va apărea pe pagină sub forma unui link. Inspectorul Property va afișa mail to: urmat de adresa de e-mail, în câmpul de text Link, atunci când se poziționează cursorul în interiorul link-ului.

Fig.2.17. Legături la e-mail

(sursa: https://manualelectronictic.wordpress.com/)

22. Formatarea textului

Această funcție ne permite să:

Așezăm și să formatăm textul;

Aliniem textul.

Formatarea textului în Adobe Dreamweaver se realizează utilizând lista Format din fereastra de inspectare Property.

Fig. 2.18.. Formatarea textului

(sursa: https://manualelectronictic.wordpress.com/)

Sunt patru opțiuni de bază care ajută la formatarea textului dorit:

1. None – această opțiune anulează absolut orice stil de tip formatare ce va fi aplicat asupra secțiunii dorite.

2. Paragraph – această opțiune ne ajută să aplicăm secțiunii tag-urile cu denumirea <p> … </p>.

3. Headings 1- 6 – aplică secțiunii tag-uri de antet. H1 este cel mai mare antet ca dimensiune, iar H6 este cel mai mic.

4. Preformatted – afișează scrisul cu dimensiune fixă în funcție de setările sistemului.

În meniul Format găsim opțiunea Paragraph Format, care ne permite să alegemce dimensiune să aibă textul.

23. Împarțirea conținutului în mai multe secțiuni

Titlurile care au denumirea de Headings 1- 6 sunt folositoare în cazul în care dorim să împărțim întreg conținutul în două sau mai multe secțiuni ori ca să putem atrage atenția către anumite bucăți ale paginii. Formatarea textului folosind acestastă modalitate de împărțire ne poate ajuta în cazul în care dorim să diferențiem conținutul pe care îl are pagina, putând astfel să creăm o așezare foarte clară.

Fig. 2.19. Împărțirea conținutului în secțiuni

(sursa: https://manualelectronictic.wordpress.com/)

24. Alinierea conținutului

Pentru alinierea textului avem patru opțiuni de bază:

Align Left (alinierea textului la stânga);

Align Center (alinierea textului la centru);

Align Right (alinierea textului la dreapta);

Justify (aliniere stânga – dreapta a textului);

Fig. 2.20. Alinierea textului

(sursa: https://manualelectronictic.wordpress.comi/)

26. Setarea marginilor

Marginile paginilor se pot seta tot în fereastra cu denumirea Page Properties.

Fig. 2.21. Setarea marginilor

(sursa: https://manualelectronictic.wordpress.com/)

27. Tag-urile cu denumirea Paragraph și Break

Tag-ul Paragraph  <p>…</p>  include un bloc de text.

Crearea unui nou paragraf se face apăsând tasta Enter, în modul de vizualizare Design.

Tagul cu denumirea Break  <br>  este unul fără conținut.

Acest tag semnalează ruperea rândului și prin intermediul lui se poate trece la o linie nouă.

Fig. 2.22. Tag-urile Paragraph și Break

(sursa: https://manualelectronictic.wordpress.com/)

2.3. Cerințele minime de sistem

Cerințele minime de sistem ce sunt  necesare cerute in cadrul aplicației Adobe Dreamweaver CS6, conform site-ului oficial www.adobe.com/products/dreamweaver.html, sunt:

• Procesor de tip Intel Pentium 4 sau AMD Athlon 64;

• Sisteme de operare tip Microsoft Windows XP cu Service Pack 2

• 512 MB memorie RAM ;

• minim 1 GB de spațiu liber pe hard-disc, pentru instalare;

• Monitor cu rezoluția de minim 1280×800 pixeli, cu placa video pe minim 16 biți;

• Programul Java Runtime Environment 1.6, care este deja inclus;

• Programul QuickTime 7.6.6 care este necesar ca să se poată reda conținutul multimedia;

• Pentru activare, este nevoie atât de conexiune stabilă la Internet

1. Examinarea ferestrei de lucru

Odată cu deschiderea aplicației  se observă o suprafață de culoare albă, denumită fereastra de lucru, care va afișa pagina Web așa cum va apărea ea în browser. În fereastra de lucru putem crea și modifica pagina HTML. În aplicația Adobe Dreamweaver paginile Web pot fi create atât în modul grafic (Design), cât și direct în cod HTML (Code).

a) Bara de aplicație  conține meniurile aplicației, comutatorul spațiului de lucru  și alte controale de aplicație.

b) Bara de instrumente Document este creată pentru a oferi posibilitatea accesului rapid la comenzile mai importante.Conține butoane pentru diferite moduri de vizualizare ale ferestrei Document (Code, Split, Design), Multiscreen, pentru examinarea într-un browser configurat (Preview/Debug in browser), pentru verificarea compatibilității foilor de stil cu diferite browsere.

c) Modul de vizualizare Code permite scrierea și editarea codului HTML, JavaScript, precum și a oricărui alt tip de cod.

d) Modul de vizualizare Split permite afișarea în fereastra Document  atât a codului sursă, cât și  a reprezentării vizuale a documentului HTML.

e) Modul de vizualizare Design este un mediu de editare vizuală și dezvoltare rapidă de aplicații, care afișează o reprezentare vizuală a documentului, asemănătoare cu cea din fereastra browser-ului.

Live View este similar modului de vizualizare Design, afișând o reprezentare mai apropiată de ceea ce documentul HTML va arăta în browser.

2. Despre panouri și ferestre de inspectare

Panourile și ferestrele de inspectare permit vizualizarea și modificarea proprietăților obiectului selectat. Cu ajutorul lor stabilim proprietăți, creăm animații și adăugăm diferite funcționalități paginii Web.

Panourile din Adobe Dreamweaver sunt structurate în grupuri, pe secțiuni, alături de fereastra Document.

Panourile pot fi extinse, comprimate sau închise prin acționarea săgeții din dreapta panoului.

3. Crearea și salvarea unei pagini noi

Pentru a crea un document nou vom alege File – New și se deschide caseta New Document.

Opțiunea de creare a unei pagini noi HTML poate fi găsită în categoria Blank Page.

Fig. 2.23. Crearea și salvarea unei pagini noi

(sursa: https://manualelectronictic.wordpress.com/)

4. Salvarea documentelor

Putem salva orice document utilizând denumirea și locația în care se află sau avem posibilitatea să salvăm o copie a documentului dorit utilizând o altă denumire și altă locație.

Pentru a salva acest fișier cu modificările pe care le-am efectuat, în locația în care se afla la modul curent vom aleg opțiunea File – Save.

Ca să putem salva fișierul într-uo altă locație com selecta opțiunea File – Save As.

În ceea ce privește salvarea tuturor documentelor pe care le-am deschis se va alege opțiunea  File – Save all. Dacă este existent un document care nu a fost încă salvat, se va accesa caseta de dialog cu denumirea Save as.

Pentru a avea posibilitatea să revenim la ultima versiune care a fost salvată în cadrul unui document vom selecta opțiunea File – Revert.

O casetă de tip dialog o să ne intrebe dacă dorim într-adevăr să renunțăm la ce am modificat și să ne întoarcem la versiunea de dinaintea salvării.

Se poate observa că atunci când salvăm un document și apoi ieșim din aplicație, nu putem reveni la versiunea anterioară a documentului atunci când vom reporni Adobe Dreamweaver.

5. Stabilirea titlului documentului HTML

Click-dreapta pe orice porțiune liberă din cadrul ferestrei documentului și apoi selectăm din meniu opțiunea Page Properties. O să aparăa caseta de tip dialog Page Properties, în cadrul căreia se va introduce un titlu cât mai sugestiv în caseta cu numele Title.

Capitolul 3

Utilizarea comerțului electronic în turism

Serviciile turistice

Serviciile turistice se pot defini ca acele activități ce au ca obiectiv satisfacerea tuturor nevoilor turiștilor, atât în perioada de deplasare, cât și în legătură cu aceasta.

Drept urmare, o parte din activitățile ce fac parte din prestația turistică se referă la acoperirea unor necesități obișnuite, cotidiene, cum ar fi odihnă sau hrană, iar altă parte prezintă caracteristici specifice turismului. Prin natura sa, serviciul turistic trebuie să conducă la refacerea capacității de muncă în același timp cu petrecere plăcută, energizantă și constructivă a timpului liber. În plus, este necesar să contribuie la dezvoltarea bagajului de informații, de cunoștințe și de deprinderi ale turistului, lucru care imprimă serviciilor turistice, și implicit turismului, caracterul unui deosebit de însemnat ajutor în realizarea unei noi calități a vieții.

În România , rapida dezvoltare a turismului, în special după anul 1989 a determinat apariția unor dificultăți cu care s-au confruntat agenții economici. Aceștia au fost nevoiți să apeleze la o viziune nouă pentru a putea să facă față unor situații complexe. Complexitatea fenomenului turistic pune într-o poziție centrală prestatorul serviciilor turistice, care este obligat într-un fel sau altul să se implice în toate celelalte activități care au legături cu turismul, activitățile ce țin de turism fiind părțile unui întreg care se întrpătrund.

Putem afirma că eficiența activității firmelor turistice presupune o sincronizare a acțiunii tuturor agenților economici din acest domeniu, în caz contrar, efortul făcut de una sau mau multe verigi ale lanțului de prestații va fi anulat de celelalte.

Pentru că am ajuns deja în anul 2017 și internetul a evoluat aproape într-o progresie geometrică, majoritatea societaților necesită un site bine pus la punct pentru a eficientiza procesul de vânzare, oferind o promovare mult mai utilă. În privința firmelor care au un site propriu, România se situează pe ultimele locuri în UE, cu un procentaj de sub 50%, mult sub media UE. Bulgaria este imediat deasupra noastră. Nici vecinii unguri nu se situează strălucit la acest capitol, însa sunt totuși mult peste România, cu un procentaj de aproximativ 60% firme cu site propriu.
În cadrul studiului de caz vom realiza în mod practic crearea site-ului pensiunii turistice Turistyle. Acest site web face posibilă vânzarea serviciilor turistice în mod electronic și mult mai eficient.

3.1. Crearea site-ului pensiunii Turistyle

Aspectul care inițiază crearea site-ului prin intermediul aplicației Adobe Dreamweaver, după deschiderea aplicației, este crearea unui folder cu numele firmei pe care am ales-o. În cazul de față, folderul se va numi Turistyle.

După ce a fost creat folderul, în interiorul acestuia trebuie create alte foldere cu denumirile butoanelor ce vor apărea pe site. Pentru Turistyle acestea sunt: despre, camere, contact, tarife, images, oferte speciale, restaurant și bar. Folderul images va conține toate imaginile care sunt utilizate în structura site-ului. De asemenea, în același folder se creează și un document cu extensia html. De obicei, prima pagină a oricărui site poartă denumirea „index.html”.

După deschiderea aplicației Dreamweaver cs6, următorul pas este crearea unui template din meniul File-New-HTML Template. Vom alege o singură coloană aliniată central.

Fig.3.1. Crearea unui template

(sursă proprie)

Vom selecta comanda “Site”-“New site”, apoi vom alege denumirea acestui site, în cazul de față Turistyle. În câmpul “Local site folder” se alege locația folderului principal, anume folderul Turistyle situat pe desktop, apoi se salvează.

Pasul următor este reprezentat prin deschiderea din Dreamweaver prin dublu click a fișierului index.html, în urma căreia va apărea pagina din figura de mai jos. În câmpul Title se introduce numele care va fi modificat automat și în comanda title din meniul aplicației de creare și editarea site-ului.

Fig.3.2. New site

(sursă proprie)

Am ales să introduc și câteva cuvinte cheie care ajută la o căutare mai eficientă într-un motor de căutare. Această acțiune se realizează din meniul aplicației, accesând Insert- HTML- Head tags- Keywords.

Ca design-ul site-ului să fie conform așteptărilor, numele pensiunii trebuie să apară in susul primei pagini și trebuie să fie vizibil și plăcut ochiului. Așadar, am creat un logo cu numele Turistyle și l-am introdus prin comanda Insert- Image.

Fig. 3.3. Logo

(sursă proprie)

Cum fiecare pagină a unui site trebuie să aibă o imagine de fundal, am ales pentru prima pagină o imagine reprezentativă care să fie plăcută din punct de vedere vizual și care să confere site-ului originalitate și un aspect care să bucure privirea. Am adaptat imaginea la dimensiunile paginii prin comanda background-size: cover;. Se poate alege ca background o simplă culoare din Page Properties-Appearance(HTML)-Background, dar am considerat că o imagine de fundal este mai atractivă.

Fig.3.4.Imaginea de fundal

(sursă proprie)

Următorul pas este crearea în fiecare folder secundar a unui fișier de tip html cu aceeași denumire și se deschid în Dreamweaver pentru a putea fi editate. Vor apărea sub forma unor tab-uri ca cele de pe un motor de căutare de pe internet și sunt ușor de selectat pentru a se putea modifica printr-un singur click.

Odată ce această acțiune este finalizată, se revine la pagina principală pentru a se crea hyperlinkuri în care ulterior se vor introduce informațiile care se vor regăsi în cadrul site-ului web al pensiunii Turistyle. Hyperlink-urile vor avea denumirea fiecărui fișier din folderele secundare, în cazul de față fiind Despre, Camere, Contact, Restaurant și bar, Oferte speciale, Tarife. Se accesează Insert-Hyperlink, în câmpul Text se notează numele dorit pentru hyperlink, în câmpul Link se introduce locația fișierului index, la Target am ales opțiunea _self ca în momentul accesării hyperlink-ului să nu se deschidă un nou tab, ci să se afișeze pe același tab. Ceea ce am realizat se poate observa în figura ce urmează:

Fig. 3.1.3. Hyperlink

(sursă proprie)

Se execută aceeași acțiune pentru fiecare hyperlink în parte. Culoarea acestora se poate modifica din Page Properties-Appearance(CSS)- Text color.

Fig. 3.4. Culoarea textului

(sursă proprie)

Un aspect foarte important este reprezentat de stabilirea legaturilor între hyperlink-uri și fișierele corespondente. Acest lucru face posibilă deschiderea unei noi pagini la accesarea hyperlink-ului și se realizează prin selectarea cu mouse-ul a denumirii hyperlink-ului, apoi click pe comanda Point to file de unde se trage cu săgeata până pe fișierul html cu care se asociază hyperlink-ul. În figura de mai jos se poate observa cum se procedează:

Fig.3.5.Asocierea hyperlink-urilor

(sursă proprie)

Ultimul aspect adăugat pe prima pagină a site-ului Turistyle este reprezentat de un mesaj dn josul paginii care conține informații utile. Mesajul trebuie să fie cât mai vizibil, astfel încât, fiecare persoană care acceseaza site-ul să vadă mesajul.

În cazul de față am introdus informații despre modalitățile de rezervare și posibilitatea de a intra în contact cu personalul pensiunii în vederea obținerii de noi detalii.

Fig. 3.6. Mesajul de pe prima pagină

(sursă proprie)

Aspectul primei pagini este considerat extrem de important în de cele mai multe persoane care folosesc Internetul atunci când ne referim atât la promovarea la modul general, cât și la promovarea serviciilor turistice. Un aspect plăcut atrage după sine interesul posibililor clienți, fapt ce poate duce la creșterea succesului în acest domeniu. În imaginea de mai jos se regăsește forma finală a primei pagini:

Fig.3.7. Forma finală a primei pagini

(Sursă proprie)

După cum se poate observa, prima pagină care îi va întâmpina pe cei care accesează site-ul are în component imagini sau figuri așezate într-un mod ordonat, culorile nu sunt stridente ca să deranjeze vizual privitorii, iar toate butoanele prin intermediul cărora se vor putea obține mai multe informații referitoare la pensiune sunt plasate astfel încât să fie foarte ușor de identificat. Astfel, navigarea pe site-ul Turistyle se realizează cu ușurință și durează foarte puțin ca utilizatorul să intre în posesia informațiilor dorite.

Pagina Despre

În cadrul acesteia se vor regăsi informații generale despre pensiunea Turistyle menite să atragă atenția posibililor clienți. Se deschide printr-un simplu click pe hyperlinkul cu același nume situate pe prima pagină. I-am adăugat și o imagine de fundal pentru un design mai atractiv și am poziționat textul în așa fel încât să fie vizibil și conform dimensiunii paginii. Este necesar ca imaginea să fie sugestivă și să conțină elemente din aceeași familie lexicală cu site-ul de care aceasta aparține. În cazul de față, imaginea descrie un lanț muntos, fapt ce se poate asocia cu zona în care este amplasată pensiunea turistică.

Fig.3.8. Despre Turistyle

(sursă proprie)

Pagina Camere

Aceasta deschide o filă în care sunt prezentate date despre camerele pensiunii(numărul de camere, tipul acestora etc.) . Aceste informații sunt extreme de importante pentru cei ce sunt în căutarea serviciilor turistice. Foarte mulți oameni urmăresc ca spatial de cazare să fie dotat cu un anumit dispozitiv, lucru care este hotărâtor atunci când este nevoit să aleagă una dintre ofertele ce I se se vor prezenta. Am ales un font care să fie ușor de urmărit. Ultima modificare a fost aplicarea unei imagini de background.

Designul paginii este prezentat mai jos:

Fig. 3.9. Camere

(sursă proprie)

Pagina Contact

Conține date prin care se poate lua legătura cu pensiunea în vederea rezervării camerelor. Informațiile trebuie să fie vizibile, astfel încât cliențiilor să le rămână in memoria vizuală și să le ofere comoditate. Pagina nu trebuie să conțină și alte detalii, ci doar pe cele care se referă la detalii de contact. Am editat fontul și am ales o imagine de fundal.

Fig.3.10. Contact

(sursă proprie)

Pagina Restaurant și bar

Conține informații despre produsele culinare și despre băuturile ce se vor servi clienților pensiunii. Un vin de calitate sau un preparat tradițional care să ne aducă aminte de copilărie și de meleagurile natale pot cântări foarte mult în alegerea unui serviciu turistic.

Fig. 3.11. Restaurant și bar

(sursă proprie)

Pagina Oferte speciale

Aceasta informează clienții în legătură cu posibilele avantaje și promoții de care aceștia ar putea beneficia. De regulă, cuvintele care se referă la reduceri sau alte aspecte care sunt în favoarea clienților le atrag atenția.

Atunci când vine vorba de oferte special, fiecare în fiecare dintre noi apare dorința de a afla mai multe detalii și de a alege cea mai bună ofertă disponibilă în momentul în care suntem în căutarea produsului sau serviciului dorit. Cu toții dorim să achiziționăm bunuri la un preț cât mai avantajos, să profităm de așa-zisele chilipiruri.

De exemplu, un tarif care este redus de un alt tarif mai ridicat este mult mai atractiv decât unul care nu beneficiază de această reducere. Chiar dacă, în realitate, prețul nu este redus, simpla atașare a unui tarif mai mare lângă tariful real este o strategie foarte bună atunci când dorim să influențăm subconștientul vizitatorilor site-ului.Tehnicile de acest tip oferă clienților iluzia că ei vor fi cei care ies în avantaj.

O altă strategie pentru a atrage clienți este oferirea unor servicii sau produse gratis la achiziționarea unui anumit număr din produsul sau serviciul oferit. Acest lucru a fost efectuat chiar în cadrul acestui studiu de caz.

Fig. 3.12. Oferte speciale

(sursă proprie)

Pagina Tarife

Oferă informații despre costul serviciilor de cazare oferite de pensiunea Turistyle, prețul unei camera single și prețul unei camere duble. De regulă, tarifele pentru camera duble sunt mai avantajoase decât cele ale camerelor single.

Fig. 3.13. Tarife

(sursă proprie)

Acestea sunt paginile site-ului Turistyle care au fost create cu ajutorul Adobe Dreamweaver și care au ca scop atragerea unui număr cât mai ridicat de clienți prin promovarea eficientă a pensiunii.

CONCLUZII

Comerțul electronic  este activitatea prin care se poate cumpăra sau vinde prin intermediul transmiterii de date la distanță, activitate specifică politicii expansive a marketingului companiilor comerciale. Prin intermediul Internetului se dezvoltă o relație de servicii și schimb de mărfuri între ofertant și viitorul cumpărător.

Vânzarea online nu mai este o proiecție a viitorului. Ea se desfășoară chiar în acest moment, iar utilizările sunt foarte importante și în număr ridicat. Are loc peste tot in lume, comerțul electronic fiind în esență global atât ca și concept cât și ca realizare. El are loc foarte rapid, urmând atent dezvoltarea rapidă a sistemelor Internet si World Wide Web. Impactul comerțului electronic asupra firmelor și asupra societății va fi deosebit peste tot în lume și cu o intensitate ridicată.

Dreamweaver permite folosirea majorității browserelor instalate pe calculatorul utilizatorului, pentru a previzualiza site-ul web creat. De asemenea conține și câteva utilitare pentru administrarea site-urilor, cum ar fi cele pentru a găsi și modifica un paragraf sau o linie de cod, în întregul site, pe baza oricăror parametri specificați de către utilizator. Cu ajutorul panourilor de stare se poate crea cod JavaScript fără a avea cunoștințe de programare.

Majoritatea societaților necesită un site bine pus la punct pentru a eficientiza procesul de vânzare, oferind o promovare mult mai eficientă.

Crearea unui site precum cel al pensiunii Turistyle are ca scop atragerea de noi clienți prin promovarea pensiunii turistice.

În cadrul studiului de caz am creat site-ul de promovare ce privește pensiunea, utilizând aplicația Adobe Dreamweaver. Am ținut cont de particularitățile acestui program și de principiile ce stau la baza tehnicii de lucru.

BIBLIOGRAFIE

1. Gitomer, Jeffrey – Cartea roșie a vânzărilor, Ed. Niculescu, 2006

2. Breithaupt, Tim – Zece pași spre succesul în vânzări, Ed. Codecs, 2005

3. Beaird, Jason – Principii de web design atractiv, Ed. 3D Media Communications, 2011

4. https://manualelectronictic.wordpress.com/

5. https://www.webecom.ro/

6. http://www.wall-street.ro/