core trek presentasjon 2014
DESCRIPTION
Presentasjon av CoreTrek og CorePublish.TRANSCRIPT
![Page 1: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/1.jpg)
1
![Page 2: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/2.jpg)
Om CoreTrek
• Etablert i 2000• 25 medarbeidere• Sandefjord og Sandnes• Egenutviklet publiseringsløsning, CorePublish CMS• Alt fra design til komplette løsninger
2
![Page 3: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/3.jpg)
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”.
![Page 4: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/4.jpg)
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
![Page 5: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/5.jpg)
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
![Page 6: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/6.jpg)
6
CorePublish moduler
![Page 7: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/7.jpg)
FLERE VEIER TIL MOBILWEBHvilke er rett for deg?
![Page 8: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/8.jpg)
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
![Page 9: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/9.jpg)
9
Flere enheter (multikanal)
Nettløsning
Nettbrett
Mobil
PC/Mac
![Page 10: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/10.jpg)
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
![Page 11: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/11.jpg)
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
![Page 12: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/12.jpg)
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
![Page 13: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/13.jpg)
RWD
13
![Page 14: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/14.jpg)
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
![Page 15: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/15.jpg)
Sende optimalt innhold
Velge mal
Finne størrelser,
oppløsning, etc.
EgenskaperWURFL
RESS – hva skjer per sekvens?
URL-kall
15
![Page 16: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/16.jpg)
RESS
16
![Page 17: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/17.jpg)
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 st
ore f
orsk
jelle
n
![Page 18: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/18.jpg)
NOEN REFERANSERKunder og cases
![Page 19: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/19.jpg)
19
![Page 20: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/20.jpg)
20
Norsk Petroleumsforening
![Page 21: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/21.jpg)
21
Bodø kommune RWD og RESS
![Page 22: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/22.jpg)
22
Bodøsjøen Barnehage Bodø kommune RWD
![Page 23: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/23.jpg)
23
Bastø Fosen RESS
![Page 24: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/24.jpg)
24
AtB RESS
![Page 25: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/25.jpg)
25
Prior RESS
![Page 26: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/26.jpg)
26
LPO Arkitekter RWD
![Page 27: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/27.jpg)
27
Byfjordparken RWD og RESS
![Page 28: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/28.jpg)
28
GMC RESS
![Page 29: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/29.jpg)
29
Tour des Fjords RWD
![Page 30: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/30.jpg)
30
Lyse konsernet RWD
![Page 31: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/31.jpg)
31
Lyse kundeportal RWD
![Page 32: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/32.jpg)
32
Medox
![Page 33: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/33.jpg)
33
UiS RWD med utskifting av bilder
![Page 34: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/34.jpg)
34
Haugaland Kraft RWD
![Page 35: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/35.jpg)
COREPHASESForprosjekt for å
spesifisere nettsted
![Page 36: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/36.jpg)
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
36
![Page 37: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/37.jpg)
Mål med nettstedet
• Hva er ditt mål med nettstedet?• Hva er ønsket ROI?
37
![Page 38: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/38.jpg)
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?
38
![Page 39: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/39.jpg)
Innhold• Innhold tilpasses målgruppens behov• Hvilket innhold skal nettstedet ha?
Analysen resulterer i innhold som skal prioriteres og forslag til innhold som nedprioriteres
39
![Page 40: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/40.jpg)
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
40
Nettsted
Produkter
Tjenester
Kunder
Om oss
Programvare
Konsulent
Rådgivning
Kurs
HiVe
Stabenfeldt
Ansatte
Kontakt oss
Kontorer
![Page 41: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/41.jpg)
Interaktive wireframes• Interaksjons-
design• Plassering av
innhold og interaktive funksjoner
• Resultatet er interaktive wireframes av alle undersider
41
![Page 42: Core trek presentasjon 2014](https://reader034.vdocuments.site/reader034/viewer/2022042816/5591a4181a28ab476d8b4633/html5/thumbnails/42.jpg)
TAKK FOR OPPMERKSOMHETEN!