SlideShare uma empresa Scribd logo
1 de 10
Web-teknologiat mobiililaitteiden
ohjelmistokehityksessä

Antti Vuorela
Kandidaatintyön esitelmä
10.5.2011



               10.5.2011
Agenda

• Mobiililaitteiden ohjelmistokehitys
• Tutkimusongelma ja -menetelmät
• Tulokset
   –   Mobiiliohjelmien kehittäminen web-teknologioilla
   –   HTML5 uudet mahdollisuudet mobiilissa
   –   Testien tulokset
   –   Erot natiiviohjelmiin
• Johtopäätökset




                         Antti Vuorela
                         10.5.2011
Mobiililaitteiden ohjelmistokehitys
• Noussut keskeiseen asemaan
   – iOS App Store 350 000 ohjelmaa, 10 miljardia latausta (1/2011)
• Hajautunut eri alustojen natiivitekniikoilla tehtävään
  kehitykseen
   – Lisää kustannuksia ja luo kuiluja alustojen välille
   – Alustojen fragmentaatio tekee mahdottomaksi tukea kaikkia
           Käyttöjärjestelmä Kehitysympäristö        Ohjelmointikieli
               Apple iOS                iOS SDK        Objective-C
            Google Android           Android SDK           Java
            Nokia Symbian          Qt tai Qt Quick   C++ tai JavaScript
              HP WebOS               webOS SDK          JavaScript
           Microsoft Windows
                             XNA tai Silverlight            C#
                Phone 7


                             Antti Vuorela
                             10.5.2011
Tutkimusongelma ja -menetelmät

 Voiko Web-teknologioilla korvata alustakohtaisia
 teknologioita mobiiliohjelmien kehittämisessä?

• Kirjallisuuskatsaus             • Testatut alustat:
• Kokeellinen tutkimus               –   Android 2.2
  – Oma testiohjelma                 –   iOS 4.2
  – Acid3-testi                      –   Symbian^3 (PR1&2)
  – HTML5-testi                      –   WebOS 2.1
                                     –   Windows Phone 7


                  Antti Vuorela
                  10.5.2011
Mobiiliohjelmien kehittäminen
web-teknologioilla
• Web-sovellus suoritetaan selaimessa
   – HTML, CSS & JavaScript
• Kehitys helppoa ja nopeaa
   – Ei kääntämistä
   – Testaaminen koneella ja laitteessa
• Käyttöliittymän rakentamiseen kirjastoja
   – Testiohjelmassa JQuery Mobile (alpha 4.1)
• Paketoiminen natiiviohjelmaksi
   – Esim. PhoneGap-kirjaston avulla
   – Pääsy puuttuviin ominaisuuksiin


                       Antti Vuorela
                       10.5.2011
HTML5 uudet mahdollisuudet mobiilissa

• Rajapintoja laitteen ominaisuuksien hyödyntämiseen
• Lisäksi mm. offline-tallennus, 2D/3D grafiikka ja
  multimedia




                    Antti Vuorela
                    10.5.2011
Testiohjelman tulokset
       Suorituskyky                             Ominaisuudet

                         Sivunvaihto        Android                                                   4
 Android
                         Käynnistys            iOS                                                    6
    iOS
                                            S^3 Qt ½                                                    5
  S^3 Qt                                   S^3 WRT                           ½                         3

S^3 WRT                                     WebOS                                                       6
                                              WP7                                              
 WebOS




                                                    Geolokaatio
                                                                  Kiihtyvyys
                                                                               Canvas
                                                                                        Lista
                                                                                                Dialogi
                                                                                                          Transitiot
                  Ei tuloksia
   WP 7
           0    2000    4000       6000
           Aika (ms), pienempi parempi


                           Antti Vuorela
                           10.5.2011
HTML5 ja ACID3 -testien tulokset
                                                 Acid3 (max 100)
                                                 HTML5 (max 400)


                       99
           100
   93                                       92

                                   91


                                                         12
  182      206        235          111      170          17
 Android   iOS   Symbian Qt      Symbian   WebOS      Windows
                                  WRT                 Phone 7

                 Antti Vuorela
                 10.5.2011
Erot natiiviohjelmiin

• Suorituskyky ja ominaisuudet kurovat kiinni
   – Esim. JavaScript-moottoreihin tehdään paljon kehitystyötä
• Käyttöliittymä ja käytettävyys
   – Alustojen käyttöliittymäerot tulee huomioida
   – Yhtä hyvään lopputulokseen voi päästä kummallakin tavalla
• Ohjelmien jakelu ja ohjelmistokaupat
   – Web-sovelluksella ei ohjelmistokauppojen rajoitteita
   – Paketoimalla natiiviohjelmaksi saadaan ohjelmistokauppaan
• Liiketoimintanäkökulma
   – Web-sovelluksella suurempi asiakaskunta
   – Webin konvergenssi kasvattaa vielä mahdollisuuksia

                       Antti Vuorela
                       10.5.2011
Johtopäätökset

• Web-teknologioilla on mahdollista korvata
  alustakohtaisia natiivitekniikoita
   – Pienemmillä kustannuksilla useammalle alustalle
   – Enemmän jakeluvaihtoehtoja
• Paras tuki on nyt iOS ja Android -laitteissa
   – Muilla puutteita, mutta parantavat lähitulevaisuudessa
   – Kehitys nopeaa, isot toimijat kilpailevat
• Suosittelen muiden kuin raskaimpien pelien
  toteuttamista web-teknologioilla



                        Antti Vuorela
                        10.5.2011

Mais conteúdo relacionado

Destaque

Master thesis presentation
Master thesis presentationMaster thesis presentation
Master thesis presentationTania Pavlenko
 
Analysis About My Thesis
Analysis About My ThesisAnalysis About My Thesis
Analysis About My ThesisKaisa Tamminen
 
Master thesis presentation
Master thesis presentationMaster thesis presentation
Master thesis presentationSofia Nyyssönen
 
Community Center, Interior Design Thesis
Community Center, Interior Design ThesisCommunity Center, Interior Design Thesis
Community Center, Interior Design ThesisMegan Starner
 
Thesis Defense Presentation
Thesis Defense PresentationThesis Defense Presentation
Thesis Defense Presentationosideloc
 
My Thesis Defense Presentation
My Thesis Defense PresentationMy Thesis Defense Presentation
My Thesis Defense PresentationDavid Onoue
 
Powerpoint presentation M.A. Thesis Defence
Powerpoint presentation M.A. Thesis DefencePowerpoint presentation M.A. Thesis Defence
Powerpoint presentation M.A. Thesis DefenceCatie Chase
 
Thesis Power Point Presentation
Thesis Power Point PresentationThesis Power Point Presentation
Thesis Power Point Presentationriddhikapandya1985
 
Final Thesis Presentation
Final Thesis PresentationFinal Thesis Presentation
Final Thesis PresentationAnusha Iyer
 

Destaque (12)

Master thesis presentation
Master thesis presentationMaster thesis presentation
Master thesis presentation
 
Thesis presentation
Thesis presentationThesis presentation
Thesis presentation
 
Analysis About My Thesis
Analysis About My ThesisAnalysis About My Thesis
Analysis About My Thesis
 
Master thesis presentation
Master thesis presentationMaster thesis presentation
Master thesis presentation
 
Community Center, Interior Design Thesis
Community Center, Interior Design ThesisCommunity Center, Interior Design Thesis
Community Center, Interior Design Thesis
 
Thesis Defense Presentation
Thesis Defense PresentationThesis Defense Presentation
Thesis Defense Presentation
 
Thesis powerpoint
Thesis powerpointThesis powerpoint
Thesis powerpoint
 
My Thesis Defense Presentation
My Thesis Defense PresentationMy Thesis Defense Presentation
My Thesis Defense Presentation
 
Thesis presentation
Thesis presentationThesis presentation
Thesis presentation
 
Powerpoint presentation M.A. Thesis Defence
Powerpoint presentation M.A. Thesis DefencePowerpoint presentation M.A. Thesis Defence
Powerpoint presentation M.A. Thesis Defence
 
Thesis Power Point Presentation
Thesis Power Point PresentationThesis Power Point Presentation
Thesis Power Point Presentation
 
Final Thesis Presentation
Final Thesis PresentationFinal Thesis Presentation
Final Thesis Presentation
 

Semelhante a Web-technologies in mobile development (Finnish)

Guru days 5.10.2011 html5 ja silverlight
Guru days 5.10.2011   html5 ja silverlightGuru days 5.10.2011   html5 ja silverlight
Guru days 5.10.2011 html5 ja silverlightSalcom Group
 
Aamiaisseminaari 5.4.2012: HTML5 - Oikotie onneen?
Aamiaisseminaari 5.4.2012: HTML5 - Oikotie onneen?Aamiaisseminaari 5.4.2012: HTML5 - Oikotie onneen?
Aamiaisseminaari 5.4.2012: HTML5 - Oikotie onneen?Nemein
 
Mobiiliaamiainen 8.11.2012: Teuvo Väisänen, Responsive Design
Mobiiliaamiainen 8.11.2012: Teuvo Väisänen, Responsive DesignMobiiliaamiainen 8.11.2012: Teuvo Väisänen, Responsive Design
Mobiiliaamiainen 8.11.2012: Teuvo Väisänen, Responsive DesignTieturi Oy
 
Liferay Road Show Helsinki, Case Uponor Koti 2012-09-13
Liferay Road Show Helsinki, Case Uponor Koti 2012-09-13Liferay Road Show Helsinki, Case Uponor Koti 2012-09-13
Liferay Road Show Helsinki, Case Uponor Koti 2012-09-13Ambientia
 
Web-sisällönhallinta ja mukautuva esitystapa
Web-sisällönhallinta ja mukautuva esitystapaWeb-sisällönhallinta ja mukautuva esitystapa
Web-sisällönhallinta ja mukautuva esitystapaLoihde Advisory
 
Teknologiat murroksessa -aamiasseminaari, HTML5, Teuvo Väisänen
Teknologiat murroksessa -aamiasseminaari, HTML5, Teuvo VäisänenTeknologiat murroksessa -aamiasseminaari, HTML5, Teuvo Väisänen
Teknologiat murroksessa -aamiasseminaari, HTML5, Teuvo VäisänenManagement Institute of Finland MIF
 
Store App -kehityksen aloittaminen
Store App -kehityksen aloittaminenStore App -kehityksen aloittaminen
Store App -kehityksen aloittaminenSovelto
 
TechDays2011 Web-kokoukset Lyncillä Tieturi/Kuosmanen & Huhtala
TechDays2011 Web-kokoukset Lyncillä Tieturi/Kuosmanen & HuhtalaTechDays2011 Web-kokoukset Lyncillä Tieturi/Kuosmanen & Huhtala
TechDays2011 Web-kokoukset Lyncillä Tieturi/Kuosmanen & HuhtalaTieturi Oy
 
Web Client programming
Web Client programmingWeb Client programming
Web Client programmingguest8899ec02
 
ITK2019: Oppilaat ohjelmoivat monialaisen oppimiskokonaisuuden web-sovelluks...
ITK2019: Oppilaat ohjelmoivat monialaisenoppimiskokonaisuuden web-sovelluks...ITK2019: Oppilaat ohjelmoivat monialaisenoppimiskokonaisuuden web-sovelluks...
ITK2019: Oppilaat ohjelmoivat monialaisen oppimiskokonaisuuden web-sovelluks...Ville Ilkkala
 
WOA: Web APIt
WOA: Web APItWOA: Web APIt
WOA: Web APItExove
 
Vincit Teatime 2015 - Heikki Salo: Case ZenRobotics: JavaScriptin äärirajoilla
Vincit Teatime 2015 - Heikki Salo: Case ZenRobotics: JavaScriptin äärirajoillaVincit Teatime 2015 - Heikki Salo: Case ZenRobotics: JavaScriptin äärirajoilla
Vincit Teatime 2015 - Heikki Salo: Case ZenRobotics: JavaScriptin äärirajoillaVincitOy
 
InfoWeb 4 - sisällönhallinnan uusi aalto
InfoWeb 4 - sisällönhallinnan uusi aaltoInfoWeb 4 - sisällönhallinnan uusi aalto
InfoWeb 4 - sisällönhallinnan uusi aaltoJarno Malaprade
 
Sekaisin mobiilista - Vincit Teatime 2014
Sekaisin mobiilista - Vincit Teatime 2014Sekaisin mobiilista - Vincit Teatime 2014
Sekaisin mobiilista - Vincit Teatime 2014VincitOy
 
Windows Store Apps - näin tehtiin Sovelto Hub
Windows Store Apps - näin tehtiin Sovelto Hub  Windows Store Apps - näin tehtiin Sovelto Hub
Windows Store Apps - näin tehtiin Sovelto Hub Sovelto
 
Windows Phone 7 koulutukset kehittäjille
Windows Phone 7 koulutukset kehittäjilleWindows Phone 7 koulutukset kehittäjille
Windows Phone 7 koulutukset kehittäjilleJarno Mäki
 

Semelhante a Web-technologies in mobile development (Finnish) (20)

Guru days 5.10.2011 html5 ja silverlight
Guru days 5.10.2011   html5 ja silverlightGuru days 5.10.2011   html5 ja silverlight
Guru days 5.10.2011 html5 ja silverlight
 
Aamiaisseminaari 5.4.2012: HTML5 - Oikotie onneen?
Aamiaisseminaari 5.4.2012: HTML5 - Oikotie onneen?Aamiaisseminaari 5.4.2012: HTML5 - Oikotie onneen?
Aamiaisseminaari 5.4.2012: HTML5 - Oikotie onneen?
 
Mobiiliaamiainen 8.11.2012: Teuvo Väisänen, Responsive Design
Mobiiliaamiainen 8.11.2012: Teuvo Väisänen, Responsive DesignMobiiliaamiainen 8.11.2012: Teuvo Väisänen, Responsive Design
Mobiiliaamiainen 8.11.2012: Teuvo Väisänen, Responsive Design
 
Valtio Expo 2019 - Pilvi tuli jo, oletko valmis?
Valtio Expo 2019 - Pilvi tuli jo, oletko valmis?Valtio Expo 2019 - Pilvi tuli jo, oletko valmis?
Valtio Expo 2019 - Pilvi tuli jo, oletko valmis?
 
Liferay Road Show Helsinki, Case Uponor Koti 2012-09-13
Liferay Road Show Helsinki, Case Uponor Koti 2012-09-13Liferay Road Show Helsinki, Case Uponor Koti 2012-09-13
Liferay Road Show Helsinki, Case Uponor Koti 2012-09-13
 
Web-sisällönhallinta ja mukautuva esitystapa
Web-sisällönhallinta ja mukautuva esitystapaWeb-sisällönhallinta ja mukautuva esitystapa
Web-sisällönhallinta ja mukautuva esitystapa
 
Teknologiat murroksessa -aamiasseminaari, HTML5, Teuvo Väisänen
Teknologiat murroksessa -aamiasseminaari, HTML5, Teuvo VäisänenTeknologiat murroksessa -aamiasseminaari, HTML5, Teuvo Väisänen
Teknologiat murroksessa -aamiasseminaari, HTML5, Teuvo Väisänen
 
Store App -kehityksen aloittaminen
Store App -kehityksen aloittaminenStore App -kehityksen aloittaminen
Store App -kehityksen aloittaminen
 
TechDays2011 Web-kokoukset Lyncillä Tieturi/Kuosmanen & Huhtala
TechDays2011 Web-kokoukset Lyncillä Tieturi/Kuosmanen & HuhtalaTechDays2011 Web-kokoukset Lyncillä Tieturi/Kuosmanen & Huhtala
TechDays2011 Web-kokoukset Lyncillä Tieturi/Kuosmanen & Huhtala
 
Web Client programming
Web Client programmingWeb Client programming
Web Client programming
 
Html5 semppu
Html5 semppuHtml5 semppu
Html5 semppu
 
ITK2019: Oppilaat ohjelmoivat monialaisen oppimiskokonaisuuden web-sovelluks...
ITK2019: Oppilaat ohjelmoivat monialaisenoppimiskokonaisuuden web-sovelluks...ITK2019: Oppilaat ohjelmoivat monialaisenoppimiskokonaisuuden web-sovelluks...
ITK2019: Oppilaat ohjelmoivat monialaisen oppimiskokonaisuuden web-sovelluks...
 
Digitaalinen palvelusuunnittelu VR:llä - Panu Korhonen - VR Group
Digitaalinen palvelusuunnittelu VR:llä - Panu Korhonen - VR GroupDigitaalinen palvelusuunnittelu VR:llä - Panu Korhonen - VR Group
Digitaalinen palvelusuunnittelu VR:llä - Panu Korhonen - VR Group
 
Mobile First 2014
Mobile First 2014Mobile First 2014
Mobile First 2014
 
WOA: Web APIt
WOA: Web APItWOA: Web APIt
WOA: Web APIt
 
Vincit Teatime 2015 - Heikki Salo: Case ZenRobotics: JavaScriptin äärirajoilla
Vincit Teatime 2015 - Heikki Salo: Case ZenRobotics: JavaScriptin äärirajoillaVincit Teatime 2015 - Heikki Salo: Case ZenRobotics: JavaScriptin äärirajoilla
Vincit Teatime 2015 - Heikki Salo: Case ZenRobotics: JavaScriptin äärirajoilla
 
InfoWeb 4 - sisällönhallinnan uusi aalto
InfoWeb 4 - sisällönhallinnan uusi aaltoInfoWeb 4 - sisällönhallinnan uusi aalto
InfoWeb 4 - sisällönhallinnan uusi aalto
 
Sekaisin mobiilista - Vincit Teatime 2014
Sekaisin mobiilista - Vincit Teatime 2014Sekaisin mobiilista - Vincit Teatime 2014
Sekaisin mobiilista - Vincit Teatime 2014
 
Windows Store Apps - näin tehtiin Sovelto Hub
Windows Store Apps - näin tehtiin Sovelto Hub  Windows Store Apps - näin tehtiin Sovelto Hub
Windows Store Apps - näin tehtiin Sovelto Hub
 
Windows Phone 7 koulutukset kehittäjille
Windows Phone 7 koulutukset kehittäjilleWindows Phone 7 koulutukset kehittäjille
Windows Phone 7 koulutukset kehittäjille
 

Web-technologies in mobile development (Finnish)

  • 2. Agenda • Mobiililaitteiden ohjelmistokehitys • Tutkimusongelma ja -menetelmät • Tulokset – Mobiiliohjelmien kehittäminen web-teknologioilla – HTML5 uudet mahdollisuudet mobiilissa – Testien tulokset – Erot natiiviohjelmiin • Johtopäätökset Antti Vuorela 10.5.2011
  • 3. Mobiililaitteiden ohjelmistokehitys • Noussut keskeiseen asemaan – iOS App Store 350 000 ohjelmaa, 10 miljardia latausta (1/2011) • Hajautunut eri alustojen natiivitekniikoilla tehtävään kehitykseen – Lisää kustannuksia ja luo kuiluja alustojen välille – Alustojen fragmentaatio tekee mahdottomaksi tukea kaikkia Käyttöjärjestelmä Kehitysympäristö Ohjelmointikieli Apple iOS iOS SDK Objective-C Google Android Android SDK Java Nokia Symbian Qt tai Qt Quick C++ tai JavaScript HP WebOS webOS SDK JavaScript Microsoft Windows XNA tai Silverlight C# Phone 7 Antti Vuorela 10.5.2011
  • 4. Tutkimusongelma ja -menetelmät Voiko Web-teknologioilla korvata alustakohtaisia teknologioita mobiiliohjelmien kehittämisessä? • Kirjallisuuskatsaus • Testatut alustat: • Kokeellinen tutkimus – Android 2.2 – Oma testiohjelma – iOS 4.2 – Acid3-testi – Symbian^3 (PR1&2) – HTML5-testi – WebOS 2.1 – Windows Phone 7 Antti Vuorela 10.5.2011
  • 5. Mobiiliohjelmien kehittäminen web-teknologioilla • Web-sovellus suoritetaan selaimessa – HTML, CSS & JavaScript • Kehitys helppoa ja nopeaa – Ei kääntämistä – Testaaminen koneella ja laitteessa • Käyttöliittymän rakentamiseen kirjastoja – Testiohjelmassa JQuery Mobile (alpha 4.1) • Paketoiminen natiiviohjelmaksi – Esim. PhoneGap-kirjaston avulla – Pääsy puuttuviin ominaisuuksiin Antti Vuorela 10.5.2011
  • 6. HTML5 uudet mahdollisuudet mobiilissa • Rajapintoja laitteen ominaisuuksien hyödyntämiseen • Lisäksi mm. offline-tallennus, 2D/3D grafiikka ja multimedia Antti Vuorela 10.5.2011
  • 7. Testiohjelman tulokset Suorituskyky Ominaisuudet Sivunvaihto Android      4 Android Käynnistys iOS      6 iOS S^3 Qt ½    5 S^3 Qt S^3 WRT   ½   3 S^3 WRT WebOS    6 WP7   WebOS Geolokaatio Kiihtyvyys Canvas Lista Dialogi Transitiot Ei tuloksia WP 7 0 2000 4000 6000 Aika (ms), pienempi parempi Antti Vuorela 10.5.2011
  • 8. HTML5 ja ACID3 -testien tulokset Acid3 (max 100) HTML5 (max 400) 99 100 93 92 91 12 182 206 235 111 170 17 Android iOS Symbian Qt Symbian WebOS Windows WRT Phone 7 Antti Vuorela 10.5.2011
  • 9. Erot natiiviohjelmiin • Suorituskyky ja ominaisuudet kurovat kiinni – Esim. JavaScript-moottoreihin tehdään paljon kehitystyötä • Käyttöliittymä ja käytettävyys – Alustojen käyttöliittymäerot tulee huomioida – Yhtä hyvään lopputulokseen voi päästä kummallakin tavalla • Ohjelmien jakelu ja ohjelmistokaupat – Web-sovelluksella ei ohjelmistokauppojen rajoitteita – Paketoimalla natiiviohjelmaksi saadaan ohjelmistokauppaan • Liiketoimintanäkökulma – Web-sovelluksella suurempi asiakaskunta – Webin konvergenssi kasvattaa vielä mahdollisuuksia Antti Vuorela 10.5.2011
  • 10. Johtopäätökset • Web-teknologioilla on mahdollista korvata alustakohtaisia natiivitekniikoita – Pienemmillä kustannuksilla useammalle alustalle – Enemmän jakeluvaihtoehtoja • Paras tuki on nyt iOS ja Android -laitteissa – Muilla puutteita, mutta parantavat lähitulevaisuudessa – Kehitys nopeaa, isot toimijat kilpailevat • Suosittelen muiden kuin raskaimpien pelien toteuttamista web-teknologioilla Antti Vuorela 10.5.2011