Monday 19 May 14
Wim Vanhenden
Digital Product Developer
Little Miss Robot
Monday 19 May 14
Little Miss Robot
We make innovative
products & services happen
Monday 19 May 14
Market
Brands
Monday 19 May 14
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
The market: brands
Monday 19 May 14
The Market
Operating Systems
Monday 19 May 14
The Market: Operating systems
VS
Android: 49,3%
iOS: 43,7%
Windows: 5,6%
Europa
Android: 69,2%
iOS: 19,1%
Windows: 6,5%
ht...
The Market: Operating Systems
Monday 19 May 14
why make distinction between operating system and brands?
30% + of Android devices are Samsung Galaxy’s
Monday 19 May 14
Mobile development
do vendor benchmarking vs operating systems?
target devices instead of operating systems (cost)
Monday ...
The Market
Stores
Monday 19 May 14
The Market: Stores
Monday 19 May 14
The Market: Stores
Google:
Apple:
Windows:
+1m
+1m
+0.2m
Monday 19 May 14
The Market: Stores
ABI ranks Apple as the top mobile app store, with Google second and Microsoft third.
Apple’s ranking is...
In browser web tech support
It is my opinion that Apple and to some extinct
Google will not support all browser capabiliti...
An App or a Website? or an appwebsite? or a websiteapp?
Do we need an app?
Monday 19 May 14
App or Website: Do we need an App?
Monday 19 May 14
A recent survey by Google of 1,500 smartphone shoppers (i.e. smartphone users who used their
devices for shopping purposes...
App or Website?
service vs product
Monday 19 May 14
App or Website: Service vs Product
Radio Plus
Suske en Wiske
Monday 19 May 14
App or Website: Service vs Product
http://demo.littlemissrobot.com/radioplus
Monday 19 May 14
Monday 19 May 14
App or Website: Service vs Product
https://vimeo.com/29959088
Monday 19 May 14
App or Website: Service vs Product
Monday 19 May 14
Technology
Native vs Web
Monday 19 May 14
Native?
In computing, the "native" adjective refers to
software or data formats supported by a certain
system with minimal...
Web?
Well everything that is not native...
Mainly used in the context of HTML/CSS/Javascript
Monday 19 May 14
Programming?
what is this?
Monday 19 May 14
} compile stage
Monday 19 May 14
compilecode program
Native
Monday 19 May 14
interpretscript result
Web
Monday 19 May 14
Native Mobile
Apple - iOS
Google - Android
Microsoft - Windows Phone
Monday 19 May 14
ARM
ARM Holdings develops the instruction set and architecture for
ARM-based products
The ARM architecture is the primary ...
Native Mobile - Languages
iOS - Objective C
Android - Java
Microsoft - C#
Monday 19 May 14
Native Mobile - Languages
iOS - Objective C
Android - Java
Microsoft - C#
} C++, the mother of a all OOP languages
Object-...
The special one...
Android and Java.
Monday 19 May 14
C++
Program / CPU
Java
Program
Virtual Machine / CPU
Sun Microsystems has stated that there are over 5.5 billion JVM-enabl...
Web technology
HTML/CSS/Javascript
Monday 19 May 14
native web app web app responsive website
these all draw in a Browser
Monday 19 May 14
HTML: everyone is a programmer?
Markup language
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>This is a titl...
CSS: everyone is a programmer?
Styling language
h1 {
color:#00ff00
}
Monday 19 May 14
Javascript: everyone is a programmer?
Scripting taal
alert('Hello, World!')
Monday 19 May 14
Easy isn’t it?
grunt yeoman angular backbone bower sass/less compass bootstrap node js jQuery ....
Monday 19 May 14
Mobile first / responsiveness
Scaling front-end
www.littlemissrobot.com
Monday 19 May 14
Hybrid web technology for native apps
Cordova/Phonegap
www.phonegap.com
Monday 19 May 14
The holy grail?
Despite its simple appearance, the newsfeed is an infinite list of mixed media containing text, links, imag...
Hybrid technology for native apps
Adobe Air
Unity
Monday 19 May 14
https://www.youtube.com/watch?v=hVw4SVaopzw
Machinarium
Monday 19 May 14
Conqu
Monday 19 May 14
http://www.bitgym.com/
BitGym
Monday 19 May 14
http://www.bitgym.com/
BitGym
Monday 19 May 14
Workflow principles & tools
Exploration / Wireframing
Monday 19 May 14
Exploration
From idea generation to customer & stakeholder validated prototyping in 5 days
Monday 19 May 14
Monday 19 May 14
Monday 19 May 14
Wireframing
Paper & Illustrator
Monday 19 May 14
Monday 19 May 14
Wireframing & Prototyping tools
http://www.teehanlax.com/tools/
http://bohemiancoding.com/sketch/
http://bjango.com/mac/sk...
App store submission
it’s painful...
Monday 19 May 14
Something about back-end
Node JS
Heroku/Google App engine server models
Monday 19 May 14
Pitch Assignment
Decide what technology you want to use?
Monday 19 May 14
Upcoming SlideShare
Loading in …5
×

IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

239
-1

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
239
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2

  1. 1. Monday 19 May 14
  2. 2. Wim Vanhenden Digital Product Developer Little Miss Robot Monday 19 May 14
  3. 3. Little Miss Robot We make innovative products & services happen Monday 19 May 14
  4. 4. Market Brands Monday 19 May 14
  5. 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. 6. The market: brands Monday 19 May 14
  7. 7. The Market Operating Systems Monday 19 May 14
  8. 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. 9. The Market: Operating Systems Monday 19 May 14
  10. 10. why make distinction between operating system and brands? 30% + of Android devices are Samsung Galaxy’s Monday 19 May 14
  11. 11. Mobile development do vendor benchmarking vs operating systems? target devices instead of operating systems (cost) Monday 19 May 14
  12. 12. The Market Stores Monday 19 May 14
  13. 13. The Market: Stores Monday 19 May 14
  14. 14. The Market: Stores Google: Apple: Windows: +1m +1m +0.2m Monday 19 May 14
  15. 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. 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. 17. An App or a Website? or an appwebsite? or a websiteapp? Do we need an app? Monday 19 May 14
  18. 18. App or Website: Do we need an App? Monday 19 May 14
  19. 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. 20. App or Website? service vs product Monday 19 May 14
  21. 21. App or Website: Service vs Product Radio Plus Suske en Wiske Monday 19 May 14
  22. 22. App or Website: Service vs Product http://demo.littlemissrobot.com/radioplus Monday 19 May 14
  23. 23. Monday 19 May 14
  24. 24. App or Website: Service vs Product https://vimeo.com/29959088 Monday 19 May 14
  25. 25. App or Website: Service vs Product Monday 19 May 14
  26. 26. Technology Native vs Web Monday 19 May 14
  27. 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. 28. Web? Well everything that is not native... Mainly used in the context of HTML/CSS/Javascript Monday 19 May 14
  29. 29. Programming? what is this? Monday 19 May 14
  30. 30. } compile stage Monday 19 May 14
  31. 31. compilecode program Native Monday 19 May 14
  32. 32. interpretscript result Web Monday 19 May 14
  33. 33. Native Mobile Apple - iOS Google - Android Microsoft - Windows Phone Monday 19 May 14
  34. 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. 35. Native Mobile - Languages iOS - Objective C Android - Java Microsoft - C# Monday 19 May 14
  36. 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. 37. The special one... Android and Java. Monday 19 May 14
  38. 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. 39. Web technology HTML/CSS/Javascript Monday 19 May 14
  40. 40. native web app web app responsive website these all draw in a Browser Monday 19 May 14
  41. 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. 42. CSS: everyone is a programmer? Styling language h1 { color:#00ff00 } Monday 19 May 14
  43. 43. Javascript: everyone is a programmer? Scripting taal alert('Hello, World!') Monday 19 May 14
  44. 44. Easy isn’t it? grunt yeoman angular backbone bower sass/less compass bootstrap node js jQuery .... Monday 19 May 14
  45. 45. Mobile first / responsiveness Scaling front-end www.littlemissrobot.com Monday 19 May 14
  46. 46. Hybrid web technology for native apps Cordova/Phonegap www.phonegap.com Monday 19 May 14
  47. 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. 48. Hybrid technology for native apps Adobe Air Unity Monday 19 May 14
  49. 49. https://www.youtube.com/watch?v=hVw4SVaopzw Machinarium Monday 19 May 14
  50. 50. Conqu Monday 19 May 14
  51. 51. http://www.bitgym.com/ BitGym Monday 19 May 14
  52. 52. http://www.bitgym.com/ BitGym Monday 19 May 14
  53. 53. Workflow principles & tools Exploration / Wireframing Monday 19 May 14
  54. 54. Exploration From idea generation to customer & stakeholder validated prototyping in 5 days Monday 19 May 14
  55. 55. Monday 19 May 14
  56. 56. Monday 19 May 14
  57. 57. Wireframing Paper & Illustrator Monday 19 May 14
  58. 58. Monday 19 May 14
  59. 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. 60. App store submission it’s painful... Monday 19 May 14
  61. 61. Something about back-end Node JS Heroku/Google App engine server models Monday 19 May 14
  62. 62. Pitch Assignment Decide what technology you want to use? Monday 19 May 14
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×