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

Capitolul 1

[anonimizat]

1.1. Definirea comerțului electronic

Comerțul electronic reprezintă o soluție dintre cele mai de preț 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 ce pot fi posibile cu ajutorul comerțului electronic:

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

se pot stabili contacte cu clienții;

distribuția și logistica întreprinderi virtuale;

activități de tip comercial desfășurate în comun între companii.

se realizează schimbul de informații.

Comerțul electronic are în compoziție o largă arie a tehnologiilor, precum:

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 cu numărul 31/2000 din Comisia Europeană, cunoscute și sub denumirea 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:

tip business-business (B2B);

tip business-consumator (B2C);

tip business-administrație (B2A);

tip consumator-administrație (C2A);

tip consumator-consumator (C2C).

a) Business-Business

Fig. 1.2. Business-Business

(sursa: http://theludlowgroup.com )

Modalitatea aceasta are în componență toate nivelurile de lucrare sincronizată între firme. În acest tip de comerț sunt folosite tehnologii speciale ori standarde de schimb de date, cum ar fi tehnologia denumittă EDI. Este foare dificil de supraevaluat beneficiul posibil unei asemenea colaborări. De exemplu, dealer-ul poate să plaseze comenzile de sine stătător și poate urmări executarea lor, folosind baza de date a celui care livrează produsul. Dar și cel ce livrează, fiind conectat la aceeași bază de date a depozitului, poate în mod operativ să urmărească rezervele celuilalt și în același timp poate să le completeze la timp. Astfel de exemple se identifică în orice sferă de lucrare de tip reciproc între întreprinderi.

În ultimul timp, odată cu creșterea brusca a accesibilității la Internet, comerțul electronic a căpătat interesul consumatorilor individuali, dar și al societăților comerciale, indiferent de mărime sau preocupări. Ideea care stă la bază este că prin intermediul comerțului electronic putem efectua schimbul de idei, de cunostințe, de bunuri pe lângă simpla vânzare sau cumpărare de produse sau servicii. Tehnologiile comerțului electronic se pot folosi pentru a conduce un business, utilizând pentru comunicare tehnologia Internet ori alte rețele de calculatoare. În ultima vreme Internetul este tot mai utilizat în Comerțul Electronic.

Declarația dintre Uniunea Europeană și Statele Unite ce privesc comerțul electronic ne arată care e 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 beneficiază de o acoperire la nivel global și este prin excelență descentralizat. El are o structură ierarhică cu nuclee de viteză mare (între 155 Mbps și 2,5 Gbps) și în jurul lor se dezvoltă rețele regionale sau individuale prin care se poate face accesul utilizatorilor finali. Internetul este acum 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 sau e-commerce este elementul care stă la baza noii economii, iar Internetul este principalul mediu în care acesta se desfășoară.

Dacă ne referim la avantajele de utilizare privin comerțului electronic, pot fi enumerate următoarele:

a) Avantajele companiei

– având o arie mare a zonelor în care se desfășoară activitatea piețelor internaționale și naționale, cu un minim de capital, o firmă își poate identifica foarte rapid atât furnozirii, cât și clienții;

– o viteza de comunicare crescută;

– eficientizare (informațiile sunt electronice și se evită greșelile);

– reducerea timpului în care se realizează inventarul și managementului stocurilor;

– un timp mai scurt între plata produselor și livrarea acestora;

– costuri generale scăzute;

– crearea strânselor legături între companie și clienți;

– informațiile referitoare la companie sunt prezentate modern, mult mai rapid;

– vânzarea se poate realiza prin canale alternative.

b) Avantajele cumpărătorului

– clienții pot cumpăra mai ușor, în orice moment al zilei;

– produsele pot fi găsite foarte rapid și se pot compara;

– produsele comandate ajung mult mai repede;

– este permis ca și clienții sa poată participa la licitații online;

– produsele se pot achiziționa de acasă;

– se pot obține reduceri datorită competiției între companii.

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

– noul mod de distribuție ajută la atragerea de noi clienți;

– se poate lucra de acasă, se reduce nivelul poluării și se eliberează traficul;

– comerțul electronic permite vânzarea unei cantități mult mai mare de produse la un preț mai mic;

– persoanele care locuiesc în mediul rural au acces la aceleași informații;

– serviciile publice se pot furniza mai ușor, mai eficient, cu costuri mai mici.

Avantajele la modul general ale comerțului de tip electronic:

– Internetul este accesibil tuturor, are costuri foarte scăzute și este prezent permanent;

– 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:

lărgirea clientelei: pe Internet, orice firmă poate să aibă o prezență globală, având parte de clienți din tot globul. Ca și exemplu, oricine e conectat la tehnoogia Internet poate accesa paginile unei companii, fără să se țină cont de localizarea pe hartă a utilizatorului.

reduceri ale costurilor în distribuție și servicii clienți: utilizarea Internet-ului poate ajunge la scăderea drastică a costurilor, chiar dacă prezența pe Internet are anumite costuri, care variază după serviciile folosite (mail, Web etc.), însă se recuperează repede. Trimiterea prin poștă a unui catalog de prezentare produse solicită un tarif  mai mare decât sa trimitem catalogul electronic.

posibilitatea să se distribuie  mai multe informații și accesul la actualizare rapidă.

Aceste avantajes decurg din specificațiile tehnice și economice din cadrul Internetului (costuri scăzute, ușurință în utilizare etc.).

Capitolul 2.

Tehnologii de creare și editare a paginilor web

2.1. Definiții și explicații

Aplicațiile web sunt reprezentate de programe de tip web-based, utilizate în browsere, care folosesc tehnologii precum: HTML ,PYTHON, PHP, PEARL, CSS, ASP, JAVASCRIPT, etc.

Avantaje:

Pot fi utilizate fără sa se țină cont de sistemul de operare folosit;

Nu au nevoie de instalare, fiind necesară numai existența oricărui browser ;

Actualizări și upgrade ușor de realizat.

Mai exact, modificările se realizează pe server, ele propagându-se spre toți utilizatorii, nemaifiind atât de necesară instalarea sau reinstalarea respectivei aplicației pe calculatorul acestora.
În cazul tipului de aplicații client-server clasice, comunicarea cu cel care utilizează este asigurată de un program instalat pe calculatorul fiecăruia. Upgrade-ul la codul de tip server de regulă are nevoie și de un upgrade la codul de tip client, fiind nevoie de reinstalarea aplicației client în cadrul fiecarui computer utilizator.

Backup-ul simplu de realizat, datele fiind stocate în mod centralizat;

Se pot rula de pe orice tip de computer care are un browser web. Practic, se poate accesa de oriunde;

În general, prelucrările se realizează pe server și solicită resurse minime;

Aplicațiile se pot programa foarte simplu;

Pot fi utilizate chiar și de pe smartphones și tablete.

Dezavantaje:

Prețuri de achiziție relativ ridicate;

Este foarte greu de realizat o conexiune cu hardware-ul clientului (cum ar fi imprimante, scanner etc).

Unele aplicații necesită destul de multe cunoștințe în domeniu.

Schema de principiu a unei aplicații web

În figura evidențiată mai jos este arătat principiul de funcționare a aplicațiilor web. Browserul va trimite o cerere de tip http/https la server, iar acesta trimite la client un răspuns folosind cod tip html, javascript, css etc. Este același principiu de funcționare ca la afișareaunei pagini oarecare.

Fig. 2.1. Schema unei aplicații web

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

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 uzuale, cotidiene, cum ar fi odihnă ori 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 limită. 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 spune 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 într-o progresie aproape 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 clasează pe ultimele locuri în UE, cu un procentaj de sub 50%, mult sub media UE. Bulgaria este imediat deasupra României. 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 și 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 hyperlink-uri î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 din 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 componență 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.

Această pagină reprezintă punctul central al site-ului web și în funcție de ea se vor organiza și celelalte pagini.

În următoarele file ce urmează vor fi prezentate, una câte una, celelalte pagini care, împreună cu pagina principală, vor forma site-ul acestei pensiuni turistice. Acestea vor oferi o imagine de ansamblu despre ea. Astfel, oricine accesează acest website va avea acces rapid la toate informațiile.

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 hyperlink-ul 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ă la care ne raportăm.

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 spațiul de cazare să fie dotat cu un anumit dispozitiv, cu un anumit tip de mobilă sau ca pensiunea să fie clasificată la un anumit nivel de confort, lucruri care sunt hotărâtoare atunci când posibilii clienți sunt nevoiți să aleagă una dintre ofertele ce li se se vor prezenta. Am ales un font care să fie ușor de urmărit de către toți utilizatorii. Ultima modificare a fost aplicarea unei imagini de background care să ofere vizitatorilor câteva informații cheie despre camerele pensiunii.

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 poate 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 la 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.

Așadar, fiecare societate comercială ar trebui să dețină un site propriu pentru a maximize gradul de vizibilitate în cadrul pieței în care își desfășoară activitatea, fie că facem referire la o pensiune turistică, fie că ne raportăm la orice alt tip de comerț.

BIBLIOGRAFIE

1. Vasile, Baltac – Lumea Digitală. Concepte Esentiale, Ed. Excel XXI books, 2015

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

3. Ion, Teiușanu – Geografia turismului, Ed. Paralela 45, 2008

4. Nicoleta, Petcu – Statistica în turism, Ed. Albastra, 2005

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

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

6. https://manualelectronictic.wordpress.com/

7. https://www.webecom.ro/

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

9. www.adobe.com/

10. https://www.techworld.com/