Presentasjon CoreTrek 2013

311 views

Published on

Generell presentasjon av CoreTrek og CorePublish CMS.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
311
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Presentasjon CoreTrek 2013

  1. 1. 1
  2. 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. 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. 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. 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. 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. 7. Flere veier til mobilweb Hvilke er rett for deg?
  8. 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. 9. Flere enheter (multikanal) 9 Nettløsning Nettbrett Mobil PC/Mac
  10. 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. 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. 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. 13. RWD 13
  14. 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. 15. Sende optimalt innhold Velge mal Finne størrelser, o ppløsning, e tc. EgenskaperWURFL RESS – hva skjer per sekvens? URL-kall 15
  16. 16. RESS 16
  17. 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. 18. Noen referanser Kunder og cases
  19. 19. 19
  20. 20. Norsk Petroleumsforening 20
  21. 21. Bodø kommune RWD og RESS 21
  22. 22. Bodøsjøen Barnehage Bodø kommune RWD 22
  23. 23. Bastø Fosen RESS 23
  24. 24. Pronova Biopharma ASA 24
  25. 25. AtBRESS 26
  26. 26. Prior RESS 27
  27. 27. LPO Arkitekter RWD 29
  28. 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. 29. ByfjordparkenRWD og RESS 32
  30. 30. GMC RESS 33
  31. 31. Tourdes Fjords RWD 34
  32. 32. Sandnes Sparebank RESS 35
  33. 33. Medox 36
  34. 34. UiSRWD med utskifting av bilder 37
  35. 35. Haugaland Kraft RWD 38
  36. 36. CorePhases Forprosjekt for å spesifisere nettsted
  37. 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. 38. Mål med nettstedet • Hva er ditt mål med nettstedet? • Hva er ønsket ROI? 41
  39. 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. 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. 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. 42. Interaktive wireframes • Interaksjons- design • Plassering av innhold og interaktive funksjoner • Resultatet er interaktive wireframes av alle undersider 45
  43. 43. Takk for oppmerksomheten!

×