Brukerveiledning Mobilsider Portal (SSP.MobileView)

Transkript

1 Brukerveiledning Mobilsider Portal (SSP.MobileView) Sem & Stenersen Prokom AS Versjon 1.0

2 Dokumentkontroll Oversikt Forfatter: Stian Haga / Eivind Olsen Dato opprettet: Siste endring: Versjon: 1.0 Produkt: Mobilsider Portal (SSP.MobileView) Endringsliste Dato Skrevet/Endret av Versjon Kommentar Eivind Olsen 1.0 Kapittel: Dokumentkontroll 2

3 Innhold Dokumentkontroll... 2 Innledning... 4 Oppsett og konfigurasjon... 5 Juster antall nyheter i nyhetsliste... 5 Tilpasset kommunevåpen... 6 Angi sidetyper som skal vises i fullversjon/skjules fra mobil... 7 Tilpasse mobilmenyen... 8 Opprett et startpunkt... 8 Legg til underside som peker til eksisterende sider... 9 Legg til spesialtilpasset mobilside i menyen Sett den nye mobilmenyen i bruk Overstyre en enkeltside for mobil Skjule menyer Identifisering av mobile enheter Kapittel: Dokumentkontroll 3

4 Innledning Mobilsider portal er en utvidelse av eksisterende kommuneportaler, og tilbyr mobiltilpassede nettsider til mobile enheter. Alle mobiltilpassede sider består av en header med kommunens farge som bakgrunnsfarge, samt kommunevåpen og navn. I tillegg vises en tilbake-knapp på alle undersider, samt en knapp for å gå frem og tilbake mellom mobilversjon og fullversjon dersom man ser på siden fra en mobiltelefon. Startsiden består av en mobil globalmeny og nyhetsliste. Undersidene vil vise sidens hoveddel, det som vanligvis vises i midtfeltet på kommunens nettsider, samt at undermenyene vises under hovedinnholdet. Alle andre elementer er fjernet i mobilversjonen. Den mobile globalmenyen styres av modulens egen innstillingsside. I tillegg finnes det dynamiske egenskaper for å overstyre sidemaler som skal mobiltilpasses og overstyre om undermeny skal vises på siden. Kapittel: Innledning 4

5 Oppsett og konfigurasjon Mobilmodulen har et sett med innstillinger som er tilgjengelig fra modulen sin egen innstillingsside. For å finne denne siden, logg inn på portalen sin administreringsmodus og velg modulhåndtering fra fanen Konfig som vist på skjermbildet nedenfor: Her finner du innstillingssiden til den nylig installerte modulen SSP.MobileView. Juster antall nyheter i nyhetsliste Kommuneportalens nyhetsliste vil alltid vises på mobilportalens startside. For å styre hvor mange nyheter som skal vises i listen, logg på i portalens administreringsmodus, og gå til konfigurasjonsfanen. 1. Angi antall nyheter i feltet Antall mobilnyheter. 2. Velg Lagre på siden for å aktivere endringene. Kapittel: Oppsett og konfigurasjon 5

6 Tilpasset kommunevåpen For å angi logo som skal vises på kommunens mobilsider logger man inn i administreringsmodus og navigerer til modulens innstillingsside. 1. Angi korrekt bane for logoen. 2. Velg Lagre på siden for å aktivere endringene. Siden kommuneportalens kommunevåpen ofte er stor og inneholder tekst, er det lagt opp til at det skal benyttes en tilpasset logo for mobilsidene, uten tekst. Grunnen til at kommunens navn vises som tekst fra html-koden, og ikke som en del av kommunevåpenet, er at tekst skaleres bedre enn bilder. Kapittel: Oppsett og konfigurasjon 6

7 Angi sidetyper som skal vises i fullversjon/skjules fra mobil Dersom du vil angi sidetyper som skal vises i fullversjon på mobilen velges dette i listen ved punkt 1 på bildet nedenfor. Er det sidetyper som ikke skal være tilgjengelige via menyer på mobilversjonen hukes dette av på listen ved punkt Velg hvilke sider som skal vises i fullversjon eller skjules. 2. Velg Lagre på siden for å aktivere endringene. Kapittel: Oppsett og konfigurasjon 7

8 Tilpasse mobilmenyen Det kan være ønskelig å bygge opp en egen menystruktur til startsiden. Normalt vil en slik meny inneholde lenker til sider med åpningstider, kontaktinfo etc. Videre følger en innføring i hvordan man kan gå frem for å opprette en egendefinert mobilmeny med undersider som enten er spesialtilpasset til mobiler eller som peker på andre eksisterende sider på portalen. Opprett et startpunkt Denne siden er en helt vanlig standardside uten innhold, som ikke vises i menyer. Siden oppretter vi for å ha en rotside til menyen som vi velger fra modulinnstillingene. 1. Logg inn i redigeringsmodus. 2. Høyreklikk på forsiden og opprett en ny side av typen Standardside. 3. Gi den for eksempel sidenavn og overskrift Mobilmeny for å finne lett frem til den senere. Det er ikke nødvendig å gi den noe mer innhold. 4. Klikk deg inn på fanen som heter Innstillinger. 5. Fjern krysset som er på det øverste alternativet Vis siden i menyer. Valget skal ikke være aktivert for denne siden. 6. Velg Lagre og publiser for å legge den ut. Kapittel: Tilpasse mobilmenyen 8

9 Legg til underside som peker til eksisterende sider Nå som vi har en side å legge menyvalg under kan vi velge å enten legge til eksisterende sider på portalen, eller opprette en helt ny side som er tilpasset mobilenheter. For å legge til en side som eksisterer fra før av, logg inn i redigeringsmodus: 1. Høyreklikk på mobilmeny-siden vi lagde i forrige seksjon, Opprett et startpunkt, og opprett en ny Standardside. 2. Gi siden et beskrivende navn og overskrift. 3. Klikk på fanen Snarvei Kapittel: Tilpasse mobilmenyen 9

10 4. Velg Snarvei til side i EpiServer CMS på valget Type link. 5. Klikk på knappen med tekst lik... for å velge hvilken side menyvalget skal lenkes til. 6. Målramme kan settes til å være Åpne koblingen i hele vinduet. 7. Klikk Lagre og publiser for å legge til menyvalget. Legg til spesialtilpasset mobilside i menyen Det kan i enkelte tilfeller være fornuftig å lage en egen mobilversjon av en side som kun inneholder det mest nødvendige for personer som ser på siden med en håndholdt enhet. For eksempel kan det lages en side med kontaktinformasjon eller åpningstider. Ønsker du å legge til en slik side logg inn i redigeringsmodus: 1. Høyreklikk på mobilmeny-siden vi lagde i seksjonen Opprett et startpunkt og opprett en ny Standardside. Kapittel: Tilpasse mobilmenyen 10

11 2. Gi siden et beskrivende navn og overskrift. 3. Fyll ut innledning og hovedinnhold etter ønske. Det anbefales å unngå bildebruk i den grad det er mulig. 4. Klikk Lagre og publiser for å legge til menyvalget. Kapittel: Tilpasse mobilmenyen 11

12 Sett den nye mobilmenyen i bruk Etter at mobilmenyen er opprettet med ønskede valg må den settes i bruk via modulens innstillingsside. Denne siden finner du i administreringsmodus, under fanen Konfig og valget Modulhåndtering. Klikk så på SSP.MobileView. For å ta i bruk den nye mobilmenyen, gjør som følger: 1. Klikk først på... til høyre for tekstfeltet: Kapittel: Sett den nye mobilmenyen i bruk 12

13 2. Du vil så få opp et dialogvindu der du kan velge en side fra portalen: 3. Velg den nye mobilmenyen og klikk Velg 4. Klikk Lagre for å aktivere endringene på siden. Kapittel: Sett den nye mobilmenyen i bruk 13

14 Overstyre en enkeltside for mobil Noen sider i portalen er det ikke ønskelig at skal være en del av mobilløsningen selv om de er av riktig sidemal som ble angitt under seksjonen Angi sidetyper som skal vises i fullversjon/skjules fra mobil. For å overstyre om en side skal være en del av mobilportalen, logg på i portalens redigeringsmodus, og gå til den aktuelle siden. 1. Velg Dynamiske egenskaper 2. Velg fanen Mobil 3. Kryss av i feltet Vis fullversjon for mobil 4. Velg Lagre på siden for dynamiske egenskaper for å aktivere endringene. Kapittel: Overstyre en enkeltside for mobil 14

15 Skjule menyer Som standard vises undermenyer for siden under hovedinnholdet på siden. For å overstyre om en side skal vise undermenyer, logg på redigeringsmodus, og gå til den aktuelle siden. 1. Velg Dynamiske egenskaper 2. Velg fanen Mobil 3. Kryss av i feltet Skjul venstremeny 4. Velg Lagre på siden for dynamiske egenskaper for å aktivere endringene. Kapittel: Skjule menyer 15

16 Identifisering av mobile enheter For å identifisere mobile enheter, benyttes UserAgent fra enheten. Under modulens innstillingsside er det lagt inn en liste over UserAgents som skal behandles som mobile enheter. Hvis en ny mobil enhet og UserAgent lanseres på markedet, må listen oppdateres. Spesielle hensyn Ved nye mobile enheter med nye UserAgents, må dette meldes leverandør, for oppdatering av liste. Oversikt over UserAgents som besøker portalen kan hentes fra Google Analytics. Kapittel: Identifisering av mobile enheter 16