IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

62
Monday 19 May 14

Transcript of IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Page 1: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Monday 19 May 14

Page 2: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Wim VanhendenDigital Product Developer

Little Miss Robot

Monday 19 May 14

Page 3: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Little Miss Robot

We make innovativeproducts & services happen

Monday 19 May 14

Page 4: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

MarketBrands

Monday 19 May 14

Page 5: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

The Market: brands

Samsung: 29,5%Apple: 17,8%Huawei: 5,7%Lenovo: 4,6%LG: 4,5%

} 47,3%

Gartner feb 2014

Monday 19 May 14

Page 6: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

The market: brands

Monday 19 May 14

Page 7: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

The MarketOperating Systems

Monday 19 May 14

Page 8: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

The Market: Operating systems

VSAndroid: 49,3%iOS: 43,7%Windows: 5,6%

EuropaAndroid: 69,2%iOS: 19,1%Windows: 6,5%

http://www.kantarworldpanel.com/smartphone-os-market-share/

ChinaAndroid: 80,9%iOS: 17,4%Windows: 0,7%

JapanAndroid: 41,5%iOS: 57,6%Windows: 0,9%

Monday 19 May 14

Page 9: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

The Market: Operating Systems

Monday 19 May 14

Page 10: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

why make distinction between operating system and brands?

30% + of Android devices are Samsung Galaxy’s

Monday 19 May 14

Page 11: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Mobile developmentdo vendor benchmarking vs operating systems?

target devices instead of operating systems (cost)

Monday 19 May 14

Page 12: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

The MarketStores

Monday 19 May 14

Page 13: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

The Market: Stores

Monday 19 May 14

Page 14: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

The Market: Stores

Google: Apple:Windows:

+1m+1m+0.2m

Monday 19 May 14

Page 15: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

The Market: Stores

ABI ranks Apple as the top mobile app store, with Google second and Microsoft third.Apple’s ranking is based on its market share and its approach to monetization.

Microsoft’s store is considered the most innovative due to its efforts to rank apps on customer satisfaction and retention, which are more meaningful than downloads. Hopefully moving away from rankings based on downloads will reduce the need for app publishers to invest in costly marketing campaigns to drive downloads.

Is bigger better?

https://www.abiresearch.com/

Monday 19 May 14

Page 16: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

In browser web tech supportIt is my opinion that Apple and to some extinct Google will not support all browser capabilities as a part of browsers on their os.

It could be direct competition for their app store model.

Monday 19 May 14

Page 17: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

An App or a Website? or an appwebsite? or a websiteapp?Do we need an app?

Monday 19 May 14

Page 18: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

App or Website: Do we need an App?

Monday 19 May 14

Page 19: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

A recent survey by Google of 1,500 smartphone shoppers (i.e. smartphone users who used their devices for shopping purposes) in the US, found the majority preferred to use mobile Web above mobile apps when researching products and prices in-store.

http://www.thinkwithgoogle.com/research-studies/mobile-in-store.html

App or Website: Do we need an App?

Monday 19 May 14

Page 20: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

App or Website?service vs product

Monday 19 May 14

Page 21: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

App or Website: Service vs ProductRadio Plus

Suske en Wiske

Monday 19 May 14

Page 22: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

App or Website: Service vs Product

http://demo.littlemissrobot.com/radioplus

Monday 19 May 14

Page 23: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Monday 19 May 14

Page 24: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

App or Website: Service vs Product

https://vimeo.com/29959088

Monday 19 May 14

Page 25: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

App or Website: Service vs Product

Monday 19 May 14

Page 26: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

TechnologyNative vs Web

Monday 19 May 14

Page 27: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Native?In computing, the "native" adjective refers to software or data formats supported by a certain system with minimal computational overhead and additional components. This word is used in such terms as native mode or native code.

Monday 19 May 14

Page 28: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Web?Well everything that is not native...Mainly used in the context of HTML/CSS/Javascript

Monday 19 May 14

Page 29: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Programming?what is this?

Monday 19 May 14

Page 30: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

} compile stage

Monday 19 May 14

Page 31: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

compilecode program

Native

Monday 19 May 14

Page 32: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

interpretscript result

Web

Monday 19 May 14

Page 33: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Native MobileApple - iOS

Google - Android

Microsoft - Windows Phone

Monday 19 May 14

Page 34: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

ARMARM Holdings develops the instruction set and architecture for ARM-based products

The ARM architecture is the primary hardware environment for most mobile device operating systems such as iOS, Android, Windows Phone, Windows RT, Bada, Blackberry OS/Blackberry 10, MeeGo, Firefox OS, Tizen, Ubuntu Touch, Sailfish and webOS.

Monday 19 May 14

Page 35: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Native Mobile - LanguagesiOS - Objective C

Android - Java

Microsoft - C#

Monday 19 May 14

Page 36: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Native Mobile - LanguagesiOS - Objective C

Android - Java

Microsoft - C#} C++, the mother of a all OOP languages

Object-oriented programming (OOP) is a programming paradigm that represents the concept of "objects" that have data fields (attributes that describe the object) and associated procedures known as methods

Monday 19 May 14

Page 37: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

The special one...Android and Java.

Monday 19 May 14

Page 38: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

C++

Program / CPU

Java

Program

Virtual Machine / CPU

Sun Microsystems has stated that there are over 5.5 billion JVM-enabled devices

Monday 19 May 14

Page 39: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Web technologyHTML/CSS/Javascript

Monday 19 May 14

Page 40: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

native web app web app responsive website

these all draw in a Browser

Monday 19 May 14

Page 41: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

HTML: everyone is a programmer?Markup language

<!DOCTYPE html><html><head><meta charset="utf-8"><title>This is a title</title></head><body><h1>Hello World</h1></body></html>

Monday 19 May 14

Page 42: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

CSS: everyone is a programmer?Styling language

h1 {color:#00ff00}

Monday 19 May 14

Page 43: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Javascript: everyone is a programmer?Scripting taal

alert('Hello, World!')

Monday 19 May 14

Page 44: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Easy isn’t it?grunt yeoman angular backbone bower sass/less compass bootstrap node js jQuery ....

Monday 19 May 14

Page 45: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Mobile first / responsivenessScaling front-end

www.littlemissrobot.com

Monday 19 May 14

Page 46: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Hybrid web technology for native appsCordova/Phonegap

www.phonegap.com

Monday 19 May 14

Page 47: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

The holy grail?Despite its simple appearance, the newsfeed is an infinite list of mixed media containing text, links, image galleries and videos all on the same screen. Managing memory and scrolling performance with a dynamically refreshing infinite list was difficult inside a web view, especially without proper tooling support.

http://www.kinvey.com/blog/3414/why-facebook-ditched-its-hybrid-app

http://venturebeat.com/2012/09/11/facebooks-zuckerberg-the-biggest-mistake-weve-made-as-a-company-is-betting-on-html5-over-native/

The biggest mistake we’ve made as a company is betting on HTML5 over native.’

Monday 19 May 14

Page 48: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Hybrid technology for native appsAdobe Air

Unity

Monday 19 May 14

Page 49: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

https://www.youtube.com/watch?v=hVw4SVaopzw

Machinarium

Monday 19 May 14

Page 50: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Conqu

Monday 19 May 14

Page 51: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

http://www.bitgym.com/

BitGym

Monday 19 May 14

Page 52: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

http://www.bitgym.com/

BitGym

Monday 19 May 14

Page 53: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Workflow principles & toolsExploration / Wireframing

Monday 19 May 14

Page 54: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

ExplorationFrom idea generation to customer & stakeholder validated prototyping in 5 days

Monday 19 May 14

Page 55: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Monday 19 May 14

Page 56: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Monday 19 May 14

Page 57: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

WireframingPaper & Illustrator

Monday 19 May 14

Page 58: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Monday 19 May 14

Page 60: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

App store submissionit’s painful...

Monday 19 May 14

Page 61: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Something about back-endNode JSHeroku/Google App engine server models

Monday 19 May 14

Page 62: IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

Pitch AssignmentDecide what technology you want to use?

Monday 19 May 14