1

Om CoreTrek

• Etablert i 2000• 23 medarbeidere• Sandefjord og Sandnes• Egenutviklet publiseringsløsning, CorePublish

CMS• Alt fra design til komplette løsninger

2

Vår visjon:”Vi vil gjøre våre kunder oppdaterte, attraktive og tilgjengelige på nett.”

3

Å 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 og blir ranket høyt i søkemotorer. Dette krever et godt system som leverer ”riktig kode”.

CoreTrek

Hva gjør vi?

4

• Rådgivning

• Forprosjekt (CorePhases)

• Webdesign

• Utvikling•

Integrasjoner

• Spesial- utvikling

• Webhotell• Vaktordninger• Fjerndrift

• Telefonstøtte • Supportsystem• Supportavtaler

• CorePublish kurs• Individuelle kurs• Andre kurs

• Nettstedsrevisjoner•

Søkemotoroptimalisering

• Brukertester

CorePublish CMS

Et av norges mest brukte CMS:• Brukervennlig• God struktur• Funksjonsrikt • Fleksibelt • Egenutviklet løsning• Tilfredsstiller standarder for gode web

løsninger• Multikanal publisering

5

CorePublishGrunnpakk

e

6

CorePublish moduler

Flere veier til mobilweb

Hvilke er rett for deg?

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

8

9

Flere enheter (multikanal)

Nettløsning

Nettbrett

Mobil

PC/Mac

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 kanal10

Ulike teknikker

For å kunne vise nettsider på ulike enheter har man utviklet flere teknikker

De to vanligste er: • Responsive Web Design (RWD)• Responsive Web Design + Server-side (RESS)

11

12

Responsive Web Design - RWD• Visning av innhold styres på klientsiden med CSS og Javascript• Samme innhold må sendes til alle enheter, kan kun skjule deler

av innholdet• CMS’et som benyttes behøver ikke støtte RWD• Breakpoints• Alt innhold lastes i alle enheter, også det som ikke vises

A, C, G og H er ikke tatt med i mobilvisningen, men de lastes likevel opp.

Logo

A C

F G H

Topp

D E

B

D1E1

Logo

F1

Bskalert

RWD

13

Responsive Web Design + Server-side (RESS)

• Detektering av enhet og kanal skjer på server før innhold sender til klienten

• Serveren kan sende forskjellig innhold til forskjellige enhetstyper

• To varianter: o Ett felles innhold/menytre som formatteres

forskjellig per kanalo Ett innhold/menytre per kanal, med brukerstyrte

maler per kanal (kan gi fleksibelt innhold)• Publiseringssystemet må støtte RESS

14

Sende optimalt innhold

Velge mal

Finne størrelser, oppløsnin

g, etc.

EgenskaperWURFL

RESS – hva skjer per sekvens?

URL-kall

15

RESS

16

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

17

VisningslogikkCSS og Javascript

VisningslogikkPHP + visningsmaler

+ WURFL

Den

sto

re fo

rskj

elle

n

Noen referanserKunder og cases

19

20

Norsk Petroleumsforening

21

Bodø kommune RWD og RESS

22

Bodøsjøen Barnehage Bodø kommune RWD

23

Bastø Fosen RESS

24

Pronova Biopharma ASA

26

AtB RESS

27

Prior RESS

29

LPO Arkitekter RWD

31

Lokale kunder (Rogaland)• Byfjordparken• GMC• Lyse• Medox/Medpallet• Petroleumstilsynet• Det Norske

Misjonsselskap• Boreal• Universitetet i Stavanger• Norges Naturvernforbund

• Add Energy• Felleskjøpet Rogaland Agder• Eidesvik• Solstad Offshore• NPF• Hjertelaget• Haugaland Kraft• Nortura• Sandnes Sparebank

32

Byfjordparken RWD og RESS

33

GMC RESS

34

Tour des Fjords RWD

35

Sandnes Sparebank RESS

36

Medox

37

UiS RWD med utskifting av bilder

38

Haugaland Kraft RWD

CorePhasesForprosjekt for å spesifisere

nettsted

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 intranett40

Mål med nettstedet

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

41

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?

42

Innhold• Innhold tilpasses målgruppens behov• Hvilket innhold skal nettstedet ha?

Analysen resulterer i innhold som skal prioriteres og forslag til innhold som nedprioriteres

43

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

44

Nettsted

Produkter

Tjenester

Kunder

Om oss

Programvare

Konsulent

Rådgivning

Kurs

HiVe

Stabenfeldt

Ansatte

Kontakt oss

Kontorer

Interaktive wireframes• Interaksjons-

design• Plassering av

innhold og interaktive funksjoner

• Resultatet er interaktive wireframes av alle undersider

45

Takk for oppmerksomheten!