OhjelmistokehitysBlogi

Näin verkkosivuprojekti etenee – 7 vaihetta

Toimiva verkkosivusto syntyy järjestelmällisen prosessin tuloksena. Jokainen vaihe rakentuu edellisen päälle ja lopputuloksen laatu riippuu siitä, miten huolellisesti kukin työvaihe toteutetaan. Tässä käymme läpi verkkosivuston rakentamisen keskeiset vaiheet.

1. Pro­jek­tin aloi­tus

Jo­kai­nen verk­ko­si­vus­to­pro­jek­ti al­kaa tar­kan 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.

2. Suun­nit­te­lu ja mää­rit­te­ly

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. 

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.

3. Tek­ni­nen to­teu­tus

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ä.

4. Tes­taus ja laa­dun­var­mis­tus

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. 

5. Si­säl­lön­tuo­tan­to ja kou­lu­tus

Tek­ni­ses­ti val­mis si­vus­to tar­vit­see vie­lä si­säl­lön en­nen jul­kai­sua. Si­säl­lön laa­tu vai­kut­taa mer­kit­tä­väs­ti sii­hen, mi­ten hy­vin si­vus­to pal­ve­lee käyt­tä­jiä ja löy­tyy ha­ku­ko­neis­ta. Sa­mal­la 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ää.

Si­säl­lön­tuo­tan­non vai­heet:

  • Si­säl­lön siir­to van­hal­ta si­vus­tol­ta
  • Uu­den si­säl­lön kir­joit­ta­mi­nen ja edi­toin­ti
  • Ku­vien kä­sit­te­ly ja op­ti­moin­ti
  • Ha­ku­ko­neop­ti­moin­ti si­säl­töön
  • Si­säl­lön syöt­tö jär­jes­tel­mään
  • Käyt­tä­jien kou­lut­ta­mi­nen

Kou­lu­tus on tär­keä osa pro­ses­sia. Asiak­kaan hen­ki­lös­tö ope­te­taan käyt­tä­mään si­säl­lön­hal­lin­ta­jär­jes­tel­mää te­hok­kaas­ti. Kou­lu­tus rää­tä­löi­dään eri käyt­tä­jä­ryh­mil­le: pää­käyt­tä­jät saa­vat sy­väl­li­sem­män kou­lu­tuk­sen kuin si­säl­lön­syöt­tä­jät.

Kou­lu­tuk­sen yh­tey­des­sä laa­di­taan käyt­tö­oh­jeet, joi­hin voi pa­la­ta myö­hem­min. Oh­jeet si­säl­tä­vät ylei­sim­mät käyt­tö­ti­lan­teet ja on­gel­ma­ti­lan­tei­den rat­kai­sut. Näin asia­kas pys­tyy it­se­näi­seen työs­ken­te­lyyn jul­kai­sun jäl­keen.

6. Jul­kai­su

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.

7. Yl­lä­pi­to ja jat­ko­ke­hi­tys

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.

Ota yhteyttä