KUNDESEMINARApril 2014

Sandefjord - Oslo - Sandnes

Agenda

09:00 - 09:30 Status CoreTrek09:30 - 09:45 Nytt i CorePublish09:45 - 10:30 Universell utforming og cookie-loven10:30 - 10:45 Kaffe10:45 - 11:30 Semantisk web og personaliserte websider11:30 - 12:00 Trender i markedet

2

STATUS CORETREK

Generelt – hovedsaker 2013

• Det går fint for CoreTreko Stadig nye kundero Vekst i 2013 på 20 % fra 20 til 24 mill. i omsetningo Bra resultat på 3,6 mill. (15 % resultatgrad)

• Flyttet kontor i Sandnes til Sandnes sentrum• Gjenvalgt av Oslo kommune og Lyse• Mange nye funksjoner i CorePublish• CoreTrek skal satser enda mer som komplett web partner

helst med lokale kontorer rundt i Norge

4

CoreTrek - bemanning• Vi er i dag 23 ansatte

o Sandnes – 8 ansatteo Sandefjord – 15 ansatte

• Produktutvikling – 3 ansatte• Drift & support – 2 ansatte• Rådgivere & webdesign – 4 ansatte • Utviklere – 10 ansatte• Administrasjon og møtebooking – 4 ansatte• 3 nye vil starte i mai + juni• Studenter hjelper til etter behov med innholdsproduksjon

5

UTVALGTE LØSNINGER

Noen utvalgte løsninger

• For å vise litt hva vi lager har vi valgt ut noen løsninger som vi har laget til eksisterende og nye kunder i 2013

• «Alle» løsninger lages i dag med responsive sider• Vi utvikler mye tilleggsløsninger som ..

o Integrasjonero Spesialprogrammero Avanserte skjemao Integrerte web-shop’er

7

Lyse• www.lysekonsern.no og www.lyse.no• Responsive sider med utskifting av bilder• SVG interaktiv grafisk presentasjon (alternativ til flash)• Interaktive grafer

8

Prior• www.prior.no • Responsive sider med sidemeny på mobil• Salgskonkurranse • Visning av bilder fra

instagram

9

Pronova – smartboard i produksjon• Interaktiv smartboardløsing i produksjon• Erstatter alt av status, skiftrapporter og sporing

10

Felleskjøpet – integrert webshop• www.fkra.no • Integrert webshop for PC og mobil (Ateles)

11

Hyttetorget - integrert webshop• www.hyttetorget.no • Sømløst integrert webshop (Gurusoft webshop)

12

AtB – integrerte ruteplaner• www.atb.no • Integrerte ruteplaner• Kundebehandlingssystem

13

Høgskolen Buskerud Vestfold• www.hbv.no• Romløsning• Studietilbud• Intranett• Instagram

14

Helse Nord• www.finnmarkssykehuset.no • Første sykehus med mobilvennlige nettsider

15

«Rullende» kampanjesider• www.Thulefjord.no og www.byfjordparken.no • Kampanjesider som «ruller» nedover

16

Tellefsdal – ny standardmal• www.tellefsdal.no• Ny standardmal med galleri og personvisning

17

Nortrail – interaktivt kart• www.nortrail.no • Interaktivt kart med mouseover effekt

18

Naturvernforbundet - tidslinje• www.naturvernforbundet.no • Jubeleumssiden «NNV 100 år» med egen tidslinje

19

Bastø Fosen• www.basto-fosen.no• Innebygde rutetabeller • SMS varsling • Kø varsling• Enkel mobilvisning

20

Noen nye nettsteder som kommer..• Torghatten• FosenNamsos Sjø• SnapDrive• Norges Bygdeungdomslag• Atferdssenteret• Naturviterne• Folketrygdfondet• Noorsi• Sivilombudsmannen• Varmeteknikk

21

• Tyrilistiftelsen• Eidesvik• Cyviz• Unitech Resourses• add energy• Norway Bussekspress• Odd Fellow• OFV

• Flere mobilsier

UNIVERSELL UTFORMINGEr ditt nettsted lovlig?

23

Hva er universell utforming (uu)

• Universell utforming betyr at produkter og tjenester skal utvikles slik at alle mennesker i en gitt målgruppe skal kunne bruke teknologien på en hensiktsmessig måte.

Nye forskrifter• Diskriminerings- og tilgjengelighetsloven (2008).• Nye IKT-løsninger skal være universelt utformet fra 1. juli

2014. IKT-løsninger som er kjøpt eller bestilt etter denne datoen skal være universelt utformet fra lansering.

• Gjelder løsninger som henvender seg til publikum.• Eksisterende IKT-løsninger skal

være universelt utformet innen 1. januar 2021.

• Bakgrunnen for tidsfristene er at virksomhetene skal få tid til å tilpasse seg kravene.

25

Hvem gjelder det for?

• Private og offentlige virksomheter, lag og organisasjoner som bruker nettsteder eller automater som hovedløsning for å henvende seg til allmenheten.

• Gjelder med andre ord ikke for intranett eller andre interne IT-systemer (ERP, Lønn, HR ++).

26

Hvor kommer dette fra?

(World Wide Web Consortium)

W3C

(Web AccessibilityInitiative)

WAI

(Web Content Accessibility Guidelines)

WCAG 2.0

Dette er en organisasjon som setter viktige standarder for hva tilgjengelighet på internett skal være.

En arbeidsgruppe som har til ansvar å «utvikle strategier, retningslinjer og ressurser med det formål å gjøre internett tilgjengelig for mennesker med funksjonshemning».

WCAG 2.0 er retningslinjene som forklarer hvordan innhold på nettsider kan gjøres mer tilgjengelig for personer med nedsatt funksjonsevne. Slikt innhold omfatter blant annet tekst, bilder, lydklipp, video og hvordan nettsiden er kodet.

27

Hjelpemidler for blinde og svaksynte

• Leselist (omformer teksten til punktskrift)• Talesynteser (lagt til rette for oppleserverktøy)• Skjermforstørrer• Tastatur (TAB)

28

Prinsippene• De oransje viser de 35

kriteriene som må følges for at loven oppfylles.

• De grønne viser de strengeste kriteriene som man kan velge å følge dersom man vil være «best i klassen».

• http://uu.difi.no/veiledning/nettsider/krav-til-nettlosninger/krav-wcag

29

Er kravene urimelige?

Nei, det flere andre fordeler med å følge uu kriteriene.

• Økt synlighet i Google og Bing• Overholder gjeldende lovverk• Bedre muligheter for økt gjenbruk• Hjelper til med å lage et bedre nettsted

30

Går dette ut over design?

• Visuell presentasjon og layout bør først og fremst styres gjennom stilark (CSS) og ikke gjennom bruk av formateringer i HTML-dokumentet.

Svart på hvitt

Hvitt på svart

Gult på svart

Svart på gult

Hvitt på blått

Blått på hvitt

31

KAN

BØRMÅuu

32

Hva gjør vi?

• uu påvirker alle deler av prosjektet• Vi tenker uu «hele veien»

33

Testing• http://validator.w3.org/ (Tester HTML)• http://jigsaw.w3.org/css-validator/validator.html.en (Tester CSS)• http://wave.webaim.org/ (Tester farger og semantikk)• http://www.paciellogroup.com/resources/contrastAnalyser

(Tester kontrast og skriftstørrelse)• https://addons.mozilla.org/en-US/firefox/addon/fangs-screen-reader-emulator/

(Tester hvordan en oppleser)

34

Noen råd

• Bruk tabeller for å vise data, ikke for å plassere tekst eller bilder

• Unngå fyllord i innhold. Enklest er best.• Bruk meningsbærende lenker (unngå «les mer»), og ikke

overdriv antallet• Unngå farge bak tekst• Unngå tekstformateringer i WYSIWYG-feltet• Bruk meningsbærende overskrifter, også i tabeller. Bruk

predefinerte stiler (css)

COOKIES

36

Hva er det og hva skal vi med dem?

• En informasjonskapsel (cookie) er en liten tekstfil som lastes ned og lagres på brukerens datamaskin når man åpner en nettside. Informasjonskapselen brukes for eksempel til å lagre innloggingsdetaljer, huske handlekurv i nettbutikken eller registrere hvor brukeren beveger seg på nettstedet.

• Informasjonskapsler kan være nyttige både for eieren og brukeren av en nettside. Eieren av nettsiden kan tilpasse tjenesten ut fra informasjonen som lagres. For brukeren kan besøk på nettsiden oppleves mer brukervennlig og tilpasset.

37

Nye regler

• Fra og med 1. juli må alle norske nettsteder som benytter cookies/informasjonskapsler innhente brukernes samtykke fra brukeren om at disse kan lagres på brukerens kommunikasjonsenhet. Endringen skjer i forbindelse med at en revidert utgave av Lov om elektronisk kommunikasjon (Ekomloven), trer i kraft 1. juli i år.

38

Loven• Lagring av opplysninger i brukers kommunikasjonsutstyr, eller å

skaffe seg adgang til slike, er ikke tillatt uten at brukeren er informert om hvilke opplysninger som behandles, formålet med behandlingen, hvem som behandler opplysningene, og har samtykket til dette. Første punktum er ikke til hinder for teknisk lagring av eller adgang til opplysninger:utelukkende for det formål å overføre kommunikasjon i et elektronisk kommunikasjonsnett som er nødvendig for å levere en informasjonssamfunnstjeneste etter brukerens uttrykkelige forespørsel.

§ 2-7b

39

Hva gjør vi

• Vi hjelper deg med å forfatte en artikkel der det står om hvilke cookies som benyttes, hva de brukes til, og hvordan brukeren kan slette cookies i nettleser

• Sørger for at du har en lenke til artikkelen om cookies på forsiden

40

TRENDER I MARKEDETEtt skritt frem og to tilbake?

42

Noen utvalgte designtrender

• Universell utforming setter noen standarder• Vi går mer tilbake til understreking av lenker• Store fonter• Mye luft• Kontrast• Flatt design• Piktogrammer• Semantisk web og personaliserte sider• Multikanal og mobil

43

44

45

Generelle trender

• Vi tror følgende vil være høyt på agendaen i 2014:

o Universell utforming (uu)o Responsive nettsteder (RWD og RESS)o Personaliserte nettstedero Semantiske løsninger