Presentasjon av CoreTrek og CorePublish.

1. 1

2. Om CoreTrek
• Etablert i 2000
• 28 medarbeidere
• Sandefjord og Sandnes
• Egenutviklet publiseringsløsning, CorePublish CMS
• Alt fra design til komplette løsninger

3. Vår visjon:
”Vi vil gjøre våre kunder oppdaterte, attraktive
og tilgjengelige på nett”
Å være Oppdatert betyr at nettstedet til en hver tid har oppdatert
informasjon. Brukervennlighet er stikkordet.
Å være Attraktiv betyr at nettstedet har et godt design som på en god
måte visualiserer selskapets profil og budskap samt at de besøkende
finner det de leter etter på en enkel og intuitiv måte.
Å være Tilgjengelig betyr at nettstedet er tilpasset alle kanaler, er
universelt utformet og blir ranket høyt i søkemotorer. Dette krever et
godt system som leverer ”riktig kode”.

4. CoreTrek
Hva gjør vi? • Rådgivning
• Forprosjekt
(CorePhases)
•Webdesign
• Utvikling
• Integrasjoner
• Spesial-utvikling
•Webhotell
• Vaktordninger
• Fjerndrift
• CorePublish kurs
• Individuelle kurs
• Andre kurs
• Telefonstøtte
• Supportsystem
• Supportavtaler
• Nettstedsrevisjoner
• Søkemotoroptimalisering
• Brukertester

5. CorePublish CMS
Et av Norges mest brukte CMS:
• Brukervennlig
• God struktur
• Fleksibelt
• Funksjonsrikt
• Egenutviklet løsning
• Tilfredsstiller standarder for gode web løsninger
• Multikanal publisering

6. Nyhets-brev
CorePublish
Grunnpakke
Skjema
Ordliste
Avansert
språk
URL alias
Responsive
webdesign
Ekstern
bruker-katalog
Intra/
Ekstranett
RSS
Kommenter
og ranger
Relasjon
Tags
Statistikk
CorePublish
moduler

7. RESPONSIVE WEBDESIGN
RESS kontra RWD

8. Bakgrunn
• Mobil, nettbrett og TV blir de nye PC’ene
• Mobil surfing øker kraftig
• Brukere forventer brukervennlige websider uansett
hvilken enhet de bruker
• Brukere vil ha tilgang til alt innhold

9. Multikanal i CMS
• Styre samme innhold fra
CMS’et til ulike kanaler
• Automatisert styring via
CMS bør være mulig for
kanaler som skal ha likt
innhold
• Avvik for deler av innholdet
om ønskelig
• Brukerstyrte visningsmaler
per kanal

10. 600 KB
Full nettside
+ store bilder
60 KB
Liten nettside
+ små bilder
300 KB
Medium nettside
+ medium bilder
RWD RESS
600 KB
Full nettside
+ store bilder
Visningslogikk
CSS og Javascript
Visningslogikk
PHP + visningsmaler
+ WURFL

11. RWD

12. RESS

13. UNIVERSELL UTFORMING
Diskriminerer du?

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

15. Prinsippene
• De rosa 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
1. Mulig å
oppfatte
2. Mulig å
betjene
3. Forståelig
1.1 Tekstalternativer
1.2 Alternativer for tidsbaserte
medier
1.3 Innhold kan tilpasses
1.4 Innhold er identifiserbar
2.1 Tastaturnavigering
2.2 Nok tid
2.3 Unngå anfall
2.4 Navigerbar
3.1 Leselig og forståelig
3.2 Forutsigbar
3.3 Unngå og rette opp feil
4. Robust 4.1 Kompatibilitet
1.1.1
1.2.1 – 1.2.2
1.2.3
1.3.1 - 1.2.2
1.4.1 - 1.4.2
2.1.1 - 2.1.2
2.2.1 - 2.2.2
2.3.1
2.4.1 - 2.4.4
3.1.1
3.2.1 - 3.2.2
3.3.1 - 3.3.2
4.1.1 - 4.1.2
1.2.4 - 1.2.5
1.4.3 - 1.4.5
2.4.5 - 2.4.7
3.1.2
3.2.3 - 3.2.4
3.3.3 - 3.3.4
1.2.6 - 1.2.9
1.4.6 - 1.4.9
2.1.3
2.2.3 - 2.2.5
2.3.2
2.4.8 - 2.4.10
3.1.3 - 3.1.6
3.2.5 - 3.2.6
3.3.5 - 3.3.6
Prinsipper Retningslinjer Nivå
A
Nivå AA Nivå AAA

16. NOEN REFERANSER
Kunder og cases

18. Bodø kommune RWD og RESS

19. Bodøsjøen Barnehage Bodø kommune RWD

20. Fosen Namsos Sjø RESS

21. AtB RESS
”Vinneren håndterer en stor informasjonsmengde på en ypperlig måte, og det er lett
å finne veien dit man skal på mer enn én måte. Fin design, enkel netthandelsløsning
og god responsiv design gjorde at sølvvinneren skilte seg klart ut i kategorien.”

22. Prior RESS

23. Folketrygdfondet RWD og intranett

24. LPO Arkitekter RWD

25. BAHS RESS standardmal

26. Standardmal
• Standard
malsett
• Farger,
skrifttyper og
profilelementer
endres
Desktopp/nettbrett
Mobil

27. Eksempler på standardmal

28. Standardmal for mobil

29. Kunder på Vestlandet
• Byfjordparken
• GMC
• Lyse
• Medox/Medpallet
• Petroleumstilsynet
• Det Norske Misjonsselskap
• Boreal Transport
• Universitetet i Stavanger
• Norges Naturvernforbund
• Add Energy
• Felleskjøpet Rogaland Agder
• Eidesvik
• Solstad Offshore
• NPF
• Hjertelaget
• Haugaland Kraft
• Nortura
• Sandnes Sparebank

30. Eidesvik intranett og RESS

31. GMC RESS

32. Lyse konsernet RWD

33. Lyse kundeportal RWD

34. Unitech Resources RESS

35. UiS RWD med utskifting av bilder

36. COREPHASES
Forprosjekt for å
spesifisere nettsted

37. Hva er CorePhases?
Et forprosjekt for å spesifisere et nytt nettsted
• Gir et overordnet bilde av arbeidet som skal utføres
• Målet er å levere nettløsninger med riktig innhold i
henhold til spesifikasjon, til riktig pris og på avtalt tid
• Resultatet av CorePhases er komplett prosjektplan
inkludert wireframes og fremdriftsplan
CorePhases egner seg både for inter- og intranett

38. Mål med nettstedet
• Hva er ditt mål med nettstedet?
• Hva er ønsket ROI?

39. Målgruppeanalyse
• Hvilke målgrupper skal dere nå?
• Hva ønsker målgruppene å oppnå?
• Hvordan vil besøkende finne nettstedet?
• Hvorfor vil de se etter nettstedet og hva vil de gjøre
der?
• Hva vil de ta med seg når de forlater siden?

40. Innhold
• Innhold tilpasses målgruppens behov
• Hvilket innhold skal nettstedet ha?
Analysen resulterer i innhold som skal prioriteres og
forslag til innhold som nedprioriteres

41. Struktur
• Innhold struktureres i
trestruktur
• Grupperingen er logisk,
tilsvarende en
mappestruktur på din
datamaskin
• Resultatet er en strukturert
oversikt over alt innhold som
skal vises på nettstedet
Nettsted
Produkter
Tjenester
Kunder
Om oss
Programvare
Konsulent
Rådgivning
Kurs
HiVe
Stabenfeldt
Ansatte
Kontakt oss
Kontorer

42. Interaktive wireframes
• Interaksjons-design
• Plassering av
innhold og
interaktive
funksjoner
• Resultatet er
interaktive
wireframes av
alle undersider

43. TAKK FOR
OPPMERKSOMHETEN!