Practică FEAA - Informatică

Universitatea Alexandru Ioan Cuza, IaiFACULTATEA DE ECONOMIE I ADMINISTRAREA AFACERILOR

Practica n informaticMuntean Mihai - 31040701SL110896Ciobanu Dorina - 31040701SL110412Modulul 2, Seria 4, Grupa 2401.Site-ul creat: www.perfumes.16mb.com

Descrierea aplicaiei web Aplicaia web a fost creat cu ajutorul a dou instrumente gratuite:1. Sistemul de gestionare a coninutului Drupal (www.drupal.org)2. Sistemul de comer online Ecwid (www.ecwid.com)Pentru a gzdui fiierele aplicaiei am ales serviciile gratuite de hosting ale website-ului www.hostinger.ru. Acesta ne permite s publicm aplicaia web n Internet i s o punem la dispoziia vizitatorilor, online. Dup ce crem un cont pentru aplicaia noastr, site-ul de hosting ne pune la dispoziie un spaiu pe server de 2000 MB, un bandwith (trafic) de 100000 MB i multe alte instrumente necesare la crearea unei aplicaii web. Unul dintre aceste instrumente este Autoinstaller-ul, care permite instalarea unei platforme doar prin cteva click-uri. Sistemul de comer Ecwid este compatibil cu mai multe platforme, ns noi am ales s utilizm Drupal, datorit faptului c permite foarte uor utilizatorilor nceptori s creeze aplicaii web dar i ofer posibilitatea de a crea unele aplicaii web avansate.

Imediat dup alegerea platformei dorite ni se va cere s furnizm adresa unde dorim s fie instalat, un Administrator Username i Administrator password.

Dup finisarea procesului de instalare a platformei ni se vor furniza un ir de informaii necesare utilizrii platformei, ceea ce nseamn c platforma a fost instalat cu succes.

Imediat dup instalarea platformei website-ul arat astfel:

Primul pas va fi instalarea unei teme care s corespund tipului de afeceri alese. Toate temele i modulele utilizate n acest proiect au fost descrcate de pe site-ul www.drupal.org. Pentru aceast aplicaie web am ales tema Mystique. Pentru a instala tema dat vom utiliza managerul de fiiere pus la dispoziie de www.hostinger.ru i vom ncrca arhiva cu tema n folderul themes.n urmtoarea imagine se observ un nou folder numit mystique theme:Pentru a modifica website-ul n orice direcie este necesar s ne logm. Din meniul Appearance vom activa butonul Enable and set default precum se observ n imaginea urmtoare.

Aceast tem poate fi personalizat prin alegerea unei culori din cele 4 posibile i a unui font din 3 posibile:Urmtorul pas ar fi modificarea informaiei despre aplicaia web din cadrul meniului Configuration/Site Information. Aici vom specifica:1. Numele site-ului: Perfumes Store2. Slogan-ul site-ului: Feel different every day !3. Adresa de e-mail specificat ca sender n e-mail-urile de confirmare a nregistrare a utilizatorilor: [email protected]

Crearea paginilor Home i What's Newntruct Drupal afieaz iniial n pagina Home (Acas) toate articolele n ordine cronologic vom redenumi aceast pagin n What's New (Structure/Menus/Main Menu - List Links/Home - Edit) iar pentru Home vom crea o pagin nou (Add Content/Basic Page).

Crearea paginii Produse i Servicii1. Crearea unui cont pe site-ul www.ecwid.com i adugarea de categorii, subcategorii i produse:

2. Crearea unei pagini simple (Add content/ Basic Page)3. Modificarea formatului textului n Full Html4. Copierea codului oferit de ecwid.com (din meniul dashboard) i nserarea n pagina nou creat.

Crearea blocului search i amplasarea lor

Site-ul www.ecwid.com ofer mai multe buci de cod care ar crea un search bar sau o list a categoriilor pentru o navigare rapid spre produse de pe orice pagin a site-ului nostru. Pentru a afia aceste widget-uri pe website-ul nostru este nevoie s crem noi blocuri i s le personalizm pe cele existente. Tema Mystique pe care o utilizm ofer urmtoarele spaii pentru blocuri:1. Content2. Sidebar3. Footer

La nceput vom nsera n sidebar unele din blocurile existente: User Menun regiunea content vom avea un singur bloc - Main Page Content, iar la footer - User login.Pentru a crea un bloc vom activa butonul Add Block din meniul Structure/Blocks. La Block Title vom introduce titlul blocului care va fi vizibil n sidebar, la Block Description vom introduce o descriere vizibil administratorului iar la Block Body vom introduce codul html preluat de pe www.ecwid.com.

Att blocul de cutare al produselor i blocul categoriilor vor fi amplasate n sidebar.

Crearea formularului feedbackPentru a perfeciona aplicaia web i pentru a elimina bug-urile este nevoie s recepionm feedback. Pentru ca utilizatorii s ofere feedback, acest proces trebuie s fie simplificat la maxim. Astfel, www.drupal.org ofer un modul care odat activat permite utilizatorilor s lase un feedback de pe orice pagin s-ar afla (http://drupal.org/project/feedback). Pentru a instala acest modul este nevoie s ncrcm arhiva .zip n folder-ul modules n acelai mod folosit la ncrcarea temei. Activarea acestui modul se efectueaz din meniul Modules. Pentru a configura acest modul (adugarea cmpurilor necesare de completat la lsarea unui feedback) vom accesa meniul Configuration/Feedback/Manage Fields i vom cere ca persoanele care las un feedback s furnizeze un nume.

La final, butonul feedback arat astfel:

mbuntirea interfeei utilizatoruluiPentru a oferi utilizatorului o alegere n privina interfaei site-ului am apelat la un modul de pe site-ul oficial Drupal (http://drupal.org/project/switchtheme) care permite a schimba tema. Instalarea acestuia se face n modul urmtor:1. ncrcarea n folderul Modules.2. Activarea din meniul Modules.3. Aranjarea blocului pentru fiecare tem: Mystique - Footer Corrola - Footer4. Schimbarea numelor temelor din meniul Configuration/SwitchTheme. (opional). La final acest modul arat astfel:

Ca concluzie, Drupal este o platform excelent pentru orice gen de aplicaie web oferind posibilitate nceptorilor s creeze o aplicaie web simpl. Iar datorit modulelor, temelor oferite gratuit de www.drupal.org i ajutorului comunitii se poate creea relativ uor i o aplicaie web avansat. Am ales s crem un website al unei organizaii a crei activitate este comercializarea parfumurilor, iar datorit instrumentelor oferite de Drupal am reuit s personalizm website-ul i s-i imprintm tematica activitii n design-ul site-ului.