SlideShare a Scribd company logo
1 of 6
Download to read offline
Flashin kuolema ja HTML5
Interaktiivista sisältöä mobiilijulkaisuihin
Vartti tunnista
Onko Flash kuollut?
• Steve Jobs ja iPad
• Adoben ongelmat
• Suunniteltu pöytäkoneille
• Virrankulutus ja optimointi

• Laaja levikki
• Kehitys jatkuu edelleen
• Kasoittain sisältöä
• Adobe Air

• Flash ”ei tue” mobiilia
HTML5:n tuleminen
• HTML5 tarkoittaa usein HTML5/CSS3/Java
Script
• Ei vaadi plug-inia toimiakseen
• Mahdollistaa
•
•
•
•

Interaktiivista mediasisältöä
Alustariippumattomuuden
Skaalautuvuuden
PhoneGap / Win 8

• GPU tuki mobiililaitteille
HTML5 ja Digitaalinen julkaisu
• WEB = Digitaalinen julkaisu = HTML5
• EPUB/eDocker

• Digitaalisen julkaisun luovuuden tukena
• Animaatiot
• Responsiivisuus
• Peli / kysely
• Mainosbannerit
• Helppo liittää digitaaliseen julkaisuun
• Hyödyntäminen vaatii hyvät työkalut
Edge Animate
• Luo HTML5/CSS3/JavaScript sisältöä
• Suunnattu suunnittelijoille
• “Ei vaadi” ohjelmointia

• Hyvä animointityökalu
• Adoben tuote

• Vaihtoehtoja Edge Animatelle
• Google Web Designer, Hype, …
Yhteenveto
VS.
• Flashin asema hupenee hitaasti mutta varmasti
• HTML5 ei ole katoamassa mihinkään
• Kun opettelet jotain uutta…

• Responsiiviset web-bannerit – Adobe Edge Animate
• Responsive Web Design - periaatteet ja parhaat
käytännöt
• HTML5 Ja CSS3 Web-Suunnittelijalle

More Related Content

Similar to Flashin kuolema ja HTML5

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
 
Turvallinen BYOD-suunnittelu
Turvallinen BYOD-suunnitteluTurvallinen BYOD-suunnittelu
Turvallinen BYOD-suunnitteluSovelto
 
Kelan verkkopalvelun responsiivinen suunnittelu ja toteutus, Viestintävirasto...
Kelan verkkopalvelun responsiivinen suunnittelu ja toteutus, Viestintävirasto...Kelan verkkopalvelun responsiivinen suunnittelu ja toteutus, Viestintävirasto...
Kelan verkkopalvelun responsiivinen suunnittelu ja toteutus, Viestintävirasto...Arto Paavola
 
Some opetuksessa ja ohjauksessa 17.11.18
Some opetuksessa ja ohjauksessa 17.11.18Some opetuksessa ja ohjauksessa 17.11.18
Some opetuksessa ja ohjauksessa 17.11.18Matleena Laakso
 
Sekaisin mobiilista - Vincit Teatime 2014
Sekaisin mobiilista - Vincit Teatime 2014Sekaisin mobiilista - Vincit Teatime 2014
Sekaisin mobiilista - Vincit Teatime 2014VincitOy
 
Adobe ja HTML5
Adobe ja HTML5Adobe ja HTML5
Adobe ja HTML5Sovelto
 

Similar to Flashin kuolema ja HTML5 (8)

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
 
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
 
Turvallinen BYOD-suunnittelu
Turvallinen BYOD-suunnitteluTurvallinen BYOD-suunnittelu
Turvallinen BYOD-suunnittelu
 
Kelan verkkopalvelun responsiivinen suunnittelu ja toteutus, Viestintävirasto...
Kelan verkkopalvelun responsiivinen suunnittelu ja toteutus, Viestintävirasto...Kelan verkkopalvelun responsiivinen suunnittelu ja toteutus, Viestintävirasto...
Kelan verkkopalvelun responsiivinen suunnittelu ja toteutus, Viestintävirasto...
 
Some opetuksessa ja ohjauksessa 17.11.18
Some opetuksessa ja ohjauksessa 17.11.18Some opetuksessa ja ohjauksessa 17.11.18
Some opetuksessa ja ohjauksessa 17.11.18
 
Sekaisin mobiilista - Vincit Teatime 2014
Sekaisin mobiilista - Vincit Teatime 2014Sekaisin mobiilista - Vincit Teatime 2014
Sekaisin mobiilista - Vincit Teatime 2014
 
Adobe ja HTML5
Adobe ja HTML5Adobe ja HTML5
Adobe ja HTML5
 

More from Sovelto

LOISTO-palvelu
LOISTO-palveluLOISTO-palvelu
LOISTO-palveluSovelto
 
Sovelto Channel -esittely
Sovelto Channel -esittelySovelto Channel -esittely
Sovelto Channel -esittelySovelto
 
Windows 10 hallinnan näkökulmasta
Windows 10 hallinnan näkökulmastaWindows 10 hallinnan näkökulmasta
Windows 10 hallinnan näkökulmastaSovelto
 
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
 
Tilaisuuden avaus: Kalaparvi liikkuu
Tilaisuuden avaus: Kalaparvi liikkuuTilaisuuden avaus: Kalaparvi liikkuu
Tilaisuuden avaus: Kalaparvi liikkuuSovelto
 
Ansaintamallin voi muuttaa
Ansaintamallin voi muuttaaAnsaintamallin voi muuttaa
Ansaintamallin voi muuttaaSovelto
 
Osallista ihmiset mukaan muutokseen
Osallista ihmiset mukaan muutokseen Osallista ihmiset mukaan muutokseen
Osallista ihmiset mukaan muutokseen Sovelto
 
Ajankohtaista tutkimustietoa
Ajankohtaista tutkimustietoaAjankohtaista tutkimustietoa
Ajankohtaista tutkimustietoaSovelto
 
Yhteisöllinen tuottavuus liiketoiminnan tukena
Yhteisöllinen tuottavuus liiketoiminnan tukenaYhteisöllinen tuottavuus liiketoiminnan tukena
Yhteisöllinen tuottavuus liiketoiminnan tukenaSovelto
 
Hyvinvointi ja tuottavuus
Hyvinvointi ja tuottavuusHyvinvointi ja tuottavuus
Hyvinvointi ja tuottavuusSovelto
 
Tietotyön uusi kulttuuri
Tietotyön uusi kulttuuriTietotyön uusi kulttuuri
Tietotyön uusi kulttuuriSovelto
 
Intune ja Azure RMS
Intune ja Azure RMSIntune ja Azure RMS
Intune ja Azure RMSSovelto
 
Azure Active Directory
Azure Active DirectoryAzure Active Directory
Azure Active DirectorySovelto
 
3D-tulostaminen ja sen hyödyt käytännössä
3D-tulostaminen ja sen hyödyt käytännössä3D-tulostaminen ja sen hyödyt käytännössä
3D-tulostaminen ja sen hyödyt käytännössäSovelto
 
​Tervetuloa tutustumaan tehokkaampaan tuotekehitykseen
​Tervetuloa tutustumaan tehokkaampaan tuotekehitykseen ​Tervetuloa tutustumaan tehokkaampaan tuotekehitykseen
​Tervetuloa tutustumaan tehokkaampaan tuotekehitykseen Sovelto
 
Seminaarin avaussanat
Seminaarin avaussanatSeminaarin avaussanat
Seminaarin avaussanatSovelto
 
Esimiehen työ on palvelua, Tilannejohtaminen
Esimiehen työ on palvelua, TilannejohtaminenEsimiehen työ on palvelua, Tilannejohtaminen
Esimiehen työ on palvelua, TilannejohtaminenSovelto
 
Miten yritysarkkitehtuurilla kehitetään strategista johtamista
 Miten yritysarkkitehtuurilla kehitetään strategista johtamista Miten yritysarkkitehtuurilla kehitetään strategista johtamista
Miten yritysarkkitehtuurilla kehitetään strategista johtamistaSovelto
 
Miten yritysarkkitehtuurilla parannetaan strategista johtamista?
Miten yritysarkkitehtuurilla parannetaan strategista johtamista?Miten yritysarkkitehtuurilla parannetaan strategista johtamista?
Miten yritysarkkitehtuurilla parannetaan strategista johtamista?Sovelto
 
Case Kouvolan kaupunki: Millaisia haasteita olemme kohdanneet kokonaisarkkite...
Case Kouvolan kaupunki: Millaisia haasteita olemme kohdanneet kokonaisarkkite...Case Kouvolan kaupunki: Millaisia haasteita olemme kohdanneet kokonaisarkkite...
Case Kouvolan kaupunki: Millaisia haasteita olemme kohdanneet kokonaisarkkite...Sovelto
 

More from Sovelto (20)

LOISTO-palvelu
LOISTO-palveluLOISTO-palvelu
LOISTO-palvelu
 
Sovelto Channel -esittely
Sovelto Channel -esittelySovelto Channel -esittely
Sovelto Channel -esittely
 
Windows 10 hallinnan näkökulmasta
Windows 10 hallinnan näkökulmastaWindows 10 hallinnan näkökulmasta
Windows 10 hallinnan näkökulmasta
 
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
 
Tilaisuuden avaus: Kalaparvi liikkuu
Tilaisuuden avaus: Kalaparvi liikkuuTilaisuuden avaus: Kalaparvi liikkuu
Tilaisuuden avaus: Kalaparvi liikkuu
 
Ansaintamallin voi muuttaa
Ansaintamallin voi muuttaaAnsaintamallin voi muuttaa
Ansaintamallin voi muuttaa
 
Osallista ihmiset mukaan muutokseen
Osallista ihmiset mukaan muutokseen Osallista ihmiset mukaan muutokseen
Osallista ihmiset mukaan muutokseen
 
Ajankohtaista tutkimustietoa
Ajankohtaista tutkimustietoaAjankohtaista tutkimustietoa
Ajankohtaista tutkimustietoa
 
Yhteisöllinen tuottavuus liiketoiminnan tukena
Yhteisöllinen tuottavuus liiketoiminnan tukenaYhteisöllinen tuottavuus liiketoiminnan tukena
Yhteisöllinen tuottavuus liiketoiminnan tukena
 
Hyvinvointi ja tuottavuus
Hyvinvointi ja tuottavuusHyvinvointi ja tuottavuus
Hyvinvointi ja tuottavuus
 
Tietotyön uusi kulttuuri
Tietotyön uusi kulttuuriTietotyön uusi kulttuuri
Tietotyön uusi kulttuuri
 
Intune ja Azure RMS
Intune ja Azure RMSIntune ja Azure RMS
Intune ja Azure RMS
 
Azure Active Directory
Azure Active DirectoryAzure Active Directory
Azure Active Directory
 
3D-tulostaminen ja sen hyödyt käytännössä
3D-tulostaminen ja sen hyödyt käytännössä3D-tulostaminen ja sen hyödyt käytännössä
3D-tulostaminen ja sen hyödyt käytännössä
 
​Tervetuloa tutustumaan tehokkaampaan tuotekehitykseen
​Tervetuloa tutustumaan tehokkaampaan tuotekehitykseen ​Tervetuloa tutustumaan tehokkaampaan tuotekehitykseen
​Tervetuloa tutustumaan tehokkaampaan tuotekehitykseen
 
Seminaarin avaussanat
Seminaarin avaussanatSeminaarin avaussanat
Seminaarin avaussanat
 
Esimiehen työ on palvelua, Tilannejohtaminen
Esimiehen työ on palvelua, TilannejohtaminenEsimiehen työ on palvelua, Tilannejohtaminen
Esimiehen työ on palvelua, Tilannejohtaminen
 
Miten yritysarkkitehtuurilla kehitetään strategista johtamista
 Miten yritysarkkitehtuurilla kehitetään strategista johtamista Miten yritysarkkitehtuurilla kehitetään strategista johtamista
Miten yritysarkkitehtuurilla kehitetään strategista johtamista
 
Miten yritysarkkitehtuurilla parannetaan strategista johtamista?
Miten yritysarkkitehtuurilla parannetaan strategista johtamista?Miten yritysarkkitehtuurilla parannetaan strategista johtamista?
Miten yritysarkkitehtuurilla parannetaan strategista johtamista?
 
Case Kouvolan kaupunki: Millaisia haasteita olemme kohdanneet kokonaisarkkite...
Case Kouvolan kaupunki: Millaisia haasteita olemme kohdanneet kokonaisarkkite...Case Kouvolan kaupunki: Millaisia haasteita olemme kohdanneet kokonaisarkkite...
Case Kouvolan kaupunki: Millaisia haasteita olemme kohdanneet kokonaisarkkite...
 

Flashin kuolema ja HTML5

  • 1. Flashin kuolema ja HTML5 Interaktiivista sisältöä mobiilijulkaisuihin Vartti tunnista
  • 2. Onko Flash kuollut? • Steve Jobs ja iPad • Adoben ongelmat • Suunniteltu pöytäkoneille • Virrankulutus ja optimointi • Laaja levikki • Kehitys jatkuu edelleen • Kasoittain sisältöä • Adobe Air • Flash ”ei tue” mobiilia
  • 3. HTML5:n tuleminen • HTML5 tarkoittaa usein HTML5/CSS3/Java Script • Ei vaadi plug-inia toimiakseen • Mahdollistaa • • • • Interaktiivista mediasisältöä Alustariippumattomuuden Skaalautuvuuden PhoneGap / Win 8 • GPU tuki mobiililaitteille
  • 4. HTML5 ja Digitaalinen julkaisu • WEB = Digitaalinen julkaisu = HTML5 • EPUB/eDocker • Digitaalisen julkaisun luovuuden tukena • Animaatiot • Responsiivisuus • Peli / kysely • Mainosbannerit • Helppo liittää digitaaliseen julkaisuun • Hyödyntäminen vaatii hyvät työkalut
  • 5. Edge Animate • Luo HTML5/CSS3/JavaScript sisältöä • Suunnattu suunnittelijoille • “Ei vaadi” ohjelmointia • Hyvä animointityökalu • Adoben tuote • Vaihtoehtoja Edge Animatelle • Google Web Designer, Hype, …
  • 6. Yhteenveto VS. • Flashin asema hupenee hitaasti mutta varmasti • HTML5 ei ole katoamassa mihinkään • Kun opettelet jotain uutta… • Responsiiviset web-bannerit – Adobe Edge Animate • Responsive Web Design - periaatteet ja parhaat käytännöt • HTML5 Ja CSS3 Web-Suunnittelijalle