SlideShare una empresa de Scribd logo
1 de 42
Mobile teknologier
Wednesday, November 17, 2010
Kjetil Horneland
Daglig leder / designer
Wednesday, November 17, 2010
Digitalt + kreativt byrå
• Kamikaze Media AS er spesialisert på webutvikling
• Leverer nettsider, publiseringsløsninger og skreddersydd programvare
• Lang erfaring med design og implementering av interaktiv TV
• Bokser til IPTV, Telecom og “devices”
• Team av systemutviklere i Kamikaze Media AS
• Team av designere i Gosu Design AS
• Tilsammen 18 konsulenter, kontor i Bergen og Oslo
Wednesday, November 17, 2010
Noen av våre fornøyde kunder
Wednesday, November 17, 2010
Agenda
Introduksjon i teknologier for mobil
Fordeler og ulemper
Noen verktøy til utviklingen
Designprosessen
Tips, triks & erfaringer
Wednesday, November 17, 2010
“There is an app for that”
• Eksplosiv vekst siste 3 årene:
• Apple App Store: 294 000 iPhone apps og 11 000 iPad apps
• Android Market: 70 000 apps
Wednesday, November 17, 2010
Kategorier
• 1 - Books (51 166 active)
• 2 - Games (42 007 active)
• 3 - Entertainment (32 609 active)
• 4 - Education (23 200 active)
• 5 - Lifestyle (19 728 active)
(inactive apps, 60 000)
Wednesday, November 17, 2010
«Litt interessant er faktisk at iPad er i ferd med å ta igjen desktop-surfing
når det gjelder antall sidevisninger per besøk.»
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Web
Native
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Nordiske Mediedager
Finn ut hvor, hvem og når.
Wednesday, November 17, 2010
Nå flere plattformer
• iPhone / iPad / Android / andre
• Samme innhold, ulikt utseende
• Rimeligere teknikk
• Enklere for web-utviklere
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Link til eksempler
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Aktuelle funksjoner
• Client side database
• Geolokasjon
• Offline apps / SQLite (cache)
• Animasjoner og effekter i javascript, css, html 5
• Direkte ringeknapper m.m.
Wednesday, November 17, 2010
Enklere utvikling
• Kortere utviklingstid, lansere uten å vente på apple
• Umiddelbare oppdateringer via web
• Kan kjøre flere versjoner samtidig
• Distribusjon i allerede eksisterende kanaler
• Godt egnet til å spre informasjon
Wednesday, November 17, 2010
...men hva med native?
• Web er desverre ikke løsningen på alt
• Native er mye raskere, mer snappy
• Tilgang på kamera, hardware m.m.
• Tyngre applikasjoner, 3d, m.m.
• Salgskanaler App Store og
Android Market
• Også “In App Purchase”
• Bedre egnet for spill
Wednesday, November 17, 2010
...finnes det hybrid?
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Native
+ lastes ned/kjøpes fra Appstore
+ kjører i iPhonens operativsystem
+ kamera, GPS, kompass m.m.
+ lagre og motta data til telefonen, eks bilder
- kan ikke brukes på andre mobilplattformer
- oppdateres via appstore (ventetid)
Web
+ kjører fra et nettsted
+ vanlig webteknologi, Safari
- kun GPS (bruke stedsdata)
- kan ikke lagre data på telefonen
+ kan brukes på flere plattformer, eks Android
+ oppdateres umiddelbart via web
Wednesday, November 17, 2010
Yes! design
Wednesday, November 17, 2010
Designprosessen
• Innhold, strategi og analyse
• Designprosess
• Teknisk plattform
• Implementering av design
• Prototyper og brukertesting
• Innholdsproduksjon
• Ferdigstilling beta
• Testing og lansering
• Drift & fremtidig utvikling
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Wednesday, November 17, 2010
Wednesday, November 17, 2010
• Når du vil bruke App Store
til å selge produktet
• Større tyngre applikasjoner
• Spill som krever 3D
• Når du trenger kamera osv
Native
• Når du har kanaler utenom App
Store, eks nyhetsbrev
• Når du har et informasjonsbehov
• Når du vil ha 100% frihet på:
• utviklingsmuligheter
• redaksjonelt innhold
• betalingsmodeller
Web
• Når web-teknologi funker,
men du ønsker selge/
distribuere i stores
Hybrid
Wednesday, November 17, 2010
Konklusjon
• Native / web løser ulike behov
• Det er spesifikasjonen til appen som vil avgjøre hva du bør velge
• Web-apps kan kjøre på flere plattformer
• Native-apps har større hastighet og tilgang til flere funksjoner
• Web-apps kan være et rimeligere alternativ å starte med
Wednesday, November 17, 2010
Råd nr #1
Start med web
Wednesday, November 17, 2010
Vi er her i dag
Kjetil Horneland
Daglig leder
Twitter: @horneland
Mail: kjetil@kamikazemedia.no
Carl Mathisen
Utviklingssjef
Twitter: @carlmathisen
Mail: carl@kamikazemedia.no
Wednesday, November 17, 2010
Wednesday, November 17, 2010

Más contenido relacionado

Similar a Introduksjon i teknologier for mobil (web/native/hybrid for iphone, android)

Frokostseminar mai 2010 solr open source cominvent as
Frokostseminar mai 2010 solr open source cominvent asFrokostseminar mai 2010 solr open source cominvent as
Frokostseminar mai 2010 solr open source cominvent asCominvent AS
 
Phonegap: apputvikling for webutviklere
Phonegap: apputvikling for webutviklerePhonegap: apputvikling for webutviklere
Phonegap: apputvikling for webutviklereAnders Brenna
 
Kryssplatform mobilutvikling
Kryssplatform mobilutviklingKryssplatform mobilutvikling
Kryssplatform mobilutviklingRunegri
 
Nyheter i O365-porteføljen og Office 2016
Nyheter i O365-porteføljen og Office 2016Nyheter i O365-porteføljen og Office 2016
Nyheter i O365-porteføljen og Office 2016Mikael Svenson
 
Hjelp, vi må prodsette
Hjelp, vi må prodsetteHjelp, vi må prodsette
Hjelp, vi må prodsettejorgenwahlberg
 
OOCSS e ælsk
OOCSS e ælskOOCSS e ælsk
OOCSS e ælskFINN.no
 
Nyheter fra SPC 2014 - Brilliant Breakfast
Nyheter fra SPC 2014 - Brilliant Breakfast Nyheter fra SPC 2014 - Brilliant Breakfast
Nyheter fra SPC 2014 - Brilliant Breakfast Solv AS
 
GoOpen 2010: Espen Dalløkken
GoOpen 2010: Espen DalløkkenGoOpen 2010: Espen Dalløkken
GoOpen 2010: Espen DalløkkenFriprogsenteret
 
Hvordan dekke kompetansegap mellom designere og utviklere
Hvordan dekke kompetansegap mellom designere og utviklereHvordan dekke kompetansegap mellom designere og utviklere
Hvordan dekke kompetansegap mellom designere og utviklereJanne Flusund
 
Lag dine egne native applikasjoner med ArcGIS AppStudio - BK2016
Lag dine egne native applikasjoner med ArcGIS AppStudio - BK2016Lag dine egne native applikasjoner med ArcGIS AppStudio - BK2016
Lag dine egne native applikasjoner med ArcGIS AppStudio - BK2016Geodata AS
 
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
 
Slik kan du prototype enkelt med node red
Slik kan du prototype enkelt med node redSlik kan du prototype enkelt med node red
Slik kan du prototype enkelt med node redSimen Sommerfeldt
 
Intranett i NSB-konsernet
Intranett i NSB-konsernetIntranett i NSB-konsernet
Intranett i NSB-konsernetPia Solheim
 
Lecture on Interaction Design, Pt 3
Lecture on Interaction Design, Pt 3Lecture on Interaction Design, Pt 3
Lecture on Interaction Design, Pt 3Jon Skivenes
 
Mobil: Hva er alternativene? Hva må du tenke på?
Mobil: Hva er alternativene? Hva må du tenke på?Mobil: Hva er alternativene? Hva må du tenke på?
Mobil: Hva er alternativene? Hva må du tenke på?Ida Aalen
 
Messaging-plattformer - Dagen @ IFI 2015
Messaging-plattformer - Dagen @ IFI 2015Messaging-plattformer - Dagen @ IFI 2015
Messaging-plattformer - Dagen @ IFI 2015Henning Rokling
 

Similar a Introduksjon i teknologier for mobil (web/native/hybrid for iphone, android) (20)

Frokostseminar mai 2010 solr open source cominvent as
Frokostseminar mai 2010 solr open source cominvent asFrokostseminar mai 2010 solr open source cominvent as
Frokostseminar mai 2010 solr open source cominvent as
 
Tcd 2014 tirsdag_05 mintra_mobile_enheter
Tcd 2014 tirsdag_05 mintra_mobile_enheterTcd 2014 tirsdag_05 mintra_mobile_enheter
Tcd 2014 tirsdag_05 mintra_mobile_enheter
 
Phonegap: apputvikling for webutviklere
Phonegap: apputvikling for webutviklerePhonegap: apputvikling for webutviklere
Phonegap: apputvikling for webutviklere
 
Opne data @ While(1)
Opne data @ While(1)Opne data @ While(1)
Opne data @ While(1)
 
Norsk bibliotekindeks
Norsk bibliotekindeksNorsk bibliotekindeks
Norsk bibliotekindeks
 
Apps
AppsApps
Apps
 
Kryssplatform mobilutvikling
Kryssplatform mobilutviklingKryssplatform mobilutvikling
Kryssplatform mobilutvikling
 
Nyheter i O365-porteføljen og Office 2016
Nyheter i O365-porteføljen og Office 2016Nyheter i O365-porteføljen og Office 2016
Nyheter i O365-porteføljen og Office 2016
 
Hjelp, vi må prodsette
Hjelp, vi må prodsetteHjelp, vi må prodsette
Hjelp, vi må prodsette
 
OOCSS e ælsk
OOCSS e ælskOOCSS e ælsk
OOCSS e ælsk
 
Nyheter fra SPC 2014 - Brilliant Breakfast
Nyheter fra SPC 2014 - Brilliant Breakfast Nyheter fra SPC 2014 - Brilliant Breakfast
Nyheter fra SPC 2014 - Brilliant Breakfast
 
GoOpen 2010: Espen Dalløkken
GoOpen 2010: Espen DalløkkenGoOpen 2010: Espen Dalløkken
GoOpen 2010: Espen Dalløkken
 
Hvordan dekke kompetansegap mellom designere og utviklere
Hvordan dekke kompetansegap mellom designere og utviklereHvordan dekke kompetansegap mellom designere og utviklere
Hvordan dekke kompetansegap mellom designere og utviklere
 
Lag dine egne native applikasjoner med ArcGIS AppStudio - BK2016
Lag dine egne native applikasjoner med ArcGIS AppStudio - BK2016Lag dine egne native applikasjoner med ArcGIS AppStudio - BK2016
Lag dine egne native applikasjoner med ArcGIS AppStudio - BK2016
 
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å?
 
Slik kan du prototype enkelt med node red
Slik kan du prototype enkelt med node redSlik kan du prototype enkelt med node red
Slik kan du prototype enkelt med node red
 
Intranett i NSB-konsernet
Intranett i NSB-konsernetIntranett i NSB-konsernet
Intranett i NSB-konsernet
 
Lecture on Interaction Design, Pt 3
Lecture on Interaction Design, Pt 3Lecture on Interaction Design, Pt 3
Lecture on Interaction Design, Pt 3
 
Mobil: Hva er alternativene? Hva må du tenke på?
Mobil: Hva er alternativene? Hva må du tenke på?Mobil: Hva er alternativene? Hva må du tenke på?
Mobil: Hva er alternativene? Hva må du tenke på?
 
Messaging-plattformer - Dagen @ IFI 2015
Messaging-plattformer - Dagen @ IFI 2015Messaging-plattformer - Dagen @ IFI 2015
Messaging-plattformer - Dagen @ IFI 2015
 

Más de Kamikaze Media AS

CoffeeScript - en introduksjon
CoffeeScript - en introduksjonCoffeeScript - en introduksjon
CoffeeScript - en introduksjonKamikaze Media AS
 
Kvalvik helse vest ikt 21 09 11
Kvalvik helse vest  ikt 21 09 11Kvalvik helse vest  ikt 21 09 11
Kvalvik helse vest ikt 21 09 11Kamikaze Media AS
 
August bakke nye tekniske mulighet mot 2020
August bakke nye tekniske mulighet mot 2020August bakke nye tekniske mulighet mot 2020
August bakke nye tekniske mulighet mot 2020Kamikaze Media AS
 
Ikt strategi og kommande prosjekt
Ikt strategi og kommande prosjektIkt strategi og kommande prosjekt
Ikt strategi og kommande prosjektKamikaze Media AS
 
Satsningområder innen eHelse og IT
Satsningområder innen eHelse og ITSatsningområder innen eHelse og IT
Satsningområder innen eHelse og ITKamikaze Media AS
 
Nye tekniske mulighet mot 2020
Nye tekniske mulighet mot 2020Nye tekniske mulighet mot 2020
Nye tekniske mulighet mot 2020Kamikaze Media AS
 
Alf henrikk ledelse av forbedring_helse er v_ik_tig_sep2011
Alf henrikk ledelse av forbedring_helse er v_ik_tig_sep2011Alf henrikk ledelse av forbedring_helse er v_ik_tig_sep2011
Alf henrikk ledelse av forbedring_helse er v_ik_tig_sep2011Kamikaze Media AS
 
20100928 hva er nytt i 6 0 helse vest forum final 2
20100928 hva er nytt i 6 0 helse vest forum final 220100928 hva er nytt i 6 0 helse vest forum final 2
20100928 hva er nytt i 6 0 helse vest forum final 2Kamikaze Media AS
 
Ledelse av forbedring - Helse er vIKTig Sep2011
Ledelse av forbedring - Helse er vIKTig Sep2011Ledelse av forbedring - Helse er vIKTig Sep2011
Ledelse av forbedring - Helse er vIKTig Sep2011Kamikaze Media AS
 

Más de Kamikaze Media AS (16)

CoffeeScript - en introduksjon
CoffeeScript - en introduksjonCoffeeScript - en introduksjon
CoffeeScript - en introduksjon
 
Ikt samling sept 2011 fix
Ikt samling sept 2011 fixIkt samling sept 2011 fix
Ikt samling sept 2011 fix
 
Kvalvik helse vest ikt 21 09 11
Kvalvik helse vest  ikt 21 09 11Kvalvik helse vest  ikt 21 09 11
Kvalvik helse vest ikt 21 09 11
 
August bakke nye tekniske mulighet mot 2020
August bakke nye tekniske mulighet mot 2020August bakke nye tekniske mulighet mot 2020
August bakke nye tekniske mulighet mot 2020
 
Kvalvik
KvalvikKvalvik
Kvalvik
 
Kjernejournal
KjernejournalKjernejournal
Kjernejournal
 
Ikt strategi og kommande prosjekt
Ikt strategi og kommande prosjektIkt strategi og kommande prosjekt
Ikt strategi og kommande prosjekt
 
Satsningområder innen eHelse og IT
Satsningområder innen eHelse og ITSatsningområder innen eHelse og IT
Satsningområder innen eHelse og IT
 
Nye tekniske mulighet mot 2020
Nye tekniske mulighet mot 2020Nye tekniske mulighet mot 2020
Nye tekniske mulighet mot 2020
 
Alf henrikk ledelse av forbedring_helse er v_ik_tig_sep2011
Alf henrikk ledelse av forbedring_helse er v_ik_tig_sep2011Alf henrikk ledelse av forbedring_helse er v_ik_tig_sep2011
Alf henrikk ledelse av forbedring_helse er v_ik_tig_sep2011
 
Min journal helse-er_viktig
Min journal  helse-er_viktigMin journal  helse-er_viktig
Min journal helse-er_viktig
 
20100928 hva er nytt i 6 0 helse vest forum final 2
20100928 hva er nytt i 6 0 helse vest forum final 220100928 hva er nytt i 6 0 helse vest forum final 2
20100928 hva er nytt i 6 0 helse vest forum final 2
 
Røren
RørenRøren
Røren
 
Ledelse av forbedring - Helse er vIKTig Sep2011
Ledelse av forbedring - Helse er vIKTig Sep2011Ledelse av forbedring - Helse er vIKTig Sep2011
Ledelse av forbedring - Helse er vIKTig Sep2011
 
Tilstede på alle skjermer
Tilstede på alle skjermerTilstede på alle skjermer
Tilstede på alle skjermer
 
HTML 5 - en introduksjon
HTML 5 - en introduksjonHTML 5 - en introduksjon
HTML 5 - en introduksjon
 

Introduksjon i teknologier for mobil (web/native/hybrid for iphone, android)