Foto: Marco Gustafsson
SiteVisiondagarna
2013-09-25
Övergången till responsiv webb och SiteVision Cloud
Conny Andersson Johan Hedberg Johan Albertsson
”…det låter som ett omöjligt uppdrag. Två månader?!”
”Två månader för att bygga om en extern webbplats? :-/”
24 353 invånare (2012-12-31) Medelålder 38,4 år (2011) 13 mil mälarstränder
Foto:Tom Österlund
Webbansvarig Kommunikatör
Kommunikationschef
Organisation
122 behöriga webbredaktörer
Decentraliserat kommunikations- och informationsansvar
I december 2009 lanseras ny webbplats med ca 80 webbredaktörer.
Då
Fokus på tillgänglighet, medborgarna och ett ”modernt angrepssätt”.
Många funktioner, t.ex. kommentarer, dela, Lyssna,
översättningar, SiteSeekersök, google maps-integration m.m.
Många anpassningsmöjligheter med t.ex. metadata.
• Organisationsstyrt innehåll.
Förutsättningarna förändras
• Besökarfunktionerna används mycket sparsamt.
• Webbredaktörerna saknar tid och ibland även kompetens.
• Kommunikationsavdelningen begränsad,
inte dedikerade roller mot webb – splittrad uppmärksamhet.
• Oklar roll- och mandatfördelning p.g.a. decentralisering.
• Viktiga besökarfunktioner som t.ex. kalendrar är otydliga.
• Uppdateringar av SiteVision följer inte release.
• Dokumentation över den utvecklade lösningen saknas.
• Små förändringar kräver konsulthjälp.
• Ny grafisk identitet hösten 2012 tvingar fram anpassningar.
• Egen migrering av innehåll.
• Färdigt innan årsskiftet.
• Tre offerter.
• Konceptet i princip färdigt när utvecklare togs in.
• Enkelt för redaktörerna, avskalad design för fokus på innehållet.
• Nytt kalenderflöde för att minska trycket på ”nyhetsflödet”.
• Bort med komplicerad och oanvänd funktionalitet samt medvetandegöra publiceringen.
• Problem med driftsleverantör en stor riskfaktor.
• Ren installation – ingen kodarkeologi.
Hur?
• Begränsad budget: 100 000:-
Mallar redan färdiga i SiteVision 3.0 när 3.1 släpps, krävde justeringar.
P.g.a. förseningen sker ingen redaktörsmigrering.
Fredag 21 december lanserades nya upplands-bro.se Responsiv version släpptes 9 februari
Serverproblem kostar 16 mantimmar och en månads försening.
Utfall
Kostnader: 110 200:- varav:
• 56 timmar grundmallar
• 16 timmar serverproblem
• 16 timmar tilläggsbeställda portalmallar
• 24 timmar justering av mallar till responsiv design
• Tillgänglighetsgranskning av designförslag
Intern tid (uppskattning):
• 40 timmar koncept och design
• 24 timmar projektledning
• 120 timmar migrering
• Utbildning av webbredaktörer
Utfall
Outsourcad IT-drift sedan 2001
Problem med den tekniska leveransen
Uppdaterad Sourcingstrategi februari 2012 Höjd för molntjänster
Molnstrategi
Princip 7
Ett nytt avtal skall medge övergång till nya lösningar (tex cloud) när detta är moget.
Molnstrategi
Kris
Snabbt beslut om
förflyttning till molntjänst
Molnstrategi
Normal nivå = garanterad tillgänglighet för Tjänsten är 99,5%
under Servicetiden.
Servicetid = normal Servicetid; måndag till fredag mellan klockan 08.00 till 17.00
Backup tas en gång dagligen och lagras på servrar i två olika lokaler.
Webbplatsen har aldrig gått ner. Den är stabil och snabb.
En klar fördel för oss är att vi ständigt ligger i fas med alla uppdateringar, som sker sömlöst utan avbrott.
Sitevision supporten är alltid snabba på att svara. Även på sen kvällstid har vi fått hjälp via Twitter.
SiteVision Cloud
Enklare än man kanske tror Bara att börja testa
Responsivt
Ersätt med responsiva varianter Ex. RoyalSlider $10
Sliders
Finns det applikationer som inte kommer att fungera bra responsivt?
Tabeller?
Bilder med navigation?
Applikationer m.m.
12 spalts-griden är standard, använd den
Använd griden
Inte lika lätt…
Vänstermenyn i botten eller toppen?
Navigering
Hur många tittar på ”bara” en sida?
40%
60%
40% 70%
Bootstrap
Standardmeny
Responsivt kommer aldrig gå att styra helt Lita på ditt content
Inte pixelperfektion
Man kan ”prova sig fram”
Behöver inte resultera i en ”Ny responsiv webbplats!”
Parallella mallar
Grundmallar
Sidhuvud och fot
Vänstermeny
Textsidemall
Sida 1 Sida 2 Sida 3
Grundmallar
Sidhuvud och fot
Vänstermeny
Textsidemall
Sida 1 Sida 2 Sida 3
Responsiva grundmallar
Sidhuvud och fot responsiv
Vänstermeny responsiv
2012: 3,4 Mbit/s 2013: 7,1 Mbit/s
Hastigheten – hur viktig?
= 0,3 Mbit/månad
375,00 KB/s snabbare per månad!
Om båda tar 600KB?
Resultatet i bilder - före
Resultatet i bilder - efter
Resultatet i bilder - före
Resultatet i bilder - efter
• SiteVision Cloud förenklar (version, tillgänglighet och antal inblandade).
Erfarenheter
• Responsivt direkt vid nyutveckling – parallella versioner vid vidareutveckling.
• Dokumentera lösningen för att undvika inlåsningseffekter.
• Migrering ett utmärkt utbildningstillfälle och kvalitetshöjare.
• Vår lösning saknar koppling till AD = dubbel kontoföring.
• Organisatoriska utmaningar byggs inte bort med en ny webbplats.
Frågor?
Conny Andersson
conny.andersson@bouvet.se (fr.o.m. 1/10) Johan Hedberg
johan.hedberg@upplands-bro.se Johan Albertsson
johan.a.albertsson@gmail.com