NDERTIMI DHE ZHVILLIMI I Web-

SITE
 Hyrje
• Websites – zemra e e-marketingut të suksesshëm.
– Shtëpia juaj në Web
– Një dritare tregtie ku shitësi ka kontroll të plotë
– Shpesh vendi i parë i informimit të vizitorëve.
• Zhvillimi dhe ndërtimi i Web aplikohet më tepër
sesa thjesht në Web-site.
• Tre procese kryesore –
– Planifikim dhe dizenjim
– Layout dhe stili
– Zhvillimi - funksionimi si një mjet në Web.
• Parimi themelor: kuptimi i përdoruesit
 OBJEKTIVAT
• Të mësojmë funksionimin e procesit të
zhvillimit, nga planifikimi deri ne dizenjim dhe
hedhjen.
• Të zbatojmë dizenjimin me qëllim bindjen,
duke krahasuar me praktikat më të mira.
• Të aplikojmë vlerësimin e cilësisë dhe
efektivitetit të zhvillimit dhe dizenjimit ( sipas
kendvështrimit të ofruesit ose agjencisë)
• Të vlerësojmë nevojën për Web site statik apo
CMS
 CESHTJET
• NDERTIMI I WEB-SITE (DESIGN)
• ZHVILLIMI I WEB-SITE (DEVELOPMENT)
• HAPAT PëR KRIJIMIN E Web-SITE
 I. NDERTIMI I WEB-SITE (DESIGN)

Ndërtimi i Web është procesi i krijimit të gjithë

aspekteve vizuale të ndërfaqësit me përdoruesin.
– Layouti, skema e ngjyrave, imazhet, logot, tipi,
dizenjo (butona, linke) etj
• Identiteti vizual dhe dizenjimi për bindjen
• Teoria e dizenjimit
• Teoria e ngjyrave
• Mbledhja e aseteve të dizenjimit
 I. NDERTIMI I WEB-SITE (DESIGN)
Identiteti vizual dhe dizenjimi për bindjen
• Ndërfaqësi vizual është ajo cka shikon përdoruesi dhe si
ndërvepron me pamjen.
• Fillimisht gjykohet nga vizualiteti – hapi i parë në EP.
• Marrëdhënie e ngushtë midis EP dhe ndërtimit vizual
• Si krahasimi midis arkitektit (UX)dhe dekoratorit të brendshëm
(vizual).
• Nuk ka lidhje thjesht me estetikën, por me gjurmët vizive që u
jepen përdoruesve për të ditur c’do bëjnë më pas.
• Komunikimi me pds, siguron kredibilitet dhe aftësi për tu përgjigjur
pyetjeve.
• Disa konsiderata lidhen me: navigimin, layoutin, kokat, fundet dhe
besueshmërinë.
• Identiteti vizual – si e dinë përdoruesit që jemi ne? (logo, menute,
stili i butonave)
 I. NDERTIMI I WEB-SITE (DESIGN)

• Teoria e dizenjimit
– Foldi – ajo cka shihet ne ekran në mënyrë të
menjëhershme
– Konsistenca – nuk duhet të ketë dallime midis
mjeteve të ndryshme
– Hapësira boshe – lejon syrin të lëvizë lehtësisht
midis elementeve dhe skanimin
 I. NDERTIMI I WEB-SITE (DESIGN)

Teoria e ngjyrave
• Efekti psikologjik bazuar tek kultura,
preferencat, të mësuarit
• Tonet ngjyrat zgjidhen nga dizenjuesi
• Rëndesi merr kontrasti
• Kujdes në domethënien e ngjyrave
 I. NDERTIMI I WEB-SITE (DESIGN)
Mbledhja e aseteve të dizenjimit
• Lista që i duhet dizenjuesit:
– Guida e markës dhe e stilit
– Logo dhe elemente të tjera kyce të markës
– Libraria e imazheve
– Folderi i fontit
– Ngjyrat e markës
– Mjete ekzistuese krijuese
– Kopje e Web-site
– Mjete të tjera shtesë ( lista cmimesh, shpjegim produktesh)
 II. ZHVILLIMI I WEB-SITE (DEVELOPMENT)

• Zhvillimi i Web është procesi i përfundimit të dizenjimit

dhe transformimit në Web-site plotësisht funksional
dhe ndërveprues.
– Jeta dhe lëvizja e Web-site, mundësimi që përdoruesit ta
aksesojnë përmes Web-browserit.
– Përkthimi i dizenjimit në kodimin Web që interpretohet dhe
shfaqet nga browseri.
• Web-site statik apo CMS (content management system)
• Gjuhët e serverit
• Gjuhët front-end (të klientit)
II. ZHVILLIMI I WEB-SITE (DEVELOPMENT)

Web-site statik apo CMS (content management

system)
• STATIK – qe nuk i duhet të ndryshojë shpesh,
vetëm update
• CMS – duhet të ndryshojë nga njerëz të
ndryshëm, të cilët lidhen on-line në sistemin CMS
– Bespoke – i ndërtuar enkas
– Off the shelf – në shitje
– Open source – me burim të hapur
II. ZHVILLIMI I WEB-SITE (DEVELOPMENT)

• Gjuhët e serverit - gjuhët e koduara të Webit,

të fshehura, që përcaktojnë se si funksionon
Web-site dhe se si ai komunikon me Web
serverin dhe kompjuterin.
• Përzgjedhja duhet të marrë në konsideratë:
– Kostot
– Shkallëzimin
II. ZHVILLIMI I WEB-SITE (DEVELOPMENT)

• Gjuhët front-end (të klientit) – interpretohen

në browserin e përdoruesit dhe jo në Web-
server.
• Faktorët që ndikojnë në zgjedhje:
– Kosto
– Tiparet
– Shkallëzimi
– Mbështetja nga browseri dhe OS
– Software open source apo software i ndërtuar
vetë.
 HAPAT PëR KRIJIMIN E WEB-SITE
• Planifikimi dhe kërkimi
– Përfshin pyetjet bazë mbi biznesin dhe përdoruesit
• Zgjedhja e domeinit
– Pjesë e URL të Web-site tuaj
– TLD – tregojnë fushën e Web-site ose vendin
– Fjalë kyc mund të vendosen tek emri i domeinit.
• EP dhe strategjia e përmbajtjes
• Shikueshmëria në motorët e kërkimit
• Dizenjimi
• Zhvillimi
• Testimi dhe hedhja
 HAPAT PëR KRIJIMIN E WEB-SITE
• Planifikimi dhe kërkimi
• Zgjedhja e domeinit
• EP dhe strategjia e përmbajtjes
– Përdorimi i analizës, hartëzimit, strukturimit, pra arkitektura e informacionit
– Përcaktimi i përmbajtjes ndikon tek zgjedhja statik apo CMS
• Shikueshmëria në motorët e kërkimit
– SEO dhe shkrimi për Web-in do trajtohen në kapituj të vecantë.
• Dizenjimi
– sipas hapave të shpjeguar më parë, dizenjuesi shndërron strukturat dhe
materialet e planifikuara në layout- të bukur – imazhe statike që tregojnë se si do
duket Web-site.
• Zhvillimi
– Zhvilluesi përdor format e dizenjimit për të koduar Web-site, duke përdorur
gjuhën front-end e zgjedhur.
• Testimi dhe hedhja
 Përzgjedhja e shërbimit outsourcing për
ndërtimin e Web-site
• Pune ne grup – rasti i përzgjedhjes midis dy
Web-developer, ose dy agjencive mkt qe
merren edhe me ndërtimin dhe zhvillimin e
web-eve.
• Perfundime ( vazhdon)
 Përzgjedhja e shërbimit outsourcing për
ndërtimin e Web-site
• 3 qëllime që duhet të përmbushen:
– Shpejtesia (deadline) e realizimit te projektit
– Buxheti
– Arritja e cilësisë - të reaizohet sic duhet Web-site
• Krijim i besimit midis klientit dhe shitēsit
– Kërkon komunikim, eksperiencë dhe zgjedhje te kujdesshme
– Eshte veshtirë të lëvizim projektin nga nje ofrues tek nje
tjeter
– Gjatë bashkepunimit kërkohen raporte periodike dhe
komunikim profesional
 Përzgjedhja e shërbimit outsourcing për
ndërtimin e Web-site
• Pyetjet qe mund te perdoren per perzgjedhjen e sherbimit
– Sa e gjere eshte eksperienca e kompanise
– Cfare tip eksperience ka kompania ( psh cfare sites ka ndertuar)
– Cila eshte eksperienca dhe ekspelenca e ofruesit ne site dhe gjuhe te ndryshme
programimi
– A i perdor gjithe mjetet e social media
– Sa e madhe eshte agjencia
– A i ben vete te gjitha sherbimet, apo merr edhe ajo sherbime te jashtme
– A ka referenca klientesh, ku mund te mbeshtetemi per te permiresuar
eksperiencen tone, apo per te vleresuar sherbimin
– A ka agjencia/ofruesi i sherbimit eksperience ne sektorin ku jemi ne
– Sa do kushtoje projekti dhe si del kjo shume ( komponente te kostove)
– A eshte e disponueshme pas hedhjes ( lancimit) te site per te rregulluar
probleme te mundshme?
RADHA JUAJ
RASTI I STUDIMIT
BOSTON GLOBE