Download - Apps voor mobiele toestellen

Transcript
Page 1: Apps voor mobiele toestellen

Mobile Apps

Page 2: Apps voor mobiele toestellen

Wat zijn Apps?App = applicatieProgramma voor smartphone of tabletLaat personalisatie toeMeest populair: Angrybirds (betalend)Facebook (niet betalend)De duurste: VIP Black -- $999.99 (de

miljonair app)

Page 3: Apps voor mobiele toestellen

Wat is een goede app?Wat wil je bereiken?Voor wie?Wat doet dit meer dan website, folder?

• Gemakkelijker• Sneller• Meer functionaliteiten (integratie met

kalender, newsfeed, kaart)

Page 4: Apps voor mobiele toestellen

Smartphones - TabletsSmart devices (toestellen) in alle soorten en

matenAndere prijsklasse ≠ snelheid en geheugen

Page 5: Apps voor mobiele toestellen

Wanneer gebruik je wat?Laptop: creeren en bewerken van

informatieTablet: info benaderen, lezen, browsen,

media consumptie, noteren, annoteren, tussendoor werk

Smartphone: sms, email, flitsend werk

Page 6: Apps voor mobiele toestellen

Besturingsysteem

OS (Operating System)

Page 7: Apps voor mobiele toestellen

Operating SystemVerschillende fabrikant – verschillende OS iOS (Apple): IPhone, IPadAndroid (Google): Samsung, HTC…Windows Phone 8 (Microsoft): Nokia…: Blackberry: eigen OS…

Page 8: Apps voor mobiele toestellen
Page 9: Apps voor mobiele toestellen

Verkoopscijfers

http://www.onbile.com/info/mobile-operating-system-evolution-in-2012/

Page 10: Apps voor mobiele toestellen

Markt in 2012

Page 11: Apps voor mobiele toestellen

iOSOntwikkeling van een iPhone of IPad app

is niet zo complex, omdat je te maken hebt met één fabrikant en één type toestel

Soft- en hardware zijn perfect afgestemd iOS wordt steeds geupdateNieuwe apps werken niet op oude

toestellen

Page 12: Apps voor mobiele toestellen

iOSVlot, intuïtiefOp homescreen enkel snelkoppelingenAfgesloten OS, geen flashNadruk op multimedia, niet op

bestandsbeheerBlijven de referentie

Page 13: Apps voor mobiele toestellen

AndroidVeel fabrikanten ontwikkelen

AndroidtoestellenGrote variëteit in toestellen en

toestelspecificatiesVaak noodzakelijk om binnen één app drie

varianten te ontwikkelen (low, medium en high) om zo alle toestellen optimaal te kunnen bedienen

Alle apps werken niet op alle versies van Android

Page 14: Apps voor mobiele toestellen

AndroidMarktleiderOpen OSVeel fabrikanten ontwikkelen

AndroidtoestellenGrote variëteit in toestellen en

toestelspecificatiesVolledige connectiviteit bvb Bluetooth (BT)Gecertificeerd door Google (is van Google)

Page 15: Apps voor mobiele toestellen

WP8 Windows Phone 8Vlotte en intuïtieve interfaceLive Tiles Homescreen met beperkte infoBeperkte BT connectiviteitZeer afgesloten OS...Zie presentatie

Page 16: Apps voor mobiele toestellen

Verschillende formaten

Page 17: Apps voor mobiele toestellen

3 soorten AppsNative

Web

Hybrid

Page 18: Apps voor mobiele toestellen

Voorbeeld Dag v d commWebsiteMobiele websiteapp

Page 19: Apps voor mobiele toestellen

Native Apps

Page 20: Apps voor mobiele toestellen

Native AppsNative Apps zijn kleine

softwareprogramma’s ontworpen om een specifiek platform te draaien.

Ontworpen voor specifieke toestellen of Operating Systems.

Een Android App zal dus niet werken op een iPhone

Page 21: Apps voor mobiele toestellen

Native AppsHet programma wordt op de smartphone

of tablet geïnstalleerdMultitasking: verschillende applicaties

draaien samen (op achtergrond)

Page 22: Apps voor mobiele toestellen

Native AppsGeschreven in de broncode (binair

executable)Veel programmeerwerkOp maat: echte mobiele AppKunnen werken zonder internet Wel telkens update als inhoud wijzigtUpdate opnieuw in de store of market

indienen en door gebruiker te downloaden

Page 23: Apps voor mobiele toestellen
Page 24: Apps voor mobiele toestellen

Native App

Voor ieder OS broncode opnieuw programmeren in andere programmeertaal

Duur in aanmaak (verschillende platformen)

Duur in onderhoudWel snel

Page 25: Apps voor mobiele toestellen

Native App

Page 26: Apps voor mobiele toestellen

Native Apps Interactie rechtstreeks met het OS

(Operating System)Geen container app nodigGebruikt de APIs van het OSToepassingen, locatiegegevens,

informatie, camerabeelden, en contacten kunnen tegelijk verwerkt worden

Dezelfde look-and-feel als OS

Page 27: Apps voor mobiele toestellen
Page 28: Apps voor mobiele toestellen

Native AppsOphalen via app marktplaats zoals Itunes

of App Store (Apple), Play Store (Android), Windows Phone Market (Microsoft),…

Wordt gedownload en opgeslaan op mobiele toestel

Opstarten door ikoon aan te raken op scherm

Page 29: Apps voor mobiele toestellen

Voorbeelden Native Apps

Skype App (Iphone) , Twitter en Foursquare (Android), Shazam, Wordlands, Angry Birds

Page 30: Apps voor mobiele toestellen

Web Apps

Page 31: Apps voor mobiele toestellen

Web AppMeeste gewone websites niet geschikt om

mobiel te bezoeken Inhoud valt buiten beeld, beelden worden

slecht geladen …Mobiele website of web app houdt

rekening met capaciteit mobiele apparaatEnkel belangrijke informatie wordt getoondAdresbalk kan weggelaten worden

Page 32: Apps voor mobiele toestellen

Web Apps Inhoud moet elke keer ingeladen worden Internetverbinding noodzakelijk Installatie op OS optioneelSoms ook Offline beschikbaar (te

gebruiken zonder internet-connectie)Minder snel dan Native AppsMoeilijk verkoopbaar (niet via Play Store

(Android) of App Store (Apple) )

Page 33: Apps voor mobiele toestellen

Voorbeelden Web Apps

Page 34: Apps voor mobiele toestellen

Web App openenDoor URL in te tikkenDoor op een hyperlink te klikkenQR-code kan gekoppeld (gescand) worden

aan URLVia snelkoppeling op home-schermVanuit de browsers roept de gebruiker

bepaalde inhouden op die aangepast zijn aan de resolutie en grootte van het scherm.

Page 35: Apps voor mobiele toestellen

Web AppGeschreven in html (html5), CSS (CSS3) en

Javascript (frameworks)Werken in de browser

Chrome (Google), Internet Explorer (Microsoft), Firefox (Mozilla) ...

Geoptimaliseerd voor Mobile devicesHerkennen automatisch mobiel surfenComfortabele ‘touch experience’ op kleiner

schermDraaien op alle OS

Page 36: Apps voor mobiele toestellen

HTML5Hyper Text Markup LanguageHTML5 is een potentiele kandidaat voor

cross-platform mobile applicaties. Veel eigenschappen zijn gebouwd met de

bedoeling vlot te draaien op lage energie toestellen zoals smartphones en tablets

Nog in ontwikkeling

Page 37: Apps voor mobiele toestellen

Html 5

Page 38: Apps voor mobiele toestellen

Html 5

Page 39: Apps voor mobiele toestellen

Javascript frameworks

Page 40: Apps voor mobiele toestellen

Javascript frameworksWeb Apps worden gemaakt met Javascript

ToolkitsOntwikkel-omgevingVereenvoudigt de ontwikkeling van

websites en applicaties voor mobiele toestellen en platformen

Werkt op alle populaire smartphone-, tablet-, e-reader- en desktopplatformen en moderne (mobiele) browsers: iOS, Android, BlackBerry, PalmOS, WebOS, Nokia/Symbian, Windows Phone 7, MeeGo, Opera Mobile/Opera Mini, Firefox Mobile, Kindle, Nook

Page 41: Apps voor mobiele toestellen

Voorbeelden Javascript Toolkits

Page 42: Apps voor mobiele toestellen

CSS 3

Page 43: Apps voor mobiele toestellen

CSS 3CSS = Cascading StyleSheetsCSS is een stylesheet-taal gebruikt om de

‘presentatie-semantiek’ (uitzicht van teksten) weer te geven

Bedoeling is het scheiden van vorm (layout, kleuren lettertypes) en inhoud

Sass = Syntactically Awesome Stylesheets

Page 44: Apps voor mobiele toestellen

Responsive design

Page 45: Apps voor mobiele toestellen

Responsive designMobiele website past zich aan in functie

van het schermData (eventueel via database) koppelen

aan html5Javascript checkt versie en formaat van

toestelAfhankelijk hiervan worden verschillende

css ingeladen

Page 46: Apps voor mobiele toestellen

Responsive designLet op voor beelden, beschikbaar maken

in kleinere formaten Eventueel teksten inkortenKnoppen moeten herplaatst kunnen

worden

Page 47: Apps voor mobiele toestellen

Responsive design: website

Page 48: Apps voor mobiele toestellen

Responsive design: tablet

Page 49: Apps voor mobiele toestellen

Responsive design: phone

Page 50: Apps voor mobiele toestellen

Web Sites – Web Apps

Web Sites leunen aan bij de klassieke sites

Web Apps lijken op Native Apps

Page 51: Apps voor mobiele toestellen

Native vs Web

Page 52: Apps voor mobiele toestellen
Page 53: Apps voor mobiele toestellen

Voorbeelden Native vs Web

Page 54: Apps voor mobiele toestellen

Voorbeelden Native vs Web

Page 55: Apps voor mobiele toestellen

Voorbeelden Native vs Web

Page 56: Apps voor mobiele toestellen
Page 57: Apps voor mobiele toestellen

Hybride App

Page 58: Apps voor mobiele toestellen

Hybride AppCombinatie van beide Interessant binnen bedrijfswereldEr wordt een schil gebouwd waarbinnen

de mobiele site geladen wordt Is een Native App met daarin (embedded)

de htmlAlle voordelen van native Apps

Page 59: Apps voor mobiele toestellen

Hybride AppVast basisgeraamteDelen zijn geschreven in web-taalVia RSS wordt inhoud actueel gehouden Internet is dus nodigMaar telkens inhoud verandert noet native

App niet aangepast worden

Page 60: Apps voor mobiele toestellen

Alle elementen van een mobiel toestel

http://www.slideshare.net/jamesgpearce/cross-platform-mobile-web-appshttp://www.slideshare.net/jamesgpearce/building-cross-platform-mobile-web-apps-7925215

Page 61: Apps voor mobiele toestellen

Web View

Page 62: Apps voor mobiele toestellen

Web ingebed in Native

Page 63: Apps voor mobiele toestellen

Voorbeeld Sp!tsnieuws

Page 64: Apps voor mobiele toestellen

Voorbeeld Sp!tsnieuwsLinks en midden: mobiele site In het midden krijgen bezoekers eenmalig

de mogelijkheid om de site te bookmarken.

Op deze manier verschijnt er al een icon op het scherm van de telefoon waarmee de mobiele site geopend kan worden. 

Page 65: Apps voor mobiele toestellen

Voorbeeld Sp!tsnieuws

Page 66: Apps voor mobiele toestellen

Voorbeeld Sp!tsnieuwsAan de rechterkant is de hybride app

weergegevenNavigatie items bovenin de mobiele site

zijn vervangen door een app navigatie onderaan het scherm

Page 67: Apps voor mobiele toestellen

Voorbeeld Sp!tsnieuws

Page 68: Apps voor mobiele toestellen

Voorbeelden Hybride Apps

Page 69: Apps voor mobiele toestellen
Page 70: Apps voor mobiele toestellen
Page 71: Apps voor mobiele toestellen

Vergelijken

Page 72: Apps voor mobiele toestellen

DistributieMarketplacesZorg dat je gevonden wordt (730,686 apps

in iTunes Store)App SEO

http://www.slideshare.net/kolinko/app-store-seo-tutorial

http://www.slideshare.net/misteroo/how-to-market-your-app

Zorg voor grote marktpenetratiePlatform vs User Reach

Page 73: Apps voor mobiele toestellen

Platform vs User Reach

http://www.slideshare.net/andreasc/101-myths-about-the-mobile-economy

Page 74: Apps voor mobiele toestellen

Welke appsNuttige apps in bedrijfscontext:

Blacklisting, whitelisting: stalkers uitschakelen, nrs die bellen krijgen dan bezettoon, whitelist is dan enkel één nr toelaten in bvb vergadering

Annoteren pdfScannen OCRMemorecorderRemote desktop: scherm pc overnemenRSS vb flipboard

Page 75: Apps voor mobiele toestellen

Welke appsNuttige apps in bedrijfscontext:

Qr en barcode scanningNavigatie vb google maps best via app, kaarten

worden dan op toestel ingeladen, anders via browser veel dataverkeer

NMBSPdf goodreader of ez-reader voor androidApp van bankcontacten van Belfius

Page 76: Apps voor mobiele toestellen
Page 77: Apps voor mobiele toestellen

Toekomst

Page 78: Apps voor mobiele toestellen

Mobiele Web 3.0

http://www.slideshare.net/TerryRibb/web-30-platforms-devcon5-conference

Page 79: Apps voor mobiele toestellen

Mobiele Web 2.0 vs 3.0

Page 80: Apps voor mobiele toestellen

Voorbeeld Web 2.0 Starbucks

Page 81: Apps voor mobiele toestellen

Web 3.0Semantische bovenlaag

A personal agent

Page 82: Apps voor mobiele toestellen

Semantische data, Agents, interacties

Page 83: Apps voor mobiele toestellen

Voorbeeld Siri

Categorie 1 Categorie 2 Categorie 3 Categorie 40

1

2

3

4

5

6

Reeks 1Reeks 2Reeks 3

Page 84: Apps voor mobiele toestellen

Voorbeeld Tripit

Page 85: Apps voor mobiele toestellen

Voorbeeld iFood

Page 86: Apps voor mobiele toestellen

ToekomstNaast de applicaties op zich, ontstaat ook

een volledig nieuw marketing en salesinstrument

Remoteapp (bediening van op afstand)Digital enhanced serviceDiensten en producten controleren en

monitoren

http://www.slideshare.net/tijs/the-future-op-apps

http://pinterest.com/tijs/smart-app-devices/

Page 87: Apps voor mobiele toestellen
Page 88: Apps voor mobiele toestellen
Page 89: Apps voor mobiele toestellen
Page 90: Apps voor mobiele toestellen

ConceptueelManage de taken, niet de technologieBehandel mobiele bezoekers als echte

mensen, zoals in een winkel, aan het loket, enz.

Uw mobiele website IS uw kantoor, loket, werkvloer

Doordring de technologiemensen ervan dat de bezoeker eerst komt, niet de organisatie

Page 91: Apps voor mobiele toestellen

ConceptueelMobiele gebruikers willen niet de ‘volledige

site’, ze willen de ‘volledige ervaring’Sam Walton:‘The secret of successful retailing is to give your customers what they want.’Jakob Nielsen:‘Mobile is less forgiving than the desktop.’

Page 92: Apps voor mobiele toestellen
Page 93: Apps voor mobiele toestellen

Meer Info en bronnenUitstekende video van Worklight (IBM) die

ik gevolgd heb bij met maken van deze presentatie (http://youtu.be/Ns-JS4amlTc)

Meer technische info en schema’s http://youtu.be/Ns-JS4amlTc http://www.youtube.com/watch?v=Ns-JS4amlTc&feature=related http://www.slideshare.net/jamesgpearce/cross-platform-mobile-w

eb-apps http://www.slideshare.net/jamesgpearce/building-cross-platform-

mobile-web-apps-7925215