Apps In The Multi-Device World - Dutch Mobile Conference

My presentation for the DMC (Dutch Mobile Conference), about Apps in the Multi-Device world.
Sencha Touch & Ext JS! Yeah baby!

Transcript

1. “Apps for the multi-device world.” Lee Boonstra @ladysign
2. Lee Boonstra Lead Technical Trainer Europe @ Sencha ! lee.boonstra@sencha.com ladysign leeboonstra http://www.ladysign-apps.com
4. “As a technical trainer
   I teach Sencha Touch and
   Ext JS. I develop courses
   and speak at events.”
5. “I’ve a background in Java and client-side development. Before Sencha I worked as a lead developer for several clients:”
6. Author of: Hands-On Sencha Touch 2 ! ISBN:978-1-4493-6652-0
7. Apps for the multi-device world. ! “The challenges and opportunities of developing for a multi-device world and how Sencha can help you create better experiences.”
8. “How many devices did you bring with you today?”
9. What’s in my bag…
10. ‣ Laptop What’s in my bag…
11. ‣ Laptop ‣ Tablet What’s in my bag…
12. ‣ Laptop ‣ Tablet ‣ E-reader What’s in my bag…
13. ‣ Laptop ‣ Tablet ‣ E-reader ‣ Game console What’s in my bag…
14. ‣ Laptop ‣ Tablet ‣ E-reader ‣ Game console ‣ Camera What’s in my bag…
15. ‣ Laptop ‣ Tablet ‣ E-reader ‣ Game console ‣ Camera ‣ Phone ‣ … What’s in my bag…
17. Different devices, different… Multi device design challenges
18. ‣ Screen Size Different devices, different… Multi device design challenges
19. ‣ Screen Size ‣ Operating System & Browser Different devices, different… Multi device design challenges
20. ‣ Screen Size ‣ Operating System & Browser ‣ User Input Different devices, different… Multi device design challenges
21. ‣ Screen Size ‣ Operating System & Browser ‣ User Input ‣ Features Set Different devices, different… Multi device design challenges
22. ‣ Screen Size ‣ Operating System & Browser ‣ User Input ‣ Features Set ‣ Purpose Of Use Different devices, different… Multi device design challenges
23. ‣ Screen Size ‣ Operating System & Browser ‣ User Input ‣ Features Set ‣ Purpose Of Use ‣ (…and what about data?) Different devices, different… Multi device design challenges
25. “There is one thing, all these devices have in common…”
29. Where a multi device app fits in Database
 Server SQL Server Oracle Sybase MySql ... Application Server Java PHP ColdFusion .NET Ruby on Rails ... Web 
 Server IIS Apache Tomcat Websphere ... JSON/XML Transport Layer Internet / Intranet
31. Sencha Touch
32. “So, what’s the best approach to build an app for the multi device world?”
40. “Serious App development: Maintainability, Scalability and Flexibility.”
41. “A good framework, makes the life of a developer easier.”
42. “Let’s review the design challenges: How can we solve our problems with the Sencha Frameworks?”
43. ! Ext JS 5 Responsive Design! ! Screen Size Multi device design challenges
44. Screen Size Multi device design challenges ! //in any class! ! plugins: ['responsive'],! responsiveConfig: {! landscape: {! dock: ‘left’! },! portrait: {! activeItem: 1! }! }!
45. ! Sencha Touch Device profiles can differentiate views between multi devices. ! Screen Size Multi device design challenges
46. Screen Size Multi device design challenges Ext.define('MyApp.profile.Phone', {! extend: 'Ext.app.Profile',! ! config: {! name: 'Phone',! views: ['Main']! },! ! isActive: function() {! return Ext.os.is('Phone');! }! });
47. Read the case study: http://bit.ly/Lvx0NC https://vimeo.com/33026515
48. Sencha runs in any modern browser out of the box! This includes the browsers on: Mac, Windows, iOS, Android, BlackBerry, Windows, Tizen… OS / Browser Multi device design challenges
49. Possibility to package apps as hybrid apps, for example with PhoneGap / Cordova integration. OS / Browser Multi device design challenges
50. Check out the tutorial: http://bit.ly/1nuhS1B https://vimeo.com/84073941
51. Sencha Touch & Ext JS 5 have built-in touch and gesture support. (tap, drag, swipe, pinch and rotate…) ! Sencha is all JavaScript! Include external API’s! User Input Multi device design challenges
52. Check out the tutorial: http://bit.ly/1lpdJO3 http://www.youtube.com/watch?v=iR4qLfvHaII
53. User Input Multi device design challenges
54. User input Multi device design challenges
55. Check out the tutorial: http://bit.ly/1lpdJO3
56. Build a hybrid app, to support device specific features. ! ! ! ! Features Set Multi device design challenges
57. Features Set Multi device design challenges ! ! sencha phonegap init com.sencha.myapp MyApp! ! sencha app build native! !
58. Read the case study: http://bit.ly/1j2AO41 https://vimeo.com/32773806
59. ‣ Design apps with a purpose! ‣ Will people use your app on that particular device? Purpose Of Use Multi device design challenges
60. ! ! ! The browser can contain sensitive data, a direct gateway for cyber-criminals. ! About data… Multi device design challenges
61. Sencha Space - Easily deploy apps to a encrypted mobile workspace - Remotely revoke access / wipe data - Monitor, audit & report on app, device or user activity - Let the apps within Sencha Space communicate with each other About data… Multi device design challenges
62. Sencha Space: http://bit.ly/1cvyXjJ https://vimeo.com/70443725
63. Summary ! “When you are building apps for the multi- device world, you probably want to look into HTML5, because that’s language every modern device understands.” !
64. ! “At Sencha, we want to make the life of an app developer easier. We do a lot to help you, to build better multi device apps, enabling customer success…” ! HTML5 frameworks, tools, training programs and support. !
65. Promo Register for Sencha Training! http://www.sencha.com/training/! ! Promo Codes:! ! Get 25% discount:! ! EXT5DMC2014! ! Or get 50% discount, right now!! ! EXT5DMC20140627!
66. Questions???
67. Create amazing apps built on web standards Lee Boonstra @ladysign ! http://www.speakerdeck.com/savelee