Näin verkkosivuprojekti etenee – 7 vaihetta

Jo­kai­nen verk­ko­si­vus­to­pro­jek­ti al­kaa poh­ja­työn te­ke­mi­sel­lä. Aluk­si kar­toi­te­taan läh­tö­ti­lan­ne ja mää­ri­tel­lään, mi­tä ol­laan te­ke­mäs­sä ja ke­nel­le. 

Aloi­tus­vai­hee­seen kuu­luu tyy­pil­li­ses­ti:

• Ta­voit­tei­den mää­rit­te­ly ja koh­de­ryh­män kar­toi­tus
• Kil­pai­li­ja-ana­lyy­si ja mark­ki­na-ase­man sel­vit­tä­mi­nen
• Tek­nis­ten vaa­ti­mus­ten lis­taa­mi­nen
• Bud­je­tin ja ai­ka­tau­lun laa­ti­mi­nen
• Pro­jek­ti­ryh­män ko­koa­mi­nen
• Aloi­tus­pa­la­ve­ri kaik­kien os­a­puol­ten kans­sa
  

Kun nä­mä asiat on käy­ty lä­pi, kai­kil­la on yh­tei­nen kä­si­tys sii­tä, mi­hin ol­laan mat­kal­la. Pro­jek­tin ta­voit­teet kir­ja­taan ylös niin tar­kas­ti, et­tä nii­tä voi­daan mi­ta­ta myö­hem­min. Sa­mal­la so­vi­taan kom­mu­ni­kaa­tio­ta­vat ja vas­tuu­alu­eet, jot­ta jo­kai­nen tie­tää roo­lin­sa.

Suun­nit­te­lu­vai­he on pro­jek­tin kriit­ti­sin osuus. Täs­sä pää­te­tään, mil­tä si­vus­to näyt­tää, mi­ten se toi­mii ja mi­tä si­säl­töä sin­ne tu­lee. Huo­lel­li­nen suun­nit­te­lu sääs­tää ai­kaa ja ra­haa to­teu­tus­vai­hees­sa. 

Suun­nit­te­lu­vai­heen kes­kei­set osa-alu­eet:

• Käyt­tä­jä­ko­ke­muk­sen suun­nit­te­lu: mi­ten käyt­tä­jät liik­ku­vat si­vus­tol­la
• Vi­su­aa­li­nen suun­nit­te­lu: ul­koa­su, vä­rit, fon­tit ja ku­vi­tuk­set
• Si­säl­tö­suun­ni­tel­ma: mi­tä si­säl­töä tar­vi­taan ja mis­sä muo­dos­sa
• Tek­ni­nen mää­rit­te­ly: toi­min­nal­li­suu­det ja in­te­graa­tiot
• Ha­ku­ko­neop­ti­moin­nin pe­rus­teet: si­vus­to­ra­ken­ne ja tek­ni­nen SEO

Työs­ken­te­ly ta­pah­tuu yleen­sä kah­den vii­kon jak­sois­sa. En­sin teh­dään luon­nok­set, sit­ten ne esi­tel­lään asiak­kaal­le ja ke­rä­tään pa­lau­te. Tä­män jäl­keen suun­ni­tel­mia hio­taan pa­laut­teen pe­rus­teel­la. Näin var­mis­te­taan, et­tä lop­pu­tu­los vas­taa odo­tuk­sia. 

Saa­vu­tet­ta­vuus huo­mioi­daan jo suun­nit­te­lun al­ku­vai­hees­sa. Tar­kis­te­taan muun muas­sa vä­ri­kont­ras­tit, font­ti­koot ja na­vi­gaa­tion sel­keys. Var­mis­te­taan myös, et­tä si­vus­to toi­mii ruu­dun­lu­kuoh­jel­mil­la ja näp­päi­mis­töl­lä. Saa­vu­tet­ta­vuu­den huo­mioin­ti pa­ran­taa kaik­kien käy­tet­tä­vyyt­tä, ei pel­käs­tään eri­tyis­ryh­mien.

Vai­heen lo­pus­sa syn­tyy kir­jal­li­nen do­ku­men­taa­tio, jo­ka toi­mii oh­je­kir­ja­na to­teu­tus­vai­hees­sa. Do­ku­ment­ti si­säl­tää kaik­ki so­vi­tut toi­min­nal­li­suu­det, ul­koa­sun ja si­säl­tö­ra­ken­teen.

To­teu­tus­vai­hees­sa suun­ni­tel­mat muut­tu­vat toi­mi­vak­si verk­ko­si­vus­tok­si. Oh­jel­moi­jat to­teut­ta­vat tek­ni­sen ark­ki­teh­tuu­rin, eli ra­ken­ta­vat tie­to­kan­nat, kir­joit­ta­vat toi­min­nal­li­suuk­sien vaa­ti­man koo­din ja in­tegroi­vat eri jär­jes­tel­mät yh­teen. Sa­mal­la var­mis­te­taan, et­tä si­vus­to toi­mii kai­kil­la lait­teil­la ja se­lai­mil­la. 

To­teu­tuk­sen pää­vai­heet:

• Ke­hi­ty­sym­pä­ris­tön pys­ty­tys
• Pe­rus­ra­ken­teen oh­jel­moin­ti
• Si­säl­lön­hal­lin­ta­jär­jes­tel­män asen­nus ja kon­fi­gu­roin­ti
• Toi­min­nal­li­suuk­sien to­teu­tus
• In­te­graa­tioi­den ra­ken­ta­mi­nen
• Res­pon­sii­vi­suu­den var­mis­ta­mi­nen
  

Jo­kai­nen to­teu­tet­tu omi­nai­suus tes­ta­taan he­ti val­mis­tut­tu­aan. Näin vir­heet löy­de­tään ajois­sa, ei­kä nii­tä pää­se ker­ty­mään. Ke­hi­tys­tii­mi te­kee si­säis­tä kat­sel­moin­tia, jos­sa toi­nen oh­jel­moi­ja tar­kis­taa kol­le­gan työn. Tä­mä pa­ran­taa koo­din laa­tua mer­kit­tä­väs­ti. Asia­kas pää­see seu­raa­maan pro­jek­tin ete­ne­mis­tä tes­tiym­pä­ris­tös­sä.

En­nen jul­kai­sua si­vus­to tes­ta­taan pe­rus­teel­li­ses­ti. Tes­taus­vai­he on kriit­ti­nen, sil­lä jul­kai­sun jäl­keen vir­hei­den kor­jaa­mi­nen on han­ka­lam­paa ja kal­liim­paa. Kat­ta­va tes­taus var­mis­taa, et­tä käyt­tä­jät saa­vat toi­mi­van ja vii­meis­tel­lyn pal­ve­lun. 

Tes­tat­ta­vat osa-alu­eet:

• Toi­min­nal­li­suus­tes­taus: kaik­ki omi­nai­suu­det toi­mi­vat suun­ni­tel­lus­ti
• Se­lain­tes­taus: si­vus­to toi­mii eri se­lai­mil­la ja lait­teil­la
• Suo­ri­tus­ky­ky­tes­taus: si­vut la­tau­tu­vat riit­tä­vän no­peas­ti
• Tie­to­tur­va­tes­taus: ei haa­voit­tu­vuuk­sia tai tie­to­vuo­to­ja
• Saa­vu­tet­ta­vuus­tes­taus: si­vus­to on kaik­kien käy­tet­tä­vis­sä
• In­te­graa­tio­tes­taus: ul­koi­set jär­jes­tel­mät toi­mi­vat oi­kein
  

Tes­tauk­sen ai­ka­na löy­de­tyt vir­heet do­ku­men­toi­daan. Jo­kai­nen vir­he kor­ja­taan ja tes­ta­taan uu­del­leen en­nen hy­väk­syn­tää. Kriit­ti­set vir­heet kor­ja­taan en­sin, kos­meet­ti­sia on­gel­mia voi­daan kor­ja­ta myö­hem­min­kin. 

Tek­ni­ses­ti val­mis si­vus­to vaa­tii si­säl­löt en­nen jul­kai­sua. Täs­sä vai­hees­sa asia­kas syöt­tää si­säl­löt jär­jes­tel­mään ja var­mis­te­taan, et­tä asia­kas osaa käyt­tää si­säl­lön­hal­lin­ta­jär­jes­tel­mää. Pro­ses­sia tue­taan kou­lu­tuk­sel­la ja oh­jeis­tuk­sel­la.

Si­säl­lön­hal­lin­nan tu­ki­toi­mia:

• Van­han si­säl­lön au­to­maat­ti­nen siir­to tai siir­ron oh­jeis­tus
• Si­säl­lön­hal­lin­ta­jär­jes­tel­män kou­lu­tus
• Tek­ni­nen tu­ki si­säl­lön­syö­tös­sä
• Jär­jes­tel­män käyt­tö­oh­jei­den luo­mi­nen

Hen­ki­lös­tö kou­lu­te­taan jär­jes­tel­män käyt­töön. Pää­käyt­tä­jät saa­vat laa­jem­man pe­reh­dy­tyk­sen jär­jes­tel­män hal­lin­taan, kun taas si­säl­lön­tuot­ta­jat kes­kit­ty­vät päi­vit­täi­siin toi­min­toi­hin ja jul­kai­su­pro­ses­siin.

Asia­kas saa käyt­tö­oh­jeet, jot­ka kat­ta­vat ta­val­li­set käyt­tö­ti­lan­teet ja ylei­sim­mät haas­teet. Ta­voit­tee­na on, et­tä asia­kas hal­lit­see it­se­näi­ses­ti si­vus­ton päi­vit­tä­mi­sen jul­kai­sun jäl­keen.

Jul­kai­su­vai­he on pro­jek­tin hui­pen­nus. Si­vus­to siir­re­tään tes­tiym­pä­ris­tös­tä tuo­tan­toon eli jul­ki­seen in­ter­ne­tiin. Huo­lel­li­nen val­mis­te­lu var­mis­taa, et­tä jul­kai­su su­juu on­gel­mit­ta.

Jul­kai­sun kes­kei­set toi­men­pi­teet:

• Tuo­tan­to­pal­ve­li­men val­mis­te­lu
• Verk­ko­tun­nuk­sen oh­jaus uu­del­le si­vus­tol­le
• Si­vus­ton siir­to tuo­tan­to­ym­pä­ris­töön
• SSL-ser­ti­fi­kaa­tin asen­nus
• Van­ho­jen osoit­tei­den uu­del­lee­noh­jauk­set
• Ha­ku­ko­nei­den in­for­moin­ti
• Ana­ly­tii­kan ja seu­ran­nan ak­ti­voin­ti
  

Jul­kai­su teh­dään yleen­sä hil­jai­seen ai­kaan, jot­ta mah­dol­li­set on­gel­mat ei­vät häi­rit­se käyt­tä­jiä. Tek­ni­nen tii­mi on val­miu­des­sa rea­goi­maan no­peas­ti, jos jo­tain odot­ta­ma­ton­ta ta­pah­tuu.

Jul­kai­sun jäl­keen seu­ra­taan tar­kas­ti si­vus­ton toi­min­taa en­sim­mäis­ten päi­vien ajan. Ana­ly­tii­kas­ta näh­dään, mi­ten käyt­tä­jät löy­tä­vät si­vus­tol­le ja mi­ten he käyt­täy­ty­vät siel­lä. Mah­dol­li­set on­gel­mat kor­ja­taan vä­lit­tö­mäs­ti.

Verk­ko­si­vus­to ei ole kos­kaan täy­sin val­mis. Tek­no­lo­gia ke­hit­tyy, käyt­tä­jien tar­peet muut­tu­vat ja lii­ke­toi­min­ta kas­vaa. Sään­nöl­li­nen yl­lä­pi­to pi­tää si­vus­ton tur­val­li­se­na ja toi­mi­va­na.

Yl­lä­pi­don osa-alu­eet:

• Tek­ni­nen yl­lä­pi­to: päi­vi­tyk­set ja tie­to­tur­va­kor­jauk­set
• Si­säl­lön päi­vit­tä­mi­nen: tuo­ret­ta si­säl­töä sään­nöl­li­ses­ti
• Suo­ri­tus­ky­vyn op­ti­moin­ti: no­peus ja käy­tet­tä­vyys kun­toon
• Var­muus­ko­pioin­ti: tie­dot tur­vas­sa on­gel­ma­ti­lan­teil­ta
• Tie­to­tur­va­seu­ran­ta: jat­ku­va val­von­ta ja no­pea rea­goin­ti uh­kiin
• Tek­ni­nen tu­ki: asia­kas­tu­ki on­gel­ma­ti­lan­teis­sa ja käyt­tö­kou­lu­tus tar­vit­taes­sa
  

Yl­lä­pi­to­vai­hees­sa jär­jes­te­tään sään­nöl­li­siä ke­hi­tys­pa­la­ve­re­ja, jois­sa käy­dään lä­pi ana­ly­tiik­ka­da­taa, käyt­tä­jä­pa­lau­tet­ta ja ke­hi­ty­si­deoi­ta. Si­vus­toa päi­vi­te­tään jat­ku­vas­ti vas­taa­maan muut­tu­via tar­pei­ta ja tek­no­lo­gian ke­hi­tys­tä. Proak­tii­vi­nen yl­lä­pi­to var­mis­taa, et­tä si­vus­to py­syy kil­pai­lu­ky­kyi­se­nä ja pal­ve­lee käyt­tä­ji­ään par­haal­la mah­dol­li­sel­la ta­val­la vuo­sien­kin pääs­tä.

Verk­ko­si­vus­to­pro­jek­ti on mo­ni­vai­hei­nen pro­ses­si, jo­ka vaa­tii suun­ni­tel­mal­li­suut­ta ja am­mat­ti­tai­toa jo­kai­ses­sa vai­hees­sa.