Aplicatie Informatica Pentru E Commerce Bazata pe Tehnica Web Responsive

Introducere

Tema aleasă „tehnica web responsive în e-commerce” se referă la tehnica de creare a unui website care iși modifică design-ul și elementele în functie de dispozitivul pe care îl folosește utilizatorul, oferind o prezentare optimă. Design-ul responsive elimină necesitatea unui website diferit pentru un dispozitiv mobil, economisind pe această cale timp și bani.

Scopul acestei tehnici este de a identifica dimensiunile de vizualizare a utilizatorului, orientarea și redimensionarea potrivită a acestora.

În trecut, înainte ca acest concept să devină popular, cele mai multe dintre site-uri aveau la bază griduri fixe și funcționau bine în acest mod, dat fiind că majoritatea calculatoarelor aveau aproximativ aceeași rezoluție. In prezent, acesta nu mai este un element de noutate, ci o tehnică în tendinte deoarece tot mai mulți proprietari de website-uri doresc să îmbunătățească experiența utilizatorilor și tot mai multi utilizatori folosesc internetul de pe mobil, smartphone-uri și tablete în viata de zi cu zi.

Tehnica responsive facilitează interacțiunea vizitatorilor unui website, oferind soluții utilizatorului pentru o platforma flexibilă, în functie de anumite rezoluții sau browsere.

Avantajele design-ului responsive constau în creșterea lizibilității conținutului, flexibilitatea și usurinta navigarii. Un alt avantaj foarte important ar fi faptul că doar 20 % din firme au investit în site-uri mobile.

Privind din ansamblu, design-ul responsive solutionează o mare problema usor si rapid, construind un singur site ce se adaptează pe toate dispozitivele, eliminand astfel scroll-ul orizontal. Astfel, cu un singur website, avand un singur link, scade timpul dedicat subzistenței, timp ce poate fi dedicat creșterii vizibilitații site-ului în motoarele de căutare.

Datorită numarului vanzărilor de smartphone-uri și tablete aflat într-o creștere vertiginoasă, design-ul responsive a devenit un standard în industrie, fiind modalitatea de a ține pasul cu competitorii și de stabilire a cotei de piață.

In primul capitol este prezentata analiza sistemului existent si identificarea punctelor slabe si a punctelor tari, pentru a putea identifica ce imbunatatiri se pot aduce la nivel informatic. Odata indentificate, vom putea pune bazele directiei de dezvoltare astfel incat actualul sistem sa fie optimizat, modernizat si sa satisfaca nevoile clientului. Astfel este prezentata analiza studiului de conducere si profilul angajatilor ai acestei companii. Cu ajutorul studiului efectuat in acest capitol, vom putea concluziona daca aplicatia informatica propusa pentru aceasta firma este cea mai optima solutie, care este aportul ei in modernizarea sistemului si in ce masura ea satisface toate nevoile utilizatorului.

In cel de-al doilea capitol sunt prezentate tehnologiile informatice utilizate pentru realizarea acestei aplicatii de comert online. Acestea sunt alese cu foarte mare grija, astfel incat ele sa ofere utilizatorului o experienta cat mai placuta.

In capitolul 3 este descrisa proiectarea in detaliu a aplicatiei informatice, sunt definite datele de intrare si datele de iesire, la care se adauga proiectarea bazei de date si modelul entitate-asociere.

In capitolul 4 este prezentata efectiv aplicatia si functionalitatea ei. Astfel tema acestei aplicatii, importanta web design-ul responsive este ilustrata prin intermediul unor dispozitive de diferite rezolutii.

Ultimul capitol cuprinde concluziile trase dupa proiectarea si realizarea aplicatiei. Acest capitol subliniaza inca o data importanta utilizarii acestei tehnici informatice si motivul alegerii acestei teme de aplicatie informatica.

Capitolul 1: STUDIUL ȘI ANALIZA SISTEMULUI EXISTENT

1.1 Prezentarea succintă a unității economico-sociale

Denumire: Societate pe acțiuni“Insignia Creative” Anglia

Sediul: Str. Lymington, Torquay, Devon, TQ1 4BD

Telefon: 01803 321280

E-Mail: [anonimizat]

Company Number: 04693927

Insignia Creative este o societate pe acțiuni, ce a fost inființată în anul 2009 de către Richard Netherclift și Peter Blacker. Această firmă își desfașoară activitatea în sud estul Angliei și oferă o gamă completă de servicii de marketing. Printre serviciile de marketing oferite de această companie se numară: website design, design grafic și activități SEO.

Personalul acestei companii este unul foarte bine pregătit, având mulți ani de experiență în domeniu, atât pe partea de BackEnd, cît și FrontEnd, respectiv design printat sau digital. Cifra de afaceri a crescut cu 20% în ultimii doi ani, media de preluare a unei produs informatic fiind un website/saptamană, ceea ce dovedeste că produsele și serviciile oferite de Insignia Creative sunt de ce mai bună calitate și tintesc nevoile personalizate ale clientului. Astfel, tema alesă, design-ul resposive în e-commerce, ajută la creșterea cifrei de afaceri, prin orientarea în detaliu fața de nevoile utilizatorului, respectiv ale clientului.

Domeniul de activitate al acestei companii este împartit în două categorii: online si offline, aceastea construind prin coeziune o identitate vizuală personalizată, ceea ce face trecerea de la o firmă, la un brand de succes. Serviciile oferite sunt de actualitate, deoarece orice firmă are nevoie de materiale de identitate sau de un website personalizat cerințelor utilizatorului, într-o perioada de continuă dezvoltare digitală.

Primele servicii oferite de această firmă erau produsele de tip offline, apoi datorită cererii pe piată, în anul 2010 i se adaugă domeniului de activitate servicii precum website-uri, e-comerț și găzduire web.

Insignia Creative a avut o creștere constantă a cifrei de afaceri, creștere ce se datorează lărgirii gamei de servicii, dar și orientarea spre nevoile clientului și oferirea unor produse și servicii optim personalizate.

Fig. 1.1.1 Tabel Cifra de afaceri

Profitul este un venit material sau spiritual care poate fi venitul adus de capitalul utilizat într-o întreprindere, reprezentând diferența dintre încasări și totalul cheltuielilor. Datorită dezvoltarii digitale curente, firma iși lărgeste gama de produse, adaugand serviciile online și gazduirea web, profitul firmei crescând în mod progresiv.

Fig. 1.1.2 Evolutia profitului

1.2 Principalele activități desfășurate în unitatea economică

Marketingul, fie el online sau offline, a fost mereu un subiect de notorietate deși multe firme ignoră avantajele acestuia, ramânand în urmă prin prezența în mediul online. Marketingul online include direcții precum SEO (Search Engine Optimization), Content Marketing, Email Marketing, Social Media, PPC (Pay per Click), directii adoptate și de Insignia Creative, ce aduc avantaje precum urmărirea rezultatelor în timp real, modificarea lor usor si rapid, segmentarea pieței sau transformarea vizitatorilor în clienți.

Insignia Creative Ltd oferă solutii de design și de marketing, atat online cât și offline, atât în Anglia, cît și pe plan internațional. Serviciile online pe care le ofera Insignia Creative sunt: website-uri de prezentare sau de comercializare a unor produse sau servicii, găzduire web (hosting), logo-uri, brosuri online și tot ceea ce tine de design-ul identității unei firme. Pe partea de offline, produsele puse la dispoziție sunt: broșuri, cataloage, pliante, reviste, acestea conturând ideea de brand a unei firme.

Servicii de direct-mailing oferite de această companie sunt: identificarea mijloacelor de cominicare, identificarea publicului targetat (dupa regiune, domenii de activitate, angajați, cifra afaceri, etc) și diret-mailing efectiv. Această tehnică ce are avantaje semnificative prin targetarea publicului țintă, optimizare și personalizare, dar și dezavantaje precum costurile ridicate.

Comertul online este piața cu cea mai rapidă creștere, cumpărarea sau vanzarea prin intermediul Internetului devenind o parte esențială a comertului. Studiile arata că 70% din clienti verifică un produs în mediul online înainte de a-l achiziționa. Deasemenea 8% din vanzările online totale din Europa, au fost facute folosind tehnologia mobilă.

Bazându-se pe aceste statistici, principalele produse pe care le ofera această firmă sunt website-urile, fie ele de prezentare a unei firme sau de comert digital. Astel, comparat cu marketingul tradițional, marketingul difgital oferă preturi realiste și metode eficiente de urmărire a rezultatelor.

Marketingul online din Europa este dominat de cel din Anglia, Germania si Franta, acestea detinand 81,3 din vanzările online din Europa.

Fig. 1.1.3

Tabel 1.1

După cum observăm în tabelul de mai sus, această companie avand sediul in Anglia, isi desfasoara activitatea într-un mediu propice, unde o firmă ca aceasta nu există, daca nu figurează în mediul online, susținută de o campanie de marketing eficentă.

1.3 Studiul sistemului de conducere

O organigrama prezintă structura unei organizații și pozitiile relative ale personalului sub forma unei ierarhii, ce face legatura între activitate și autoritate. Indiferent de dimensiunea unei firme, aceasta necesită o structura organizatorică pentru a diviza munca într-un număr de sarcini. Organigrama este de asemenea folosită pentru a arăta relațiile dintre departamente, pentru clarificarea taskurilor pentru fiecare post, a responsabilităților sau a canalelor de comunicare.

Aceasta structură incorporează trei subsisteme:

sistemul executiv (de conducere)

sistemul operational (de producție)

structura reprezentativă

Organigrama firmei Insignia Creative

Fig. 1.3.1

Sistemul executiv (de conducere) reprezintă ansamlul persoanelor și compartimentelor funcționale care coordonează și reglează activitatea compartimentelor de linie (bază). Compartimentele implicate în susținerea compartimentelor de linie se numesc compartimente de sprijin

Sistemul operational (de producție) reprezintă ansamblul compartimentelor implicate direct la realizarea obiectivelor firmei, fiind denumite compartimente de baza.

Postul reprezintă unitatea structurală din cadrul organigramei unei firme. Postul precizează setul de sarcini specializate, obligații și responsabilități, pe care trebuie să le realizeze un angajat în mod permanent, pentru atingerea obiectivelor organizaționale. Autoritatea pe care o poate avea titularul postului este cea care sa-i permită realizarea obiectivelor individuale și a sarcinilor atribuit. Ea se împarte în:

autoritate formală – de tip ierarhic (se exercită asupra persoanelor)

-de tip funcțional (se exercită asupra activitaților)

profesională – dobandită prin nivelul de pregătire și experiență.

Fisa postului de designer

Fig. 1.3.2

Fisa postului de PHP Developer

Fig. 1.3.3

1.4 Schema fluxului informațional aferent temei

Fluxul informațional reprezintă circuitul informațiilor în interiorul unei entități organizaționale sau  între mai multe entități organizaționale.

Fluxul informational specifică modul în care circulă și sunt utilizate informațiile între diverse departamente din cadrul unei organizații. Fluxul informațional este realizat pe baza organigramei. Un flux informational bine gândit reduce timpii de întârziere ce pot apare în procesarea unor informații și implicit crește productivitatea muncii.

In cadrul acestei companii, fluxul informatiei este urmatorul:

Fig. 1.4.1

Clientul plasează comanda către directrul executiv. Acesta distribuie sarcinile anangajaților, ce este executată de aceștia respectand deadline-ul stabilit. După perioada de executie, pachetul de produse este trimis catre client. În mod asemanator, reclamațiile sau sugestiile clientilor de a modifica structura produsului sau alte plangeri, ajung la directorul executiv ce distribuie angajaților modificările ce trebuiesc facute, urmând ca apoi acestea să ajungă la client, pană se ajunge la un feedback pozitiv. Adeseori, echipa de lucru particip[ la ședințele cu clienții, pentru a prelua feedback-ul lor, în vederea obținerii unei bune transpuneri ale produsul dorit.

Capitolul II : Tehnologii informatice utilizate

2.1 Orientări generale privind stabilirea soluției de informatizare

Inovațiile au avut intotdeauna un rol decisiv în dezvoltarea unei structuri economice, în condițiile unei societăti informatizate și de evolutie a tehnologiei informaționale. Într-o era digitală, un agent economic iși poate eficientiza profitul prin intermediul informatizării, cu ajutorul unui website, de prezentare sau care oferă servicii de e-commerce, ce aduce diferite avatantaje precum un plus de imagine. Indiferent dacă vorbim de o firmă ce oferă servicii sau produse, prezența acestuia în mediul online oferă clientului un nivel de informare incomparabil metodelor convenționale (televiziune sau radio).

Scopul unui website este de a atrage potențiali clienti (oameni cu adevarat interesați de produsul dumnevostră), să genereze un volum mare de vânzari și noi contracte.

În continuare vom prezenta succint metodele prin care putem dezvolta sistemul informatic:

II.2 HTML

Unul din primele elemente fundamentale ale WWW (World Wide Web) este HTML (Hypertext Markup Language), care descrie formatul primar în care documentele sunt distribuite și văzute pe Web.

Html se bazează pe limbajul generalizat standard de marcare (Standard Generalized Markup Language – SGML), fiind un limbaj de marcare care descrie documentele web (pagini web). Documentele html sunt descrise prin tag-ul html, fiecare desemnând un document cu un conținut diferit. Un browser web poate citi fișierele HTML și poate să le compună intr-o pagina web, fară a afișa tagurile și scripturile HTML, dar să le folosească pentru a interpreta conținutul paginii.

World Wide Web a fost inventat în anul 1989 de către Berners Lee, având la baza limbajul HTML. Primele specificații de bază ale Web-ului au fost HTML, HTTP și URL.

Hypertext este o prezentare a informației ca o rețea de legături și noduri pe care utilizatorii o pot utiliza într-un mod neliniar, termen introdus de Ted Nelson. Hypertext-ul, la cel mai jos nivel al acestuia, permite conectarea informației folosind linkuri asociative.

Markup este acțiunea pe care un tag html o face in interiorul unei instructiuni, de exemplu el marchează o numită proprietate a textului, de exemplu italic.

Pentru a putea edita documentele html se poate folosi orice editor rudimentar de texte dar și un editor specilizat.

Odata cu devenirea website-urilor mai populare, a apărut nevoia de a crea un limbaj nou, care sa aduca o imbunatatire semnificativă odata la cativa ani. Astfel au aparut diferite versiuni ale acestui limbaj precum:

Tabelul 2.2.1 Versiuni HTML

Urmatoarea schimbare de care avea nevoie HTML-ul era aparitia unui limbaj care sa permită modificarea fontului sau a culorilor, proprietăti esențiale pentru o gamă diferită de utilizatori, limbaj care oferă pagini personalizate cu un aspect mai estetic, deoarece limbajul oferea doar optiuni de a dispune textul orizontal sau vertical. Datorita acestor nevoi a aparut limbajul de programare CSS.

II.3 CSS

CSS (Cascading style sheets) a aparut pentru prima dată în anul 1996, sub forma de CSS1 ca un produs al W3C (World Wide Web Consortium), acesta fiind sursa tuturor reprezentărilor de design web. Cele mai importante îmbunatatiri aduse de CSS sunt elemente precum: selectorii, fundalul, bordurile, valorile fotografiilor, efectele unui text, animațiile și aspectul imparțit pe mai multe coloane. Incă de la prima lansare, CSS-ul a devenit un standard în lumea web design-ului.

O altă noutate a adusă de acest limbaj a fost aplicarea unei proprietăți mai multor elemente, de exemplu pe toate heading-urile. Multe proprietați din HTML au devenit depreciate, fiind mutate în CSS, acest fișier fiind locul central pentru controlul design-ului și prezentare.

CSS a raționalizat procesul tipografic de adăugare a design-ului unei pagini de tip HTML, bazat pe nevoia de a extinde mark-up-urile acestui cod cu scopul de a customiza stilul unei pagini web.

O proprietate CSS ce poate fi aplicată unui element HTML, se realizează în 3 moduri:

în cadrul aceleasi linii de cod

în cadrul fișierului HTML folosind tag-ul <style>

în cadrul unuia sau mai multe fișiere CSS

O problemă cu care s-a confruntat acest limbaj a fost incompatibilitatea în toate browserele, design-ul modificandu-se de la un browser la altul, îndeosebi în Internet Explorer, ceea ce poate fi o redundanță în succesul unui site. Pentru a putea rezolva aceasta problemă putem folosi un cod JavaScript, numit CSS Browser care cu alte cuvinte păcaleste browserul crezand ca este un alt browser.

II.4 Javascript

Javascript (Js) este un limbaj de programare dinamic orientat pe obiect bazat pe conceptul prototipurilor. Este cel mai comun limbaj de programare care face parte din browserele web, ale carui implementare permite clientului scripturi ce interacționează cu userul, controlul unui browser, comunicarea asincron sau modificarea conținutului unui document care este afișat. Este de asemenea folosit în programarea server-side în retea, cu medii de rulare, dezvoltarea de jocuri și crearea de desktop și aplicații mobile.

În ciuda unor denumiri, din punct de vedere sintactic sau al asemănărilor, biblioteca standard JavaScript și Java sunt altfel, nu au legătură unul cu altul și sunt foarte diferite din punct de vedere sintactic. Sintaxa JavaScript este de fapt derivată din C, în timp ce semantica și designul sunt influențate de limajul de programare Self.

Javascript este deasemenea folosit și în ale medii decat web, precum documente PDF sau dispositive desktop. Mașinile virtuale JavaScript mai noi și mai rapide (VMs) și platformele construite pe ele au crescut, deasemenea popularitatea de JavaScript pentru aplicații web server-side. Pe partea de client, JavaScript a fost pus în aplicare în mod traditional ca limbaj interpretat, dar browserele mai recente efectuează compilarea doar în timp. Javascript a fost stardardizat de ECMA sub numele de ECMaScript (standardul ECMA-262).

Javascript a fost inițial dezvoltat de catre Brendan Eich, în timp ce a lucrat pentru Netscape Communication Corporation. În timp ce concura cu Microsoft pentru adoptarea de utilizare a unor tehnologii web și platforme, Netscape consideră că oferind un sistem de operare distribuit cu o versiune portabilă de Java Sun MicroSystems asigură un mediu în care pot fi rulate applet-uri.

Desi a fost dezvoltat cu numele de Mocha, limbajul official a fost denumit LiveScript atunci când a fost expediat pentru prima dată în versiunea beta, în anul 1995, dar a fost redenumit JavaScript cand a fost desfasurat în versiunea de browser 2.0B3.

Netscape a introdus o implementare a limbajului pentru scriptul de server-side cu Netscape Enterprise Server în decembrie, anul 1994, curând după lansarea JavaScript pentru browsere. De la mijlocul anilor 2000 a existat o renastere a implementarii server-side cum ar fi Node.js.

Javascript s-a raspandit rapid fiind adoptat pe scară largă ca un limbaj client-side pentru paginile web. Microsoft introdus suportul JavaScript pe propriile browsere, Internet Explorer, in versiunea 3.0, lansat in August 1996.

In noiembrie 1996, Netscape anunta ca a supus JavaScript standardelor ECMA, acesta fiind considerat un standard în industrie.

JavaScript este o marcă inregistrată a companiei Oracle, utilizată sub licența pentru o tehnologie inventată, implementată de Netscape Comunication și entități actuale, cum ar fi Mozilla Foundation.

Folosirea limbajul de programare JavaScript s-a schimbat de-a lungul anilor. La început interacțiunea JavaScript cu site-urile erau cel mai adesea limitate la interacțiunea cu formularele, oferirea de feedback și detectarea atunci când se fac anumite lucruri. Se foloseste comanda alert( ) pentru a notifica clientul de ceva, în vederea chestionării dacă este în regula să facă sau nu, ori un câmp de formular pentru a obține date introduse de utilizator.

Cu ajutorul limbajului de programare JavaScript putem crea conținut precum linkuri, introducerea de informatii sau trimiterea de formulare offline pentru a crea interfețe moderne, cât mai accesibile utilizatorului precum:

câmpuri de căutare ce sugerează rezultate exact în momentul introducerii, bazate pe inserări ulterioare, proprietate numită autocompletare;

informații care se schimba constant, ele putand fi incărcate periodic fară nevoia utilizatorului de a interveni;

JavaScript poate rezolva problemele unui layout. Utilizand JavaScript se poate găsi poziția și aria oricarui element in pagină și dimensiunile ferestrei browser-ului. Folosind aceste informații, se poate împiedica elemente suprapuse și altfel de probleme;

JavaScript poate spori interfețele pe care HTML-ul le oferă. Putem avea de exemplu o casetă combo, permițând alegerea dintr-o listă de valori presetate;

Puteți folosi JavaScript pentru a anima elementele de pe o pagina, pentru a afișa și a ascunde informații sau a evidenția anumite secțiuni ale unei pagini.

Javascript este o tehnologie minunată, usor de folosit și este versatilă, ce se îmbină perfect cu alte tehnologii precum HTML și CSS, ce construiește o interfață de utilizator extrem de receptivă.

II.5 PHP

PHP este un limbaj de tip server side. Un limbaj server-side este similar cu JavaScript în faptul că permite încorporarea unor mici programe (script-uri) în codul HTML al unei pagini web. Când sunt executate, aceste programe oferă un control mai mare asupra a ceea ce apare în fereastra browser-ului decât HTML-ul poate oferi. Diferența esențială între JavaScript și PHP este stadiul de încărcare.

Din punct de vedere practic, PHP-ul permite unei pagini web statice, sa devina dinamică. PHP este un acronim care vine de la PHP: Hypertext Preprocessor. Cuvântul Preprocessor înseamnă că PHP aduce modificări înainte de crearea paginii HTML. Acest lucru permite dezvoltatorilor să creeze aplicații puternice, care pot publica un blog, la distanță de control hardware, sau rula un site web puternic, cum ar fi Wikipedia.

Limbajele de tip client-side, cum ar fi activarea JavaScript au fost citite și executate de către browser-ul web după descărcarea paginii web de pe server, în contrast cu limbajele server-side, cum ar fi PH-ul, ce sunt conduse de către serverul de web, înainte de a trimite pagina web a browser-ului. Întrucât limbajele de tip client-side permit controlul asupra comportamentului unei pagini după ce a fost afișat de către browser, limbajele de tipul server-side permit generarea paginilor personalizate chiar înainte de a fi trimise catre browser.

După ce serverul de web a executat codul PHP încorporat într-o pagină web, rezultatul ia locul codului PHP în pagina. Toate browserele vad in standard de cod HTML atunci când se incarca pagina, de unde și numele de limbaj server-side.

Avantaje de scripting server-side: nu sunt probleme de compatibilitatea cu browserul (scripturile PHP sunt interpretate de către serverul de web singur), accesul la resurse server-side (cum ar fi introducerea de conținut extras dintr-o baza de date MySQL) și incarcare redusă pe client (JavaScript poate întârzia afișarea unei pagini web în mod semnificativ, în special pe dispozitivele mobile, dar cu ajutorul codului server-side această povară este trecuta la serverul de web).

Limajul de programare PHP este derivat din Javascript, C, C++, C#, Objective-C, Perl, sau alte limbaje asemanatare C-ului. PHP-ul are multe functii ce permit o gama variata de aplicatii, de la trimiterea de e-mail, la lucrul cu informațiile stocate în diferite tipuri de baze de date.

PHP este un limbaj liber tipizat. Aceasta înseamnă că o singură variabilă poate conține orice tip de date, fie că este vorba un număr, un șir de text, sau un alt tip de valoare, și poate stoca diferite tipuri de valori peste durata sa de viață. Desigur, pentru a realiza toate cele prezentate mai sus este nevoie de o aplicație de baze de date, cum ar fi MySQL sau Oracle.

II.6 ORACLE

O bază de date Oracle este o colecție de date tratate ca o unitate. Scopul unei baze de date este de a stoca și de a prelua informații. Un server de baze de date este cheia pentru rezolvarea problemelor de management al informației. În general, un server gestionează în mod credibil o cantitate mare de date într-un mediu multi-users, astfel încât mulți utilizatori pot accesa simultan aceleași date. Un server de baze de date previne de asemenea, accesul neautorizat și oferă soluții eficiente pentru recuperare nereusita.

Inițial dezvoltat în 1977 de către Lawrence Ellison și a altor dezvoltatori, Oracle DB este unul dintre motoarele de baze de date relationale cele mai de încredere și cel mai folosit motor de baza de date relationala.

Sistemul este construit în jurul unei baze de date relațională, în care obiectele de date pot fi accesate direct de către utilizatori (sau o aplicație front-end ), prin limbaj de interogare structurat ( SQL ). Oracle are o arhitectură completa scalabilă baze de date relaționale și este adesea folosit de către întreprinderi la nivel mondial, care administrează și prelucrează datele din rețele de arie largă și locale. Baza de date Oracle are propria componenta de rețea pentru a permite comunicarea între rețelele. Oracle DB este, de asemenea, cunoscut sub numele Oracle RDBMS și, uneori , doar Oracle.

Oracle DB sunt rivalii Microsoft SQL Server pe piața bazelor de date enterprise. Există și alte oferte de baze de date, dar cele mai multe dintre acestea comanda o cotă de piață mica în comparație cu Oracle DB și SQL Server. Din fericire, structurile Oracle DB și SQL Server sunt destul de asemănătoare, care este un avantaj atunci când se invață administrarea unei bazei de date.

Oracle DB rulează pe majoritatea platformelor majore, inclusiv Windows, UNIX , Linux și Mac OS. Diferite versiuni de software sunt disponibile, în funcție de cerințele și bugetul. Ediții Oracle DB sunt ierarhic defalcate după cum urmează :

Enterprise Edition: oferte toate caracteristicile , inclusiv performanță superioară și de securitate , si este cel mai robust.

Standard Edition : conține funcționarea de bază pentru utilizatorii care nu au nevoie de un pachet robust Enterprise Edition

Express Edition ( XE ) : ușor , gratuit și limitat Windows

Oracle Lite : pentru dispozitivele mobile

O caracteristică cheie a Oracle este arhitectura împărțita între logic și fizic. Această structură înseamnă că la scară largă computerizarea distribuita, de asemenea, cunoscut sub numele de grid computing, locația de date este irelevanta și transparenta pentru utilizator, permițând o structură modulară fizica care poate fi adăugata și modificata fără a afecta activitatea bazei de date, date sau utilizatorii. Comun resurselor în acest fel permite rețelele de date foarte flexibile a căror capacitate poate fi reglată pentru a se potrivi cererii, fără degradarea serviciului.

II.7 Zurb Foundation framework

Incepand cu anul 2012, s-a inregistrat un numar mai mic de vanzari a calculatoarelor decat anul precedent pentru prima dată, în favoarea smartphone-urilor și a tabletelor.

Fig 2.7.1

Foundation ajută la construirea unui site responsive pentru a oferi un website optim pentru cei aproxatimativ 35% utilizatori ce folosesc tablete și dispozitive mobile, număr ce se află intr-o continuă crestere.

Fundatia ZURB este o colecție gratuită de instrumente pentru crearea site-uri web si aplicatii web. Acesta conține HTML și template-uri de design bazat pe CSS pentru tipografie, forme, butoane de navigare și alte componente de interfaith, precum și extensii optionale JavaScript.

Foundation foloseste standarde CSS globale, plugin-uri jQuery, elemente comune și cele mai bune practici, lansat în anul 2011. Deoarece tehnologia mobila mobilă a fost din ce în ce mai populara și mai importantă era nevoie de ceva mai funcțional și fluid pentru a lucra la diferite ecrane și orientări diferite.

Fundația are suport relativ incomplet pentru HTML 5 si CSS 3, dar este compatibil cu toate browserele majore. In ceea ce priveste compatibilitatea cu unele site-uri sau cu aplicațiile, fundatia este disponibila pentru toate dispozitivele și browserele. Există un concept de compatibilitate parțială care face informațiile de bază a unui site web disponibil pentru toate dispozitivele și browserele.

Începând cu versiunea 2.0 se implementeaza asemenea un design sensibil. Aceasta înseamnă design-ul grafic de pagini web ajustabil, ținând seama de caracteristicile dispozitivului folosit (PC, tabletă, telefon mobil). Odata cu versiunea 4.0, proiectarea si dezvoltarea dispozitivelor mobile este luat in considerare în prim plan, imbunatațirea paginilor web dar si aplicațiile pentru ecrane mari.

Fundația este modulara și constă în principal intr-o serie de foi de stil SASS care pun în aplicare diferitele componente ale setului de instrumente. Pentru completare pot fi incluse prin Sass sau prin descărcarea personalizata Fundației inițială. Dezvoltatorii pot adapta în sine fișierul Foundation prin selectarea componentelor pe care doresc să le folosească în proiectul lor. Ajustările sunt posibile într-o măsură limitată prin intermediul unui foi de stil configurate central. Sunt posibile schimbări mai profunde prin schimbarea variabilelor Sass. Folosirea limbajului Sass ca foaie de stil permite utilizarea de variabile, funcții și operatori, selectoare imbricate, precum și așa – numitele mixins.

Începând cu versiunea 3.0, configurația Foundation are, de asemenea, o opțiune specială de customizare în documentație. Mai mult decât atât, dezvoltatorii pot utiliza un formular pentru a alege componentele dorite și adapteze, dacă este necesar, valorile diferitelor opțiuni pentru nevoile lor. Pachetul generat ulterior include deja foaia în stil CSS.

Inovatia temei alese se afla in stransa legatura cu functionalitatea acestui framework. Fiind usor de invatat si de programat, permite programatorilor creearea mai rapida a unor pagini optimizate pentru orice tip de ecran, indiferent de orientarea acestora.

Capitolul III: Proiectarea și realizarea site-ului de e-commerce

3.1 Definirea obiectivelor

Obiectivul urmărit de această aplicație este deprins din necesitatea unei firme de a-și lărgi orizontul de clienți, de a se afirma pe piața online și de a-și păstra portofoliul de clienți, oferind facilitățile necesare la costuri reduse.

Principalul obiectiv al acestei aplicații informatice de comerț online este crearea unei interfete interactive în functie de dispozitivul folosit. Astfel în functie de tipul de dimensiunile ecranului folosit de clienti, vizualizarea se va face la dimensiunea potrivită, informatiile fiind ușor de citit și elimină nevoia de mărire a conținutului pe dispozitivele de rezoluții mai mici, tehnică ce va duce la creșterea numarului de produse achiziționate online.

Statisticile arată că majoritatea utilizatorilor care accesează un website care nu este responsive, părăseste website-ul deoarece informațiile sunt greu de găsit, obiectivul principal fiind ca firma să iși păstreze acesti clienți prin oferirea unor informații lizibile și usor de accesat.

Datorită evoluției mediului online, de la începutul anului 2015, Google sancționează website-urile care nu au o interfață mobilă optimizată, astfel indiferent de setarile SEO, la o cautare de pe telefonul mobil, primele website-uri rezultate vor fi din sfera responsive. Studii recente arată ca în ultima vreme 60% din timpul petrecut în digital este petrecut pe smartphone-uri.

Astfel, o companie aproape că nu există, dacă ea nu există în mediul online, deci implementarea web design-ului responsive este vitală în e-commerce pentru a creste numărul de vanzari.

Acest website implementează opțiuni atât pentru clienți, cât și pentru administratorii acestuia. Astfel, un administrator poate adauga un produs, il poate șterge, edita sau poate vizualiza comezile și detaliile acesteia. Cu ajutorul unei interfete prietenoase, clientii vor putea vizualiza, achizitiona produse si pot vedea statusul unei comenzi, prin intermediul unei interfete prietenoase.

3.2 Proiectarea logica si fizica a iesirilor

Ieșirile sistemului informatic constituie rezultatul prelucrării datelor în urma realizării procedurilor automat și pot fi clasificate în:

Indicatori sintetici

Liste/situtii de ieșire (rapoarte)

Grafice

Iesiri destinate altor sisteme informatice.

Evidența utilizatorilor

Aceasta aplicatie contine doua tipuri de utilizatori, de administrator si de client. Toate datele necesare sunt preluate din tabela admin ce contine urmatoarele campuri:

id

username

password

last_log_date

Utilizatorii de tip client pot vizualiza gama de produse, detalii si prețuri. În cadrul coșului de cumpărături sunt disponibile opțiuni de vizualizare, ștergere produse și golire coș de cumpărături. Datele necesare sunt preluate din tabela products ce contine urmatoarele campuri:

id

product_name

price

details

category

subcategory

data_added

Evidența tuturor produselor din baza de date a site-ului va fi afișată sub forma de listă ce va putea fi accesata numai de managerului acestui site. Aceasta listă afisează numele produsului, pretul acestuia și data la care a fost adaugat produsul respectiv. Deasemenea sunt incluse opțiuni pentru a edita produsele introduse anterior, cât și ștergerea acestora.

Liste/situtii de ieșire (rapoarte)

3.3 Proiectarea logica si fizica a intrarilor

Intrările reprezintă ansamblul datelor introduse, gestionate și prelucrate în cadrul sistemului pentru obținerea informațiilor rezultative.

Datele de intrare ale unui client vor fi: înregsitrarea unui nou utilizator, actualizarea și golirea cosului de cumparaturi, iar cele ale administratorului sunt: adaugarea de produse noi sau modificarea celor existente, opțiuni disponibile doar prin intermediul unui username și a unei parole.

Înregistrarea unui client nou se va face prin intermediul formularului de mai jos, majoritatea campurilor fiind obligatorii, deoarece conțin informații elementare pentru finalizarea unei comenzi.

Filtrarea datelor se va face după adresa de email, ce poate avea asociat un singur cont. Dacă o adresa de email este introdusă a doua oară, utilizatorul va fi atenționat.

Odata inregistrați în baza de date, cu ajutorul unei parole și a unui email, utilizatorii vor avea un istoric al tranzacțiilor, de exemplu adresa de expediere a produselor, nefiind nevoie să le reintroducă la fiecare plasare de comandă.

Actualizarea si golirea coșului de cumparaturi sunt optiuni disponibile atât pentru utilizatorii care sunt inregistrați, cât și pentru cei care nu au sunt logati incă pe site, necesitând informații suplimentare pentru a plasa comanda. În cadrul coșului de cumpărături se pot vizualiza date de iesire precum numele produsului, descrierea acestuia, prețul unitar, numărul de produse adăugate în cos, pretul total al comenzii în desfășurare, cât și opțiuni pentru ștergerea unui produs sau modificarea cantitații.

3.4 Proiectarea sistemului de codificare a datelor

3.5 Proiectarea bazei de date

Pentru a putea avea acces la toate datele disponibile în cadrul acestui website, a fost necesară stocarea lor în baze de date. Toate datele legate de baza de date a produselor electronice sunt stocate în cadrul următoarelor tabele:

Tabela admin

Aceasta tabela stocheaza conturide de administratori, conturi ce au permisunea de a executa modificari la nivelul aplicatiei informatice.

Tabela client

Acesta tabela stocheaza conturile clientilor ce s-au inregistrat in baza de date, pentru a putea avea acces la istoricul comenzilor si pentru a vizualiza statusul unei comenzi.

Tabela products

Produsele destinate vanzarii sunt stocate in adrul tabelei products.

Tabela accounts

Tabela order

Tabela transaction

Acest tabel face legatura dintre tabela orders si tabela products. Cu ajutorul acestei tabele de legatura este permisa relatia de tip many to many, astfel un clienti poate comanda mai multe produse si un produs poate fi comandat de mai multi clienti.

Diagrama entitate – asociere

Modelul entitate-asociere este un instrument pentru analiza acelor aspecte semantice ale unei aplicații, care sunt independente de evenimente. Modelul entitate-asociere reduce redundanța datelor. Această abordare utilizează următoarele notații grafice: dreptunghiuri pentru entități, romburi pentru asocieri (relații) și cercuri sau elipse pentru atribute. Pentru situații complexe, o diagramă entitate-asociere parțială (care nu include detalii depre atribute) poate fi utilizată pentru a prezenta o sinteză a entităților și relațiilor. Diagrama entitate-asociere furnizează o metodă eficientă pentru vizualizarea legăturilor între entități, pentru o aplicație dată. Acest instrument s-a dovedit util pentru a face tranziția de la descrierea unei aplicații la o schemă formală a bazei de date. Modelul entitate-asociere este astfel realizat fără a fi necesară atenția asupra proiectării fizice a bazei de date. Diagramele entitate-asociere sunt ulterior transformate într-o schemă conceptuală în unul din modelele în care baza de date se va implementa efectiv.

Entitatea este o un obiect concret sau abstract despre care se colecteaza informatii, au existenta independenta și pot fi indentificate în mod unic. Entitațile se impart în doua categorii: entitați independente ce nu depind de alte entitați, dependente (sau slabe) ce sunt formate din insțante care iși justifică încadrarea în clasa respectivă doar atâta timp cât într-o altă entitate (tată) există o anumită instanță.

Atributele modelează proprietăți distincte ale entitatilor. Ele sunt adesea omise, deoarece acestea pot creea dezordine în diagramă. Deasemenea acestea se impart in doua categorii:

atribute de identificare

atribute de descriere

Asocierile (relațiile) modelează interdependențele dintre clasele de obiecte reprezentate prin entități.

Entitățile se reprezintă prin dreptunghiuri în care este înscris numele entității. În cazul entităților dependente (slabe), conturul va fi cu linie dublă.

Atributele se reprezintă prin cercuri (sau ovale) în interiorul carora apare numele atributului. Ele sunt conectate cu un segment de dreaptă la entitatea de care apartin. Pentru a distinge atributele de identificare de cele de descriere, numele primelor va fi subliniat.

Asocierile se reprezintă prin romburi (dacă conectează una sau doua entitati) sau poligoane regulate (dacă conectează mai mult de două entități) conectate prin segmente de dreaptă la entitățile asociate, având înscris în interior (sau alaturi) numele asocierii.

Diagrama entitate – relatie

ADMIN (id, username, password )

CLIENT(id, username, password)

ORDER(id, order_date,id_client)

Cheie externa: id_client, legatura la tabela client

PRODUCTS (id, product_name, price, details, category, subcategory, date_added)

TRANSACTION (ID_transaction, id_product, id_order, quantity, date_shipping)

Cheie externa: id_product, legatura la tabela product

Cheie externa: id_order, legatura la tabela order

Cap. IV PREZENTAREA PRODUSULUI SOFTWARE

Datorita faptului ca majoritatea oamenilor au un smartphone si o conexiune la internet, dorind ca accesul la informatie sa se faca prin intermediul acestui device, a aparut nevoia de o aplicatie informatica de e-commerce care se adapteaza in functie de dispozitivul folosit. Aceasta solutie elimina necesitatea unei aplicatii mobile, care reprezinta implicit costuri aditionale suplimentare.

Aplicatia de e-commerce dispune utilizatorilor optiuni de client si de administrator, optiuni accesibile prin intermediul unei autentificari cu un username si o parola, filtrate printr-un script ce verifica daca acestea se afla in baza de date.

Meniul de logare se imparte in trei mari categorii: logare pentru clientii ce au deja un cont, inregistrarea unui client nou si optiunea de administrator.

Alegand optiunea ”Click aici daca nu esti inregistrat”, clientul va putea introduce datele sale, date ce vor fi retinute pentru viitoarele comenzii efectuate. Datele introduse vor fi stocate in mod automat in tabela clienti, urmand ca apoi clientul sa poata efectua o comanda.

Pentru administratorii acestei platforme, administratorii dispun de o sectuine dedicata administrarii bazei de date a produselor dedicate comertului online.

Meniul dedicat administratorului se imparte in doua categorii: o cale dedicata managerierii produselor si una pentru vizualizarea rapoartelor.

Una din principalele funcții este adăugarea unui nou produs în baza de date a site-ului, direct din interfața lui.

Daca dupa adaugarea unui produs se doreste modificarea unor date, se poate face cu usurinta, prin intermediul butonului “edit”, ce afiseaza o pagina cu toate toate campurile completate cu datele salvate in prealabil, urmand a fi modificate prin comanda “make changes”.

Cea dea doua functie importanta din meniul de administrare este vizualizarea rapoartelor realizate pe baza inserarilor din baza de date.

La lansarea paginii web de e-commerce va fi afișata o pagină de pornire ce listeaza

produsele electronice destinate vanzării, produse ce sunt grupate în functie de categoria din care fac parte.

Pentru vizualiza mai multe detalii despre un produs dorit, butonul “vezi detaliile produsului” redirectionează clientul spre o pagina unde poate vizualiza specificatiile produsului respectiv, poate vizualiza o galerie foto și îl poate adauga în cosul de cumparaturi prin selecția butonului “Adaugă in cos”.

Odată adaugate în cosul de cumparaturi, acesta pot fi vizualizate, modificate la nivelul câmpului cantitate și se pot sterge unul sau mai multe produse.

Opțiunea de autentificare printr-un cont de tip client oferă avantaje precum salvarea adresei la care se efectuează comanda, data la care sa afectuat aceasta sau statusul unei comenzi.

Pentru înregistrarea unui utilizator nou este necesară introducerea unor date precum nume, prenume, email, parola, telefon, cod postal, adresa, țara pentru a crea un profil al utilizatorului. Unei adrese de mail îi este permisă asocierea unui singur cont, iar la încercarea de creare a unui nou cont cu o adresa de mail asociată în prealabil, user-ul va fi înștiințat.

Pe langa această interfata a clientului, aceasta aplicatie oferă o manageriere la nivel inalt a produselor destinate vânzarii. Cu ajutorul unui username și a unei parole ce trec printr-un filtru de validare, administratorul website-ului are facilitatea de a gestiona inventarul produselor.

În cazul în care se doreste trecerea de la un user la altul sau de la client la admin, se face cu ajutorul butonului de logout, ce permite apoi realizarea funcțiilor specifice.

Navigarea în cadrul acestei aplicații informatice este asigurată de meniul din header-ul website-ului.

Pentru a intelege importanta temei alese, testarea trebuie sa se faca pe diferite dispozitive mobile, tabele si desktop.

Versiune Desktop

Versiune mobila

Versiune tableta

Concluzii

Aceasta aplicatie informatica nu poate epuiza sfera functionalitatilor complexe din cadrul unui website de e-commerce dar isi propune sa implementeze o interfata adaptabila pe diferite dispozitive a unui magazin online, dedicat atat potentialilor clientilor, cat si administratorilor destinati sa managerieze produsele din cadrul acestuia.

Datorita faptului ca majoritatea oamenilor au un smartphone si o conexiune la internet, dorind ca accesul la informatie sa se faca prin intermediul acestui device, a aparut nevoia de o aplicatie informatica de e-commerce care se adapteaza in functie de dispozitivul folosit. Aceasta solutie elimina necesitatea unei aplicatii mobile, care reprezinta implicit costuri aditionale suplimentare.

Logica si interfata a fost proiectata astfel incat acesta, indiferent de gadget-ul folosit, fie el telefon mobil, tableta sau ipad, sa se modeleze in functie de nevoia utilizatorului, indiferent de marime sau rezolutie.

Aplicatia este usor de folosit atat pentru clienti, cat si pentru administratorii acesteia. Fiind o aplicatie care poate aduce un numar considerabil de clienti, aceasta este gandita astfel incat utilizatorul sa aibe o experienta cat mai placuta. Oferind un design unde informatia este usor de vizualizat, vizitatorii sunt mai inclinati sa depuna comenzi, fata de un website neadaptabil care nu atrage interesul vizitatorilor.

Pe langa importanta accordata clientilor, se adauga optunile de inventariere a produselor dedicate vanzarii, implementate pentru administratorii acestui website avand access la modelarea informatiei destinata potentialilor clienti.

Prin prisma fatului ca in acest moment pe piata exista o multitudine de aplicatii asemanatoare, design-ul responsive aduce o imbunatatire semnificativa, fapt demn de luat in cosiderare de o firma din punct de vedere competitiv.

In esenta un design-ul responsive este un beneficiu major, oferind acces la informatie accesata in timp util, de oriunde si de pe orice platforma.

Bibliografie

Cornelia Botezatu – Proiectarea sistemelor informatice. Metode sistemice.Editura ProUniversitaria, Buc, 2007

Virgil Chichernea, G.Garais – Baze de date. Sistemul FoxPro vol.II, Editura Prouniversitaria, 2006

M. Moise – Sisteme informatice cu baze de date, Editura Pro-Universitaria, București, 2008

Daniela Crisan – Limbajul C / C++. Fundamente, Vol. 1, Editura PROUNIVERSITARIA, 2006

Daniela Crisan – Limbajul C / C++. Programare orientata obiect, Vol.2 , Editura UNIVERSITARA, 2006

Botezatu Cezar, George Căruțașu, Doru Chetrariu – Arhitectura calculatoarelor personale și sisteme de operare specifice, Editura Universul Juridic, București, 2005

Ionel Iacob – SGBD Oracle – Ghid aplicativ pentru realizarea solutiilor informatice, Editura ProUniversitaria, 2007, pag 11-195

Ionel Iacob – ORACLE 10g – Proiectarea și realizarea aplicațiilor cubaze de date utilizând limbajul SQL*PLUS, Ed. ProUniversitaria 2009

I. Smeureanu, I. Ivan, M.Dârdală – Structuri și obiecte în C/C++, Ed. CISON, București, 2000, pag. 8-40, 72-127

I. Mușlea – C/C++ pentru avansați, Ed. Microinformatica, Cluj,1995, pag. 9-150

C. Botezatu, Ionel Iacob – Proiectarea sistemelor informatice. Studii de caz pentru managementul activităților unei societăți, Editura Pro Universitaria, 2007

V. Chichernea, C. Botezatu, I. Iacob, C. Fabian R. Mihalca, S.Goron- Proiectarea sistemelor informatice. Metode de realizare, Ed. Sylvi, București 2001

Gh. Sabău, C. Ioniță, G. Bădescu, V. Avram, P. Oprea, C.Cârstea – Baze de date relaționale. Aplicații în turism, Editura CISON, 1998, pag. 2-3, 41-150

L. Negrescu – Limbajul C/C++ pentru începători, Ed. Microinformatica, Cluj,1996, pag.300-361, 394-592

I. Lungu, C. Bodea, C. Ioniță, G. Bădescu – Baze de date. Organizare, proiectare și implementare, Ed. All, 1995, pag.2-22, 26-57, 60-162, 164-196, 218- 244, 330-352

http://www.forbes.com/sites/joshsteimle/2013/11/08/why-your-business-needs-a-responsive-website-before-2014/ Accesat la data de 2014.12.22

http://en.wikipedia.org/wiki/JavaScript Accesat la data de 2014.12.22

http://www.w3.org/community/webed/wiki/What_can_you_do_with_JavaScript Accesat la data de 2014.12.23

http://en.wikipedia.org/wiki/Foundation_%28framework%29 Accesat la data de 2015.01.05

http://www.sitepoint.com/sneak-peek-of-kevin-yanks-new-php-mysql-book/ Accesat la data de 2015.01.05

http://en.wikibooks.org/wiki/PHP_Programming Accesat la data de 2015.01.06

http://www.techopedia.com/definition/8711/oracle-database Accesat la data de 2015.01.07

http://www.mpt.upt.ro/doc/curs/gp/Bazele_Managementului/Functia_de_organizare_cap3.pdf Accesat la data de 2015.01.10

ANEXE

Script de conectare la baza de date

Script afisare produse pe pagina de home

Script produse

Script-uri realizare cos de cumparaturi

Script creare un utilizator nou

Script de verificare a contului de client la momentul autentificarii

Script de verificare a contului de admin la momentul autentificarii

Scripturi pentru creare tabele

Tabela admin

Tabela client

Tabela orders

Tabela transaction