Realizarea Unui Site Web de Promovare Si Prezentare a Societatii Comerciale

CUPRINS

Introducere

Capitolul 1. Studiul si analiza societății comerciale

1.1 Istoricul societății comerciale si serviciile pe cale le ofera

1.2 Prezentarea succintă a Societății Comerciale Super Copy International SRL

1.3 Mediul de marketing al firmei

1.4 Analiza S.W.O.T. firmei

1.5 Strategiile de piață ale societătii și obiectivele acesteia

1.6 Sistemul de conducere al societății

Capitolul 2 . Tehnologiile Web utilizate

2.1 Pagini Web si Servere Web

2.2 HTML, CSS si JavaScript

2.3 PHP, Apache si MySQL

2.4 Dreamweaver CS6

2.5 CorelDraw X7 Graphics Suite

Capitolul 3. Proiectarea noului sistem informatic

3.1 Definirea obiectivelor si oportunitatii sistemului

3.2 Proiectarea iesirilor

3.3 Proiectarea intrarilor

3.4 Stocarea informatiilor pe site

3.5 Proiectarea bazei de date in XAMPP

Capitolul 4. Structura site-ului web

4.1 Informatiile alocate despre site

4.2 Crearea paginilor web

4.3 Concluzia

Bibliografia

INTRODUCERE

„Promovarea și prezentarea unei societăți comerciale cu ajutorul unui site web” este o temă prin intermediul căreia se va crea un site web pentru o societate cormecială și anume SC Super Copy International SRL, astfel cu ajutorul site-ului se încearcă atragerea mai multor clienți prezentându-le noutățiile și ofertele pe care le posedă această societate.

În urma unui studiu făcut în acestă societate, s-a observat că de-a lungul anilor fluxul de clienți a început să scadă, iar încasările o data cu acesta. De aceea, s-a pus la punct crearea acestui site, pentru a atrage clienți noi si pentru a crește profitul societății.

Acest site va fi creat cu ajutorul limbajului de programare PHP, dar si cu ajutorul programelor Dreamweaver, pentru designul paginilor web și a programului de editat poze Corel Draw, iar pentru baza de date se va folosi MySQL, care va asigura informarea clienților pe site in legătură cu prețurile sau modificările de prețuri la anumite produse precum și dacă anumite stocuri au fost epuizate.

Site-ul va conține:

-o pagină de start (Home) unde vor fi prezentate serviciile aduse de societate.

-o pagină care va prezenta un scurt istoric al societații.

-o pagină care va prezenta toate cele 4 centre de lucru ale societații și ce aparatură și servicii conține fiecare.

-o pagină de noutați, unde se vor face diferite anunțuri despre societate.

-o pagină care va conține toate ofertele si prețurile serviciilor prestate.

-o pagină pentru contacte.

SC Super Copy International SRL este o societate comercială ce are la bază prelucrarea pozelor de pe filme si mediul digital, printarea si copierea documentelor, papetărie, crearea carților de vizită, scanarea si plotarea schițelor, reclame, îndosarierea, crearea coperților de licență pentru studenți și laminarea.

Crearea site-ului este realizată la cerința Societății Comerciale Super Copy International, costurile fiind suportate de beneficiar unic.

Capitolul 1 Studiul si analiza societății comerciale

Istoricul societății comerciale si serviciile pe cale le oferă

Societatea Comerciala Super Copy International SRL a fost înființată în anul 1991, fiind una din primele firme care a contribuit la dezvoltarea pieței de servicii foto, copiere, printare din România. Primul sediu a fost înființat pe B-dul Magheru nr.9a,numindu-se Eva, odata cu dezvoltarea societății s-au deschis si alte sedii cum ar fi: sediul de la Piața Romană nr.9, Piața Mihai Kogalniceanu nr. 5, Bd. Regina Elisabeta ,vizavi de Liceul Lazăr nr.61, pe Strada Grigore Cobălcescu nr. 29, Strada Domnița Anastasia nr.3. În prezent, au mai ramas 4 sedii: Magazin Cobălcescu, Magazin Romană, Magazin Kogălniceanu, Magazin Anastasia; cel de la Eva a fost demolat, iar cel de la Lazăr închis.

Super Copy International SRL este o societate comercială care oferă servicii de:

Xeroxare

Printare dupa stick-uri de memorie, cd-uri, carduri si e-mail

Prelucrare si tipărire fotografii tip buletin, pașaport, viză, permis auto

Prelucrare și tipărire fotografii pentru albume foto 9X13, 10X15, 13X18, 15X21, 20X30, 25X38.

Laminare începând de la A5 la A0

Îndosariere cu spirală de plastic, metal si baghetă

Prelucare ștampile

Realizare carți de vizită

Plotare de la A3 pana la A0

Scanare de la A4 pana la A0

Papetărie și produse foto ( filme, baterii, rame, albume etc)

Realizare calendare

Recondiționare fotografii

Inscripționare coperți de diplomă, licență, dizertație

Copiere documente pe dvd/cd

Transfer de pe casetă video pe dvd

Realizare invitații nuntă, botezuri

1.2 Prezentarea succintă a Societății Comerciale Super Copy International SRL.

În perioada crizei economice, care a avut loc între anii 2007-2013, societatea a fost afectată, profitul a scăzut de la an la an, dar datorită ofertelor și sacrificiilor aduse de către director si angajații acestei societăți a reușit să reziste pe piață și să nu dea faliment. Fig.1

Fig.1

Indicatori economico-financiari ai societății din anii anteriori:

Mediul de marketing al firmei.

Societatea comercială Super Copy International are doua tipuri de marketing: extern si intern.

Marketingul extern al firmei este instabil, deoarece sunt în permanență schimbări,

de multe ori unele din ele sunt greu de prevăzut, afectând firma în mod direct. Acest mediu cuprinde:

-clienții firmei sunt satisfacuți de serviciile de înaltă calitate pe care le oferă firma, aceasta are clienți vechi de 10-23 ani, dar prin intermediul acestora și al ofertelor firmei apar și clienți noi.

-în prezent firma are 2 furnizori de marfă principali: SC Austral Trade SRl si SC Com Gex SRL, aparatura firmei fiind luată din Germania.

-furnizorii forței de muncă sunt Ejobs, Hipo și anunțurile date în ziare în căutarea personalului, aceștia asigurând aganjații corespunzători pentru firmă.

-firma are cinci prestatori de servicii: SC Alis Print SRL, care se ocupă cu încărcarea cartușelor și a tonerelor, SC Top Compiters Systems SRL, care se ocupă cu reparațiile calculatoarelor, Enel, care asigură electricitate sediilor, Apa Nova , asigură sediile cu apă curentă, Banca BCR care asigură firma cu împrumuturi pe termen lung și scurt.

-firma trebuie să asigure respectarea cerințelor emise de organismele publice pentru ași desfașura activitatea cum trebuie, fără întreruperi. Aceste organisme publice sunt: Autoritatea Națională pentru Protecția Consumatorului, Direcția de Sănătate Publică,Inspectoratul de Pompieri și situații de urgență, Inspectorul de protecție a muncii, ITM si Trezoreria.

-concurența firmei este directă, deoarece sunt multe firme care prestează același servicii. Un concurent al firmei este SC Copy Print SRL, el aflându-se lângă sediul de la Romană și SC Stampile OK SRL, care se află lângă sediul de la Kogălniceanu.

-mediul economic al firmei este echilibrat, depinzând foarte mult de fluxul de clienți, de comenzile primite cât și de volumul cererii de mărfuri, prețurile și concurența.

-mediul demografic al fimei este foarte bun, deoarece toate magazinele sunt situate în zone bine populate, aflându-se în centrul Bucurestiului, fluxul de clienți fiind constant.

-mediul tehnologic al firmei este avansat, deoarece aparatele sunt noi și prin intermediul lor pot fi create noi modalități de a satisface clienții, oferindu-le servicii de înaltă calitate.

-mediul natural al firmei este unul bun, nu există riscuri de poluare, creșterea costului de energie este stabil, iar condițiile climatice sunt favorabile.

-mediul politico-legislatic al firmei este format din structurile sociale ale societății și forțele politice ce intervin, acestea determinănd un climat stabil, iar legislația firmei cuprinde tot ansamblul normelor juridice și actelor normative care stabilesc desfașurarea activitățiilor comerciale.

-mediul cultural este specific zonei, acesta cuprinzând valorile, normele, credințele, comportamentul și tendințele demografice asociate zonei în care se află firma.

Marketingul intern al firmei cuprinde următoarele:

Personalul firmei, fiecare magazin are câte o echipă:

-Cobălcescu are 10 angajați

-Romană are 10 angajați

-Kogălniceanu 2 angajați

-Anastasia 3 angajați

Echipamentele firmei : aparate xerox, laborator foto, calculatoare, imprimante, aparat foto, aparat de plotare, scanner, aparat de împachetat planuri, aparat de laminat, ghilotină

Resursele financiare vin din comenzile făcute din produsele pe care fiecare sediu le vinde, si le comercializează,serviciile pe care le oferă clienților, împrumuturile de la banci.

1.4 Analiza S.W.O.T. firmei

Analiza S.W.O.T. este o metoda folosită în mediul de afaceri pentru a ajuta proiectarea unei viziuni de ansamblu asupra unei firme. Aceasta evaluează factorii de influența interni și externi ai unei firme dar si poziția acesteia pe piața.

1.5 Strategiile de piață ale societătii și obiectivele acesteia

Obiectivele firmei:

deschiderea unui nou magazin pe Calea Moșilor

înlocuirea aparatelor vechi, uzate

angajarea si intruirea unei noi echipe

mărirea profitului si atragerea mai multor clienți noi

Strategiile firmei:

Văzând că nivelul competiției crește, a fost apelată strategia ofensivă cât și strategia defensivă pentru ca firma să poată funcționa în norme normale fără a afecta cerințele clienților.

Firma a recurs la strategia ofensivă, deorace dorește să își crească profitul, dar fără să își piardă clienții ,iar pentru a atrage clienții celorlalte firme competitive, ea a recurs la urmatoarele strategii:

-oferte noi pentru clienți, care cuprind reduceri

-aparate de ultima generație, oferindu-le calitate superioară

-marfă nouă la papetărie

-deschiderea unui nou magazin

In același timp, firma a recurs și la o strategie defensivă, în cazul în care nu va avea efect cea ofensivă:

-reducerea cheltuielilor cu furnizorii

-reducerea salariilor

-concedierea personalului

-reducerea cheltuielilor cu administrația și restul de cheltuieli care nu erau importante

Fața de dinamica pieței, firma a ales strategia creșterii, ea încercând să se dezvolte tot mai mult și să cuprindă toate cerințele consumatorilor.

Față de struncturile pieței, firma a ales o strategie diferențiată, deoarce firma se adresează la o gamă mai mare de produse, servicii, promovarea specifică fiecarui segment (digital, xerox, papetărie. )

Față de schimbarile de piața, firma a adoptat strategia activă, ea fiind în permanență înnoire si perfecționare.

Exigența pieței este foarte ridicată, firma a recurs la strategia exigenței ridicate, ea încercând să satisfacă cerințele pieței, chiar depășindu-le uneori.

1.6 Sistemul de conducere al societății

Managementul societății asigură studiul sistemului de conducere, acest management este asigurat de un personal bine pregătit, cu experiență îndelungată în această activitate, asigurînd siguranța societații.

Structură personal:

Director general :

– monitorizarea activității resurselor umane

– monitorizarea circulației informațiilor

– prezentarea intereselor organizației

– munca în echipă managerială

– implementează măsuri de îmbunătățire a societății

– controlul realizarii indicatorilor tehnico-economici

– coordonarea activității de producție sau prestare de servicii

Contabil :

– supravegherea situatiei financiare a firmei

– efectuează analiza economico-ficanciară, audit ficanciar-contabil si evluari patrimoniale

– execută alte lucări cu caracter financiar-contabil

– acordă asistență de specialitate necesară pentru inființarea și reorganizarea societății comerciale

– acordă asistență privind organizarea și ținerea contabilității

Manager :

– coordoneaza personalul firmei

– asigură reursele necesare pentru fiecare sediu

– asistență în negociere

– asistență în training

– asistență ăn participările la conferințe

– cercetează piața muncii

– păstrarea bunei dispoziții și a unei înalte motivări

Șef magazin :

– asigură marfa sediului

-participă la ședințe

– în caz că sunt certuri între personal, el intervine și calmează lucrurile

– verifică dacă toate actele și contractele angajaților acelui sediu sunt în ordine și nu lipsesc în caz de control

Operator Pc:

– prelucreaza datele pe calculator și le printează

– realizează cărți de vizită

– editează fotografii

– prelucrează mulajele pentru ștampile

-vânzarea produselor foto

-scanează documente

Operator Xerox:

– copiază documentele cu ajutorul aparatului xerox, laminări

– face îndosarieri cu spirală de plastic, fier

– vânzarea materialelor care țin de pepetărie și birotică

CAPITOLUL 2 – Tehnologiile Web utilizate

În ziua de azi, calculatorul este cel mai folosit obiect în domeniul de afaceri, deoarece prin intermediul acestuia, utilizatorii pot stoca informații necesare pentru domeniul în care lucrează, sau chiar să navigheze prin rețeaua de calculatoare, ce acoperă întreaga lume, încercând să își facă reclamă societății la care este administrator sau director.

Prin internet, se întelege de obicei un ansamblu de rețele de calculatoare interconectate din întreaga lume, dar acest concept este greșit, deoarece internetul nu este o rețea de calculatoare, ci un ansamblu de reguli și protocoale de comunicație prin intermediul cărora se permite transferul de date, între diferite rețele de pe glob.

Internetul a fost dezvoltat foarte rapid, în anul 1985 aproximativ 2000 de calculatoare erau legate la Internet, iar în momentul de față sunt sute de milioane de calculatoare conectate în întreaga lume, prin intermediul acestora se permite conectarea unui numar foarte mare de utilizatori. În România, Internetul a pătruns mai greu, deoarce era considerat un lux inutil. Odata cu dezvoltarea Internetului în România, multe societăți au renunțat să își mai facă reclamă prin intermediul afișelor, fiindcă au înțeles că prin intermediul Internetului, se pot dezvolta mult mai bine și au recurs la crearea de site-uri web de promovare și prezentare a societății și a produselor.

Un site web este o aplicație, care are în alcătuire două părți si anume: partea de server (partea de back-end) și partea de client (partea de front-end).

Acest model de client/sever descrie relația dintre 2 aplicații, fie că sunt pe același calculator, fie ca sunt pe calculatoare diferite, clientul accesează o pagină web, făcând cerere la server, iar serverul va procesa această cerere și va returna un răspuns.

În cazul unui site web, clientul și anume navigatorul, trimite cererile unui server, solicitând pagini statice sau pagini dinamice. Cele statice sunt paginile care nu au nevoie de nicio procesare pe partea de server, iar cele dinamice sunt paginile ce cuprind anumite script-uri scrise într-un anumit limbaj de programare, fiind pe urmă procesate de server și trimise către client sub formă de pagină statică.

Un site web este format din mai multe limbaje de programare și anume: HTML, Java Script care se ocupă de prezentarea informațiilor către client si PHP, ASP, Perl care se ocupă de partea de server, acestea fiind utilizate pentru procesarea și stocarea informațiilor.

2.1. Pagini Web si Servere Web

World Wide Web a fost contruit pe baza unui protocol numit Hypertext Transfer Protocol sau HTTP. HTTP este un protocol rapid care se potrivește bine cu sistemele informatice multimedia și prin intermediul căruia se pot face diferite salturi între site-urile web.

Web-ul este de fapt o pagină de informații de pe un calculator care are instalat un software de tip server Web, dar aceste calculatoare sunt de multe ori indentificate ca servere Web, lucru care nu este corect, deoarece serverul web nu este calculatorul in sine, ci un software care este instalat în calculator.

Conexiunile la serverele web se fac prin intermediul conexiunii adreselor IP. O conexiune IP se stabilește prin Internet, între gazda solicitantă si gazda pe care rulează serverul Web, apoi pagina cerută este transmisă prin acea conexiune, iar acesta este întreruptă de îndată ce informația este primită de catre solicitant.

Serverele au atribuit câte un port și anume portul 80, dar aceste poate fi schimbat de către utilizator.

Paginile web înregistrate pe un server, sunt create cu ajutorul unor limbaje de programare și anume HTML, CSS, JavaSCript, PHP etc.

2.2. HTML, CSS si JavaScript

HTML ( HyperText Markup Language ) a fost creat inițial pentru partajarea documentelor, pentru toate cumunitatea științifică care utiliza internetul. Acest limbaj a fost primul în ințierea de web design, dezvoltându-se pe parcusul anilor, căpătând versiuni mai noi si mai complexe.

HTML este necesar pentru a atașa o pagină web la un navigator (Browser); acesta ocupându-se cu structurarea și prezentarea documentelor, care se vor adauga la pagina web. La baza tutoror paginilor web se folosesc etichete, denumite tag-uri, prin intermediul cărora redă informațiile browser-ului, acesta înterpretându-le, iar documentul va fi structurat în diferite moduri (liste, tabele, imagini, text).

Standardele HTML sunt păstrate de către W3C (World Wide Web Consortium), o asociație condusă în prezent de către Tim Berners-Lee, care are rolul de a dezvolta standardele pentru WWW (World Wide Web), în vederea îmbunătățirii limbajului, pentru a putea fi accesat de toți utilizatorii.

Toate fieșierele HTML trebuie să înceapă cu declarația <!DOCTYPE>, care are rolul de a informa navigatorul despre versiunea de HTML, utilizată pentru scrierea paginilor. Dupa aceasta declarație, urmează tag-ul <html></html>, acesta cuprinde toate celelalte tag-uri si transmite navigatorului că documentul care este scris este de timp HTML. Acest tag este urmat de catre elementul <head></head>, prin intermediul lui sunt adăugate informații desprea document, cum ar fi: titlul (tag-ul <title>), descriere, detalii despre autor, iar pentru a putea adăuga fișiere externe se va folosi tag-ul <link>. Tag-ul <body></body> este utilizat pentru a adăuga imagini, texte, liste, tabele, paragrafe, etc (în documentul HTML.)

Odată cu dezvoltatea HTML-ului, a fost nevoie și de un instrument care să personalizeze paginile web, apărând CSS. Cascading Stule Sheet, sau pe scurt CSS este un limbaj de personalizare, care se ocupă cu stilizarea etichetelor (tag-urilor), standardele sale fiind menționate tot de către World Wide Web Consortium (W3C). Utilizând acest limbaj în documentele HTML, se pot personaliza culorile la texte, margini, imagini chiar și culorile de fundal, dar ajută și la poziționarea elementelor în pagină. CSS este un limbaj simplu ,putând fi utilizat de către toți cunoscătorii de HTML, proprietătile fiind specificate prin cuvinte în limba engleză: fond, text-align, border, background etc.

CSS poate fi adăugat direct în interioarul etichetelor HTML, prin atributul „style” fiind numit CSS inline, sau mai poate fi adăugat în paragraful de head a fișierului HTML ,cu ajutorul tag-ului <style>, fiind numit CSS intern, dar cea mai buna metodă de a utiliza CSS este printr-un fiesier extern (CSS extern). CSS extern este inclus tot în partea de head a fișierului HTML, cu ajutorul etichetei (tag-ului) <link> (<link rel=”stylesheet” type=”text/css” href=”style.css”>), fiind mai ușor de făcut modificare în personalizarea paginilor , necesând doar modificarea documentului CSS.

Un alt limbaj de programare utilizat în crearea de site-uri web este JavaScript ,fiind de tip script, lucrând pe partea de client; definește coportamentul elementelor într-o pagină Web. JavaScript este folosit în general să adauge anumite funcții între pagini Web și anume să raspundă la anumite acțiuni(mișcări de mouse, apăsarea unei taste, etc), comunică direct cu serverul, validează date și multe alte acțiuni necesare pe o pagină Web.

Acest limbaj de programare a fost dezvoltat de către firma Nerscape, de Brendan Eich, având numele de LiveScript, dorind să extindă fuctionalitățile HTML-ului. JavaScript a fost dezvoltat pentru a rezolva sarcini simple de client și de a face mai interesantă partea de navigare în cadrul aplicației web.

JavaScript are o librărie numită Jquery, aceasta fiind concepută de către John Resig în anul 2006, pentru a simplifica anumite lucruri cum ar fi parcurgerea unui fișier HTML, apelurile AJAX, manipularea evenimentelor și animațiile. JQuery este una din cele mai populare librării din JavaScript, în prezent schimbând modul de codare a multor dezvoltări în JavaScript, totodată au fost create foarte multe plugin-uri care au rolul de a extinde fucționalitatea librăriei Jquery, din acest motiv aceasta este foarte importantă pentru orice porțiune de scripting pe partea de client.

Librăria JQuery oferă anumite modalități de selectare a elementelor dintr-o pagină, poate schimba și proprietăți din CSS dinamic, chiar să si modifice conținutul paginii web, simplificând schimbul de date cu server-ul fără să încarce pagina, dar să se adauge animații interesante și complexe în paginile Web.

2.3. PHP, Apache si MySQL

În urma unui studiu făcut în anul 2002, PHP este unul din cele mai folosite limbaje folosite pentru server-side. Acesta popularitate este datorată de anumite caracteristici pe care le deține acest limbaj:

Simplitatea: este un limbaj usoș de folosit; nu are nevoie de includerea de bliblioteci sau de directive de compilare

Familiaritatea: acest limbaj are o sintaxă ușoară, combinând sintaxele din Perl sau C

Eficiență: alocă resursele necesare unui mediu multifuncțional și anume paginile Web.

Securitate: este foarte sigur, având un site flexibil si efiecient de siguranță

Gratuitate: este una din cele mai importatente caracteristici ale PHP-ului având o licență open-source.

PHP este un limbaj de tip scripting folosit pe scara largă pentru site-urile web. A fost dezvoltat de catre Rasmus Lerdof în anul 1995, datorită dorinței acestuia de a urmări numărul de vizitatori ai site-ului său.

PHP sau Personal Home Page a fost lansat ca open source dezvoltându-se de-a lungul timpului datorită mai multor dezvoltatori care au dorit să perfecționeze limbajul. În anul 1997 PHP a fost numit „PHP: Hypertext Preprocessor” reprezentând unul din cele mai importante limbaje de programare web.

Fiind rulat din linia de comanda, PHP permite sa creezi aplicații indepedente, dar principalul scop era acela de a creea scripturi care pot fi rulate pe un server web, permițând modoficările paginilor web, înainte să trimită datele de server către navigatoarele utilizatorilor.

Pentru a utiliza PHP-ul pe un site este necesar un server prin intermediul căruia să proceseze script-urile PHP, de aceea a apărut și a fost dezvoltat Apache. Acesta este un server HTTP de tip open source, care permite caculatorului să ruleze scripturi PHP local (localhost) fapt pentru care Apache este un element foarte important în dezvoltarea aplicațiilor PHP.

Apache este unul din cele mai populare servere web în prezent, construind foarte mult la dezvoltarea Internetului. Au fost create multe module pentru a extinde fucționalitatea server-ului Apache. Una din cele mai importante fiind suportul Common Gateway Interface sau CGI și găzduirea virtuală a mai multor site-uri simultan.

Una din caracteristicile site-urilor dinamice este aceea de a stoca date asfel încât pot fi modificate rapid și ușor, acest lucru fiind principala diferența dintre un site dinamic și unul static dezvoltat în HTML. De aceea PHP nu oferă o metodă foarte bună de stocare a datelor, și are nevoie de un sistem de gestiune a bazelor de date relaționale (SGBD).

Una din cele mai populare SGDB-uri cunoscute în prezent este MySQL și este des întâlnit împreună cu PHP. Acest SGDB a ăparut inițial în anul 1996 și este denumit după numele fiicei autorului și co-fondatorului Michael Widenius, My și SQL (Structured Query Language).

MySQL permite utilizatorilor să stocheze datele în tabele bine structurate pe linii și coloane pentru ca informațiile să fie bine organizate, acestea fiind un server cu baze de date SQL multi-ușor și multi-thread. MySQL utilizează un limbaj de programare cunoscut și anume SQL, prin intermediul căruia se pot insera, șterge și modifica datele dintr-o bază de date. SQL este limbajul speficific în dezvoltarea datelor SGBD.

Exemple de comenzi SQL; aceste comenzi se pot scrie cu litere mari sau mici, iar la terminarea comenzii se adaugă caracterul „ ; ’’:

create database –creează baza de date

use – selectează o baza de date

create table – creează un tabel

alter – prin intermediul acesteia se modifică definiția unui tabel

insert – adaugă înregistrari în tabel

update – permite modificare valorilor dintr-un tabel

drop – permite ștergerea unui tabel din baza de date

show – este folosit pentru listarea tabelelor

select – ajută la găsirea unor date din bază

quit – întrerupe conexiunea cu server MySQL

2.4. Dreamweaver CS6

Odată cu dezvoltarea limbajelor de programare au apărut și programe care permiteau să iți personalizezi paginile web foarte ușor, fără să inserezi vreo linie de cod. Aceste programe duc mai departe dezoltarea Internetului. Conțin toate limbajele necesare în dezvoltarea unui site web.

Adobe Dreamweaver a apărut în anul 1990, detinând aproximativ 80% din piața editorilor HTML. Acest produs poate fi rulat pe platforme Mac OS, Windows, dar suportă și UMIX. Dreamweaver permite folosirea tuturor navigatoarelor instalate pe calculator pentru a previzualiza site-ul.

Adobe Dreamweaver CS6 este unul din programe care iți permite să creezi pagini web, având două structuri importante și anume una de design si una de cod. Prin intermediul acestor două structuri, pot fi create site-urile web în diferite limbaje de programare (HTML, PHP, CSS, JavaScript etc). Dreamweaver este un program de tip generator de cod și anume WYSIWYG ( What You See is What You Get). Acest lucru înseamnă că dacă se vor face modificari în înteriorul programului, rezultatele vor aparea instantaneau.

Interfața acestui program este foarte ușor de utilizat deoarece folosește un sistem de panouri și ferestre fixe care nu-și schimbă poziția, față de alte editoare care impun dechiderea mai multor fereste si panouri diferite.

În momentul creări unei noi pagini web vei observa că ai 3 caracteristici și anume:

Mod de vizualiazare Cod

Mod de vizualizare Cod si Design

Mod de vizualizare Design

prin intermediul cărora utilizatorii pot scrie codul, dar vor putea să vadă rezultatul instantaneu în partea de design fără să ruleze documentul într-un navigator.

Odată cu dezvoltarea acestui program, au fost încorporate ulititare de generare dinamică a conținutului, a mai fost introdus și suport pentru conectarea la baze de date și anume MySQL și Microsoft Acces.

Cerințe de sistem ale Adobe Dreamweaver CS6 :

-Intel Pentium 4 or AMD Athlon 64 procesor

-Microsoft Windows 7, Windows 8, or Windows 8.1

-1 GB RAM pentru Windows 7 pe 32 Bits sau 2 GB RAM pentru Windows 7 64 Bits

-1 GB liber pe hard disk sau mai mult

-placă video de 256 MB

2.5. CorelDraw X7 Graphics Suite

CorelDraw este folosit de către webdesigneri și de către alți programatori, datorită rapidității sale cu obiecte sau chiar layere. Corel este un program bine dezvoltat, de grafică vectorială asemănătoare cu Illustrator sau alți competitori, având un set de programe necesare oricărui utilizator.

Cu ajutorul acestuia, utilizatorii pot realiza grafica publicitară pentru tipar si site-uri web în principal, de la pagini A5 sau mai mici de A5 până la afișe lungi de cațiva metri. Este ușor de învățat deoarce are o interfață plăcută și la îndemână, fiind un program cu foarte multe funcții pentru editarea textelor și multiple moduri de creare, editare și modelare de ilustrații artistice și tehnice în 2D. Cu ajutorul acestuiaț programatorii pot exporta documente în alte formate ca Illustrator-ul, Photoshop-ul și anume formate gen: EPS, PSD, PDF, PNG, JPG, TIFF, Power Point, Word etc.

CorelDraw deține anumite avantaje față de celelalte programe de grafică, dar se aplică și reciproca. Aceste lucru depinde de fiecare grafician, de câți bani dispune pentru licență, dar și de comoditate. Toate programele grafice sunt profesionale, fiind în special folosite de cei care lucreaza în domeniul graficii publicitare.

Pachetul CorelDraw Graphics Suite X7 conține:

CorelDraw X7 – pentru editare vectorială.

Corel Photo-Paint – editarea imaginilor.

Corel PowerTrace X7 – transformarea imaginilor în vectori.

Corel Website Creator X7 – ajută la crearea paginilor web și layout-uri profesionale pentru webdesin.

Corel Capture X7 – realizează capturi de imagine asupra ecranului.

Corel Connect X7 – pentru căutarea conținutului instant.

PhotoZoom Pro 2 – este utilizat la mărirea imaginilor digitale fără a le deteriora calitatea.

ConcepteShare – prin intermediul acestuia, utilizatorii de Corel pot colabora online.

Capitolul 3 – Proiectarea noului sistem informatic

3.1 Definirea obiectivelor si oportunității sistemului

Obiectivele acestui nou sistem sunt acelea de a micșora costurile salariale și spațiului de prezentare a societății comerciale. Acest sistem este un site de promovare și prezentare a societătii, prin intermediul căruia se pot face și comenzi online completând un formular și trimitând prin e-mail la adresa pusă la dispoziție de către societăți, adăugând la acest formular și documentele ce vor fi printate, plotate, editate etc.

Dacă luăm în seamă obiectivele micșorării costurilor necesare pentru promovarea unei societății pe piață, economia este mult mai mare, deoarece nu o să mai fie necesar pentru a plăti mai multi salariați să facă reclamă, nu se vor mai printa pliante cu oferte, etc iar costurile necesare pentru aceste reclame vor scadea considerabile. Prin intermediul acestui site, toți clienții vechi sau noi vor putea afla toate noutățile despre societate, ofertele făcute de aceasta, și locațiile tuturor magazinelor societății.

3.2 Proiectarea ieșirilor

Pentru a ajuta creșterea veniturilor societății, din comenzile online făcute de către clienți, au fost create câteva rapoarte prin intermediul cărora se vor afla ce servicii au fost căutate cel mai des, dar și ce produse au fost cumpărate.

Primul raport ar fi Topul celor mai oferite servicii (dupa cantitate), acest raport ajută compania să realizeze care serviciu este cel mai căutat pe piață și dezvoltările care vor interveni pentru a aduce mai multe beneficii financiare societății.

Următorul raport ar fi Topul produselor de birotică (folie de protecție, capse 24/6, agrafe, capse No. 10, plicuri etc), acest top va genera o listă cu cele mai căutate produse de birotică. Prin intermediul acestui raport directorul societății Super Copy International SRL și managerii acestei societăți pot afla care produse sunt cele mai vândute în magazineț dar să și alimenteze aceste magazine cu marfă pentru a menține vânzarea lor.

Un raport care nu trebuie să lipsească la nicio companie este cel de clienți. Acest top al cliențilorț oferă informații despre ce clienți au cumparat de cea mai mare sumă de bani. Raportul poate ajuta societatea pentru a oferi clienților diferite reduceri sau cadouri pentru loialitatea lor.

Un raport final este acela de totalul de venituri din comenzile online. Acesta oferă informațiile despre veniturile făcute pe o anumită perioadă de timp din comenzile făcute online, nu doar cele din magazine.

3.3 Proiectarea intrărilor

În acestă categorie vor intra câteva formulare, prin intermediul cărora clienții vor introduce datele pentru chitanțe/facturi, dar și produsele dorite sau serviciile cerute prin completarea câmpurilor, precum și un formular pentru observații sau reclamații.

Formular pentru comenzi de plotare și printare:

În acest formular, clienții vor completa câmpurile necesare pentru societate, despre documentele care vor fi printate sau plotate și anume: cantitatea (câte exemplare), mărimea paginilor (A5, A4, A3 ect), color sau alb/negru etc. Formularul va fi descărcat dupa pagina web , produsul/serviciul este prezent completat și trimis prin e-mail la adresa pusă la dispoziție de către companie împreună cu documentele de printat/plotat.

Formular pentru comenzi de ștampile:

La fel ca cel de printare și plotare, acest formular va fi descărcat dupa pagina web de ștampile, și completat cu dimensiunile, tipurile, culoarea de tuș etc a ștampilei, dar în e-mail-ul care va fi trimis vor fi nevoiți să adauge și copii scanate a cărții de identitate și copie dupa registru companiei sale sau copie dupa certificatul companiei.

Celelalte formulare (fotografii, cărți de vizită) vor conține la fel ca acestea două prezentate și anume câmpuri pentru nume, prenumele clientului, câmpuri pentru datele necesare pentru facturi/chitanțe, câmpuri pentru produse, cantitate, dimensiune etc. Apoi fiind trimise prin e-mail.

Formularul pentru observații/reclamanții va conține numele și prenumele clientului care va face plângerea/observații și conținutul plângerii : despre ce este aceasta plângere ( produse, serviciu oferit, salariați etc).

3.4. Stocarea informațiilor pe site

Pentru stocarea informațiilor în baza de date, s-a folosit XAMPP-ul. Acest program este de fapt un pachet de aplicații, care ajută la insfrastructura software pentru găzduirea unui site web și anume: server web (Apache), server de baze de date (MySQL), interpretoare pentru scripturi dezvoltate în limbaje de PHP si PERL. Pentru a putea fi folosit dupa ce a fost instalat, trebuie să fie setate unele configurări pentru a ameliora securitatea acestor pachete.

XAMPP este creat însă pentru a pune la dispoziția utilizatorilor un instrument prin intermediul căruia să testeze diferite aplicații în dezvoltare. Odata instalată aplicația, calculatorul utilizatorului va acționa ca un server, permițând testarea aplicațiilor web fără a intra in conflict cu firma care va gazdui la final site-ul.

Pentru a funcționa modulul Apache trebuie să ai liber portul 80, dacă nu, poți să schimbi aceste port cu altul, pentru a putea porni aceasta opțiune.

Dupa lansarea aplicației, se vor apăsa butoanele de Start din dreptul celor două aplicații și anume: Apache si MySQL, pentru a putea intra pe aplicație și crea baza de date.

3.5. Proiectarea bazei de date in XAMPP

Baza de date a fost realizată cu XAMPP, cu ajutorul la phpMyAdmin. Pentru a accesa aceasta aplicație, trebuie să deschizi XAMPP și să tastezi în browser următoarea adresă: http://localhost/phpmyadmin/ sau accesând direct butonul de admin din dreapta de la Apache care iți va deschide în browser o pagină cu toate aplicațiile, aflându-se printre ele și phpMyAdmin.

Baza de date a site-ului web a fost numită „sciproduse” iar in interior ei se vor găsi toate tabelele ce vor avea lagatură cu fiecare pagină ce reprezintă produse și servicii.

Câteva exemple de tabele aflate în baza de date:

Tabelul birotica va conține codul produsului, numele produsului, prețul și dacă acest produs se află în stocul magazinelor, apărând cu Da sau Nu.

Tabelul de cărți de vizită va conține codul produsului, numele, cantitatea minimă de cărți, prețul și dacă poate fi oferit cu Da sau Nu.

Tabelul copiere/printare conține o coloană cu codul serviciului, numele, prețul și dacă poate fi prestat (Stoc) cu Da sau Nu.

Tabelul ștampile conține o coloană cu codul, numele ștampilei, dimensiunea, prețul și dacă se află în stoc.

Baza de date mai conține încă 5 tabele asemănătoare, fiecare având un cod specific, nume, preț și stoc pentru fiecare produs/serviciu oferit.

Cu ajutorul acestei baze de date, managerul societății sau adminstratorul site-ului va putea introduce prețuri, produse, servicii noi, doar prin schimbarea sau adaugarea lor în tabele. Imediat ce un preț a fost schimbat în baza de date printr-o simplă reîmprospătare a paginii web, aceasta se va actualiza cu prețurile sau produsele noi, fără a necesita alte operații în plus.

Capitolul 4 – Structura site-ului web

4.1. Informațiile alocate despre site.

În momentul în care este solicitată crearea unui site web de către o societate, acesta trebuie să ofere și informații despre ce vrea să conțină acest site. Aceste informații se pot stabili prin intermediul unei ședințe între angajați, director și cel ce va crea site-ul web.

În urma unei ședințe organizate de către director, s-au stabilit următoarele informații despre aplicație și anume:

Prima pagină (Home) să conțină imagini propuse de director și manager, dar și butoate prin intermediul cărora vizitatorii pot naviga între pagini ( Home, Magazine, Oferte, Noutăti, Contacte). Au mai fost solicitate și adăugarea tuturor serviciilor oferite de societate.

Pagina Magazine să conțină toate informațiile despre magazinele societății (locația lor, serviciile pe care le oferă etc).

Pagina de oferte va conține un fișier creat de către manager cu toate ofertele și prețurile produselor.

În pagina de noutăți se va afișa toate noutățile despre societate ( daca se deschide un magazin nou sau daca un magazin este în renovare etc).

Iar în ultima pagină și anume cea de contact se vor afișa toate informațiile prin intermediul cărora, utilizatorii pot comunica în mod direct cu personalul societății pentru mai multe informații.

S-a mai stabilit că site-ul ce va fi creat cu aceste informații va fi unul de promovare și prezentare a societății comerciale și a produselor acesteia fără a face comerț online.

4.2 Crearea paginilor web

Prima pagină (Home) va fi creată, cum a fost stabilită de către directorul societății. Imaginile se vor introduce pe pagina web și se vor pune pe centrul paginii prin comandă:

„<p align="center"><img src="super.jpg" width="880" height="115" /></p>” rezultand

Butoanele care vor aparea pe prima pagină au fost create cu ajutorul la CorelDraw X7, apoi au fost încarcate pe pagina web cu ajutorul la comanda de insert din DreamWeaver și anume „Image Rollover”. Acesta comandă permite legarea a două imagini prin intermediul cărora se creaza un buton. De fiecare dată când cursorul mouse-lui este pe buton, aceasta iși va schimba culoarea, dar dupa ce cursorul este luat dupa buton va reveni la culoarea inițială, comanda generând acest cod:

„ <p align="center"><a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','2.jpg',1)"><img src="1.jpg" alt="Home" name="Home" width="150" height="40" id="Home" /></a> ”

Fiecare buton va fi legat printr-un link către fiecare pagină specificată prin comanda:” href="index.php" „.

Pentru un disgn mai bun, a mai fost adăugat și un slideshow de cinci imagini, schimbându-se la interval de 3 secunde, prin intermediul la Flash, generând următorul cod:

„<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

width="684" height="249">

<param name="flash_component" value="ImageViewer.swc" />

<param name="movie" value="Slide.swf" />

<param name="quality" value="high" />

<param name="FlashVars" value="flashlet={imageLinkTarget:'_blank',captionFont:'Verdana',titleFont:'Verdana',showControls:false,frameShow:false,slideDelay:3,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:'Fade',titleColor:#333333,slideAutoPlay:true,imageURLs:['01.jpg','02.jpg','03.jpg','04.jpg','05.jpg'],slideLoop:true,frameThickness:2,frameColor:#333333,bgColor:#CCCCCC,imageCaptions:[]}" />

<embed src="Slide.swf" quality="high" flashvars="flashlet={imageLinkTarget:'_blank',captionFont:'Verdana',titleFont:'Verdana',showControls:false,frameShow:false,slideDelay:3,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:'Fade',titleColor:#333333,slideAutoPlay:true,imageURLs:['01.jpg','02.jpg','03.jpg','04.jpg','05.jpg'],slideLoop:true,frameThickness:2,frameColor:#333333,bgColor:#CCCCCC,imageCaptions:[]}" pluginspage= type="application/x-shockwave-flash" width="684" height="249"> </embed>”

</object>

În interiorul pagini web, au mai fost adăugate nouă imagini, prin intermediul cărora vizitatorii vor putea avea acces la produsele și prețurile societății. Acestea fiind legate prin link-uri de paginile corespunzătoare produselor.

„<p align="center"><a href="Laminare.php"><img src="Fotografii-1.jpg" width="250" height="250" hspace="10" /></a><a href="Birotica.php"><img src="Fotografii-2.jpg" width="250" height="250" hspace="10" /></a><a href="stampile.php"><img src="Fotografii-3.jpg" width="250" height="250" hspace="10" /></a></p>”

Acest cod va genera următoarele imagini, cu legăturile și dimensiunile specifice:

Fiecare imagine este legată la o pagină web ce va conține produsele/serviciile oferite, prețurile și dacă aceste servicii sau produse pot fi prestate da sau nu, având legatură directă la o bază de date .

La fiecare pagină de produse/servicii au mai fost adăugate o serie de butoane, prin intermediul cărora vizitatorii pot să verifice fiecare pagină fără să se mai întoarcă la Pagina de home. Fiecare buton este legat de produsul/serviciul specific.

Codul acestor butoane:

„</p>

<p align="center"><a href="Laminare.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Laminare','','12-2.jpg',1)"><img src="12-1.jpg" name="Laminare" width="120" height="30" id="Laminare" /></a><a href="Birotica.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Birotica','','13-2.jpg',1)"><img src="13-1.jpg" alt="" width="120" height="30" id="Birotica" /></a><a href="stampile.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Stampile','','14-2.jpg',1)"><img src="14-1.jpg" alt="" width="120" height="30" id="Stampile" /></a><a href="inscriptionare.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Inscriptionare','','15-2.jpg',1)"><img src="15-1.jpg" alt="" width="120" height="30" id="Inscriptionare" /></a></p>

<p align="center"><a href="plotare.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Plotare','','16-2.jpg',1)"><img src="16-1.jpg" alt="" name="Plotare" width="120" height="30" id="Plotare" /></a><a href="fotografii.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fotografii','','11-2.jpg',1)"><img src="11-1.jpg" alt="" width="120" height="30" id="Fotografii" /></a><a href="cartidevizita.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Cv','','17-2.jpg',1)"><img src="17-1.jpg" name="Cv" width="120" height="30" id="Cv" /></a><a href="cartuse.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Cartuse','','18-2.jpg',1)"><img src="18-1.jpg" alt="" width="120" height="30" id="Cartuse" /></a><a href="CopierePrintare.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Copiere','','20-2.jpg',1)"><img src="20-1.jpg" alt="" name="Copiere" width="120" height="30" id="Copiere" /></a></p>

<p align="center">&nbsp;</p>”

În urma unei ședințe cu directorul societății, acesta a dorit să mai fie adăugat și un counter care să țină evidența numărului de vizitatori pe site. Pentru această cerere s-a creat acest counter care este poziționat în partea de jos a pagini web. De fiecare dată când un utilizator va accesa site-ul, counterul va înregistra accesul și va adăuga unu la numărul total de vizitatori. Codul pentru acest counter este acesta:

„<p align="center"><script>

function counter(){

var decrease_increase=150

var counterdate=new Date()

var currenthits=counterdate.getTime().toString()

currenthits=parseInt(currenthits.substring(3,currenthits.length-8))+decrease_increase

document.write("Vizitatori <b>"+currenthits+"</b> !")

}

counter()

</script>

<p align="center"></font><br><font face="arial, helvetica" size="-2"></a></font></p>”

Rezultatul final al primei paginii (Home) fiind acesta:

Pagina de Magazine va conține toate magazinele societății, serviciile pe care le vor oferi clienților, dar și cu locația lor pe harta din București, fiind conectată la Google map prin intermediul acestui cod:

„ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d712.2354700958986!2d26.08768119999999!3d44.43435439999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b1ff42c13cd463%3A0xf368e8eab50d391d!2sPia%C8%9Ba+Mihail+Kog%C4%83lniceanu+5%2C+Bucure%C8%99ti!5e0!3m2!1sro!2sro!4v1430919322455" width="400" height="300" frameborder="0" style="border:0"></iframe> ”

Acest cod va crea o mini hartă a locației, cu dimensiunile de 400 cu 300 fiind direct conectată la Google map. Vor exista patru locații diferite, fiecare introdus magazinul respectiv, fiind create 4 tabele cu harta și serviciile oferite de către fiecare magazin.

„<table width="521" height="66" border="1" align="center">

<tr>

<th height="31" scope="row"><div align="center">Magazin Piata Kogalniceanu : Piata Kogalniceanu, nr 5, tel: 0727 333 353 </div></th>

</tr>

<tr>

<th scope="row"><div align="center"></div>

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d712.2354700958986!2d26.08768119999999!3d44.43435439999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b1ff42c13cd463%3A0xf368e8eab50d391d!2sPia%C8%9Ba+Mihail+Kog%C4%83lniceanu+5%2C+Bucure%C8%99ti!5e0!3m2!1sro!2sro!4v1430919322455" width="400" height="300" frameborder="0" style="border:0"></iframe>

<p align="center"><strong>Servicii oferite :</strong> </p>

<p>.&nbsp; multiplicări A/N si color – formate A4 si A3;

<br />

.&nbsp; printare laser A/N si color – formate A4 si A3;

<br />

.&nbsp; îndosarieri diverse (spirala plastic); <br />

.&nbsp; laminări A4 si A3 cu folie plic;

<br />

.&nbsp; developare și procesare foto ( sistem analog ); <br />

.&nbsp; procesare fotografii (sistem digital);<br />

.&nbsp; realizare de fotografii digitale la minut (B.I, pasaport, permis auto); <br />

.&nbsp; scanare și prelucrare foto; <br />

.&nbsp; Scanare alb negru de la A6 la A3;<br />

.&nbsp; Scanare color de la A6 la A3;<br />

.&nbsp; realizări ștampile și cărți de vizită; <br />

.&nbsp; produse foto (filme, aparate foto, baterii, rame, casete video și audio, etc.); <br />

.&nbsp; produse de papetărie și transmisii fax. </p></th>

</tr>

</table>”

La „Oferte” nu se va crea o pagină web, prin intermediul butonului se va descărca un fișier PDF cu toate produsele și ofertele disponibile ale societății. Codul acestui buton fiind acesta:

„<ahref="OferteSCI.pdf"onMouseOut="MM_swapImgRestore()"onMouseOver="MM_swapImage('Oferte','','8.jpg',1)"><img src="7.jpg" alt="Noutati" name="Oferte" width="150" height="40" id="Oferte" /></a> ”

Prin pagina de „Noutăți” se va comunica tuturor vizitatorilor magazinele care se vor deschide și locația lor, dar și îmbunătățirile care vor fi aduse la fiecare centru de lucru.

La „Contacte” se vor trece adresele de mail, numerele de telefon la care vor putea apela clienții pentru mai multe informații.