Utvikling av webløsning ved hjelp av fri programvare og cloud computing, bjør...
Core trek 2015
1.
2. Om CoreTrek
• Etablert i 2000
• 29 medarbeidere
• Sandefjord og Sandnes
• Egenutviklet publiseringsløsning, CorePublish CMS
• Alt fra design til komplette løsninger
3. Vår visjon:
”Vi vil gjøre våre kunder oppdaterte, attraktive
og 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økende
finner 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”.
7. Nøkkelfunksjoner i CorePublish
• Ingen begrensninger (menyer, bilder, artikler)
• Effektiv og komplett bruker- og rettighetsstyring
• Brikker og maler – en sentral del av systemet
• Automatisk håndtering av bilder, inkl retinabilder
• Integrert multikanalpublisering /responsive
websider
• Semantisk web og personaliserte sider
• Støtte for mobilapp
• Søkemotoroptimalisering
• Universell utforming
8. Open Source plattform - LAMP
• Vi bruker LAMP-plattformen
o Linux som operativsystem
o Apache som webserver
o Mysql som database
o PHP som programmeringsspråk
• LAMP er verdens mest utbredte plattform for
internettapplikasjoner og nettsider
9. Litt om LAMP
• Hvem bruker LAMP?
o VG Nett, Dagbladet, Aller Internett (Digi, Dinside, Itavisen, Henne,
KK osv.)
o Facebook, Yahoo, Wikipedia, Flickr, Vimeo, Digg, Delicious,
Photobucket (flere av disse er blant verdens 10 største nettsted)
o Wordpress, Joomla, Drupal
• Hvorfor?
o Opensource teknologi, utviklet dedikert for webutvikling
o Raskt å utvikle på, lett å lære seg for utviklere
o Stort community og mange som kan teknologien
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
13. Nye forskrifter
• Diskriminerings- og tilgjengelighetsloven (2008)
• Nye IKT-løsninger skal være universelt utformet fra
1. juli 2014
• IKT-løsninger som er kjøpt eller bestilt etter denne
datoen skal være universelt
utformet fra lansering
• Gjelder løsninger som henvender
seg til publikum
• Eksisterende IKT-løsninger skal
være universelt utformet innen
1. januar 2021
14. 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/n
ettsider/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
20. 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.”
30. Lyse konsernet RWD
”Lyse går rett til topps i sin første Farmandpris-deltakelse med lysekonsern.no. Dette
er en nettside med bunnsolid innhold, god struktur, tydelige menyer og meget bra
brukervennlighet. Det gis også poeng for funksjonelt design, gode tilpasninger og
tilrettelegginger, samt et tiltalende visuelt uttrykk.”
35. Hvorfor 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
37. Målgruppeanalyse
• Hvilke målgrupper skal dere nå?
• Hva ønsker målgruppene å oppnå?
• Analysen resulterer i beskrivelse av
alle målgrupper og deres behov
• 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. 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. 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
Programvare
Konsulent
Tjenester
Rådgivning
Kurs
Kunder
Lyse
Eidesvik
Om oss
Ansatte
Kontakt oss
Kontorer
Konsulent og salg, Sandnes og Sandefjord
Drift og produktutvikling i Sandnes
Support i Sandefjord
Adminstrasjon i Sandefjord
God struktur (skalerbar, arbeidsflyt, rettighetsstyring etc.)
Vår løsning (full kontroll med kode, tilpasninger og integrasjoner)
Multikanal publisering (mobil, nettbrett, TV osv.)
Automatisert styring via CMS bør være mulig for kanaler som skal ha likt innhold
Gjelder kun desktop – ikke mobil
Automater, minibanker
4 hovedprinsipp
61 retningslinjer totalt
36 kriterier som må følges
Testet brukervenlighet - CoreTrek kom best ut
30 nettsted, mange redaktører
Presentasjonen av CorePhases er tiltenkt brukt i salgsmøter og oppstartsmøter med kunder.
CorePhases egner seg best for:
Bedrifter eller offentlige instanser som har bevisst nettsatsing og krever vår oppfølging, kunnskap og service.
Mellomstore og store organisasjoner som har behov for å gjøre tilpassninger og oppkoblinger til andre systemer.
Bedrifter som ønsker å utvide eller ønsker å spesialtilpasse nettstedet sitt.
Annet:
Krever forankring hos ledelsen
Krever aktiv deltakelse fra alle i kundens prosjektgruppe
Spesifikasjonen:
Spesifikasjonen beskiver hvordan innhold skal struktureres og hva slags funksjonalitet nettstedet skal ha.
Faser som inngår:
Mål med nettstedet
Målgruppeanalyse
Prioritere innhold og funksjoner
Arkitektur / struktur
Prinsippskisser
Hva er ditt mål med nettstedet
Øket salg, nettbutikk?
Flere medlemmer til en organisasjon, forening etc
Spre et budskap. Religiøst, politisk etc.
Oppmerksomhet rundt en sak
Hvilke målgrupper skal dere nå?
Nye kunder (bedrift som driver ehandel)
Politisk interesserte (politiske partier, pressgrupper)
Studenter (fulltids, deltids, studenter via internett)
Ansatte eller potensielle nye ansatte
Investorer
Kombinasjoner av mange grupper (studenter, lærere, presse)
Hva ønsker målgruppene å oppnå?
Handle
Finne partiprogram, delta i diskusjoner
Finne studieprogram, kursinformasjon, opplysninger om søknadsfrist, opplysninger om studentmiljø
Litt av hvert…
Annet
Vi benytter gjerne personas i forbindelse med målgruppeanalysen
Innhold tilpasses målgruppens behov
Vi benyttertidligere utførte målgruppeanalyse til å forsøke å definere hva de forskjellige personas ønsker av innhold
Hvilket innhold skal nettstedet ha?
Presentasjon av organisasjon
Nyheter og aktiviteter
Bilde- og videogalleri
Produktinformasjon (salg)
Studieinformasjon (skole)
Blogg
Videostreaming
Børsinformasjon (fra ekstern kilde)
Andre data fra eksterne kilder?
Annet
Her noterer vi også behov for funksjoner, som naturlig nok dukker opp når innhold diskuterer. Men vi styrer unna dypdykking i funksjonalitet, da dette er noe som naturlig hører hjemme under utarbeidelse av prinsipskisser (wireframes).
Strukturering
Her benytter vi støtteprogram som kunden (helst) har tilgang til: MindManager, FreeMind el
Strukturen som settes opp her vil typisk samsvare med menystrukturer i nettstedet
Eksempler på funksjonalitet
Søk
Innlogging til intra- / ekstranett
Abonnering på nyhetsbrev
Nettstedkart
Kontakt oss skjema, skjema for påmelding til arrangementer osv.
Visning av bilde og videogallerier
Språkhåndtering
Integrasjoner med andre systemer
RSS
WinOrg
AD
Hva er datakilden, kostnader, tekniske forutsetninger, ansvarsområder etc.