2. 2
Mål med presentasjonen
• Kan jeg være på Trainingportal på nettbrett og mobil?
• Kan jeg spille kursene på Trainingportal på nettbrett og mobil?
• Hva skjer fremover?
11. 11
Flash
• Flash er et program som brukes til å
lage og spille av innhold som kan
spilles av på en nettside:
₋ Grafikk/Animasjoner/Video
₋ Interaktivitet/Spill
• Flash utvikles av Adobe
• Flash-avspiller finnes på alle PC-er,
men ikke på mobile enheter
• Brukes flash? Høyreklikk på siden du
står på (i Internet Explorer
12. 12
Hvorfor ikke Flash på mobile enheter?
• I 2010 hevdet Apple at Flash
reduserte batteritiden og tillot ikke
Flash på iPhone/iPad
• I 2012 sluttet Adobe å støtte Flash-
avspiller for mobile enheter
• Hvorfor? Det er kommet et
alternativ som gradvis kan gjøre
mye av det Flash kan, men som ikke
krever en egen avspiller: HTML5
Steve Jobs: Thoughts on Flash, 2010
"Flash was created during the PC era--for
PCs and mice… New open standards
created in the mobile era, such as
HTML5, will win on mobile devices (and
PCs too). Perhaps Adobe should focus
more on creating great HTML5 tools for
the future, and less on criticizing Apple
for leaving the past behind."
13. 13
Hva er HTML5
• Html: Hypertekstmarkeringsspråk
• Brukes til å formattere og presentere
innhold som kan vises i en nettleser
• HTML5: Siste versjon av html, tilbyr
videoavspilling og interaktivitet
• Fordeler:
₋ Trenger ikke egen avspiller for å vise innhold
• Svakheter:
₋ Få nettlesere støtter all funksjonalitet i HTML5
14. 14
Oppsummering – Flash vs HTML5
Internet
Explorer 8
Internet
Explorer 9
Internet
Explorer 10
og 11
Firefox,
Chrome,
Safari etc
Nettbrett Mobil
Flash Ja Ja Ja Ja Nei Nei
HTML5 Nei Litt Ja Ja (nyeste
versjoner)
Ja Ja
17. 17
Oppsummering – Flash vs HTML5
IE8 IE9 IE10/11 Andre Nettbrett Mobil
Flash Ja Ja Ja Ja Nei Nei
HTML5 Nei Litt Ja Ja (nyeste
versjoner)
Ja Ja
TP-
brukere
21 % 22 % 56 %
18. 18
Hvor står vi i dag?
• Ren HTML-kode, men ikke
HTML5
• Krever ikke Flash
• Fungerer på gamle
nettlesere, nettbrett og
mobil
• Design tilpasset PC/Mac og
nettbrett
• Ikke godt tilpasset mobil,
ikke responsivt design
19. 19
Hva er responsivt design?
• Design som tilpasser seg skjermflatene de vises på
₋ Størrelse
₋ Orientering (Liggende/Stående)
20. 20
Hvor står vi i dag?
Kurs og kursutvikling:
• De aller fleste hyllevarekursene på Trainingportal er utviklet i Flash: Spiller kun
på PC/Mac
• Alle nye hyllevarekurs lages i både HTML5 og Flash og kan spilles på nettbrett
₋ Grunnleggende sikkerhetskurs, Ship Security Awareness, Grunnleggende ISPS-kurs
₋ Demo: www.trainingportal.no/demo/gsk
• Nye skreddersydde kurs lages i HTML5, Flash eller kombinasjon
• Kursene er ikke godt tilpasset mobil
21. 21
Hvor skal vi?
Trainingportal:
• Mulighet for offline avspilling av
kurs
• Responsivt design på studentdelen
av Trainingportal
Kurs og kursutvikling:
• Gradvis utfasing av Flash - overgang
til HTML5 for alt innhold
23. 23
Hvor skal vi når det gjelder apper og innhold tilpasset mobil?
• Vi vil lage apper og
annet innhold tilpasset
mobil der det er
hensiktsmessig
24. 24
Hva skal du huske?
• Kan jeg være på Trainingportal på nettbrett og mobil?
₋ JA, men Trainingportal er bedre tilpasset nettbrett enn mobil
• Kan jeg spille hyllevarekursene på Trainingportal på nettbrett og mobil?
₋ Det er kun noen få kurs som kan spilles på nettbrett
₋ Alle nye hyllevarekurs fra Mintra Trainingportal lages for nettbrett
₋ Foreløpig er ikke kursene godt tilpasset mobil
• Hva skjer fremover?
₋ Muligheter for offline-avspilling av kurs
₋ Reponsivt design på studentgrensesnittet i Trainingportal
₋ Vi vil lage apper og annet innhold tilpasset mobil når og der det er hensiktsmessig