Core trek 2014
Transcript of Core trek 2014
![Page 1: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/1.jpg)
1
![Page 2: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/2.jpg)
Om CoreTrek
• Etablert i 2000
• 28 medarbeidere
• Sandefjord og Sandnes
• Egenutviklet publiseringsløsning, CorePublish CMS
• Alt fra design til komplette løsninger
![Page 3: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/3.jpg)
Vår visjon:
”Vi vil gjøre våre kunder oppdaterte, attraktiveog 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økendefinner 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”.
![Page 4: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/4.jpg)
CoreTrek
Hva gjør vi? • 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 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/5.jpg)
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
![Page 6: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/6.jpg)
CorePublishGrunnpakke
Nyhets-brev
Skjema
Ordliste
Avansert språk
URL alias
Responsivewebdesign
Ekstern bruker-katalog
Intra/ Ekstranett
RSS
Tags
Relasjon
Kommenterog ranger
Statistikk
CorePublishmoduler
![Page 7: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/7.jpg)
RESPONSIVE WEBDESIGNRESS kontra RWD
![Page 8: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/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
![Page 9: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/9.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
![Page 10: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/10.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
VisningslogikkCSS og Javascript
VisningslogikkPHP + visningsmaler+ WURFL
![Page 11: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/11.jpg)
RWD
![Page 12: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/12.jpg)
RESS
![Page 13: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/13.jpg)
UNIVERSELL UTFORMINGDiskriminerer du?
![Page 14: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/14.jpg)
Nye forskrifter
• Diskriminerings- og tilgjengelighetsloven (2008)
• Nye IKT-løsninger skal være universelt utformet fra1. juli 2014
• IKT-løsninger som er kjøpt eller bestilt etter denne datoen skal være universeltutformet fra lansering
• Gjelder løsninger som henvender seg til publikum
• Eksisterende IKT-løsninger skalvære universelt utformet innen 1. januar 2021
![Page 15: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/15.jpg)
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/nettsider/krav-til-nettlosninger/krav-wcag
1. Mulig åoppfatte
2. Mulig å betjene
3. Forståelig
4. Robust 4.1 Kompatibilitet
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.1.1 - 4.1.2
1.1.1
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
1.2.1 – 1.2.2
1.2.3
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
![Page 16: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/16.jpg)
NOEN REFERANSERKunder og cases
![Page 17: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/17.jpg)
![Page 18: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/18.jpg)
Bodø kommune RWD og RESS
![Page 19: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/19.jpg)
Bodøsjøen Barnehage Bodø kommune RWD
![Page 20: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/20.jpg)
Fosen Namsos Sjø RESS
![Page 21: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/21.jpg)
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.”
![Page 22: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/22.jpg)
Prior RESS
![Page 23: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/23.jpg)
Folketrygdfondet RWD og intranett
![Page 24: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/24.jpg)
LPO Arkitekter RWD
![Page 25: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/25.jpg)
BAHS RESS standardmal
![Page 26: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/26.jpg)
Standardmal
• Standardmalsett
• Farger,skrifttyper og profilelementer endres
Desktopp/nettbrett
Mobil
![Page 27: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/27.jpg)
Eksempler på standardmal
![Page 28: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/28.jpg)
Standardmal for mobil
![Page 29: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/29.jpg)
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
![Page 30: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/30.jpg)
Eidesvik intranett og RESS
![Page 31: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/31.jpg)
GMC RESS
![Page 32: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/32.jpg)
Lyse konsernet RWD
![Page 33: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/33.jpg)
Lyse kundeportal RWD
![Page 34: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/34.jpg)
Unitech Resources RESS
![Page 35: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/35.jpg)
UiS RWD med utskifting av bilder
![Page 36: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/36.jpg)
COREPHASESForprosjekt for å
spesifisere nettsted
![Page 37: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/37.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
![Page 38: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/38.jpg)
Mål med nettstedet
• Hva er ditt mål med nettstedet?
• Hva er ønsket ROI?
![Page 39: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/39.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?
![Page 40: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/40.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
![Page 41: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/41.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
Nettsted
Produkter
Tjenester
Kunder
Om oss
Programvare
Konsulent
Rådgivning
Kurs
HiVe
Stabenfeldt
Ansatte
Kontakt oss
Kontorer
![Page 42: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/42.jpg)
Interaktive wireframes
• Interaksjons-design
• Plassering av innhold og interaktive funksjoner
• Resultatet er interaktive wireframes av alle undersider
![Page 43: Core trek 2014](https://reader033.fdocuments.in/reader033/viewer/2022052413/55af50521a28ab1f778b46a0/html5/thumbnails/43.jpg)
TAKK FOR OPPMERKSOMHETEN!