HAMKin responsiiviset sivut vaiheittain

HAMKin www-sivut on rakennettu Sharepoint 2013 On-premiseen. Työ tehtiin noin vuosi sitten – tämä postaus on projektin postuumia dokumentointia.

Ulkopuolisilta toimittajilta on responsiivisuuteen liittyen ostettu ulkoasun design, perustyylisivujen auditointi ja ylänavigaation megamenusovellus, mutta kaikki muu työ on tehty itse. HAMKin verkkotoimintojen kehittäjä onkin ollut aika lailla täystyöllistetty.

Responsiivisten sivujen toteutuksen vaiheet olivat:

  1. HTML-, CSS- ja javascript-toteutus.
    Esimerkkisivut tehtiin neljästä erityyppisestä sivusta, jotta saatiin ’puhtaat’ mallit. Niitä testattiin eri laitteilla ja selaimilla, ja testien ja kommenttien perusteella tehtiin korjaukset.
  2. Toteutus Sharepoint 2013 On-premiseen.
    Ensin tehtiin Sharepointin perustyylisivut ja sivupohjat, jotka ulkoinen toimittaja auditoi. Auditoinnilla varmistimme valintojemme olevan oikeita, sillä tekniikka oli uutta meille ja huomioon piti ottaa Sharepointin mahdollisuudet ja rajoitukset. Hyväksynnän jälkeen sivujen toiminta testattiin oikeassa ympäristössä oikeilla sisällöillä sekä eri näkymillä, laitteilla ja selaimilla. Testien jälkeen tehtiin korjaukset.
  3. Kun pohjat olivat valmiit, otettiin lapiot käteen ja siirrettiin sisällöt uuteen järjestelmään.
    Samanaikaisestihan me muutimme sivustomme jäsennyksen, joten informaatioarkkitehtuurikin tuli uusittua samassa myllerryksessä kuin julkaisujärjestelmä, ilme ja käyttöliittymä.

Sivujen responsiivinen toteutus Sharepointiin ei ole aloittelijan työtä, vaan se vaatii koulutuksen, kokemuksen ja paljon työaikaa. Työaikaa kului myös tuoreen version vuoksi: koska Sharepoint 2013 oli vuosi sitten vasta julkistettu, käytössä ei ollut valmiita ohjeita eikä parhaita käytäntöjä, joten tutkimiseen ja testaamiseen käytettiin aikaa ennen varsinaisia toteutuksia.

Yksi ajatus artikkelista “HAMKin responsiiviset sivut vaiheittain

  1. Paluuviite: HAMKin uuteen intraan räätälöitiin responsiivinen käyttöliittymä | Viestintälotta

Vastaa

Täytä tietosi alle tai klikkaa kuvaketta kirjautuaksesi sisään:

WordPress.com-logo

Olet kommentoimassa WordPress.com -tilin nimissä. Log Out / Muuta )

Twitter-kuva

Olet kommentoimassa Twitter -tilin nimissä. Log Out / Muuta )

Facebook-kuva

Olet kommentoimassa Facebook -tilin nimissä. Log Out / Muuta )

Google+ photo

Olet kommentoimassa Google+ -tilin nimissä. Log Out / Muuta )

Muodostetaan yhteyttä palveluun %s