1. Monday 19 May 14

2. Wim Vanhenden
Digital Product Developer
Little Miss Robot
Monday 19 May 14

3. Little Miss Robot
We make innovative
products & services happen
Monday 19 May 14

4. Market
Brands
Monday 19 May 14

5. 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

6. The market: brands
Monday 19 May 14

7. The Market
Operating Systems
Monday 19 May 14

8. The Market: Operating systems
VS
Android: 49,3%
iOS: 43,7%
Windows: 5,6%
Europa
Android: 69,2%
iOS: 19,1%
Windows: 6,5%
http://www.kantarworldpanel.com/smartphone-os-market-share/
China
Android: 80,9%
iOS: 17,4%
Windows: 0,7%
Japan
Android: 41,5%
iOS: 57,6%
Windows: 0,9%
Monday 19 May 14

9. The Market: Operating Systems
Monday 19 May 14

10. why make distinction between operating system and brands?
30% + of Android devices are Samsung Galaxy’s
Monday 19 May 14

11. Mobile development
do vendor benchmarking vs operating systems?
target devices instead of operating systems (cost)
Monday 19 May 14

12. The Market
Stores
Monday 19 May 14

13. The Market: Stores
Monday 19 May 14

14. The Market: Stores
Google:
Apple:
Windows:
+1m
+1m
+0.2m
Monday 19 May 14

15. 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

16. In browser web tech support
It 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

17. An App or a Website? or an appwebsite? or a websiteapp?
Do we need an app?
Monday 19 May 14

18. App or Website: Do we need an App?
Monday 19 May 14

19. 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

20. App or Website?
service vs product
Monday 19 May 14

21. App or Website: Service vs Product
Radio Plus
Suske en Wiske
Monday 19 May 14

22. App or Website: Service vs Product
http://demo.littlemissrobot.com/radioplus
Monday 19 May 14

23. Monday 19 May 14

24. App or Website: Service vs Product
https://vimeo.com/29959088
Monday 19 May 14

25. App or Website: Service vs Product
Monday 19 May 14

26. Technology
Native vs Web
Monday 19 May 14

27. 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

28. Web?
Well everything that is not native...
Mainly used in the context of HTML/CSS/Javascript
Monday 19 May 14

29. Programming?
what is this?
Monday 19 May 14

30. } compile stage
Monday 19 May 14

31. compilecode program
Native
Monday 19 May 14

32. interpretscript result
Web
Monday 19 May 14

33. Native Mobile
Apple - iOS
Google - Android
Microsoft - Windows Phone
Monday 19 May 14

34. ARM
ARM 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

35. Native Mobile - Languages
iOS - Objective C
Android - Java
Microsoft - C#
Monday 19 May 14

36. Native Mobile - Languages
iOS - 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

37. The special one...
Android and Java.
Monday 19 May 14

38. 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

39. Web technology
HTML/CSS/Javascript
Monday 19 May 14

40. native web app web app responsive website
these all draw in a Browser
Monday 19 May 14

41. 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

42. CSS: everyone is a programmer?
Styling language
h1 {
color:#00ff00
}
Monday 19 May 14

43. Javascript: everyone is a programmer?
Scripting taal
alert('Hello, World!')
Monday 19 May 14

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

45. Mobile first / responsiveness
Scaling front-end
www.littlemissrobot.com
Monday 19 May 14

46. Hybrid web technology for native apps
Cordova/Phonegap
www.phonegap.com
Monday 19 May 14

47. 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

48. Hybrid technology for native apps
Adobe Air
Unity
Monday 19 May 14

49. https://www.youtube.com/watch?v=hVw4SVaopzw
Machinarium
Monday 19 May 14

50. Conqu
Monday 19 May 14

51. http://www.bitgym.com/
BitGym
Monday 19 May 14

52. http://www.bitgym.com/
BitGym
Monday 19 May 14

53. Workflow principles & tools
Exploration / Wireframing
Monday 19 May 14

54. Exploration
From idea generation to customer & stakeholder validated prototyping in 5 days
Monday 19 May 14

55. Monday 19 May 14

56. Monday 19 May 14

57. Wireframing
Paper & Illustrator
Monday 19 May 14

58. Monday 19 May 14

59. Wireframing & Prototyping tools
http://www.teehanlax.com/tools/
http://bohemiancoding.com/sketch/
http://bjango.com/mac/skalapreview/
https://creativemarket.com/mucahitgayiran/42245-22-Apple-Devices-Mock-Ups
http://www.groosoft.com/blueprint/
http://www.axure.com/
Monday 19 May 14

60. App store submission
it’s painful...
Monday 19 May 14

61. Something about back-end
Node JS
Heroku/Google App engine server models
Monday 19 May 14

62. Pitch Assignment
Decide what technology you want to use?
Monday 19 May 14