Nytt i CorePublish, Universell utforming, Cookie loven, Designtrender

1. KUNDESEMINAR
April 2014
Sandefjord - Oslo - Sandnes

2. Agenda
09:00 - 09:30 Status CoreTrek
09:30 - 09:45 Nytt i CorePublish
09:45 - 10:30 Universell utforming og cookie-loven
10:30 - 10:45 Kaffe
10:45 - 11:30 Semantisk web og personaliserte websider
11:30 - 12:00 Trender i markedet
2

3. STATUS CORETREK

4. Generelt – hovedsaker 2013
• Det går fint for CoreTrek
o Stadig nye kunder
o Vekst i 2013 på 20 % fra 20 til 24 mill. i omsetning
o 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

5. CoreTrek - bemanning
• Vi er i dag 23 ansatte
o Sandnes – 8 ansatte
o 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

6. UTVALGTE LØSNINGER

7. 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 Integrasjoner
o Spesialprogrammer
o Avanserte skjema
o Integrerte web-shop’er
7

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

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

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

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

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

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

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

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

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

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

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

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

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

21. 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

22. UNIVERSELL UTFORMING
Er 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.
23

24. 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 ++).
25

26. Hvor kommer dette fra?
26
(World Wide Web
Consortium)
W3C
(Web Accessibility
Initiative)
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)
27

28. Prinsippene
28
• 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/n
ettsider/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
29

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.
30
Svart på hvitt
Hvitt på svart
Gult på svart
Svart på gult
Hvitt på blått
Blått på hvitt

31. 31
KAN
BØRMÅ
uu

32. Hva gjør vi?
32
• 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)
33

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)
34

35. 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.
36

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.
37

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.
38

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
39

40. 40

41. TRENDER I MARKEDET
Ett 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
42

43. 43

44. 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 nettsteder
o Semantiske løsninger
45