SlideShare ist ein Scribd-Unternehmen logo
1 von 24
1
Ellen Berg
Dato: 2014-04-29
Nye muligheter og utfordringer
med mobile enheter
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?
3
Et lite tilbakeblikk…
4
CD-ROM basert innhold
Shockwave-teknologi
Utover 90-tallet: Mer datakraft, bedre lagring (DVD),
bedre verktøy -> Mer avanserte produksjoner
1997: Mintra etableres
5
Internett!
Nettkursene kommer.
Typisk linje var «Enkel ISDN» (1% av dagens gjennomsnitt)
-> Veldig enkle nettbaserte kurs
Rundt 2000: Tilbake til start
6
Overgang til Flash
Enklere «installasjon» i nettleseren, men
også enklere kurs
2004: Ny teknologisk plattform
7
Mer båndbredde
Bedre Flash-verktøy
-> Rikere opplevelser
2000-tallet: Større muligheter
8
Apple lanserer den første
versjonen av iPad og
dropper støtte for Flash
2010: iPad ser dagens lys
9
2012-2013: Nettbrettrevolusjonen
År Andel med tilgang til nettbrett
2011 (Ikke målt)
2012 37%
2013 61%
10
Teknologi og begreper
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
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
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
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
15
Hvor står vi i dag?
Trainingportal - Enheter
16
Hvor står vi i dag?
Trainingportal - Nettlesere
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
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
Hva er responsivt design?
• Design som tilpasser seg skjermflatene de vises på
₋ Størrelse
₋ Orientering (Liggende/Stående)
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
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
22
Hva med apper?
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
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

Weitere ähnliche Inhalte

Andere mochten auch

Elevaktivitet.prosjekt
Elevaktivitet.prosjektElevaktivitet.prosjekt
Elevaktivitet.prosjektStian
 
Orangeblader
OrangebladerOrangeblader
Orangebladersigridaa
 
Dlgs106 09
Dlgs106 09Dlgs106 09
Dlgs106 09maxvannu
 
Formas de adquirir la experiencia
Formas de adquirir la experienciaFormas de adquirir la experiencia
Formas de adquirir la experienciaJudith Orozco
 
Spent Prelims - FestemberX
Spent Prelims - FestemberXSpent Prelims - FestemberX
Spent Prelims - FestemberXbhuvanesh123
 
A situación lingüística mundial
A situación lingüística mundialA situación lingüística mundial
A situación lingüística mundialSusana Ferreiro
 
2011 Chevrolet Malibu For Sale In Marshfield WI | Wheelers Automotive
2011 Chevrolet Malibu For Sale In Marshfield WI | Wheelers Automotive2011 Chevrolet Malibu For Sale In Marshfield WI | Wheelers Automotive
2011 Chevrolet Malibu For Sale In Marshfield WI | Wheelers AutomotiveWheelers Automotive
 
2011 Chevrolet Corvette For Sale In Marshfield WI | Wheelers Automotive
2011 Chevrolet Corvette For Sale In Marshfield WI | Wheelers Automotive2011 Chevrolet Corvette For Sale In Marshfield WI | Wheelers Automotive
2011 Chevrolet Corvette For Sale In Marshfield WI | Wheelers AutomotiveWheelers Automotive
 
Docs y spreadsheets
Docs  y spreadsheets Docs  y spreadsheets
Docs y spreadsheets henry
 
Preparing to speak
Preparing to speakPreparing to speak
Preparing to speakJuan Ramos
 
Placement full list sem i 30.9.10
Placement full list sem i 30.9.10Placement full list sem i 30.9.10
Placement full list sem i 30.9.10Feifei Liu
 
ΘΡΑΚΙΚΗ ΕΣΤΙΑ ΕΟΡΔΑΙΑΣ
ΘΡΑΚΙΚΗ ΕΣΤΙΑ ΕΟΡΔΑΙΑΣΘΡΑΚΙΚΗ ΕΣΤΙΑ ΕΟΡΔΑΙΑΣ
ΘΡΑΚΙΚΗ ΕΣΤΙΑ ΕΟΡΔΑΙΑΣkiriakougr
 

Andere mochten auch (16)

Elevaktivitet.prosjekt
Elevaktivitet.prosjektElevaktivitet.prosjekt
Elevaktivitet.prosjekt
 
Orangeblader
OrangebladerOrangeblader
Orangeblader
 
Principles of web 2.0
Principles of web 2.0Principles of web 2.0
Principles of web 2.0
 
Dlgs106 09
Dlgs106 09Dlgs106 09
Dlgs106 09
 
Urgències ginecològiques
Urgències ginecològiquesUrgències ginecològiques
Urgències ginecològiques
 
Formas de adquirir la experiencia
Formas de adquirir la experienciaFormas de adquirir la experiencia
Formas de adquirir la experiencia
 
Slideshare
SlideshareSlideshare
Slideshare
 
Spent Prelims - FestemberX
Spent Prelims - FestemberXSpent Prelims - FestemberX
Spent Prelims - FestemberX
 
A situación lingüística mundial
A situación lingüística mundialA situación lingüística mundial
A situación lingüística mundial
 
2011 Chevrolet Malibu For Sale In Marshfield WI | Wheelers Automotive
2011 Chevrolet Malibu For Sale In Marshfield WI | Wheelers Automotive2011 Chevrolet Malibu For Sale In Marshfield WI | Wheelers Automotive
2011 Chevrolet Malibu For Sale In Marshfield WI | Wheelers Automotive
 
2011 Chevrolet Corvette For Sale In Marshfield WI | Wheelers Automotive
2011 Chevrolet Corvette For Sale In Marshfield WI | Wheelers Automotive2011 Chevrolet Corvette For Sale In Marshfield WI | Wheelers Automotive
2011 Chevrolet Corvette For Sale In Marshfield WI | Wheelers Automotive
 
Docs y spreadsheets
Docs  y spreadsheets Docs  y spreadsheets
Docs y spreadsheets
 
Tcd 2014 tirsdag_01 mintra trainingportal_trender
Tcd 2014 tirsdag_01 mintra trainingportal_trenderTcd 2014 tirsdag_01 mintra trainingportal_trender
Tcd 2014 tirsdag_01 mintra trainingportal_trender
 
Preparing to speak
Preparing to speakPreparing to speak
Preparing to speak
 
Placement full list sem i 30.9.10
Placement full list sem i 30.9.10Placement full list sem i 30.9.10
Placement full list sem i 30.9.10
 
ΘΡΑΚΙΚΗ ΕΣΤΙΑ ΕΟΡΔΑΙΑΣ
ΘΡΑΚΙΚΗ ΕΣΤΙΑ ΕΟΡΔΑΙΑΣΘΡΑΚΙΚΗ ΕΣΤΙΑ ΕΟΡΔΑΙΑΣ
ΘΡΑΚΙΚΗ ΕΣΤΙΑ ΕΟΡΔΑΙΑΣ
 

Ähnlich wie Tcd 2014 tirsdag_05 mintra_mobile_enheter

Suksessfaktorer for selv å lage undervisningsvideoer
Suksessfaktorer for selv å lage undervisningsvideoerSuksessfaktorer for selv å lage undervisningsvideoer
Suksessfaktorer for selv å lage undervisningsvideoerMagnus Nohr
 
eCampus: NTNU IT-Kontaktforum 4 mai 2011
eCampus: NTNU IT-Kontaktforum 4 mai 2011eCampus: NTNU IT-Kontaktforum 4 mai 2011
eCampus: NTNU IT-Kontaktforum 4 mai 2011Jan Meijer
 
Informasjon om IKT i Grunnskolelærerutdanningen på HiØ 2015
Informasjon om IKT i Grunnskolelærerutdanningen på HiØ 2015Informasjon om IKT i Grunnskolelærerutdanningen på HiØ 2015
Informasjon om IKT i Grunnskolelærerutdanningen på HiØ 2015Magnus Nohr
 
Lecture on Interaction Design, Pt 3
Lecture on Interaction Design, Pt 3Lecture on Interaction Design, Pt 3
Lecture on Interaction Design, Pt 3Jon Skivenes
 
Introduksjon til iktmooc - Høgskolen i Østfold
Introduksjon til iktmooc - Høgskolen i ØstfoldIntroduksjon til iktmooc - Høgskolen i Østfold
Introduksjon til iktmooc - Høgskolen i ØstfoldMagnus Nohr
 
IKT Personalseminar lu 2010
IKT Personalseminar lu 2010IKT Personalseminar lu 2010
IKT Personalseminar lu 2010Magnus Nohr
 
Digitale verktøy til bruk i samlingsbaserte studier
Digitale verktøy til bruk i samlingsbaserte studierDigitale verktøy til bruk i samlingsbaserte studier
Digitale verktøy til bruk i samlingsbaserte studierMagnus Nohr
 
eCampus status til IT-ledermøtet
eCampus status til IT-ledermøteteCampus status til IT-ledermøtet
eCampus status til IT-ledermøtetIngrid Melve
 
Presentasjon av Newsfront. Case study med Drupal, Angular og Solr
Presentasjon av Newsfront. Case study med Drupal, Angular og SolrPresentasjon av Newsfront. Case study med Drupal, Angular og Solr
Presentasjon av Newsfront. Case study med Drupal, Angular og SolrFrontkom
 
Presentation of Newsfront. Case study using Drupal, Angular and Solr
Presentation of Newsfront. Case study using Drupal, Angular and SolrPresentation of Newsfront. Case study using Drupal, Angular and Solr
Presentation of Newsfront. Case study using Drupal, Angular and SolrHenrik Akselsen
 
HTML5 - en int teori
HTML5 - en int teoriHTML5 - en int teori
HTML5 - en int teoriDag Tjemsland
 
Bruk av office 365 i undervisning
Bruk av office 365 i undervisningBruk av office 365 i undervisning
Bruk av office 365 i undervisningMagnus Nohr
 
Fyr presentasjon medier og kommunikasjon
Fyr presentasjon medier og kommunikasjonFyr presentasjon medier og kommunikasjon
Fyr presentasjon medier og kommunikasjonMagnus Nohr
 
eCampus og webmøter i UH-Norge
eCampus og webmøter i UH-NorgeeCampus og webmøter i UH-Norge
eCampus og webmøter i UH-NorgeIngrid Melve
 
Kryssplatform mobilutvikling
Kryssplatform mobilutviklingKryssplatform mobilutvikling
Kryssplatform mobilutviklingRunegri
 
Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3Morten Bergset
 
Mobil: Hva bør du tenke på?
Mobil: Hva bør du tenke på?Mobil: Hva bør du tenke på?
Mobil: Hva bør du tenke på?Ida Aalen
 

Ähnlich wie Tcd 2014 tirsdag_05 mintra_mobile_enheter (20)

Suksessfaktorer for selv å lage undervisningsvideoer
Suksessfaktorer for selv å lage undervisningsvideoerSuksessfaktorer for selv å lage undervisningsvideoer
Suksessfaktorer for selv å lage undervisningsvideoer
 
eCampus: NTNU IT-Kontaktforum 4 mai 2011
eCampus: NTNU IT-Kontaktforum 4 mai 2011eCampus: NTNU IT-Kontaktforum 4 mai 2011
eCampus: NTNU IT-Kontaktforum 4 mai 2011
 
Fri programvare
Fri programvareFri programvare
Fri programvare
 
Informasjon om IKT i Grunnskolelærerutdanningen på HiØ 2015
Informasjon om IKT i Grunnskolelærerutdanningen på HiØ 2015Informasjon om IKT i Grunnskolelærerutdanningen på HiØ 2015
Informasjon om IKT i Grunnskolelærerutdanningen på HiØ 2015
 
Lecture on Interaction Design, Pt 3
Lecture on Interaction Design, Pt 3Lecture on Interaction Design, Pt 3
Lecture on Interaction Design, Pt 3
 
Introduksjon til iktmooc - Høgskolen i Østfold
Introduksjon til iktmooc - Høgskolen i ØstfoldIntroduksjon til iktmooc - Høgskolen i Østfold
Introduksjon til iktmooc - Høgskolen i Østfold
 
IKT Personalseminar lu 2010
IKT Personalseminar lu 2010IKT Personalseminar lu 2010
IKT Personalseminar lu 2010
 
Digitale verktøy til bruk i samlingsbaserte studier
Digitale verktøy til bruk i samlingsbaserte studierDigitale verktøy til bruk i samlingsbaserte studier
Digitale verktøy til bruk i samlingsbaserte studier
 
eCampus status til IT-ledermøtet
eCampus status til IT-ledermøteteCampus status til IT-ledermøtet
eCampus status til IT-ledermøtet
 
Presentasjon av Newsfront. Case study med Drupal, Angular og Solr
Presentasjon av Newsfront. Case study med Drupal, Angular og SolrPresentasjon av Newsfront. Case study med Drupal, Angular og Solr
Presentasjon av Newsfront. Case study med Drupal, Angular og Solr
 
Presentation of Newsfront. Case study using Drupal, Angular and Solr
Presentation of Newsfront. Case study using Drupal, Angular and SolrPresentation of Newsfront. Case study using Drupal, Angular and Solr
Presentation of Newsfront. Case study using Drupal, Angular and Solr
 
HTML5 - en int teori
HTML5 - en int teoriHTML5 - en int teori
HTML5 - en int teori
 
Bruk av office 365 i undervisning
Bruk av office 365 i undervisningBruk av office 365 i undervisning
Bruk av office 365 i undervisning
 
Apple og apps business or pleasure - 4 nov
Apple og apps   business or pleasure - 4 novApple og apps   business or pleasure - 4 nov
Apple og apps business or pleasure - 4 nov
 
Fyr presentasjon medier og kommunikasjon
Fyr presentasjon medier og kommunikasjonFyr presentasjon medier og kommunikasjon
Fyr presentasjon medier og kommunikasjon
 
Hvordan lage apper
Hvordan lage apperHvordan lage apper
Hvordan lage apper
 
eCampus og webmøter i UH-Norge
eCampus og webmøter i UH-NorgeeCampus og webmøter i UH-Norge
eCampus og webmøter i UH-Norge
 
Kryssplatform mobilutvikling
Kryssplatform mobilutviklingKryssplatform mobilutvikling
Kryssplatform mobilutvikling
 
Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3
 
Mobil: Hva bør du tenke på?
Mobil: Hva bør du tenke på?Mobil: Hva bør du tenke på?
Mobil: Hva bør du tenke på?
 

Mehr von Mintra Trainingportal - Training for the Oil and Gas Industry

Mehr von Mintra Trainingportal - Training for the Oil and Gas Industry (20)

Tcd2015 transocean verifikasjon av kompetanse
Tcd2015 transocean verifikasjon av kompetanseTcd2015 transocean verifikasjon av kompetanse
Tcd2015 transocean verifikasjon av kompetanse
 
Tcd2015 teekay bruk av trainingportal
Tcd2015 teekay bruk av trainingportalTcd2015 teekay bruk av trainingportal
Tcd2015 teekay bruk av trainingportal
 
Tcd2015 sots ombordtrening
Tcd2015 sots ombordtreningTcd2015 sots ombordtrening
Tcd2015 sots ombordtrening
 
Tcd2015 pecha kucha_proactima_blended learning
Tcd2015 pecha kucha_proactima_blended learningTcd2015 pecha kucha_proactima_blended learning
Tcd2015 pecha kucha_proactima_blended learning
 
Tcd2015 pecha kucha_mintra_kostnadsreduksjoner
Tcd2015 pecha kucha_mintra_kostnadsreduksjonerTcd2015 pecha kucha_mintra_kostnadsreduksjoner
Tcd2015 pecha kucha_mintra_kostnadsreduksjoner
 
Tcd2015 pecha kucha_mintra_fast track_fse
Tcd2015 pecha kucha_mintra_fast track_fseTcd2015 pecha kucha_mintra_fast track_fse
Tcd2015 pecha kucha_mintra_fast track_fse
 
Tcd2015 pecha kucha_eni_arbeid i kalde omgivelser
Tcd2015 pecha kucha_eni_arbeid i kalde omgivelserTcd2015 pecha kucha_eni_arbeid i kalde omgivelser
Tcd2015 pecha kucha_eni_arbeid i kalde omgivelser
 
Tcd2015 lars voigt djelert er det godt nok
Tcd2015 lars voigt djelert er det godt nokTcd2015 lars voigt djelert er det godt nok
Tcd2015 lars voigt djelert er det godt nok
 
Tcd2015 brukerforum ny funksjonalitet
Tcd2015 brukerforum ny funksjonalitetTcd2015 brukerforum ny funksjonalitet
Tcd2015 brukerforum ny funksjonalitet
 
Tcd2015 brukerforum lage innhold selv
Tcd2015 brukerforum lage innhold selvTcd2015 brukerforum lage innhold selv
Tcd2015 brukerforum lage innhold selv
 
Tcd2015 brukerforum kostnadsbesparelser
Tcd2015 brukerforum kostnadsbesparelserTcd2015 brukerforum kostnadsbesparelser
Tcd2015 brukerforum kostnadsbesparelser
 
Tcd2015 brukerforum road map trainingportal
Tcd2015 brukerforum  road map trainingportalTcd2015 brukerforum  road map trainingportal
Tcd2015 brukerforum road map trainingportal
 
Tcd2015 mintra uk competency management
Tcd2015 mintra uk competency managementTcd2015 mintra uk competency management
Tcd2015 mintra uk competency management
 
Tcd 2014 pecha_kucha 02 mintra tp_lessonlearn_1
Tcd 2014 pecha_kucha 02 mintra tp_lessonlearn_1Tcd 2014 pecha_kucha 02 mintra tp_lessonlearn_1
Tcd 2014 pecha_kucha 02 mintra tp_lessonlearn_1
 
Tcd 2014 pecha_kucha 09 ikm testing
Tcd 2014 pecha_kucha 09 ikm testingTcd 2014 pecha_kucha 09 ikm testing
Tcd 2014 pecha_kucha 09 ikm testing
 
Tcd 2014 pecha_kucha 07 altus intervention
Tcd 2014 pecha_kucha 07 altus interventionTcd 2014 pecha_kucha 07 altus intervention
Tcd 2014 pecha_kucha 07 altus intervention
 
Tcd 2014 pecha_kucha 06 kystlab
Tcd 2014 pecha_kucha 06 kystlabTcd 2014 pecha_kucha 06 kystlab
Tcd 2014 pecha_kucha 06 kystlab
 
Tcd 2014 pecha_kucha 05 mintra tp_kambodjsa
Tcd 2014 pecha_kucha 05 mintra tp_kambodjsaTcd 2014 pecha_kucha 05 mintra tp_kambodjsa
Tcd 2014 pecha_kucha 05 mintra tp_kambodjsa
 
Tcd 2014 pecha_kucha 03 vestteknikk
Tcd 2014 pecha_kucha 03 vestteknikkTcd 2014 pecha_kucha 03 vestteknikk
Tcd 2014 pecha_kucha 03 vestteknikk
 
Tcd 2014 pecha_kucha 02 safetec
Tcd 2014 pecha_kucha 02 safetecTcd 2014 pecha_kucha 02 safetec
Tcd 2014 pecha_kucha 02 safetec
 

Tcd 2014 tirsdag_05 mintra_mobile_enheter

  • 1. 1 Ellen Berg Dato: 2014-04-29 Nye muligheter og utfordringer med mobile enheter
  • 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?
  • 4. 4 CD-ROM basert innhold Shockwave-teknologi Utover 90-tallet: Mer datakraft, bedre lagring (DVD), bedre verktøy -> Mer avanserte produksjoner 1997: Mintra etableres
  • 5. 5 Internett! Nettkursene kommer. Typisk linje var «Enkel ISDN» (1% av dagens gjennomsnitt) -> Veldig enkle nettbaserte kurs Rundt 2000: Tilbake til start
  • 6. 6 Overgang til Flash Enklere «installasjon» i nettleseren, men også enklere kurs 2004: Ny teknologisk plattform
  • 7. 7 Mer båndbredde Bedre Flash-verktøy -> Rikere opplevelser 2000-tallet: Større muligheter
  • 8. 8 Apple lanserer den første versjonen av iPad og dropper støtte for Flash 2010: iPad ser dagens lys
  • 9. 9 2012-2013: Nettbrettrevolusjonen År Andel med tilgang til nettbrett 2011 (Ikke målt) 2012 37% 2013 61%
  • 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
  • 15. 15 Hvor står vi i dag? Trainingportal - Enheter
  • 16. 16 Hvor står vi i dag? Trainingportal - Nettlesere
  • 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