SlideShare a Scribd company logo
1 of 42
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 på nett betyr at det ligger oppdatert informasjon på
deres nettsted. For å oppnå dette må det være så enkelt å legge ut
informasjon at alle klarer det. Brukervennlighet er stikkordet.
Å være Attraktiv på nett betyr at deres nettsted har et godt design som på
en god måte visualiserer deres profil og budskap samt at de besøkende på
deres nettsted kan finne de sentrale elementene på en enkel og intuitiv
måte.
Å være Tilgjengelig på nett betyr at deres nettsted blir ranket høyt i
søkemotorer. Dette skjer med et godt system som leverer ”riktig kode”,
men like mye ved at det skrives på riktig måte og at vi gir gode råd
angående dette.
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
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
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
Slik var det før…
9
InternettNettløsning
PC/Mac
Så kom mobilen…
10
Nettløsning
Mobil
PC/Mac
Flere enheter (multikanal)
11
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 kanal
12
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)
13
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
14
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
RWD
15
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
16
Sende
optimalt
innhold
Velge mal
Finne
størrelser,
oppløsning,
etc.
EgenskaperWURFL
RESS – hva skjer per sekvens?
17
URL-kall
RESS
18
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
19
Visningslogikk
CSS og Javascript
Visningslogikk
PHP + visningsmaler
+ WURFL
Noen referanser
Kunder og cases
21
Norsk Petroleumsforening
22
Bodø kommune RWD og RESS
23
Bodøsjøen Barnehage Bodø kommune RWD
24
Bastø Fosen RESS
25
Pronova Biopharma ASA
26
Karrieresenteret Vestfold RESS
27
Lokale kunder (Rogaland)
Byfjordparken
GMC
Lyse
Medox/Medpallet
Petroleumstilsynet
Det Norske Misjonsselskap
Boreal
Universitetet i Stavanger
Norges Naturvernforbund
29
Add Energy
Felleskjøpet Rogaland Agder
Eidesvik
NPF
Hjertelaget
Roxar
Nortura
Sandnes Sparebank
ByfjordparkenRWD og RESS
30
GMC RESS
31
Sandnes Sparebank RESS
32
Medox
33
UiSRWD med utskifting av bilder
34
Haugaland
Kraft RWD
35
CorePhases
Forprosjekt 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 prinsippskisser og fremdriftsplan
CorePhases egner seg både for inter- og intranett
37
Mål med nettstedet
Hva er ditt mål med nettstedet?
Hva er ønsket ROI?
38
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?
39
Innhold
Innhold tilpasses målgruppens behov
Hvilket innhold skal nettstedet ha?
Analysen resulterer i innhold som skal prioriteres og
forslag til innhold som nedprioriteres
40
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
41
Nettsted
Produkter
Tjenester
Kunder
Om oss
Programvare
Konsulent
Rådgivning
Kurs
HiVe
Stabenfeldt
Ansatte
Kontaktoss
Kontorer
Prinsippskisser og funksjonalitet
Interaksjonsdesign
Plassering av innhold
og interaktive
funksjoner
Resultat er skisser av
alle undersider med
tilhørende beskrivelse
av funksjonalitet
42
Takk for
oppmerksomheten!
43

More Related Content

Similar to Core trek 2013

Rwd seminar 2013
Rwd seminar 2013Rwd seminar 2013
Rwd seminar 2013CoreTrek
 
20140128 Firstpoint seminar - Tid For Oppgradering
20140128   Firstpoint seminar - Tid For Oppgradering20140128   Firstpoint seminar - Tid For Oppgradering
20140128 Firstpoint seminar - Tid For OppgraderingSturla Grelland
 
cadmagasinet 2/2008 NTI NESTORNEWS
cadmagasinet 2/2008 NTI NESTORNEWScadmagasinet 2/2008 NTI NESTORNEWS
cadmagasinet 2/2008 NTI NESTORNEWSÅge Langedrag
 
Gøyere med VisGI - BK2016
Gøyere med VisGI - BK2016Gøyere med VisGI - BK2016
Gøyere med VisGI - BK2016Geodata AS
 
OS Commerce Utvikling Spesialist
OS Commerce Utvikling SpesialistOS Commerce Utvikling Spesialist
OS Commerce Utvikling SpesialistHelios Solutions
 
Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3Morten Bergset
 
Dell Solutions Tour 2015 - Neste generasjons Windows Server og System Center,...
Dell Solutions Tour 2015 - Neste generasjons Windows Server og System Center,...Dell Solutions Tour 2015 - Neste generasjons Windows Server og System Center,...
Dell Solutions Tour 2015 - Neste generasjons Windows Server og System Center,...Kenneth de Brucq
 
2013 02-14 sw2013 - smidig arkitektur i nav
2013 02-14 sw2013 - smidig arkitektur i nav2013 02-14 sw2013 - smidig arkitektur i nav
2013 02-14 sw2013 - smidig arkitektur i navPetter Hafskjold
 
150617 ba2015-frokostmøte Bygg og anlegg som virker og yter - VDC og ICE/ISI
150617 ba2015-frokostmøte Bygg og anlegg som virker og yter - VDC og ICE/ISI150617 ba2015-frokostmøte Bygg og anlegg som virker og yter - VDC og ICE/ISI
150617 ba2015-frokostmøte Bygg og anlegg som virker og yter - VDC og ICE/ISILars Chr Christensen
 
Distribuert utvikling på net platformen
Distribuert utvikling på net platformenDistribuert utvikling på net platformen
Distribuert utvikling på net platformenRune Sundling
 
Magne Solheim og Aksel Bruun: Web-baserte verktøy for kraftbransjen
Magne Solheim og Aksel Bruun: Web-baserte verktøy for kraftbransjenMagne Solheim og Aksel Bruun: Web-baserte verktøy for kraftbransjen
Magne Solheim og Aksel Bruun: Web-baserte verktøy for kraftbransjenFriprogsenteret
 
Produktark Wondercode publisering og e-handelløsning
Produktark Wondercode publisering og e-handelløsningProduktark Wondercode publisering og e-handelløsning
Produktark Wondercode publisering og e-handelløsningWondercode
 
2014 geodata sommeravslutning
2014 geodata   sommeravslutning2014 geodata   sommeravslutning
2014 geodata sommeravslutningGeodata AS
 
Vil du være med å utvikle fremtidens TV og bredbåndstjenester?
Vil du være med å utvikle fremtidens TV og bredbåndstjenester?Vil du være med å utvikle fremtidens TV og bredbåndstjenester?
Vil du være med å utvikle fremtidens TV og bredbåndstjenester?Eirik Nielsen
 
Ygg 2+6+39=1
Ygg 2+6+39=1Ygg 2+6+39=1
Ygg 2+6+39=1basiciris
 

Similar to Core trek 2013 (20)

Rwd seminar 2013
Rwd seminar 2013Rwd seminar 2013
Rwd seminar 2013
 
Wondercode fra InCreo
Wondercode fra InCreoWondercode fra InCreo
Wondercode fra InCreo
 
20140128 Firstpoint seminar - Tid For Oppgradering
20140128   Firstpoint seminar - Tid For Oppgradering20140128   Firstpoint seminar - Tid For Oppgradering
20140128 Firstpoint seminar - Tid For Oppgradering
 
cadmagasinet 2/2008 NTI NESTORNEWS
cadmagasinet 2/2008 NTI NESTORNEWScadmagasinet 2/2008 NTI NESTORNEWS
cadmagasinet 2/2008 NTI NESTORNEWS
 
Gøyere med VisGI - BK2016
Gøyere med VisGI - BK2016Gøyere med VisGI - BK2016
Gøyere med VisGI - BK2016
 
OS Commerce Utvikling Spesialist
OS Commerce Utvikling SpesialistOS Commerce Utvikling Spesialist
OS Commerce Utvikling Spesialist
 
Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3
 
Dell Solutions Tour 2015 - Neste generasjons Windows Server og System Center,...
Dell Solutions Tour 2015 - Neste generasjons Windows Server og System Center,...Dell Solutions Tour 2015 - Neste generasjons Windows Server og System Center,...
Dell Solutions Tour 2015 - Neste generasjons Windows Server og System Center,...
 
Aws på kartet - 2
Aws på kartet - 2Aws på kartet - 2
Aws på kartet - 2
 
Wk presentasjon 1211 a
Wk presentasjon 1211 aWk presentasjon 1211 a
Wk presentasjon 1211 a
 
2013 02-14 sw2013 - smidig arkitektur i nav
2013 02-14 sw2013 - smidig arkitektur i nav2013 02-14 sw2013 - smidig arkitektur i nav
2013 02-14 sw2013 - smidig arkitektur i nav
 
150617 ba2015-frokostmøte Bygg og anlegg som virker og yter - VDC og ICE/ISI
150617 ba2015-frokostmøte Bygg og anlegg som virker og yter - VDC og ICE/ISI150617 ba2015-frokostmøte Bygg og anlegg som virker og yter - VDC og ICE/ISI
150617 ba2015-frokostmøte Bygg og anlegg som virker og yter - VDC og ICE/ISI
 
Distribuert utvikling på net platformen
Distribuert utvikling på net platformenDistribuert utvikling på net platformen
Distribuert utvikling på net platformen
 
Magne Solheim og Aksel Bruun: Web-baserte verktøy for kraftbransjen
Magne Solheim og Aksel Bruun: Web-baserte verktøy for kraftbransjenMagne Solheim og Aksel Bruun: Web-baserte verktøy for kraftbransjen
Magne Solheim og Aksel Bruun: Web-baserte verktøy for kraftbransjen
 
Produktark Wondercode publisering og e-handelløsning
Produktark Wondercode publisering og e-handelløsningProduktark Wondercode publisering og e-handelløsning
Produktark Wondercode publisering og e-handelløsning
 
Produktark: Wondercode CMS og E-handel
Produktark: Wondercode CMS og E-handelProduktark: Wondercode CMS og E-handel
Produktark: Wondercode CMS og E-handel
 
2014 geodata sommeravslutning
2014 geodata   sommeravslutning2014 geodata   sommeravslutning
2014 geodata sommeravslutning
 
Vil du være med å utvikle fremtidens TV og bredbåndstjenester?
Vil du være med å utvikle fremtidens TV og bredbåndstjenester?Vil du være med å utvikle fremtidens TV og bredbåndstjenester?
Vil du være med å utvikle fremtidens TV og bredbåndstjenester?
 
Web 2.0 og sosiale teknologier
Web 2.0 og sosiale teknologierWeb 2.0 og sosiale teknologier
Web 2.0 og sosiale teknologier
 
Ygg 2+6+39=1
Ygg 2+6+39=1Ygg 2+6+39=1
Ygg 2+6+39=1
 

Core trek 2013