SlideShare a Scribd company logo
1 of 17
HTML5
Oikotie onneen?




Jerry Jalava, Nemein Oy
HTML5 ~= HTML + CSS + JS
HTML5

HTML-standardin kehityksen uusi alku
Kaavailtu valmistuminen vuonna 2022
Spesifikaatio on kuitenkin jo nyt valmis
 tuotantokäyttöön
Ominaisuuksien tuki vaihtelee
 selaimittain
HTML5
 Semanttiset elementit
 Uudet syötekentät
 Median käsittely
 Canvas & SVG
 Paikkatiedon hyödyntäminen
 Offline ja Tallennus -tuki
 Tiedosto ja Laite -tuki
 CSS laajennukset
 Reaaliaikaisuus
HTML5

Toimii uusimmissa selaimissa
  Firefox, Safari, Chrome, Opera, IE9 




Eroja näiden välillä kuitenkin vielä on
HTML5 JA MOBIILI

Käytetyimmät ominaisuudet
 mobiilisivustoilla
  Offline -tuki
  Canvas (piirtoalusta)
  Video ja Audio tuki
  Paikannus API
  Uudet syötekentät
  CSS3 ja animaatiot
HTML5 vs. Natiivi vs. Hybridi
MOBIILI OHJELMISTOKEHITYS
MOBIILISIVUSTOT

HTML, CSS ja JavaScript
Käytetään selaimella
Ympärillä selainikkuna
Vaatii internet yhteyden
Ei pääsyä laitteeseen
Nopea ja kustannustehokas
“WEB OHJELMAT”

 HTML, CSS ja JavaScript
 "Asennettu" pikakuvake
 Käynnistyy kuin natiivi
 Kosketusystävällinen liittymä
 Käyttöliittymä tallennettuna  nopea ja käytettävissä
  offline
 Ei pääsyä laitteeseen
 Nopea ja kustannustehokas
NATIIVIT OHJELMAT
 Paras suorityskyky
 Pääsy laitteiston ominaisuuksiin
 Jaettavissa / Myytävissä alustan kauppapaikassa
 Vaatii syvää tuntemusta alustaan
 Vaatii hyvää tuntemusta vaadittuun ohjelmointikieleen
 Tehtyä koodia ei käytönnässä voi jakaa alustojen välillä
 Hidas kehitys
HYBRIDI OHJELMAT

 Hyvä suorituskyky
 Pääsy laitteiston ominaisuuksiin
 Jaettavissa / Myytävissä alustan kauppapaikassa
 Tutut työkalut ja ohjelmointitavat alustasta riippumatta
 Nopea ja kustannustehokas
 Suorituskyky eroja eri alustojen välillä
MIKÄ ON PARAS VAIHTOEHTO
MINULLE?


 Vastaus riippuu tavoitteista, aikataulusta ja budjetista




       Ja ennen kaikkea ohjelman tarpeista!
Kohteena vain yksi alusta
Haastava käyttöliittymä
Laitekohtainen ominaisuus
Pelit




SUOSITTELU:   NATIIVI
Useamman alustan tuki
Nopeat aikataulut
Tiukka budjetti
Proof-Of-Concept




SUOSITTELU:   HYBRIDI
HYBRIDI KEHITYSTYÖKALUJA
 PhoneGap
    iOS
    Android
    WP7
    Symbian
    WebOS
    Bada
    BlackBerry

 Trigger.IO
    iOS
    Android
WEB  NATIIVI
KEHITYSTYÖKALUJA
 Titanium
    iOS
    Android
    BlackBerry

 Rhodes
    iOS
    Android
    BlackBerry
KIITOS!

  Jerry Jalava
  www.nemein.com

  @W_I

More Related Content

Similar to Aamiaisseminaari 5.4.2012: HTML5 - Oikotie onneen?

Flashin kuolema ja HTML5
Flashin kuolema ja HTML5Flashin kuolema ja HTML5
Flashin kuolema ja HTML5Sovelto
 
Store App -kehityksen aloittaminen
Store App -kehityksen aloittaminenStore App -kehityksen aloittaminen
Store App -kehityksen aloittaminenSovelto
 
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
 
Mobiiliaamiainen 8.11.2012: Arto Santala, Android - Jäätelöleivästä hyytelöpa...
Mobiiliaamiainen 8.11.2012: Arto Santala, Android - Jäätelöleivästä hyytelöpa...Mobiiliaamiainen 8.11.2012: Arto Santala, Android - Jäätelöleivästä hyytelöpa...
Mobiiliaamiainen 8.11.2012: Arto Santala, Android - Jäätelöleivästä hyytelöpa...Tieturi Oy
 
Sekaisin mobiilista - Vincit Teatime 2014
Sekaisin mobiilista - Vincit Teatime 2014Sekaisin mobiilista - Vincit Teatime 2014
Sekaisin mobiilista - Vincit Teatime 2014VincitOy
 
Lisäarvoa digitaaliseen julkaisemiseen eDocker-ratkaisulla
Lisäarvoa digitaaliseen julkaisemiseen eDocker-ratkaisullaLisäarvoa digitaaliseen julkaisemiseen eDocker-ratkaisulla
Lisäarvoa digitaaliseen julkaisemiseen eDocker-ratkaisullaSovelto
 
Web-technologies in mobile development (Finnish)
Web-technologies in mobile development (Finnish)Web-technologies in mobile development (Finnish)
Web-technologies in mobile development (Finnish)Antti Vuorela
 
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
 
Windows 7 Työn tuottavuus
Windows 7 Työn tuottavuusWindows 7 Työn tuottavuus
Windows 7 Työn tuottavuusVaihde 7
 
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
 
Adobe ja HTML5
Adobe ja HTML5Adobe ja HTML5
Adobe ja HTML5Sovelto
 
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
 
Windows 10 käyttäjän näkökulmasta
Windows 10 käyttäjän näkökulmastaWindows 10 käyttäjän näkökulmasta
Windows 10 käyttäjän näkökulmastaSovelto
 
Eficode_Kuinka_tehostat_liiketoimintaasi_devopsin_keinoin_20141015
Eficode_Kuinka_tehostat_liiketoimintaasi_devopsin_keinoin_20141015Eficode_Kuinka_tehostat_liiketoimintaasi_devopsin_keinoin_20141015
Eficode_Kuinka_tehostat_liiketoimintaasi_devopsin_keinoin_20141015Timo Stordell
 
Azure JKL Keynote 9.11.2017
Azure JKL Keynote 9.11.2017Azure JKL Keynote 9.11.2017
Azure JKL Keynote 9.11.2017Jouni Heikniemi
 
Viestinnän seminaari 8.11.2012 / Lync
Viestinnän seminaari 8.11.2012 / LyncViestinnän seminaari 8.11.2012 / Lync
Viestinnän seminaari 8.11.2012 / LyncSalcom Group
 
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
 

Similar to Aamiaisseminaari 5.4.2012: HTML5 - Oikotie onneen? (20)

Flashin kuolema ja HTML5
Flashin kuolema ja HTML5Flashin kuolema ja HTML5
Flashin kuolema ja HTML5
 
Store App -kehityksen aloittaminen
Store App -kehityksen aloittaminenStore App -kehityksen aloittaminen
Store App -kehityksen aloittaminen
 
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
 
Mobiiliaamiainen 8.11.2012: Arto Santala, Android - Jäätelöleivästä hyytelöpa...
Mobiiliaamiainen 8.11.2012: Arto Santala, Android - Jäätelöleivästä hyytelöpa...Mobiiliaamiainen 8.11.2012: Arto Santala, Android - Jäätelöleivästä hyytelöpa...
Mobiiliaamiainen 8.11.2012: Arto Santala, Android - Jäätelöleivästä hyytelöpa...
 
Sekaisin mobiilista - Vincit Teatime 2014
Sekaisin mobiilista - Vincit Teatime 2014Sekaisin mobiilista - Vincit Teatime 2014
Sekaisin mobiilista - Vincit Teatime 2014
 
Lisäarvoa digitaaliseen julkaisemiseen eDocker-ratkaisulla
Lisäarvoa digitaaliseen julkaisemiseen eDocker-ratkaisullaLisäarvoa digitaaliseen julkaisemiseen eDocker-ratkaisulla
Lisäarvoa digitaaliseen julkaisemiseen eDocker-ratkaisulla
 
Web-technologies in mobile development (Finnish)
Web-technologies in mobile development (Finnish)Web-technologies in mobile development (Finnish)
Web-technologies in mobile development (Finnish)
 
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
 
100% Web
100% Web100% Web
100% Web
 
Mobile First 2014
Mobile First 2014Mobile First 2014
Mobile First 2014
 
Windows 7 Työn tuottavuus
Windows 7 Työn tuottavuusWindows 7 Työn tuottavuus
Windows 7 Työn tuottavuus
 
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
 
Adobe ja HTML5
Adobe ja HTML5Adobe ja HTML5
Adobe ja HTML5
 
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
 
Windows 10 käyttäjän näkökulmasta
Windows 10 käyttäjän näkökulmastaWindows 10 käyttäjän näkökulmasta
Windows 10 käyttäjän näkökulmasta
 
Eficode_Kuinka_tehostat_liiketoimintaasi_devopsin_keinoin_20141015
Eficode_Kuinka_tehostat_liiketoimintaasi_devopsin_keinoin_20141015Eficode_Kuinka_tehostat_liiketoimintaasi_devopsin_keinoin_20141015
Eficode_Kuinka_tehostat_liiketoimintaasi_devopsin_keinoin_20141015
 
Azure JKL Keynote 9.11.2017
Azure JKL Keynote 9.11.2017Azure JKL Keynote 9.11.2017
Azure JKL Keynote 9.11.2017
 
Viestinnän seminaari 8.11.2012 / Lync
Viestinnän seminaari 8.11.2012 / LyncViestinnän seminaari 8.11.2012 / Lync
Viestinnän seminaari 8.11.2012 / Lync
 
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
 
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
 

Aamiaisseminaari 5.4.2012: HTML5 - Oikotie onneen?

  • 2. HTML5 ~= HTML + CSS + JS
  • 3. HTML5 HTML-standardin kehityksen uusi alku Kaavailtu valmistuminen vuonna 2022 Spesifikaatio on kuitenkin jo nyt valmis tuotantokäyttöön Ominaisuuksien tuki vaihtelee selaimittain
  • 4. HTML5  Semanttiset elementit  Uudet syötekentät  Median käsittely  Canvas & SVG  Paikkatiedon hyödyntäminen  Offline ja Tallennus -tuki  Tiedosto ja Laite -tuki  CSS laajennukset  Reaaliaikaisuus
  • 5. HTML5 Toimii uusimmissa selaimissa Firefox, Safari, Chrome, Opera, IE9  Eroja näiden välillä kuitenkin vielä on
  • 6. HTML5 JA MOBIILI Käytetyimmät ominaisuudet mobiilisivustoilla  Offline -tuki  Canvas (piirtoalusta)  Video ja Audio tuki  Paikannus API  Uudet syötekentät  CSS3 ja animaatiot
  • 7. HTML5 vs. Natiivi vs. Hybridi MOBIILI OHJELMISTOKEHITYS
  • 8. MOBIILISIVUSTOT HTML, CSS ja JavaScript Käytetään selaimella Ympärillä selainikkuna Vaatii internet yhteyden Ei pääsyä laitteeseen Nopea ja kustannustehokas
  • 9. “WEB OHJELMAT”  HTML, CSS ja JavaScript  "Asennettu" pikakuvake  Käynnistyy kuin natiivi  Kosketusystävällinen liittymä  Käyttöliittymä tallennettuna  nopea ja käytettävissä offline  Ei pääsyä laitteeseen  Nopea ja kustannustehokas
  • 10. NATIIVIT OHJELMAT  Paras suorityskyky  Pääsy laitteiston ominaisuuksiin  Jaettavissa / Myytävissä alustan kauppapaikassa  Vaatii syvää tuntemusta alustaan  Vaatii hyvää tuntemusta vaadittuun ohjelmointikieleen  Tehtyä koodia ei käytönnässä voi jakaa alustojen välillä  Hidas kehitys
  • 11. HYBRIDI OHJELMAT  Hyvä suorituskyky  Pääsy laitteiston ominaisuuksiin  Jaettavissa / Myytävissä alustan kauppapaikassa  Tutut työkalut ja ohjelmointitavat alustasta riippumatta  Nopea ja kustannustehokas  Suorituskyky eroja eri alustojen välillä
  • 12. MIKÄ ON PARAS VAIHTOEHTO MINULLE?  Vastaus riippuu tavoitteista, aikataulusta ja budjetista Ja ennen kaikkea ohjelman tarpeista!
  • 13. Kohteena vain yksi alusta Haastava käyttöliittymä Laitekohtainen ominaisuus Pelit SUOSITTELU: NATIIVI
  • 14. Useamman alustan tuki Nopeat aikataulut Tiukka budjetti Proof-Of-Concept SUOSITTELU: HYBRIDI
  • 15. HYBRIDI KEHITYSTYÖKALUJA  PhoneGap  iOS  Android  WP7  Symbian  WebOS  Bada  BlackBerry  Trigger.IO  iOS  Android
  • 16. WEB  NATIIVI KEHITYSTYÖKALUJA  Titanium  iOS  Android  BlackBerry  Rhodes  iOS  Android  BlackBerry
  • 17. KIITOS! Jerry Jalava www.nemein.com @W_I