Mobiilisovellukset ja -sivustot
-
Upload
exove -
Category
Technology
-
view
2.719 -
download
1
description
Transcript of Mobiilisovellukset ja -sivustot
![Page 1: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/1.jpg)
![Page 2: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/2.jpg)
Tervetuloa!
![Page 3: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/3.jpg)
Ohjelma
9.00 Tilaisuuden avaus Janne Kalliola, Exove
9.10 Miten mobiiliin? Löydä oikea ratkaisu?
Aki-Ville Pöykiö, Exove Design
9.25 Esimerkkejä maailmalta: Design-trendit mobiilissa
Juha Jauhiainen, Exove Design
9.40 Mobiilipalvelut Suomessa Marko Luhtala, NearMe Services
10.00 Tauko
10.10 Mobiilisovellusalustat ja taustajärjestelmät
Kalle Varisvirta, Exove
10.30 Case: Eazybreak Kai Friman, Eazybreak
10.50 Keskustelua
![Page 4: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/4.jpg)
Kuinka (ja miksi) tehdä mobiilisovelluksia ja
-sivustoja?
![Page 5: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/5.jpg)
Tiedä mitä sinä / bisneksesi / asiakkaasi haluavat.
![Page 6: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/6.jpg)
Varmista, että mobiilisovellus tai -sivusto on oikea tapa
palvella noita tarpeita.
![Page 7: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/7.jpg)
Tunne käyttämiesi mobiilialustojen
käyttökokemusparadigma.
![Page 8: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/8.jpg)
Palvele käyttäjiä.
![Page 9: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/9.jpg)
Suunnittele. Toteuta. Analysoi. Korjaa.Suunnittele. Toteuta. Analysoi. Korjaa.Suunnittele. Toteuta. Analysoi. Korjaa.Suunnittele. Toteuta. Analysoi. Korjaa.Suunnittele. Toteuta. Analysoi. Korjaa.Suunnittele. Toteuta. Analysoi. Korjaa.
![Page 10: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/10.jpg)
Turvaudu tarvittaessa asiantuntijan apuun.
![Page 11: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/11.jpg)
Lyhyesti meistä
![Page 12: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/12.jpg)
Exove on eräs Pohjoismaiden ja Baltian johtavista avoimeen lähdekoodiin
perustuvien verkkopalveluiden suunnittelijoista ja toteuttajista.
![Page 13: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/13.jpg)
Lähtökohtamme on asiakkaamme strategia ja tarpeet.
Synnytämme lisäarvoa ymmärtämällä verkon luonteen ja käyttäjien halut.
Tuotamme kauniita, toimivia ja liiketoimintalähtöisiä palveluja.
![Page 14: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/14.jpg)
50 henkeä, yli 115 asiakasta,yli 3 MEUR liikevaihtoa 2011, voitollinen
![Page 15: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/15.jpg)
Ohjelma
9.00 Tilaisuuden avaus Janne Kalliola, Exove
9.10 Miten mobiiliin? Löydä oikea ratkaisu?
Aki-Ville Pöykiö, Exove Design
9.25 Esimerkkejä maailmalta: Design-trendit mobiilissa
Juha Jauhiainen, Exove Design
9.40 Mobiilipalvelut Suomessa Marko Luhtala, NearMe Services
10.00 Tauko
10.10 Mobiilisovellusalustat ja taustajärjestelmät
Kalle Varisvirta, Exove
10.30 Case: Eazybreak Kai Friman, Eazybreak
10.50 Keskustelua
![Page 16: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/16.jpg)
Miten mobiiliin?
Aki-Ville PöykiöSuunnittelujohtajaExove Design
![Page 17: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/17.jpg)
Missä mennään 2011?
![Page 18: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/18.jpg)
![Page 19: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/19.jpg)
Internetin mobiilikäyttäjien määrä ylittää PC-käyttäjien määrän vuonna 2013.
Siihen on aikaa reilu vuosi.
![Page 20: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/20.jpg)
“There are more than 350 million active users (44%) currently accessing Facebook through their mobile devices.”
“People that use Facebook on their mobile devices are twice as active on Facebook as non-mobile users.”
– Facebookin viralliset tilastot, marraskuu 2011
![Page 21: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/21.jpg)
Suurelle osalle maailman väestöstä mobiili internet on ensimmäinen ja ainoakokemus internetistä.
![Page 22: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/22.jpg)
Mitä tehdä?
![Page 23: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/23.jpg)
Teen mobiilisovelluksen?
Teen mobiilisivuston?
Teen jotain muuta?
![Page 24: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/24.jpg)
Mobiilisovellus
+ Sulava käyttökokemus
+ Täysi kontrolli ilmeesen ja toimintoihin
+ Pystyy moneen, vaikka kameran tai GPS:n käyttöön
- Haastava suunnitella ja toteuttaa- Usein hintava ja aikaavievä projekti- Tavoittaa vain tiettyjen älypuhelimien käyttäjät
![Page 25: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/25.jpg)
Mobiilisivusto
+ Aika helppo toteuttaa, tuttua HTML-teknologiaa
+ Tavoittaa laajan joukon käyttäjiä
+ Voi syntyä helposti verkkosivujen pohjalta
- Ominaisuuksiltaan ja laajuudeltaan usein suppea
- Vähän mahdollisuuksia hyödyntää puhelimien erityisominaisuuksia
- Käyttö- ja brändikokemus vaihtelee puhelimesta toiseen
![Page 26: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/26.jpg)
Jotain muuta?
![Page 27: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/27.jpg)
Mobiilisovelluksen voi toteuttaa myös webbiteknologioita hyödyntäen.
![Page 28: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/28.jpg)
Exove toteutti Eazybreakin mobiilisovelluksen Phonegap-alustalle hyödyntäen webbiteknologioita.
Näin säästyi sekä aikaa että vaivaa.
![Page 29: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/29.jpg)
Nykyisestä verkkosivustostasi voi tehdä mobiili-yhteensopivan.
![Page 30: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/30.jpg)
Responsive Web Design
![Page 31: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/31.jpg)
Sivusto suunnitellaan siten, että se mukautuu automaattisesti eri laitteiden ruudulle parhaalla mahdollisella tavalla.
![Page 32: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/32.jpg)
![Page 33: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/33.jpg)
Konstit ovat monet.
On aika toimia!
![Page 34: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/34.jpg)
Ohjelma
9.00 Tilaisuuden avaus Janne Kalliola, Exove
9.10 Miten mobiiliin? Löydä oikea ratkaisu?
Aki-Ville Pöykiö, Exove Design
9.25 Esimerkkejä maailmalta: Design-trendit mobiilissa
Juha Jauhiainen, Exove Design
9.40 Mobiilipalvelut Suomessa Marko Luhtala, NearMe Services
10.00 Tauko
10.10 Mobiilisovellusalustat ja taustajärjestelmät
Kalle Varisvirta, Exove
10.30 Case: Eazybreak Kai Friman, Eazybreak
10.50 Keskustelua
![Page 35: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/35.jpg)
Juha Jauhiainen, SuunnittelujohtajaExove Design
Design trendit mobiilissa
![Page 36: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/36.jpg)
Responsive design
![Page 37: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/37.jpg)
1. Tehdään palvelu alusta alkaen
2. Halutaan pienentää kuluja
3. Laiteriippumaton
![Page 38: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/38.jpg)
Perusperiaate
Suunnittelu aloitetaan mobiilista ja käyttökokemus laajennetaan muihin laitteisiin.
![Page 39: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/39.jpg)
![Page 40: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/40.jpg)
![Page 41: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/41.jpg)
![Page 42: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/42.jpg)
Tarkoittaa, että tulevaisuudessa mennään yhä kauemmaksi
perinteisestä “painettuun mediaan” perustuvasta suunnittelusta.
![Page 43: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/43.jpg)
MetroDesign language
![Page 44: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/44.jpg)
Metro
Metrotypografia (segoe)liike (animoinnit)sisältö
![Page 45: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/45.jpg)
Metro
Tile -oikotiePanorama –fiilistelyäPivot –suorita tehtävä
![Page 46: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/46.jpg)
1. Live tile: informaatio ja linkittäminen
2. Yhdistetyt yhteystiedot
3. Viivakoodihaku
4. Yhteisöt
5. Office
![Page 47: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/47.jpg)
![Page 48: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/48.jpg)
![Page 49: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/49.jpg)
![Page 50: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/50.jpg)
-Ekosysteemi on vasta aluillaan ja vihdoin joku haastaa Applen.
-Metro aloittaa design-trendin. Se on aidosti hurmaava
![Page 52: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/52.jpg)
Ohjelma
9.00 Tilaisuuden avaus Janne Kalliola, Exove
9.10 Miten mobiiliin? Löydä oikea ratkaisu?
Aki-Ville Pöykiö, Exove Design
9.25 Esimerkkejä maailmalta: Design-trendit mobiilissa
Juha Jauhiainen, Exove Design
9.40 Mobiilipalvelut Suomessa Marko Luhtala, NearMe Services
10.00 Tauko
10.10 Mobiilisovellusalustat ja taustajärjestelmät
Kalle Varisvirta, Exove
10.30 Case: Eazybreak Kai Friman, Eazybreak
10.50 Keskustelua
![Page 53: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/53.jpg)
Mobiilipalvelut Suomessa
14.12.2011
www.nearme.fi
![Page 54: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/54.jpg)
54 26.3.2010 Author Marko Luhtala, Nils Lagerström
Miksi mobiilikanava on tärkeä?
Kännykästä on tullut puhelimen lisäksi sanomalehti, viihdekeskus
sekä henkilökohtainen kauppapaikka ja palvelupiste
Mobiilin erityispiirteet houkuttelevat sekä asiakkaita että yrityksiä:• henkilökohtaisuus
• välitön kaksisuuntainen kommunikaatio• paikkatieto ja konteksti
Perinteinen markkinointi kallistuu ja muuttuu tehottomammaksi,
nykyiset kanavat jättävät aukkoja asiointiprosessiin
Muutos asiakaskäyttäytymisessä Muutos nykyisissä kanavissa
Mobiilikanavan erityispiirteet
![Page 55: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/55.jpg)
55 10.3.2010 Author Marko Luhtala, Nils Lagerström
Mobiilimarkkinoinnin taival Suomessa
2000Kännykkä korvaa lompakon, passin
ja TVn
2006Mobiilimarkkinointi
on tekstarimainontaa
2011Mobiilikanava
täydentää markkinointia ja
asiointia
Teknologia ja asiakastarve tasapainossa
• Internet-keskeinen markkinointimalli• Mobiili osa monikanavaisuutta• Kuluttajakäyttäytyminen ohjaa palvelu- kehitystä: asiakkaan konteksti• Palveluinnovaatiot, testatut teknologiat
![Page 56: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/56.jpg)
56 26.3.2010 Author Marko Luhtala, Nils Lagerström
Mobiili Internet palvelut yleistyvät Suomessakin
HakuSosiaalinenmedia
Kauppa
NavigointiJoukkoliikenneMatkailu
Musiikki
Uutiset, urheilu, sää
Internet palvelun-tarjoajat
Valmistajat
![Page 57: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/57.jpg)
57 26.3.2010 Author Marko Luhtala, Nils Lagerström
Mobiilihakujen kehitys Suomessa
Lähde: Googlen sisäinen data.Historiallinen kehitys ei ole tae tulevasta.
![Page 58: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/58.jpg)
58 10.3.2010 Author Marko Luhtala, Nils Lagerström
DiViA 2011: Mitä mobiilipalveluja yrityksenne tarjoaa asiakkaille?
0
5
10
15
20
25
30
35
Vuoden päästä
Tällä hettkellä
N = 57
![Page 59: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/59.jpg)
59 10.3.2010 Author Marko Luhtala, Nils Lagerström
Kolme yritystä neljästä investoi mobiiliin 2012
N = 57
![Page 60: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/60.jpg)
60 10.3.2010 Author Marko Luhtala, Nils Lagerström
Monta kanavaa – katkeamaton asiointikokemusESIMERKKI
![Page 61: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/61.jpg)
61 10.3.2010 Author Marko Luhtala, Nils Lagerström
Kontekstia ymmärtämällä ja yhdistelemällä syntyy ainutlaatuisia kohdennettuja mobiilipalveluja.
Vakioasiakkuus
Asiakkaan sijainti
Asiakkaan mielenkiinnon
kohteet
Asiakas-prosessin vaihe
Tuotteen elinkaari
ASIAKKAANKONTEKSTI
Ympäristö ja tapahtumat esim. sää,
urheilutulokset
![Page 62: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/62.jpg)
62 10.3.2010 Author Marko Luhtala, Nils Lagerström
Aloita tästä
Tee mobiilisuunnitelma NYT osana markkinointistrategiaa ja asioimisprosesseja: tee tämän perusteella päätökset prioriteeteista ja investoinneista.
Keskity asiakkaan mobiilikäyttäytymisen ymmärtämiseen. Parhaat ja tehokkaimmat mobiilitoteutukset perustuvat palveluinnovaatioon eivätkä teknologiainnovaatioon.
Hyödynnä olemassa olevaa teknologiaa ja rakenna palvelut mobiili-Internetin ympärille. Täydennä palveluja ja aktivoi asiakkaita myös tekstiviestien ja 2D-koodien avulla. Näin varmistat, että asiakaskunta osaa ja pystyy käyttämään palveluja.
Ensimmäinen askel mobiilikanavaan on ajatella kännykkää uutena ikkunana jo olemassaoleviin Internet-palveluihin. Käytännössä tämä tarkoittaa nykyisten nettisivustojen mobiiliversion rakentamista.
![Page 64: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/64.jpg)
Ohjelma
9.00 Tilaisuuden avaus Janne Kalliola, Exove
9.10 Miten mobiiliin? Löydä oikea ratkaisu?
Aki-Ville Pöykiö, Exove Design
9.25 Esimerkkejä maailmalta: Design-trendit mobiilissa
Juha Jauhiainen, Exove Design
9.40 Mobiilipalvelut Suomessa Marko Luhtala, NearMe Services
10.00 Tauko
10.10 Mobiilisovellusalustat ja taustajärjestelmät
Kalle Varisvirta, Exove
10.30 Case: Eazybreak Kai Friman, Eazybreak
10.50 Keskustelua
![Page 65: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/65.jpg)
MOBIILISOVELLUS-ALUSTAT JA TAUSTA-JÄRJESTELMÄT
Kalle VarisvirtaTechnology Director
![Page 66: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/66.jpg)
Miksi mobiilisovellus Enemmän kuin mobiilisaitti Tällä hetkellä kova hitti, “kaikilla kilpailijoillakin on oma
sovellus” Mobiilisovellus tarjoaa mahdollisuuden käyttää
puhelimen palveluita, esim. kameraa Sovellus koukuttaa käyttäjän ja usein konvertoi
anonyymejä käyttäjiä rekisteröitymään
![Page 67: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/67.jpg)
Toteutustavat
Natiivisovellus Puhelinalustan omilla työkaluilla ja omalla
ohjelmointikielellä toteutettu sovellus Ei rajoituksia
PhoneGap (HTML5-sovellus) PhoneGap alustalle toteutettu sovellus HTML5, CSS
ja Javascript –teknologioilla Joitain rajoituksia toiminnallisuuteen
![Page 68: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/68.jpg)
Mitä molemmilla saavutetaan
1. Olemassaolo kaupassa
2. Paikka käyttäjän puhelimessa muiden brändien rinnalla
![Page 69: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/69.jpg)
Mitä molemmilla saavutetaan
3. Toiminnallisuutta, jota ei voi toteuttaa pelkällä mobiilisaitilla (PhoneGap –sovelluksessa on rajoituksia tämän suhteen)
![Page 70: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/70.jpg)
Mikä on natiivisovellus
Sovellus toteutetaan jokaiselle alustalle erikseen Lähes jokainen suosittu alusta käyttää omaa
ohjelmointikieltään Objective-C/IOS Java/Android C#/WP7
Moninkertaistaa työmäärän jos tehdään monelle alustalle
Ei aseta mitään rajoituksia palvelun toiminnalle
![Page 71: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/71.jpg)
Mikä on PhoneGap PhoneGap on nykyään Adoben omistama cross-
platform –alusta puhelinsovellusten tekemiseen HTML5:llä ja Javascriptillä
Käytännössä PhoneGap ajaa sovellusta full screen web-ruudussa, mutta käyttäjä ei huomaa eroa
Ero natiivisovelluksiin on grafiikkanopeudessa ja alustan tarjoamien ominaisuuksien hyödyntämisessä
PhoneGap tarjoaa Javascript –rajapinnan tärkeimpiin alustan palveluihin (kamera, lokaatio etc.)
![Page 72: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/72.jpg)
Natiivi vs. PhoneGap
Puhelimen käyttö-järjestelmä
Natiivisovellus
PhoneGap- sovellus
PhoneGap- alusta
Puhelimen käyttö-järjestelmä
•Natiivisovellus joutuu toteuttamaan paljon alustakohtaista toiminnallisuutta kuin PhoneGap –sovellus•PhoneGap –sovellus voi toteuttaa saman asian huomattavasti vähemmällä työllä kuin natiivisovellus ja sama kehittäjä voi toteuttaa sovelluksen kaikille alustoille•PhoneGap –sovelluksissa käytetään usein yleensä UI-kirjastoja
![Page 73: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/73.jpg)
Valintaperuste
Oikea toteutustapa perustuu puhtaasti toiminnallisuuteen, joka halutaan toteuttaa
Esim. Angry Birds, Skype ja Spotify ovat natiivisovelluksia syystä
Toisaalta suurin osa sovelluksista on erilaisten verkkosivustojen sovelluksia (TripAdvisor, Flickr, FourSquare, Facebook, Twitter), jotka periaatteessa olisi mahdollista toteuttaa myös PhoneGapilla
![Page 74: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/74.jpg)
Valintaperuste
Ehkä tärkein ero on kuitenkin kustannus Yksi natiivisovellus maksaa huomattavasti
enemmän toteuttaa, kuin PhoneGap-sovellus kaikille alustoille
Hinta on siis moninkertainen Jossain tilanteissa nativiisovelluksen teko on silti
perusteltua, jossain tilanteissa välttämätöntä
![Page 75: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/75.jpg)
Taustajärjestelmät
Käytännössä aina kun mobiilisovellus ei ole peli (ja useimmiten silloinkin) on tarve taustajärjestelmälle
Taustajärjestelmä on mobiilisovelluksen selkäranka, joka useimmiten tarjoaa sisällön ja ison osan toiminnallisuudesta
Useimmiten mobiilisovellus voidaan nähdä vain client-ohjelmistoksi jollekin taustajärjestelmälle
![Page 76: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/76.jpg)
Taustajärjestelmät
Taustajärjestelmäksi sopii sekä julkaisujärjestelmä sekä ohjelmointialusta (framework)
Valintaperusteena on taustajärjestelmän sisältämä data, sekä muut sen toteuttamat toiminnallisuudet
![Page 77: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/77.jpg)
Drupal taustajärjestelmänä
Drupal sopii taustajärjestelmäksi kun Taustajärjestelmä pyörittää myös normaalia web-
sivustoa, joka keskittyy sisällön näyttämiseen Mobiilisovelluksessa näytettävä sisältö soveltuu hyvin
tallennettavaksi ja hallinnoitavaksi Drupalissa
Drupal saadaan toimimaan hyvin mobiilisovelluksen kanssa esimerkiksi Services –moduulilla
![Page 78: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/78.jpg)
CodeIgniter taustajärjestelmänä
CodeIgniter sopii taustajärjestelmäksi, kun Taustajärjestelmään tallennettava data ei sovellu
tallennettavaksi Drupaliin Taustajärjestelmä ei tarjoa tyypillisiä palveluita
(sisäänkirjautuminen, kommentointi, jne), vaan tarjottavat palvelut ovat hyvin spesifejä
CodeIgniter toimii hyvin taustajärjestelmänä ilman muutoksia, johtuen hyvin avoimesta rakenteestaan
![Page 79: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/79.jpg)
Ohjelma
9.00 Tilaisuuden avaus Janne Kalliola, Exove
9.10 Miten mobiiliin? Löydä oikea ratkaisu?
Aki-Ville Pöykiö, Exove Design
9.25 Esimerkkejä maailmalta: Design-trendit mobiilissa
Juha Jauhiainen, Exove Design
9.40 Mobiilipalvelut Suomessa Marko Luhtala, NearMe Services
10.00 Tauko
10.10 Mobiilisovellusalustat ja taustajärjestelmät
Kalle Varisvirta, Exove
10.30 Case: Eazybreak Kai Friman, Eazybreak
10.50 Keskustelua
![Page 80: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/80.jpg)
Eazybreak Älypuhelinsovellus
![Page 81: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/81.jpg)
Eazybreak Oy
Perustettu 2009 suomalainen yritysOmistajina voucher- ja mobiilialan
asiantuntijoitaKaupallinen toiminta alkoi 1.1.2011
Aktiivinen myynti yrityksille, ravintoloille ja liikunta- sekä kulttuuripaikoille käynnissä
Keskeisiä yhteistyökumppaneita: Exove – Tekniikka Tekes – Nuoret, Innovatiiviset Yritykset Nordea – maksuliikenne WWF – Green Office –ohjelma INNOSUOMI – valtakunnallinen palkinto
2011
![Page 82: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/82.jpg)
Järjestelmä joka palvelee…
Normaali lounasseteli myyntiä, jossa työntekijöillä vapaasti valittavissa oleva ruokailupaikka
Sopimusruokailua, jossa työnantaja ostaa setelit niiden nimellisarvolla ja veloittaa työntekijän omavastuuosuuden suoraan palkasta
Sopimusruokailua, jossa työntekijä ostaa lounaslippuja omavastuuosuuden suuruisella hinnalla ja jossa työnantajan osuus laskutetaan jälkikäteen käytettyjen setelien mukaisesti
Liikunta ja kulttuuriseteleiden hallinnointia
Mahdollistaa käyttämättömien setelien palauttamisen sekä tarkan hinnan maksamisen
Ei edellytä äly- tai työsuhdepuhelinta
![Page 83: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/83.jpg)
Eazybreakin Win Win Win arvoketju:
Company
Reduced HR/AdMin Staff Costs
More cost efficient way of delivering
vouchers
Less Capital in Vouchers
Buyer
Lighter wallet
No risk of lost Vouchers
Ability to create multifunctional
personal account
One service to manage all vouchers
Merchant
Lower Admin costs
Faster Reimbursment
Process
No need for EMV -investments
Marketing channel
Lower Costs Easier way to pay Improved cash flow
![Page 84: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/84.jpg)
Eri suuruisten yritysten vuosisäästöt
Säästöissä huomioitu käyttämättömät setelit (5% kokonaisarvosta) sekä työaikasäästö eri kokoluokan yrityksille (0.2 – 1 FTE)
10 20 40 60 80 100 200 300 400 500 600 700 - €
10,000.00 €
20,000.00 €
30,000.00 €
40,000.00 €
50,000.00 €
60,000.00 €
70,000.00 €
Yrityksen kustannussäästöt
Kustannuss...
Työntekijämäärä
Kusta
nnussäästö
![Page 85: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/85.jpg)
Miten Eazybreak toimii?
Suljettu B-to-B-to-C palvelu luontaisetujen hallinnointiin Kokonaisvaltainen Eco-systeemi
Liittyminen palveluun tapahtuu webin välityksellä
Itse maksu tuodaan kuittina kännykkään
Palvelu toimii reaaliajassa
Mahdollisuus myös erilaisiin myynnin ja markkinoinnin toimenpiteisiin
![Page 86: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/86.jpg)
Setelin tilaaminen on helppoa (viestit ovat ilmaisia)
Työntekijä voi tilata henkilökohtaisen setelin kuhunkin toimipaikkaan suoraan internetin välityksellä www.eazybreak.com
Vastaanotettu viesti toimii maksuvälineenä
1.
2.
Setelin voi myös tilata matkapuhelimella lähettämällä toimipaikan numeron sms viestinä palvelunumeroon
Setelin voi tilata myös älypuhelinsovelluksella
![Page 87: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/87.jpg)
Hinnasto:
Yritykset: Rekisteröinti: maksuton Latausmaksu: 10 €/kk Raportointimaksu: 1 €/aktiivinen työntekijä/kk
Palveluntarjoajat: Rekisteröinti: maksuton Maksuvälineprovisio riippuu tilitysfrekvenssistä
Kerran kuukaudessa 1 %
Kerran viikossa 1,5 %
Kerran päivässä 2,2 %
Ei muita kuluja tai maksuja
![Page 88: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/88.jpg)
Mobile Phone Apps
Tavoitteet: Loppukäyttäjät: helppokäyttöisyys Palveluntarjoajat: Nopea & turvallinen maksaminen Eazybreak: nykyaikaisuus, innovaatiot, sms –kustannusten
pienentäminen
Tehty yhdessä Exoven kanssa
Lanseerattu alkusyksystä 2011 Toimii nyt:
iOS, Android ja Symbian (kosketusnäytölliset)
![Page 89: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/89.jpg)
Setelin tilaus älypuhelimella
Voit tilata mobiilisetelin myös kosketusnäytöllisellä älypuhelin-sovelluksella.
1. Paikat valikossa on seuraavat valinnat:Suosikit: Palvelu muistaa paikat, joissa käyt eniten. Lähimmät: Sijaintisi perusteella lähimmät Eazybreak -ravintolat. Sopimukset: Sijaintisi perusteella lähimmät sopimuslounasravintolat (jos työnantajasi on valinnut sopimusruokailumallin käyttöösi).Tilauskoodi: Tilaa seteli toimipaikkakoodilla (esim. ravintolakoodi). Tilaa seteli ”klikkaamalla toimipaikan (esim. ravintola) nimeä.
2. Anna setelin arvo, määrä (jos yrityksesi sallii usean setelin käytön/päivä) ja ”Tilaa”. Tilaa seteli tuotteen tai palvelun hinnan mukaisesti – säästät selvää rahaa.
3. Saat paluuviestinä setelin puhelimeesi. Näytä seteli kassalla maksuna tuotteesta tai palvelusta. Kassa kuittaa setelin puhelimesi näytöltä ”Käytetty” painikkeella…
4. …ja vahvistaa ”Kyllä”
11 2
43
![Page 90: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/90.jpg)
Setelin tilaus älypuhelimella
1. Voit tilata setelin myös toimipaikkakoodilla (esim. ravintolakoodi) , kuten tekstiviestitilauksessa.Anna koodi, setelin arvo ja liukumäärä
2. Saat mobiilisetelin matkapuhelimeesi
3. ”Setelit” näyttää sinulle käytössäsi olevien seteleiden lukumäärän.
4. Päivän setelitilauksesi löydät ”Tilaukset” sivulta klikkaamalla toimipaikan nimeä. Käytetty seteli on yliviivattu.
11 2
3 4
![Page 91: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/91.jpg)
Lessons learned…..
Positiivista: Parantaa asiakastyytyväisyyttä, lisää kilpailuetua ja
imagoetu EB:n tapauksessa tuo kustannussäästöä (Pay off
laskettavissa) Voidaan tuoda lisää uusia palveluja ja toiminnallisuuksia
jatkossa
Negatiivista: Melko kallista touhua & paljon työtä
1. vaihe + jatkokehitys (uudet palvelun ominaisuudet näyttävä myös appsissa?)
Usean puhelinalustan tukeminen Uutena Windows ja Meego (?)
Puhelinalustat kehittyvät => vaikuttaa myös appseihin
Eri kieliversiot eri maihin eri palvelukokonaisuuksilla
Mutta kun tälle tielle on lähdetty….
![Page 93: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/93.jpg)
Ohjelma
9.00 Tilaisuuden avaus Janne Kalliola, Exove
9.10 Miten mobiiliin? Löydä oikea ratkaisu?
Aki-Ville Pöykiö, Exove Design
9.25 Esimerkkejä maailmalta: Design-trendit mobiilissa
Juha Jauhiainen, Exove Design
9.40 Mobiilipalvelut Suomessa Marko Luhtala, NearMe Services
10.00 Tauko
10.10 Mobiilisovellusalustat ja taustajärjestelmät
Kalle Varisvirta, Exove
10.30 Case: Eazybreak Kai Friman, Eazybreak
10.50 Keskustelua
![Page 94: Mobiilisovellukset ja -sivustot](https://reader035.fdocuments.net/reader035/viewer/2022070301/5456844baf795953128b45f2/html5/thumbnails/94.jpg)
Lataa kalvothttp://www.exove.fi/seminaarimateriaali