Generell presentasjon av CoreTrek og CorePublish CMS.

1. 1

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

3. Vår visjon:
”Vi vil gjøre våre kunder oppdaterte, attraktive
og tilgjengelige på nett.”
3
Å være Oppdatertbetyr at nettstedet til en hver tid har oppdatert
informasjon. Brukervennlighet er stikkordet.
Å være Attraktivbetyr 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 Tilgjengeligbetyr at nettstedet er tilpasset alle kanaler og
blir ranket høyt i søkemotorer. Dette krever et godt system som
leverer ”riktig kode”.

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

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

6. CP
Nyhets-
brev
Skjema
Ordliste
Avansert
språk
URL alias
Mobil
Ekstern
bruker-
katalog
Intra/
Ekstranett
RSS
Tags
Relasjon
Kommen-
ter/
ranger
Videolab
Statistikk
CorePublish
Grunnpakke
6
CorePublish
moduler

7. Flere veier til mobilweb
Hvilke er rett for deg?

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
8

9. Flere enheter (multikanal)
9
Nettløsning
Nettbrett
Mobil
PC/Mac

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

11. 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
12
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
D1
E1
Logo
F1
B
skalert

13. RWD
13

14. 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 kanal
o Ett innhold/menytre per kanal, med brukerstyrte maler
per kanal (kan gi fleksibelt innhold)
• Publiseringssystemet må støtte RESS
14

15. Sende
optimalt
innhold
Velge mal
Finne
størrelser, o
ppløsning, e
tc.
EgenskaperWURFL
RESS – hva skjer per sekvens?
URL-kall
15

16. RESS
16

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

18. Noen referanser
Kunder og cases

19. 19

20. Norsk Petroleumsforening
20

21. Bodø kommune RWD og RESS
21

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

23. Bastø Fosen RESS
23

24. Pronova Biopharma ASA
24

25. AtBRESS
26

26. Prior RESS
27

27. LPO Arkitekter RWD
29

28. Lokale kunder (Rogaland)
• Byfjordparken
• GMC
• Lyse
• Medox/Medpallet
• Petroleumstilsynet
• Det Norske Misjonsselskap
• Boreal
• Universitetet i Stavanger
• Norges Naturvernforbund
31
• Add Energy
• Felleskjøpet Rogaland Agder
• Eidesvik
• Solstad Offshore
• NPF
• Hjertelaget
• Haugaland Kraft
• Nortura
• Sandnes Sparebank

29. ByfjordparkenRWD og RESS
32

30. GMC RESS
33

31. Tourdes Fjords RWD
34

32. Sandnes Sparebank RESS
35

33. Medox
36

34. UiSRWD med utskifting av bilder
37

35. Haugaland
Kraft RWD
38

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
40

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

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?
42

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
43

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
44
Nettsted
Produkter
Tjenester
Kunder
Om oss
Programvare
Konsulent
Rådgivning
Kurs
HiVe
Stabenfeldt
Ansatte
Kontaktoss
Kontorer

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

43. Takk for
oppmerksomheten!