BRUKERGRENSESNITT BankID på mobil. Versjon: 28. september 2015

Størrelse: px
Begynne med side:

Download "BRUKERGRENSESNITT BankID på mobil. Versjon: 28. september 2015"

Transkript

1 BRUKERGRENSESNITT BankID på mobil Versjon: 28. september 2015

2 BRUKERGRENSESNITT BankID på mobil Dette er dokumentet har to deler, en del som viser og beskriver det visuelle og en del beregnet for utviklere som skal bruke kodemalene som er klargjort for brukersteder. Kodemaler inneholder html, css, javascript, animasjoner og hjelpetekst. Utforming og funksjonalitet av fokus (aktiv markør) er vist i disse filene. Kodemalene er utviklet og testet for å gjøre implementering av nytt responsivt design enklere. Kontakt BankID Norge for å motta filene.

3 DEL1: DOKUMENTASJON AV BRUKERGRENSESNITT BankID på mobil

4 Introduksjon Denne delen av dokumentet beskriver utforming av brukergrensesnittet for innlogging, signering og betaling med BankID på mobil. INNHOLDSFORTEGNELSE 1. Introduksjon 2. Krav 3. Designmaler 4. Retningslinjer 5. Prosessflyt Retningslinjene gjelder på tvers av plattformer: grensesnittet skal fungere i alle utbredte nettlesere på PC og Mac, nettbrett og smarttelefoner. Kontakt BankID for fullstendig liste av klienter som skal støttes.

5 Krav

6 Krav Overordnede krav 1 Tema BankID på mobil logo Fargevalg Typografi Elementer Layout Feilmeldinger Krav BankID-logoen skal vises på alle skjermbildene og plasseres på definert sted i applikasjonsfeltet Skjermbildene skal inneholde de samme fargene som skissene og fargeoversikten viser. Krav til bruk av typografi er gitt i spesifiserte høyder og bredder. Antall elementer og plassering av elementer skal implementeres i henhold til gitte skjermskisser. Løsningen skal være responsiv og tilpasse seg plassen den får tildelt. Anbefalt standard størrelse på desktop/tablet er 388 x 240 pixler, mens den på mobil skal tildeles all tilgjengelig plass. Klienten kan tilpasses større og mindre størrelser, med en minstestørrelse på 320 x 150 pixler (bredde x høyde). Visuell karakter av feilmeldinger skal implementeres i henhold til gitte skjermskisser.

7 Krav Overordnede krav 2 Tema Tekst Prosess/flyt Data Validering Bilder Input typer Krav Ved implementering av løsningen skal teksten i skjermbildene være lik det skjermskissene viser. Flyt for identifisering, signering og BankAxess skal implementeres slik skjermskissene beskriver. All data inkludert i skjermskisser skal inkluderes i «BankID på mobil» løsning. Ekstra data/felter implementert av brukersted er ikke tillatt (for eksempel brukerens e-post). Validering vil hovedsakelig skje på server-siden. Nettleseren/JavaScript skal validere åtte siffer i feltet for mobilnummer og seks siffer i feltet for. Det er ikke tillatt å bruke nye bilder/grafiske elementer i den implementerte BankID løsningen. Input typer skal være som illustrert i skjermskisser.

8 Krav Universell utforming Forskrift om universell utforming av IKT-løsninger stiller krav om at nettsider må oppfylle 35 av 61 suksesskriterier i standarden Retningslinjer for tilgjengelig webinnhold (WCAG) 2.0. Med universell utforming menes utforming eller tilrettelegging av hovedløsningen i de fysiske forholdene, herunder informasjons- og kommunikasjonsteknologi (IKT), slik at virksomhetens alminnelige funksjon kan benyttes av flest mulig. Kravene og mer info finner du her:

9 Designmaler

10 Mal: Login.html Innlogging Standard størrelse x 240 pixler Avbryt tekst vises Mobil visning (fullskjerm) Avbryt tekst fjernes da det er lite horisontal plass.

11 Mal: Reference.html Referanseord Standard størrelse x 240 pixler Avbryt tekst vises Mobil visning (fullskjerm) Avbryt tekst fjernes da det er lite horisontal plass.

12 Mal: wait.html Ventesignal Standard størrelse x 240 pixler Avbryt tekst vises Mobil visning (fullskjerm) Avbryt tekst fjernes da det er lite horisontal plass.

13 Mal: Error.html Feilmelding Standard størrelse x 240 pixler Mobil visning (fullskjerm)

14 Mal: Success.html Suksess Standard størrelse x 240 pixler Mobil visning (fullskjerm)

15 Retningslinjer

16 Retningslinjer Innramming av klienten Klienten defineres med en bakgrunn og ramme som på en diskret måte vil integrere feltet i visuelt ulike brukersteder og applikasjoner. Avbryt klient Type tjeneste Identifisering, Signering eller BankAxess. font-family: Arial, Helvetica, Verdana; font-size: 14px; color: #555555; font-family: Arial, Helvetica, Verdana; font-size: 18px; color: #555555; Bakgrunn og ramme background-color: #FBFBFB; border-color: #BBBBBB; border-radius: 3px;

17 Retningslinjer SVG-grafikkfiler All grafikk i klienten skal bestå av SVG-grafikk. SVG-filer kan skaleres uten tap av kvalitet og vil sikre skarp visning i alle oppløsninger på alle enheter, både nå og i framtiden. Filene er innbakt i html-dokumentet som Base64-encodet tekst og finnes således ikke som tilknyttede filer. bankid-mobil_logo.svg (norsk) bankid-mobile_logo.svg (engelsk) ico_arrow_right.svg ico_arrow_left.svg ico_help.svg ico_close.svg bankid-mobil_logo.svg ico_spinner.svg ico_warning.svg

18 Retningslinjer Farger #007BC0 Uthevet tekst, lenker, rammefarge for aktiv input #BADBEB Støttefarge #E9F1F4 Støttefarge # Tekst, labels # Heading, hjelpetekst #BBBBBB Rammer, linjer #EEEEEE Støttefarge #F8F8F8 Bakgrunnsfarge #FFFFFF Aktiv nestepil

19 Retningslinjer Responsiv oppførsel Ettersom klienten skal brukes i mange størrelser og proporsjoner må den tilpasse seg plassen den får tildelt. Eksempel under viser hvordan klienten endres. Minimumsstørrelse x 150 pixler Avbryt tekst fjernes og ramme rundt knapp skjules. Høyde på klienttopp, inputfelter og nesteknapp reduseres. Tekststørrelser reduseres. Standard størrelse x 240 pixler Avbryt tekst vises Mobil visning (fullskjerm) Avbryt tekst fjernes da det er lite horisontal plass.

20 Retningslinjer Mellomrom Ettersom klienten skal brukes i mange størrelser og proporsjoner må den tilpasse seg plassen den får tildelt. Eksempel under viser hvordan størrelsen på inntastingsfeltene endres i forskjellige bredder. * 35 pixler er høyden i minimodus.

21 Retningslinjer Innlogging Heading font-family: Arial, Helvetica, Verdana; font-size: 18px; color: #555555; Hjelpetekst knapp og ikon font-family: Arial, Helvetica, Verdana; font-size: 14px; color: #555555; Knapp Tittel font-family: Arial, Helvetica, Verdana; font-size: 18px; color: #000000; background: #0078BD; border-radius: 3px; Input font-family: Arial, Helvetica, Verdana; font-size: 18px; color: #000000; Label hint font-family: Arial, Helvetica, Verdana; font-size: 14px; color: #555555;

22 Retningslinjer Referanseord Label font-family: Arial, Helvetica, Verdana; font-size: 16px; color: #000000; Referansekode font-family: Arial, Helvetica, Verdana; font-size: 18px; font-weight: bold; text-transform: uppercase color: #0078BD; Delelinje border-color: #BBBBBB; Type BankID font-family: Arial, Helvetica, Verdana; font-size: 12px; color: #555555; Hjelpetekst font-family: Arial, Helvetica, Verdana; font-size: 14px; color: #000;

23 Retningslinjer Ventesignal Label font-family: Arial, Helvetica, Verdana; font-size: 14px; color: #000000;

24 Retningslinjer Suksess Tittel font-family: Arial, Helvetica, Verdana; font-size: 16px; font-weight: bold; color: #000000;

25 Retningslinjer Alvorlig feil Suksess font-family: Arial, Helvetica, Verdana; font-size: 16px; font-weight: bold; color: #000000; Suksess font-family: Arial, Helvetica, Verdana; font-size: 16px; font-weight: normal; color: #000000;

26 Retningslinjer Responsiv løsning Implementeringen må tilpasses i tilfeller der det er lite plass tilgjengelig i bredden og/eller høyden. Bredde Når klienten er smalere enn 388 pixler gjør vi tiltak for å ivareta plass i bredden. Teksten Avbryt på knappen oppe til høyre fjernes. Bredde på inntastingsfelter og nesteknapp skalerer ned fra 350 til tilgjengelig plass, minst 302 pixler. Tekststørrelse på Label (Mobilnummer og ) reduseres fra 18 til 16 pixler. Høyde Når klienten er lavere enn 239 pixler gjør vi tiltak for å ivareta plass i høyden. Topp på klienten reduseres fra 45 til 35 pixler i høyden. Ramme på knapp i topp fjernes, men er synlig ved mus-over. Tekststørrelse på tittel i topp reduseres fra 18 til 16 pixler. BankID på mobil logo flyttes ned og bryter delelinjen.

27 Retningslinjer Minimumsstørrelse eksempel Applikasjonsfeltet kan gis fri bredde og høyde, men med en definert minimumsverdi på 320 px bredde eller 150px høyde - se skjermbilder.

28 Retningslinjer Skjemafelter For å sikre korrekt skjermtastatur er det viktig at skjemafelter følger angitte krav. Label Value Input type Validering på klient-siden Kommentar Mobilnummer Ingen default Tel Numerisk MINLENGTH=8 MAXLENGTH=8 Fødselsdato Ingen default Tel Numerisk MINLENGTH=6 MAXLENGTH=6

29 FEILMELDINGER Eksempler på feilmeldinger Melding hvis validering feiler. Kritisk feil.

30 Prosessflyt

31 Prosessflyt Oversikt BankID på mobil dekker tre funksjoner; Identifisering, Signering og BankAxess. Sidemalene er like for alle tre løp, men husk å endre tittel fra Identifisering til Signering eller BankAxess. Dialog Dialog på mobil MALER IDENTIFISERING SIGNERING BANKAXESS Eksternt Innlogging Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering B-03: Informasjon om BankAxess med BankID på mobil Referanseord I-03: Informasjon om BankIDidentifisering S-04: Kunden får se teksten som skal signeres B-04: Kunden får informasjon om betalingsforslaget/betalingsordren Ventesignal Suksess Brukeren er identifisert Brukeren har signert, bekreftelse Brukeren har handlet, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering B-05: SMS-bekreftelse på handel

32 Prosessflyt Identifisering Dialog Dialog på mobil IDENTIFISERING SIGNERING BANKAXESS Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering B-03: Informasjon om BankAxess med BankID på mobil I-03: Informasjon om BankIDidentifisering S-04: Kunden får se teksten som skal signeres B-04: Kunden får informasjon om betalingsforslaget/betalingsordren Brukeren er identifisert Brukeren har signert, bekreftelse Brukeren har handlet, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering B-05: SMS-bekreftelse på handel

33 Prosessflyt: Identifisering Brukersteder som tilbyr bruk av både «BankID» og «BankID på mobil» skal gi brukeren muligheten til å velge hvilken mekanisme som skal benyttes. Følgende krav gjelder ved utforming av inngang som er spesifikk for brukerstedet: BankID logoen skal synliggjøres på siden. Fargepaletten skal benyttes for utforming av applikasjonsfeltet. Når klient er startet skal det tydeliggjøres at brukeren er inne i prosessflyt for Identifisering. For at brukeren skal få hjelp til å velge mellom «BankID» og «BankID på mobil» kan følgende hjelpetekst benyttes: BankID: Din BankID er lagret sentralt i banken. BankID på mobil: Din BankID er lagret på SIM-kortet i din mobiltelefon. IDENTIFISERING Kontroller referansenummer på mobilen I-03: Informasjon om BankIDidentifisering Brukeren er identifisert I-05: SMS-bekreftelse på identifisering

34 Prosessflyt: Identifisering Mobilnummer og Retningslinjer: På desktop skal markør være plassert i mobilnummer-feltet når applikasjonsfeltet fremkommer. Brukeren skal kunne bruke tabulator for å flytte markøren til -felt. Brukeren skal kunne trykke enter for å komme videre i dialogen etter at mobilnummer og er fylt ut. IDENTIFISERING Kontroller referansenummer på mobilen I-03: Informasjon om BankIDidentifisering Brukeren er identifisert I-05: SMS-bekreftelse på identifisering

35 Prosessflyt: Identifisering Referanseord Retningslinjer: IDENTIFISERING Skjermbildet skal vises mens brukeren utfører handling på mobilen Kontroller referansenummer på mobilen I-03: Informasjon om BankIDidentifisering Brukeren er identifisert I-05: SMS-bekreftelse på identifisering

36 Avbryt Godta Prosessflyt: Identifisering I-03. Informasjon om BankIDidentifisering IDENTIFISERING Kontroller referansenummer på mobilen N Telenor 12:34 Tilbake I-03: Informasjon om BankIDidentifisering Brukeren er identifisert Bekreft referanse: FEILFRI DIAMANT hos DNB Bank for BankID identifisering I-05: SMS-bekreftelse på identifisering

37 Prosessflyt: Identifisering T-04. Tast ID-PIN Merk: Ulike versjoner av SIM-kort kan ha ulik begrepsbruk. Noen SIM-kort bruker «Sign-PIN» som begrep, mens andre bruker «ID-PIN». Alle nye SIM-kort benytter «ID-PIN». IDENTIFISERING Kontroller referansenummer på mobilen N Telenor 12:34 Tilbake Tast ID-PIN: Avbryt I-03: Informasjon om BankIDidentifisering Brukeren er identifisert I-05: SMS-bekreftelse på identifisering Send

38 Prosessflyt: Identifisering Suksess Retningslinjer: Skjermbildet skal vises når brukeren er identifisert. Brukersted bestemmer hvor bruker kommer ved trykk på Neste IDENTIFISERING Av brukervennlighetshensyn frarådes bruk av dette steget. I kodeeksempelet finnes dette steget i filene success.html og success_en.html. Kontroller referansenummer på mobilen I-03: Informasjon om BankIDidentifisering Brukeren er identifisert I-05: SMS-bekreftelse på identifisering

39 Prosessflyt: Identifisering I-05. SMS-bekreftelse på identifisering SMS: Brukerstedet bestemmer innholdet i SMS-en. Inntil 160 tegn. Avsender for meldingene vil være: «BankID» IDENTIFISERING Kontroller referansenummer på mobilen N Telenor 12:34 I-03: Informasjon om BankIDidentifisering Valgfri tekst for brukerstedet. Maks 60 tegn. Avsender BankID Valgfri tekst for brukerstedet. (inntil 160 tegn) Brukeren er identifisert I-05: SMS-bekreftelse på identifisering

40 Prosessflyt Signering Dialog Dialog på mobil IDENTIFISERING SIGNERING BANKAXESS Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering B-03: Informasjon om BankAxess med BankID på mobil I-03: Informasjon om BankIDidentifisering S-04: Kunden får se teksten som skal signeres B-04: Kunden får informasjon om betalingsforslaget/betalingsordren Brukeren er identifisert Brukeren har signert, bekreftelse Brukeren har handlet, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering B-05: SMS-bekreftelse på handel

41 Prosessflyt: Signering IDENTIFISERING SIGNERING Brukersteder som tilbyr bruk av både «BankID» og «BankID på mobil» skal gi brukeren muligheten til å velge hvilken mekanisme som skal benyttes. Følgende krav gjelder ved utforming av inngang som er spesifikk for brukerstedet: BankID logoen skal synliggjøres på siden. Fargepaletten skal benyttes for utforming av applikasjonsfeltet. Kontroller referansenummer Når klient er startet skal det tydeliggjøres at brukeren er inne i prosessflyt på mobilen for Signering. For at brukeren skal få hjelp til å velge mellom «BankID» og «BankID I-03: på Informasjon mobil» kan om BankIDidentifisering følgende hjelpetekst benyttes: BankID: Din BankID er lagret sentralt i banken. BankID på mobil: Din BankID er lagret på SIM-kortet i din mobiltelefon. S-03: Informasjon om BankIDsignering S-04: Kunden får se teksten som skal signeres Brukeren er identifisert Brukeren har signert, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering

42 Prosessflyt: Signering IDENTIFISERING Retningslinjer: På desktop skal markør være plassert i mobilnummer-feltet når applikasjonsfeltet fremkommer. Brukeren skal kunne bruke tabulator for å flytte markøren til -felt. Kontroller referansenummer Brukeren skal kunne trykke enter for å komme videre i dialogen etter på at mobilen mobilnummer og er fylt ut. I-03: Informasjon om BankIDidentifisering SIGNERING S-03: Informasjon om BankIDsignering S-04: Kunden får se teksten som skal signeres Brukeren er identifisert Brukeren har signert, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering PS. Husk å endre tittel i sidemalen fra Identifisering til Signering

43 OK Prosessflyt: Signering S-03. Informasjon om BankIDsignering IDENTIFISERING SIGNERING Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering N Telenor 12:34 Avbryt I-03: Informasjon om BankIDidentifisering S-04: Kunden får se teksten som skal signeres Bekreft for å starte signering med BankID hos Nettbutikken.no. Brukeren er identifisert I-05: SMS-bekreftelse på identifisering Brukeren har signert, bekreftelse S-05: SMS-bekreftelse på signering

44 Prosessflyt: Signering S-04: Brukeren får se teksten IDENTIFISERING som skal signeres Merk: Dette er dataene som brukeren signerer over, og brukerstedet må sørge for at det inneholder nok informasjon til at det kan benyttes som bevis. Begrensning Tast inn på mobilnummer 120 tegn. og SIGNERING Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering N Telenor 12:34 I-03: Informasjon om BankIDidentifisering S-04: Kunden får se teksten som skal signeres Avbryt Brukersted: Nettbutikken.no Signering kjøpekontrakt. Ref. nr: Dato: Brukeren er identifisert I-05: SMS-bekreftelse på identifisering Brukeren har signert, bekreftelse S-05: SMS-bekreftelse på signering

45 Prosessflyt: Signering T-04. Tast ID-PIN IDENTIFISERING SIGNERING Merk: Ulike versjoner av SIM-kort kan ha ulik begrepsbruk. Noen SIM-kort Velg BankID bruker på «Sign-PIN» mobil som begrep, mens andre bruker «ID-PIN». Alle nye SIM-kort benytter «ID-PIN». Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering N Telenor 12:34 Tilbake Avbryt I-03: Informasjon om BankIDidentifisering S-04: Kunden får se teksten som skal signeres Tast ID-PIN: Brukeren er identifisert Brukeren har signert, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering Send

46 Prosessflyt: Signering Ventesignal Retningslinjer: IDENTIFISERING SIGNERING Skjermbildet skal vises mens brukeren utfører markerte handlinger på mobilen. Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering I-03: Informasjon om BankIDidentifisering S-04: Kunden får se teksten som skal signeres Brukeren er identifisert Brukeren har signert, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering

47 Prosessflyt: Signering Suksess Retningslinjer: Skjermbildet skal vises når brukeren har signert. Brukersted bestemmer hvor bruker kommer ved trykk på Neste Av brukervennlighetshensyn frarådes bruk av dette steget. I kodeeksempelet finnes dette steget i filene success.html og success_en.html IDENTIFISERING SIGNERING Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering I-03: Informasjon om BankIDidentifisering S-04: Kunden får se teksten som skal signeres Brukeren er identifisert Brukeren har signert, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering

48 Prosessflyt: Signering S-05. SMS-bekreftelse på signering IDENTIFISERING SMS: Brukerstedet bestemmer innholdet i SMS-en. Inntil 160 tegn. Avsender Velg BankID for på meldingene mobil vil være: «BankID» SIGNERING Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering N Telenor 12:34 I-03: Informasjon om BankIDidentifisering S-04: Kunden får se teksten som skal signeres Avbryt Brukersted: Nettbutikken.no Kjøpekontrakt signert. Brukersted: Nettbutikken.no Ref.nr: Dato: Kjøpekontrakt signert. Ref. nr: Dato: Brukeren er identifisert I-05: SMS-bekreftelse på identifisering Brukeren har signert, bekreftelse S-05: SMS-bekreftelse på signering

49 Prosessflyt BankAxess Dialog Dialog på mobil IDENTIFISERING SIGNERING BANKAXESS Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering B-03: Informasjon om BankAxess med BankID på mobil I-03: Informasjon om BankIDidentifisering S-04: Kunden får se teksten som skal signeres B-04: Kunden får informasjon om betalingsforslaget/betalingsordren Brukeren er identifisert Brukeren har signert, bekreftelse Brukeren har handlet, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering B-05: SMS-bekreftelse på handel

50 Dialog Dialog på mobil Prosessflyt: BankAxess Velg BankID IDENTIFISERING på mobil SIGNERING BANKAXESS Brukersteder som tilbyr bruk av både «BankID» og «BankID på mobil» skal gi brukeren muligheten til å velge hvilken mekanisme som skal benyttes. Følgende krav gjelder Tast ved inn utforming mobilnummer av inngang og som er spesifikk for brukerstedet: BankID logoen skal synliggjøres på siden. Fargepaletten skal benyttes for utforming av applikasjonsfeltet. Kontroller referansenummer S-03: Informasjon om BankIDsigneringfor Når klient er startet på skal mobilen det tydeliggjøres at brukeren er inne i prosessflyt BankAxess. For at brukeren skal I-03: få Informasjon hjelp til å velge om BankIDidentifisering benyttes: skal mellom «BankID» og «BankID S-04: på Kunden mobil» får kan se teksten som følgende hjelpetekst signeres BankID: Din BankID er lagret sentralt i banken. BankID på mobil: Din BankID er lagret på SIM-kortet i din mobiltelefon. B-03: Informasjon om BankAxess med BankID på mobil B-04: Kunden får informasjon om betalingsforslaget/betalingsordren Brukeren er identifisert Brukeren har signert, bekreftelse Brukeren har handlet, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering B-05: SMS-bekreftelse på handel

51 Dialog Dialog på mobil Prosessflyt: BankAxess Tast inn mobilnummer IDENTIFISERING og Retningslinjer: På desktop skal markør være plassert i mobilnummer-feltet når applikasjonsfeltet fremkommer. Brukeren skal kunne Kontroller bruke tabulator referansenummer for å flytte markøren til -felt. S-03: Informasjon om BankIDsignering at mobilnummer Brukeren skal kunne på trykke mobilen enter for å komme videre i dialogen etter og er fylt ut. I-03: Informasjon om BankIDidentifisering SIGNERING S-04: Kunden får se teksten som skal signeres BANKAXESS B-03: Informasjon om BankAxess med BankID på mobil B-04: Kunden får informasjon om betalingsforslaget/betalingsordren Brukeren er identifisert Brukeren har signert, bekreftelse Brukeren har handlet, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering B-05: SMS-bekreftelse på handel PS. Husk å endre tittel i sidemalen fra Identifisering til BankAxess

52 OK Dialog Dialog på mobil Prosessflyt: BankAxess B-03: Informasjon IDENTIFISERING om BankAxess SIGNERING med på mobil BANKAXESS Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering B-03: Informasjon om BankAxess med BankID på mobil N Telenor 12:34 I-03: Informasjon om BankIDidentifisering Avbryt S-04: Kunden får se teksten som skal signeres B-04: Kunden får informasjon om betalingsforslaget/betalingsordren Brukeren er identifisert Bekreft for å starte betaling med BankAxess I-05: SMS-bekreftelse hos på Nettbutikken.no. identifisering Brukeren har signert, bekreftelse S-05: SMS-bekreftelse på signering Brukeren har handlet, bekreftelse B-05: SMS-bekreftelse på handel

53 Dialog Dialog på mobil Prosessflyt: BankAxess B-04: Brukeren IDENTIFISERING får informasjon SIGNERING om betalingsforslaget / betalingsordren Merk: Dette er dataene som brukeren signerer over, og brukerstedet må sørge for at det inneholder nok informasjon Tast inn til mobilnummer at det kan benyttes og som bevis. Begrensning Tast inn på mobilnummer 120 tegn. og BANKAXESS Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering B-03: Informasjon om BankAxess med BankID på mobil N Telenor 12:34 I-03: Informasjon om BankIDidentifisering Avbryt S-04: Kunden får se teksten som skal signeres B-04: Kunden får informasjon om betalingsforslaget/betalingsordren Brukeren er identifisert Brukersted: Nettbutikken.no BankAxess betaling I-05: SMS-bekreftelse på Ref. nr: identifisering Dato: Beløp: 5 679,- Brukeren har signert, bekreftelse S-05: SMS-bekreftelse på signering Brukeren har handlet, bekreftelse B-05: SMS-bekreftelse på handel

54 Dialog Dialog på mobil Prosessflyt: BankAxess IDENTIFISERING T-04. Tast ID-PIN SIGNERING BANKAXESS Merk: Ulike versjoner Velg av SIM-kort BankID på kan mobil ha ulik begrepsbruk. Noen SIM-kort Velg BankID bruker på «Sign-PIN» mobil som begrep, mens andre bruker «ID-PIN». Alle nye SIM-kort benytter «ID-PIN». Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering B-03: Informasjon om BankAxess med BankID på mobil N Telenor 12:34 I-03: Informasjon om BankIDidentifisering Tilbake Avbryt S-04: Kunden får se teksten som skal signeres B-04: Kunden får informasjon om betalingsforslaget/betalingsordren Tast ID-PIN: Brukeren er identifisert Brukeren har signert, bekreftelse Brukeren har handlet, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering B-05: SMS-bekreftelse på handel Send

55 Dialog Dialog på mobil Prosessflyt: BankAxess Ventesignal IDENTIFISERING SIGNERING BANKAXESS Retningslinjer: Skjermbildet skal vises mens brukeren utfører markerte handlinger på mobilen. Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering B-03: Informasjon om BankAxess med BankID på mobil I-03: Informasjon om BankIDidentifisering S-04: Kunden får se teksten som skal signeres B-04: Kunden får informasjon om betalingsforslaget/betalingsordren Brukeren er identifisert Brukeren har signert, bekreftelse Brukeren har handlet, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering B-05: SMS-bekreftelse på handel

56 Dialog Prosessflyt: BankAxess Suksess Retningslinjer: IDENTIFISERING SIGNERING Dialog på mobil BANKAXESS Kontroller referansenummer S-03: Informasjon om BankIDsignering B-03: Informasjon om BankAxess med BankID på mobil I-03: Informasjon om BankIDidentifisering S-04: Kunden får se teksten som skal signeres B-04: Kunden får informasjon om betalingsforslaget/betalingsordren Brukeren er identifisert Brukeren har signert, bekreftelse Brukeren har handlet, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering B-05: SMS-bekreftelse på handel Skjermbildet skal vises når brukeren har betalt. Brukersted bestemmer hvor bruker kommer ved trykk på Neste. Av brukervennlighetshensyn frarådes bruk av dette steget. dette steget i filene success.html I kodeeksempelet finnes på mobilen og success_en.html

57 Dialog Dialog på mobil Prosessflyt: BankAxess B-05. SMS-bekreftelse IDENTIFISERING på handel SIGNERING BANKAXESS SMS: Brukerstedet bestemmer Velg BankID innholdet på mobil i SMS-en. Inntil 160 tegn. Avsender for meldingene vil være: «BankID» Kontroller referansenummer på mobilen S-03: Informasjon om BankIDsignering B-03: Informasjon om BankAxess med BankID på mobil I-03: Informasjon om BankIDidentifisering S-04: Kunden får se teksten som skal signeres B-04: Kunden får informasjon om betalingsforslaget/betalingsordren Brukeren er identifisert Brukeren har signert, bekreftelse Brukeren har handlet, bekreftelse I-05: SMS-bekreftelse på identifisering S-05: SMS-bekreftelse på signering B-05: SMS-bekreftelse på handel

58 DEL 2: DOKUMENTASJON AV KODEMALER Readme for utviklere

59 BankID på mobil Oppsett - Demo Start index.html Filer som bare er til bruk i demo: Ekstra index.html - brukes for å vise flyten i de andre 5 html-filene iframe.html kjører index.html i en iframe for å vise ulike størrelser bidm.js - brukes for å simulere flyten i applikasjonen og hvordan elementene på siden skal fungere sammen. Filen er veldig enkelt satt opp slik at all kode skal kunne forstås For demoens skyld har javascript-filen assets/js/bidm.js blitt lagt til i filene login.html, ref.html, wait.html, success.html og error.html. Javascript-filen demonstrerer funksjonaliteten og flyten til BankID på mobil. Oppsett - Prod Vedlagt: 5 html-filer login.html - er selve startskjermen ref.html - er skjermen hvor referanseordet vises wait.html - er skjermen som vises når brukeren må vente på signal fra signering eller bekreftelse success.html - er skjermen som vises når verifisering med BankID på mobil ble gjennomført uten problemer error.html - er skjermen som vises når verifisering med BankID på mobil feilet Vedlagt: 1 css-fil bidm.css - brukes av alle 5 html-filene som skal i prod. Forklaring av prod-filene:

60 login.html Startup input.bidm_phone skal ha fokus Operation.bidm_header button.bidm_close: Ved klikk skal applikasjonen avsluttes.bidm_body button.bidm_help: Ved klikk skal hjelpedialog.bidm_dialog vises.bidm_error-wrapper:.bidm_error-wrapper må hentes ut fra DOM treet og tas vare på. Den må settes tilbake i DOM treet når en error skal vises, se eksempelkode. Dette er for å få animasjon til å fungere i Firefox..bidm_error-wrapper.bidm_text må fylles dynamisk med feilmelding i forhold til innholdet i input feltet..bidm_body input.bidm_phone: Krever 8 tall Max 8 tall.bidm_body input.bidm_birth: Krever 6 tall Max 6 tall.bidm_body button.bidm_next: Validere innholdet i input.phone, om feil vis error-wrapper legg til css-klassen bidm_visible til bidm_error-wrapper Validere innholdet i input.birth, om feil vis error-wrapper.bidm_dialog: Exceptions legg til css-klassen bidm_visible og bidm_right til bidm_error-wrapper Når.bidm_close trykkes, ESC trykkes eller bruker trykker utenfor dialogen, skal den lukkes. Når dialogen blir vist, skal.bidm_dialog-header.bidm_title ha autofokus (på desktop) for å gjøre dialogen modal.

61 ref.html Startup #bidm_ref-label skal ha fokus Operation.bidm_header button.bidm_close: Ved klikk skal applikasjonen avsluttes.bidm_body button.bidm_help: Ved klikk skal hjelpedialog.bidm_dialog vises.bidm_ref-wrapper bidm_ref-word:.bidm_dialog: Exceptions Dette er labelen som skal inneholde referanseordet. Når.bidm_close trykkes, ESC trykkes eller bruker trykker utenfor dialogen, skal den lukkes. Når dialogen blir vist, skal.bidm_dialog-header.bidm_title ha autofokus (på desktop) for å gjøre dialogen modal. Hvis nettleseren ikke støtter animation, skal css-klassen.bidm_no-animation legges på.bidm_app wait.html Startup #bidm_wait-message skal ha fokus Operation.bidm_header button.bidm_close: Exceptions Ved klikk skal applikasjonen avsluttes Hvis nettleseren ikke støtter animation, skal css-klassen.bidm_no-animation legges på.bidm_app success.html Startup

62 header.bidm_header h1.bidm_title skal ha fokus Operation button.bidm_next: Ved klikk skal brukeren føres videre til neste skjerm error.html Startup header.bidm_header h1.bidm_title skal ha fokus Operation button.bidm_next: Ved klikk skal brukeren føres videre til neste skjerm.bidm_info h2:.bidm_info p: Her skal feilmeldingens tittel vises. Her skal feilmeldingens beskrivelse vises. Exceptions Exceptions body ->.bidm_no-animation Brukes for å få en fallback-løsning når det vises en spinner på ref.html siden. body ->.bidm_no-placeholder Brukes for å vise en fallback placeholder Berørt: IE 9 body ->.bidm_partial-placeholder Brukes for å vise en delvis fallback til placeholder i input Berørt: IE 10+ Android Internal Browser Touch Devices: Fjerne alt av startup focus

63 Det er ikke noen grunn å ha input focus når man ikke programmerisk klarer å trigge tastaturet Det er heller ikke noe grunn til å ha focus på.bidm_scroll på en device

Brukerveiledning for identifisering med BankID

Brukerveiledning for identifisering med BankID Brukerveiledning for identifisering med BankID Innledning Denne brukerveiledningen tar kun for seg identifisering med BankID med sikkerhetskort. Brukerveiledningen vi ikke inneholde beskrivelse av alle

Detaljer

HTML5. Skjemaer på nettsider. Skjemaer med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS

HTML5. Skjemaer på nettsider. Skjemaer med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS Skjemaer med HTML5 Gløer Olav Langslet Sandvika VGS Leksjon 10 Informasjonsteknologi 1 og 2 Skjemaer på nettsider I denne leksjonen skal vi se litt nærmere på bruk av skjemaer på nettsider. Du har sett

Detaljer

Implementeringsveiledning for Elektronisk Avtaleinngåelse med AvtaleGiro og efaktura

Implementeringsveiledning for Elektronisk Avtaleinngåelse med AvtaleGiro og efaktura Implementeringsveiledning for Elektronisk Avtaleinngåelse med AvtaleGiro og efaktura Versjon 1.0 Dato 15.06.2015 Side 1 av 10 Innhold 1 Introduksjon... 3 1.1 Kort om tjenesten... 3 1.2 Målgruppe... 3 1.3

Detaljer

Avtale om bruk av autentiseringsløsning Bilag 1b: Brukerveiledning for sluttbrukere av MinID versjon 2.1

Avtale om bruk av autentiseringsløsning Bilag 1b: Brukerveiledning for sluttbrukere av MinID versjon 2.1 Avtale om bruk av autentiseringsløsning Bilag 1b: Brukerveiledning for sluttbrukere av MinID versjon 2.1 Versjon 5. mai 2009 Side 1 av 47 Bruksområde for dette dokumentet: - Å hjelpe innbyggere med å registrere

Detaljer

- reklamebannere mobil og tablet

- reklamebannere mobil og tablet Spesifikasjoner - reklamebannere mobil og tablet FINN.no Versjon 2.4 Sist oppdatert 16.08.2013 1. Innhold Innhold Introduksjon Målsetning Spesifikasjoner HTML Fysisk størrelse 225 px* Eksempler Størrelser

Detaljer

BankID 2.0. Rune Synnevåg, Uni Pluss AS

BankID 2.0. Rune Synnevåg, Uni Pluss AS BankID 2.0 Rune Synnevåg, Uni Pluss AS First Hotel Marin 27. - 28. oktober 2014 BankID 2.0 Hva er BankID, og hva kan det brukes til? Signere.no AS Hvorfor BankID 2.0? Hvordan fungerer det? BankID 2.1 Demo

Detaljer

Brukerveiledning for Styrerommet.no

Brukerveiledning for Styrerommet.no Brukerveiledning for Styrerommet.no Oppdatert: januar 2019 Innhold Innlogging 3 Styremøte 3 Faste saker 6 Oppfølgingssaker 8 HMS-modulen 10 Oppgaver 13 Økonomi, regnskap og utlegg 14 Meny og søk 19 Digitale

Detaljer

Slik tar du i bruk nettbanken

Slik tar du i bruk nettbanken NETTBANK Slik tar du i bruk nettbanken Trenger du hjelp? Se sb1telemark.no eller ring 02610 1 Med nettbank får du banken inn i din egen stue Nettbanken gir deg tilgang til de fleste tjenestene vi kan tilby.

Detaljer

VMware Horizon View Client. Brukerveiledning for nedlasting, installasjon og pålogging for fjerntilgang

VMware Horizon View Client. Brukerveiledning for nedlasting, installasjon og pålogging for fjerntilgang VMware Horizon View Client Brukerveiledning for nedlasting, installasjon og pålogging for fjerntilgang Introduksjon Fjerntilgang er blitt oppgradert til en bedre og mer moderne løsning. Programmet er identisk

Detaljer

I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med <div> - og HTML5-taggene.

I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med <div> - og HTML5-taggene. CSS: Layout Ekspert Web Introduksjon Målet med oppgaven er å lære hvordan man lager en nettside med en meny og et innholdsfelt. I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene

Detaljer

Oblig 2: Oppgave 1. section { width: 50%; height: 30%; margin: 5% 0 0 0; } h1 { color:#000000; font-size:2em;

Oblig 2: Oppgave 1. section { width: 50%; height: 30%; margin: 5% 0 0 0; } h1 { color:#000000; font-size:2em; Oblig 2: Oppgave 1 Hva og hvorfor Jeg har valgt å lage et nettsted basert på relative målenheter. Det vil si at jeg tar i bruk prosent og em istedenfor pixler. For eksempel: section { width: 50%; height:

Detaljer

SUKKERGRIS. Anita og Silje DAT100

SUKKERGRIS. Anita og Silje DAT100 SUKKERGRIS Anita og Silje DAT100 I NNHOLD 1. Innledning... 2 2. Beskrivelse av Sukkergris... 3 2.1 Struktur og grafisk design... 3 2.1.1 Sidens oppbygning... 3 2.1.2 CSS og Grafisk design... 4 2.2 Oversikt

Detaljer

Slik tar du i bruk nettbanken

Slik tar du i bruk nettbanken NETTBANK Slik tar du i bruk nettbanken For nybegynnere 1 Enklere hverdag med nettbank Innledning I nettbanken kan du selv utføre en rekke banktjenester når som helst i døgnet. Fordeler med nettbank Full

Detaljer

Digital signatur fra Skanska

Digital signatur fra Skanska Digital signatur fra Skanska Veiledning for å signere et dokument 13.05.2019 Digital signering Veiledning for å signere et dokument 1 Innhold Hvordan kan jeg signere et dokument digitalt? Hvordan signere

Detaljer

GUI/ SYSTEM DESIGNHÅNDBOK. Versjon 1.0 December 2014

GUI/ SYSTEM DESIGNHÅNDBOK. Versjon 1.0 December 2014 GUI/ SYSTEM DESIGNHÅNDBOK Versjon 1.0 December 2014 GUI designmanual Innhold Her beskrives layout og grafisk profil for systemer og tjenester i Landbruksdirektoratet. Designmanualen er utarbeidet av Ciber

Detaljer

CSS. Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS

CSS. Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS CSS Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS CSS står for Cascading Style Sheets CSS blir brukt til å bestemme hvordan HTML-elementene skal se ut (farge, størrelse,

Detaljer

KONTOR påloggingsguide / Oppsett av Outlook 2010

KONTOR påloggingsguide / Oppsett av Outlook 2010 KONTOR påloggingsguide / Oppsett av Outlook 2010 Pålogging 1. Start nettleseren (Internet Explorer) 2. Skriv kontor i URL feltet (alternativt kontor.smikt.local ) for å starte Citrix påloggingen. 3. Hvis

Detaljer

Compello Invoice Approval

Compello Invoice Approval Compello Invoice Approval Godkjenning Webmodul brukerdokumentasjon Nettbrett og desktop via nettleser Index 1 Innledning... 3 2 Funksjonalitet... 4 Nettbrett og desktop via nettleser... 4 2.1.1 Desktop

Detaljer

Slik tar du i bruk nettbanken

Slik tar du i bruk nettbanken NETTBANK Slik tar du i bruk nettbanken For nybegynnere 1 Enklere hverdag med nettbank I nettbanken kan du selv utføre en rekke banktjenester når som helst i døgnet. Fordeler med nettbank Full oversikt

Detaljer

Vedlikeholde nettstedet i Joomla 2.5 +

Vedlikeholde nettstedet i Joomla 2.5 + Vedlikeholde nettstedet i Joomla 2.5 + Innlogging: Klikk deg inn på din nettside. I menyen på ditt nettsted vil det være en link til logg inn eller adm. Klikk på denne og logg inn med det brukernavnet

Detaljer

Brukerveiledning for SMS fra Outlook

Brukerveiledning for SMS fra Outlook Brukerveiledning for SMS fra Outlook Grunnleggende funksjonalitet Med SMS fra Outlook kan du enkelt sende både SMS og MMS fra Outlook. Programmet er integrert med din personlige Outlookkontaktliste og

Detaljer

ProMed. Brukermanual for installasjon og bruk av mobiltelefon eller SMS og nett for sending av SMS direkte fra. for Windows

ProMed. Brukermanual for installasjon og bruk av mobiltelefon eller SMS og nett for sending av SMS direkte fra. for Windows Side 1 av 9 Brukermanual for installasjon og bruk av mobiltelefon eller SMS og nett for sending av SMS direkte fra ProMed for Windows Kundeoppfølging og Administrasjon Versjon 1.7 23.10.2009 Litt om sending

Detaljer

Mer om stiler og stilark. Layout. Litt Design

Mer om stiler og stilark. Layout. Litt Design Mer om stiler og stilark. Layout. Litt Design Webpublisering 13.09.2004 Webpublisering - HiO - Kirsten Ribu - 2004 1 I dag Struktur på hjemmesiden Mer om stiler Stiler og layout Litt om design og farger

Detaljer

Brukerveiledning Altinn

Brukerveiledning Altinn Vegdirektoratet Trafikant- og kjøretøyavdelingen Tilsyn og kontroll 18.11.2015 Versjon 1.1 Brukerveiledning Altinn Innrapportering av periodisk kontroll for kontrollorgan Innholdsfortegnelse 1. Innledning...

Detaljer

AD Travel funksjonsbeskrivelse

AD Travel funksjonsbeskrivelse AD PRODUKT AS AD Travel funksjonsbeskrivelse Mobil App Utlegg og Vedlegg 01.08.2014 Dokumentet beskriver funksjonalitet for AD Travels Mobil App for utlegg og elektroniske vedlegg Bakgrunn AD Travel har

Detaljer

Remote Desktop Services

Remote Desktop Services Brukerveiledning Remote Desktop Services Fra Eltele AS 1 Innholdsfortegnelse Multi-Faktor Autentisering... 3 Pålogging... 3 Web Interface (anbefales)... 4 RemoteApp på Skrivebord... 6 Remote Desktop Klient

Detaljer

Steg 1: Vi starter fra toppen

Steg 1: Vi starter fra toppen CSS: Layout Skrevet av: Lars Klingenberg Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon Målet med oppgaven er å lære hvordan

Detaljer

Brukerveiledning Webline Portal for E-post Bedrift/E-post Basis

Brukerveiledning Webline Portal for E-post Bedrift/E-post Basis Brukerveiledning Webline Portal for E-post Bedrift/E-post Basis Innholdsfortegnelse 1 PÅLOGGING...4 1.1 Ny bruker...6 1.2 Endre bruker...9 1.2.1 Endre produkttype fra E-post basis til E-post bedrift...10

Detaljer

Brukerveiledning LagerMester ios

Brukerveiledning LagerMester ios ios Hvis du spiller på ipad eller iphone, følg disse stegene for å laste ned appen, logge inn og starte treningen Gå til: lagermester.attensi.com, trykk på «Download on the App Store» Logg inn på itunes

Detaljer

Digital hjemmeeksamen PPU

Digital hjemmeeksamen PPU Digital hjemmeeksamen PPU Før du går opp til eksamen er det viktig at du er kjent med eksamensløsningen eksamen.uio.no. Denne løsningen kobler dere opp mot den terminalserver på UiO gjennom eget brukernavn

Detaljer

Styling og formatering av tekst

Styling og formatering av tekst Lesson 5 All Code Clubs must be registered. Registered clubs appear on the map at codeclub.org.uk - if your club is not on the map then visit jumpto.cc/18cplpy to find out what to do. Styling og formatering

Detaljer

GSM Alarm Controller III

GSM Alarm Controller III GSM Alarm Controller III Innhold Sikom AS og Android:... 2 Oversikt:... 2 Kompatibilitet:... 2 Installasjon:... 2 Kostnader:... 2 Muligheter:... 3 Konfigurasjon og bruk:... 4 Innstillinger:... 4 Oversikt

Detaljer

BankAxess; Regler for brukerdialoger

BankAxess; Regler for brukerdialoger BankAxess; Regler for brukerdialoger BSK kravspesifikasjon Versjon: 1.0 Status: Godkjent Gjeldende fra: 1. januar 2012 Bankenes Standardiseringskontor Tlf : 23 28 45 10 Postboks 2644 Solli N-0203 Oslo

Detaljer

Brukerveiledning for Vesuv

Brukerveiledning for Vesuv Brukerveiledning for Vesuv Innhold Pålogging... 3 Registrering av ny bruker... 3 Glemt passord... 4 Startsiden... 5 Nytt utbrudd... 6 Nedtrekksmenyer... 6 Obligatoriske felt... 7 Spørsmål vises og fjernes...

Detaljer

Brukerhåndbok og implementasjonsguide - efaktura med elektronisk signering

Brukerhåndbok og implementasjonsguide - efaktura med elektronisk signering Brukerhåndbok og implementasjonsguide - efaktura med elektronisk signering Innhold 1 FUNKSJONELL DOKUMENTASJON... 3 1.1 EFAKTURA IDENTIFISERING - KORT BESKREVET... 3 1 FLYTSKJEMA FOR EFAKTURA IDENTIFISERING...

Detaljer

MMT105 Internettprogrammering Uke 44, høst 2007

MMT105 Internettprogrammering Uke 44, høst 2007 MMT105 Internettprogrammering Uke 44, høst 2007 Introduksjon til CSS MMT105 HiNT 2007 1 HTML-elementenes strukturerende egenskaper HTML-elementene skal markere strukturen i et webdokument, dvs. at de forskjellige

Detaljer

Endre utseendet på nytt grensesnitt med Primo Studio

Endre utseendet på nytt grensesnitt med Primo Studio Endre utseendet på nytt grensesnitt med Primo Studio Ex Libris har lansert en ny funksjonalitet sommeren 2018 som gjør det lettere å tilpasse grensesnittet og se endringene live. Endringene har ingen virkning

Detaljer

OBLIG 1 - WEBUTVIKLING

OBLIG 1 - WEBUTVIKLING OBLIG 1 WEBUTVIKLING Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Problemer med funksjonalitet / bruk Uoversiktlig side For

Detaljer

CSS: Animasjon Nybegynner

CSS: Animasjon Nybegynner CSS: Animasjon Nybegynner Web Introduksjon I denne oppgaven skal du lære å animerer HTML-objekter ved hjelp av CSS. Under ser du hvordan resultatet vil bli til slutt: Men før vi starter å lage animasjonen

Detaljer

Designguide for ID-porten. Versjon 2.0

Designguide for ID-porten. Versjon 2.0 Designguide for ID-porten Versjon 2.0 Innhold Introduksjon 03 Symbol 03 Navn 03 Brukerstatuser 03 Symbol 04 Hovedversjon 05 Alternativ versjon 05 Størrelse og plassering 05 Navn og bildetekst 05 Farger

Detaljer

Brukerveiledning for Elektronisk Avtaleinngåelse med AvtaleGiro og efaktura

Brukerveiledning for Elektronisk Avtaleinngåelse med AvtaleGiro og efaktura Brukerveiledning for Elektronisk Avtaleinngåelse med AvtaleGiro og efaktura Versjon 1.0 Dato 28.10.2014 Side 1 av 8 Innhold 1 Introduksjon... 3 1.1 Kort om tjenesten... 3 1.2 Målgruppe... 3 1.3 Kontaktinformasjon...

Detaljer

BAS AUTOSALES. Bruktbiladministrasjon. Brukerveiledning v1.0

BAS AUTOSALES. Bruktbiladministrasjon. Brukerveiledning v1.0 BAS AUTOSALES Bruktbiladministrasjon Brukerveiledning v1.0 Innlogging Gå til nettadressen https://intelsoft.no Du vil se et vindu hvor du angir din e-post og passord Startskjermen Du kan opprette et nytt,

Detaljer

Brukerveiledning WordPress. Innlogging:

Brukerveiledning WordPress. Innlogging: Brukerveiledning WordPress Her er en liten guide for hjelpe deg gjennom det grunnleggende i Wordpress. Denne veilederen vil ta deg gjennom: Innlogging Lage en side Lage et innlegg Innlogging: For å logge

Detaljer

Visma.net Approval. Nyheter og forbedringer versjon 1.40.1

Visma.net Approval. Nyheter og forbedringer versjon 1.40.1 Visma.net Approval Nyheter og forbedringer versjon 1.40.1 Visma.net Approval - Nyheter og forbedringer versjon 1.40.1 Innhold Visma.net Approval 1.40.1... 2 Brukergrensesnitt... 2 Prosessoversikt Informasjon

Detaljer

Derfor trenger du BankID på nettstedet ditt

Derfor trenger du BankID på nettstedet ditt Derfor trenger du BankID på nettstedet ditt 2 400 000 Over 2,4 millioner nordmenn bruker allerede BankID daglig i nettbanken nordmenn kan bruke BankID på ditt nettsted BankID installert på ditt nettsted

Detaljer

BankID-seminar 24. april 2013. Odd Erling Håberget og Hege Steinsland, BankID Norge

BankID-seminar 24. april 2013. Odd Erling Håberget og Hege Steinsland, BankID Norge BankID-seminar 24. april 2013 Odd Erling Håberget og Hege Steinsland, BankID Norge 26.04.2013 Uformingskrav Prosessflyt Identifisering Signering BankAxess Skjermbilder Feilmeldinger 2 26.04.2013 3 Uformingskrav

Detaljer

SymWriter: R6 Innstillinger, preferanser og verktøylinjer

SymWriter: R6 Innstillinger, preferanser og verktøylinjer SymWriter: R6 Innstillinger, preferanser og verktøylinjer Innhold R6.1 Startinnstillinger og utseende...3 R6.2 Tekst og bilder...................................................4 R6.3 Tale og staving...5

Detaljer

Brukerveiledning. Kom i gang. publiseringsverktøy. versjon 2 - revidert 10.02.2010 AESTON. Side 1

Brukerveiledning. Kom i gang. publiseringsverktøy. versjon 2 - revidert 10.02.2010 AESTON. Side 1 Brukerveiledning Kom i gang publiseringsverktøy versjon 2 - revidert 10.02.2010 AESTON Side 1 Velkommen som bruker av Kameleon Introduksjon Kameleon er et publiseringsverktøy (Content Management system

Detaljer

Veiledning for aktivering av. Mobil Bredbåndstelefoni

Veiledning for aktivering av. Mobil Bredbåndstelefoni Veiledning for aktivering av Mobil Bredbåndstelefoni Veiledning for aktivering av Mobil Bredbåndstelefoni For at Telio Mobil Bredbåndstelefoni skal fungere på din mobiltelefon må en klient (@irtelio) lastes

Detaljer

Manual for innlegging av standard sideinnhold og nyheter via «backend»

Manual for innlegging av standard sideinnhold og nyheter via «backend» Manual for innlegging av standard sideinnhold og nyheter via «backend» 23.3.2006 Utarbeidet av: 2 Innlogging og beskrivelse av hovedelement i «backend» For å få tilgang til redigeringsmodul velges følgende

Detaljer

EVRY BUYPASS CODE Detaljert brukerveiledning

EVRY BUYPASS CODE Detaljert brukerveiledning TEKNISK BRUKERVEILEDNING EVRY BUYPASS CODE Detaljert brukerveiledning BUYPASS ÅPEN Versjon: 1.0 Versjonsdato: 03.01.2014 Buypass AS Nydalsveien 30A, PO Box 4364 Nydalen Tel.: +47 23 14 59 00 E-mail: kundeservice@buypass.no

Detaljer

BIM2Share AS BIM2Share Kommentering & Signering uten roller Brukerveiledning

BIM2Share AS BIM2Share Kommentering & Signering uten roller Brukerveiledning side 1/13 BIM2Share AS BIM2Share Kommentering & Signering uten roller Brukerveiledning BIM2Share Kommentering & Signering V2.1 Innholdsfortegnelse 1 Grunnleggende... 2 1.1 Modulens oppsett... 3 1.2 Tittellinje...

Detaljer

Brukermanual Oppdatert visning for fører og ombordpersonale

Brukermanual Oppdatert visning for fører og ombordpersonale Brukermanual Oppdatert visning for fører og ombordpersonale FIDO Filtrert distribusjon av operative kunngjøringer Referanse.: Dato: 09.09.2014 Versjon: 1.15 Ansvarlig: Mons-Ivar Mjelde Jernbaneverket /

Detaljer

Av LäraMera Program AB og Leripa AB. Kristina Grundström

Av LäraMera Program AB og Leripa AB. Kristina Grundström Av LäraMera Program AB og Leripa AB Grafikk Musikk Pedagogikk Programmering Kristina Grundström Erik Truedsson Ann Truedsson Richard Hultgren Norsk versjon: NorMedia, Pb. 24, 1451 Nesoddtangen. Tlf. 66915440,

Detaljer

Designguide for ID-porten. Versjon 2.0

Designguide for ID-porten. Versjon 2.0 Designguide for ID-porten Versjon 2.0 1 Innhold Introduksjon 03 Symbol 03 Navn 03 Brukerstatuser 03 Symbol 04 Hovedversjon 05 Alternativ versjon 05 Størrelse og plassering 05 Navn og bildetekst 05 Farger

Detaljer

Vurdering for Søke omsorgstjeneste - Bergen kommune. Poengsum: 70 poeng av moglege 105 poeng - 67 %

Vurdering for Søke omsorgstjeneste - Bergen kommune. Poengsum: 70 poeng av moglege 105 poeng - 67 % Vurdering for Søke omsorgstjeneste - Bergen kommune Poengsum: 70 poeng av moglege 05 poeng - 67 % . Tjenesten er enkel å finne (Søke omsorgstjeneste - Bergen kommune). Tjenesten er enkel å finne gjennom

Detaljer

Introduksjon til Min Sky - http://min-sky.no

Introduksjon til Min Sky - http://min-sky.no Introduksjon til Min Sky - http://min-sky.no Min Sky 1 Velkommen til Min Sky! Min Sky er en tjeneste for å lagre dine bilder og filer enkelt og trygt i nettskyen. Når disse er lagret kan du se dem på din

Detaljer

Veiledning til opprettelse av eget passord for sikker netthandel 2 alternative metoder for opprettelse av eget passord

Veiledning til opprettelse av eget passord for sikker netthandel 2 alternative metoder for opprettelse av eget passord 1 Veiledning til opprettelse av eget passord for sikker netthandel Når du skal handle med kort fra Danske bank i butikker merket med Verified by Visa eller MasterCard SecureCode, må du etter den 23. mars

Detaljer

Slik tar du nettbanken i bruk

Slik tar du nettbanken i bruk Nettbank Slik tar du nettbanken i bruk Bank. Forsikring. Og deg. BANK. Forsikring. OG DEG. 2 Nettbank Med nettbank får du banken inn i din egen stue I nettbanken kan du selv utføre en rekke banktjenester

Detaljer

Brukermanual. Itpays W3 Publish. Sette opp, logge inn og komme i gang. Redigert den 23. mai 2005. http://www.itpays.no/produkter/publisering/

Brukermanual. Itpays W3 Publish. Sette opp, logge inn og komme i gang. Redigert den 23. mai 2005. http://www.itpays.no/produkter/publisering/ Brukermanual Itpays W3 Publish Sette opp, logge inn og komme i gang Redigert den 23. mai 2005 http://www.itpays.no/produkter/publisering/ Innholdsoversikt: 1 Generelt om Itpays w3 publish Side 3 2 Sette

Detaljer

Brukermanual - Joomla. Kopiering av materiale fra denne Bonefish manualen for bruk annet sted er ikke tillatt uten avtale 2010 Bonefish.

Brukermanual - Joomla. Kopiering av materiale fra denne Bonefish manualen for bruk annet sted er ikke tillatt uten avtale 2010 Bonefish. Brukermanual - Joomla Bonefish brukermanual - Joomla Gratulerer med ny nettside fra Bonefish. Du er nå blitt eier og administrator for din egen nettside, noe som gir deg visse forpliktelser ovenfor din

Detaljer

La oss gjøre nettsiden vår bedre med noen stiler. I denne og den neste leksjonen skal vi lære hvordan man endrer farge, tekst, størrelser og mer!

La oss gjøre nettsiden vår bedre med noen stiler. I denne og den neste leksjonen skal vi lære hvordan man endrer farge, tekst, størrelser og mer! Lesson 4 CSS All Code Clubs must be registered. Registered clubs appear on the map at codeclub.org.uk - if your club is not on the map then visit jumpto.cc/18cplpy to find out what to do. Introduksjon

Detaljer

Brukerveiledning Altinn

Brukerveiledning Altinn Vegdirektoratet Trafikant- og kjøretøyavdelingen Tilsyn og kontroll 1.10.2016 Versjon 1.2 Brukerveiledning Altinn Innrapportering av periodisk kontroll for kontrollorgan Innholdsfortegnelse Endringslogg...

Detaljer

file:///c:/users/michaelp/sites/dkdm/dw6/dreamweaver6.html

file:///c:/users/michaelp/sites/dkdm/dw6/dreamweaver6.html 1 of 9 15.04.2015 14:15 Spry og behaviours Både Spry and Behaviours er basert på programmeringsspråket Javascript. Javascript kjører i nettleseren og ikke på webserver som PHP og Perl. På en lignende måte

Detaljer

Brukerdokumentasjon for LabOra portal - forfattere

Brukerdokumentasjon for LabOra portal - forfattere Brukerdokumentasjon for LabOra portal - forfattere Skin: Dnnbest-Grey-Skin1024 Skin: Metro7 Custom LabOra web-portal er et web-basert publiseringsprogram for publisering av informasjon på hjemmesider.

Detaljer

Produktdokumentasjon. Madison Møbler Administrasjonsside og Nettbutikk

Produktdokumentasjon. Madison Møbler Administrasjonsside og Nettbutikk Produktdokumentasjon Madison Møbler Administrasjonsside og Nettbutikk 1 1. Forord 1.1 Dokumentasjonen Dette er en teknisk dokumentasjon på produktet som er utviklet. Denne er tiltenkt personer med teknisk

Detaljer

Steg 1: Animasjons-attributtet

Steg 1: Animasjons-attributtet CSS: Animasjon Skrevet av: Lars Klingenberg Kurs: Web Tema: Tekstbasert, Nettside, Animasjon Fag: Matematikk, Programmering, Kunst og håndverk Klassetrinn: 5.-7. klasse, 8.-10. klasse, Videregående skole

Detaljer

Li-Bjørk A/S på Web !" # $% $&"!' Studentoppgave. SY 241 Elektronisk Publisering. Prosjektrapport 2002. Avdeling for samfunn, næring og natur

Li-Bjørk A/S på Web ! # $% $&!' Studentoppgave. SY 241 Elektronisk Publisering. Prosjektrapport 2002. Avdeling for samfunn, næring og natur !" # $% $&"!' Studentoppgave SY 241 Elektronisk Publisering Prosjektrapport 2002 Avdeling for samfunn, næring og natur 0 Innholdsfortegnelse 1 FORMÅL OG BRUKSOMRÅDE...2 2 LOVER OG AVTALER...3 2.1 SAMARBEIDSAVTALE...3

Detaljer

IKT-BASERT EKSAMEN BRUKERVEILEDNING FOR KANDIDAT

IKT-BASERT EKSAMEN BRUKERVEILEDNING FOR KANDIDAT IKT-BASERT EKSAMEN BRUKERVEILEDNING FOR KANDIDAT Versjon 1.16 Utdanningsdirektoratet 12. mars 2015 Innhold 1. Innlogging... 2 2. Innlogging via FEIDE for de skoler bruker dette... 2 3. Identifisering...

Detaljer

ff Brukermanual ebladadmin Pro

ff Brukermanual ebladadmin Pro ebladadmin ebladadmin er en nettbasert publiseringsløsning for publisering av eblad (digitale magasiner, publikasjoner, DM, årsrapporter, tilbudsaviser, kataloger, produktpermer, bruksanvisninger, mm)

Detaljer

Trygt Enkelt Innovativt. Brukermanual

Trygt Enkelt Innovativt. Brukermanual 1 Trygt Enkelt Innovativt Brukermanual 2 Innhold 1 Oppstart RSPOS... 3 2 Logge inn... 3 3 Hovedskjermbilde:... 3 3.1 Ordreliste... 4 3.2 Hente opp en parkert ordre... 4 3.3 Skriv kopi av en bokført ordre...

Detaljer

Følgende «tommelfinger-regler» bør (må) følges:

Følgende «tommelfinger-regler» bør (må) følges: Notat Denne «oppskriften» er basert på erfaringer om hva som går bra når en benytter Word til å lage navigasjonsdiagrammer. Det finnes sikkert andre måter som også gir et brukbart resultat. Det er bare

Detaljer

ActiveBuilder Brukermanual

ActiveBuilder Brukermanual ActiveBuilder Brukermanual Forfatter: TalkActive I/S Dato: Juni 2004 Versjon: R. 1.01 Språk: Norsk Copyright 2004 - Talk Active - all rights reserved. Innhold: 1. INNLEDNING...2 2. HURTIGSTART...3 3. OPPBYGGINGEN

Detaljer

Installasjon InfoMediaPlayer:

Installasjon InfoMediaPlayer: Installasjon InfoMediaPlayer: InfoMediaPlayer lastes ned fra: https://dl.dropboxusercontent.com/u/81046462/5.5.42.exe Dette er en executable RAR fil, så kjør filen og sett C:\InfoMedia som bane for utpakking.

Detaljer

Brukermanual. Tilbydergrensesnitt Mobil-WEB og SMS

Brukermanual. Tilbydergrensesnitt Mobil-WEB og SMS Brukermanual Tilbydergrensesnitt Mobil-WEB og SMS Innhold 1 Innlogging... 3 1.1 URL til tilbydergrensesnitt... 3 1.2 Innlogging... 3 2 Oppsyn... 4 2.1 Legg til nytt oppsyn... 4 2.2 Redigere... 4 2.3 Fjern...

Detaljer

GSM Fixi SMS. Sikom AS og Android:... 2. Oversikt:... 2. Kompatibilitet:... 2. Installasjon:... 2. Kostnader:... 2. Konfigurasjon og bruk:...

GSM Fixi SMS. Sikom AS og Android:... 2. Oversikt:... 2. Kompatibilitet:... 2. Installasjon:... 2. Kostnader:... 2. Konfigurasjon og bruk:... Innhold GSM Fixi SMS Sikom AS og Android:... 2 Oversikt:... 2 Kompatibilitet:... 2 Installasjon:... 2 Kostnader:... 2 Konfigurasjon og bruk:... 3 Innstillinger:... 3 Oversikt over faner:... 3 Styring:...

Detaljer

Avansert tekstmodul... 27 Eksempel... 27 Administrasjon... 27 Bilde... 31 Eksempel på en bildemodul... 31 Eksempel på en bildemodul lagt til uten

Avansert tekstmodul... 27 Eksempel... 27 Administrasjon... 27 Bilde... 31 Eksempel på en bildemodul... 31 Eksempel på en bildemodul lagt til uten Destinet 3.3 Manual Innholdsfortegnelse 1. Logg inn... 4 2. Destinet brukergrensesnitt... 5 1. Sidestruktur... 5 2. Modulpalett... 6 3. Forhåndsvisning av/på... 7 4. Faner... 8 1. Side... 8 2. Sett inn...

Detaljer

Noen viktige innstillinger

Noen viktige innstillinger Innhold i dette kapitlet: Noen viktige innstillinger Visningsmodi Tale Leselist Tastene på leselista Visuell visning Noen viktige hurtigtaster Generelle hurtigtaster Hurtigtaster i nettlesere Innholdet

Detaljer

BASIL - Barnehage-Statistikk- InnrapporteringsLøsning

BASIL - Barnehage-Statistikk- InnrapporteringsLøsning UTDANNINGSDIREKTORATET BASIL - Barnehage-Statistikk- InnrapporteringsLøsning Brukerveiledning Conexus AS Innholdsfortegnelse BASIL INNLEDNING ÅRSMELDING... 3 Prosessflyt... 4 Statusnivåer på skjema...

Detaljer

Javascript. Mer om layout

Javascript. Mer om layout Javascript. Mer om layout Kirsten Ribu 04.10.04 Kirsten Ribu - Webpublisering - HiO -2004 1 Men først. Hvordan går det med klasser og blokker? Hjalp det med mailene? Litt mer om klasser og blokker ;-)

Detaljer

Dokument 1 - Sammendrag

Dokument 1 - Sammendrag Dokument 1 - Sammendrag Automatnett - Nytt CMS-verktøy for Uno-X Automat Fakultet for teknologi, kunst og design Høgskolen i Oslo og Akershus, 2013 Innholdsfortegnelse Sammendrag 1 1. Innledning 1 2. Om

Detaljer

OBLIG 2 WEBUTVIKLING

OBLIG 2 WEBUTVIKLING OBLIG 2 WEBUTVIKLING Oppgave 1 Design ved hjelp av skisser eller wireframes et nettsted med et "avansert" design. Lag spesifikke design for ulike skjermstørrelser og utskrift. Fokuser spesielt på å få

Detaljer

Den beste måten hvis du skal endre allerede eksisterende artikler

Den beste måten hvis du skal endre allerede eksisterende artikler OPPLÆRING I NETTPUBLISERING MED JOOMLA 3 Sist oppdatert: 2. October 2018 13:49 redigering fra FORSIDEN Den beste måten hvis du skal endre allerede eksisterende artikler Side 2 Innhold Forsiden - redigere

Detaljer

Varde Hartmark-presentasjon Brukerveiledning

Varde Hartmark-presentasjon Brukerveiledning Varde Hartmark-presentasjon Brukerveiledning INNHOLD Slik starter du den nedlastede presentasjonen... 3 Bytte av kundelogo i presentasjonen... 4 Forutsetning... 4 Hvordan... 4 Bytte av PowerPoint-presentasjon...

Detaljer

Lotus Traveler - Manual for installasjon

Lotus Traveler - Manual for installasjon Lotus Traveler - Manual for installasjon Innholdsliste Nedlasting...2 Installasjon...3 Konfigurering...4 Problemer...5 Nedlasting 1) Åpne nettleseren på mobilen din. På de fleste Nokia-telefoner har denne

Detaljer

Hva er Smartbok? Hva er Smartbok- PLUSS? Hvordan får jeg tilgang til Smartboka? Hvor kan jeg bruke Smartboka? Kan jeg miste min Smartbok?

Hva er Smartbok? Hva er Smartbok- PLUSS? Hvordan får jeg tilgang til Smartboka? Hvor kan jeg bruke Smartboka? Kan jeg miste min Smartbok? En introduksjon til Hva er Smartbok? Smartbok er en digital utgave av Gyldendals kjente læreverk som kan brukes på PC og Mac, på nettbrett og kan lastes ned og brukes offline. Hva er Smartbok- PLUSS? I

Detaljer

Velkommen som administrator av Kommune24:7. I en rekke av skjermdialogene kan det gjøres lokale tilpasninger.

Velkommen som administrator av Kommune24:7. I en rekke av skjermdialogene kan det gjøres lokale tilpasninger. Brukerveiledning Kommune24:7 Administrator Velkommen som administrator av Kommune24:7. I en rekke av skjermdialogene kan det gjøres lokale tilpasninger. Vi vil i denne brukerveiledningen ta for oss de

Detaljer

Brukerveiledning for emeistring.no

Brukerveiledning for emeistring.no CLINICL SSESSMENT SOLUTIONS Dokumenthistorikk Versjon Beskrivelse Dato Forfatter Verifisert av 0.1 Første utgave for emeistring, basert på CheckWares versjon 1.1 0.2 Lagt inn informasjon om Bank ID, og

Detaljer

Bomveier.no. Betalingsløsning for private veilag. Brukerdokumentasjon

Bomveier.no. Betalingsløsning for private veilag. Brukerdokumentasjon Bomveier.no Betalingsløsning for private veilag Brukerdokumentasjon Mars 2013 Introduksjon Bomveier.no er en betalingsløsning for mobile enheter for private veilag. Tjenesten er utviklet for at veilag

Detaljer

Endringer i Flash CS6 Professional. Innhold. Endringer i forhold til boka. Oppdatering til boka: Multimedieutvikling i Flash CS5 Professional

Endringer i Flash CS6 Professional. Innhold. Endringer i forhold til boka. Oppdatering til boka: Multimedieutvikling i Flash CS5 Professional Oppdatering til boka: Multimedieutvikling i Flash CS5 Professional Endringer i Flash CS6 Professional I denne oppdateringen går vi gjennom boka Multimedieutvikling i Flash CS5 Professional og beskriver

Detaljer

Mange nye og kule tips til utvikling av dine E-Site websider!

Mange nye og kule tips til utvikling av dine E-Site websider! Interkodex AS, Ravnsborgveien 33, 1395 Hvalstad, Norway Nyhetsbrev E-Site mai 2011 Mange nye og kule tips til utvikling av dine E-Site websider! jquery, CSS 3 + HTML5, E-Site 3.2.4, E-Site 4.0 Side 1 av

Detaljer

Administrering av SafariSøk

Administrering av SafariSøk Administrering av SafariSøk Administrering av SafariSøk Revisjonshistorie Revisjon $Revision: 1.6 $ $Date: 2003/08/05 12:44:02 $ Innholdsfortegnelse 1. Om programmet... 1 Generelt... 1 2. Fremgangsmåter...

Detaljer

GS1 Validering Brukerdokumentasjon 24.06.2008

GS1 Validering Brukerdokumentasjon 24.06.2008 GS1 Validering Brukerdokumentasjon 24.06.2008 24.06.2008 All contents copyright GS1 2008 Side 1 av 9 Innholdsfortegnelse 1. Introduksjon... 3 1.1. Bakgrunn... 3 1.2. Formål... 3 1.3. Bruksområde... 3 1.4.

Detaljer

Oppgave 1: Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

Oppgave 1: Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Oppgave 1: Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Svar: Ved første øyekast har utvikleren av nestesiden plasser altfor mange div

Detaljer

To-faktor autentisering i Bane NOR

To-faktor autentisering i Bane NOR Side: 1 / 16 To-faktor autentisering i Bane NOR Hva er to-faktor autentisering?... 2 Sette opp to-faktor autentisering når du blir pålagt det... 3 Sette opp to-faktor autentisering via app... 3 Sette opp

Detaljer

CASCADING STYLESHEETS (CSS)

CASCADING STYLESHEETS (CSS) CASCADING STYLESHEETS (CSS) HVA ER CSS Stylesheets er en metode for å flytte selve formatteringen av et HTML dokument ut av selve dokumentet og over i et eksternt regelsett. Dette skyldes HTMLs manglende

Detaljer

Kom i gang med E-Site - Med E-Site er det enkelt og trygt å redigere dine websider

Kom i gang med E-Site - Med E-Site er det enkelt og trygt å redigere dine websider Kom i gang med E-Site - Med E-Site er det enkelt og trygt å redigere dine websider Innhold Side 1 Introduksjon...2 2 Logge inn i administrasjonsområdet...3 2.1 Fyll inn brukernavn og passord...3 2.2 Glemt

Detaljer

Hva er Sak. Hva er Journalpost

Hva er Sak. Hva er Journalpost ESA 8.1. 11.02.16 1 Innhold Hva er Sak... 3 Hva er Journalpost... 3 Lage en ny sak... 5 Registrere en ny journalpost... 10 Svar på Journalpost ( svar på brev/innkommen post )... 17 Arkiver e-post... 21

Detaljer

Brukermanual. Support: Skytterkontoret Tlf: 02419, tast 2 support@dfs.no http://www.dfs.no/support. Velkommen til EPI-Server 7.

Brukermanual. Support: Skytterkontoret Tlf: 02419, tast 2 support@dfs.no http://www.dfs.no/support. Velkommen til EPI-Server 7. Velkommen til EPI-Server 7.5 (CMS) Levert av Skytterkontoret. EPI-Server 7.5 (CMS 7.5) er et publiseringssystem som gjør det enkelt for deg å oppdatere innholdet på dine Internettsider. I denne brukerdokumentasjonen

Detaljer

Oblig 1 Erlend Hannestad

Oblig 1 Erlend Hannestad Oblig 1 Erlend Hannestad Oppgave 1 Nettsiden er ustrukturert og uryddig når det kommer til layout og design, det er vanskelig å holde oversikt over alt som vises på siden, det er rett og slett for mye

Detaljer