Web Apps, Native Apps, Financial Times App, oh my!

Transcript

1. Mobile  &  Tablet  State  of  the  State W b pp , N v pp , F pp, ! TERRANCE PITRE Director, Internet Front-End Department Friday, May 31, 13
2. Mobile  &  Tablet  State  of  the  State About Me Terrance Pitre (TJ) Manager, Internet Front-End Department Friday, May 31, 13
3. Mobile  &  Tablet  State  of  the  State About Me Terrance Pitre (TJ) Director, Internet Front-End Department Friday, May 31, 13
4. Mobile  &  Tablet  State  of  the  State About Me Terrance Pitre (TJ) Technologies We Use in the Front-End Department: Director, Internet Front-End Department Friday, May 31, 13
5. Mobile  &  Tablet  State  of  the  State About Me Terrance Pitre (TJ) Technologies We Use in the Front-End Department: HTML Director, Internet Front-End Department Friday, May 31, 13
6. Mobile  &  Tablet  State  of  the  State About Me Terrance Pitre (TJ) Technologies We Use in the Front-End Department: HTML JavaScript Director, Internet Front-End Department Friday, May 31, 13
7. Mobile  &  Tablet  State  of  the  State About Me Terrance Pitre (TJ) Technologies We Use in the Front-End Department: HTML JavaScript CSS Director, Internet Front-End Department Friday, May 31, 13
8. Mobile  &  Tablet  State  of  the  State what’s this all about? Friday, May 31, 13
9. Mobile  &  Tablet  State  of  the  State what’s this all about? WEB APPS Friday, May 31, 13
10. Mobile  &  Tablet  State  of  the  State what’s this all about? WEB APPS NATIVE APPS Friday, May 31, 13
11. Mobile  &  Tablet  State  of  the  State what’s this all about? WEB APPS vs. NATIVE APPS (compare and contrast) Friday, May 31, 13
12. Mobile  &  Tablet  State  of  the  State brief overview NATIVE APP: Friday, May 31, 13
13. Mobile  &  Tablet  State  of  the  State brief overview NATIVE APP: Mobile phone software compiled into a compatible binary format, stored in phone memory and run locally on the device. SOURCE:  http://www.computerarts.co.uk/in_depth/features/mobile_glossary THINK: like MicroSoft Word In  Desktop  Terms: Friday, May 31, 13
14. Mobile  &  Tablet  State  of  the  State brief overview WEB APP: Friday, May 31, 13
15. Mobile  &  Tablet  State  of  the  State brief overview WEB APP: An application that is built using technologies such as JavaScript, CSS 3, and HTML5 and is executed in a web browser. SOURCE:  http://en.wikipedia.org/wiki/Web_app THINK: like Google Docs In  Web  Terms: Friday, May 31, 13
16. Mobile  &  Tablet  State  of  the  State compare contrast & What are the key differences between web and native applications? Friday, May 31, 13
17. Mobile  &  Tablet  State  of  the  State compare contrast & Native Web Internet Access Not required Usually required, except for apps with offline capability Installation/Updates Manually downloaded or installed Always updated to the latest version; refresh page User Interface & Animation/Graphics Responsive, functional, fast Needs improvement, technology is advancing quickly Audio/Video Built in, flash works when supported Possible with HTML5 without using Flash Friday, May 31, 13
18. Mobile  &  Tablet  State  of  the  State compare contrast & Native Web Development Specific tools required; new app for each platform Write once, publish once, view it anywhere Distribution Approval needed; wait time for this Instant access Advertising Design and rate control Design control & analytics access; variable rates Device Compatibility Platform & hardware dependent Platform agnostic; responsive design using CSS 3/HTML5 Friday, May 31, 13
19. Mobile  &  Tablet  State  of  the  State compare contrast & Native Web Shareable/ Tweetable? Yes, if built in Yes, with web links, social APIs, and widgets Sellable? Yes, charge anything, expect 30% to distributor n q u u "q h "ew u v q og t"fcv c"< * Yes, via subscriptions, no distribution costs Searchable Content? No, not on the web Yes, by default Cost of development Generally more expensive; requires advanced skillsets Significantly more affordable; uses open-source technology Friday, May 31, 13
20. Mobile  &  Tablet  State  of  the  State WE GOOD? Friday, May 31, 13
21. Friday, May 31, 13
22. Mobile  &  Tablet  State  of  the  State technical REVIEW : WEB APP THE CHALLENGES: • Offline Capabilities • User Experience (interaction, animation, graphics, etc...) • Layout & Design (designing for multiple devices) • Change of User’s Mindset Friday, May 31, 13
23. Mobile  &  Tablet  State  of  the  State technical REVIEW : WEB APP • Offline Capabilities THE CHALLENGES: Friday, May 31, 13
24. Mobile  &  Tablet  State  of  the  State technical REVIEW : WEB APP THE SOLUTIONS: • Offline Capabilities = HTML5 Cache Manifest The cache manifest in HTML5 is a software storage feature which provides the ability to access a web application even without a network connection. Friday, May 31, 13
25. Mobile  &  Tablet  State  of  the  State technical REVIEW : WEB APP • User Experience THE CHALLENGES: Friday, May 31, 13
26. Mobile  &  Tablet  State  of  the  State technical REVIEW : WEB APP THE SOLUTIONS: • User Experience = JavaScript You can use JavaScript DOM touch event classes available to handle multi-touch and gesture events in a way similar to the way they are handled in native applications. Friday, May 31, 13
27. Mobile  &  Tablet  State  of  the  State technical REVIEW : WEB APP • Layout & Design THE CHALLENGES: Friday, May 31, 13
28. Mobile  &  Tablet  State  of  the  State technical REVIEW : WEB APP THE SOLUTIONS: • Layout & Design = Responsive Web Design! Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. Friday, May 31, 13
29. Mobile  &  Tablet  State  of  the  State technical REVIEW : WEB APP • Change of User’s Mindset THE CHALLENGES: Friday, May 31, 13
30. Mobile  &  Tablet  State  of  the  State technical REVIEW : WEB APP THE SOLUTIONS ?: • Change of User’s Mindset = ? Friday, May 31, 13
31. Mobile  &  Tablet  State  of  the  State technical REVIEW : WEB APP THE SOLUTIONS ?: • Change of User’s Mindset = ? Ya gotta start somewhere... Friday, May 31, 13
32. Friday, May 31, 13
33. Mobile  &  Tablet  State  of  the  State The Financial Times web App Friday, May 31, 13
34. Mobile  &  Tablet  State  of  the  State The Financial Times web App THE PROBLEMS: Friday, May 31, 13
35. Mobile  &  Tablet  State  of  the  State The Financial Times web App THE PROBLEMS: • FT want Apple & Google take up to a 30% cut of in-app subscriptions for its publications Friday, May 31, 13
36. Mobile  &  Tablet  State  of  the  State The Financial Times web App THE PROBLEMS: • FT want Apple & Google take up to a 30% cut of in-app subscriptions for its publications • FT could not capture data about a subscriber unless asking for it directly Friday, May 31, 13
37. Mobile  &  Tablet  State  of  the  State The Financial Times web App • FT want Apple & Google take up to a 30% cut of in-app subscriptions for its publications THE PROBLEMS: • FT could not capture data about a subscriber unless asking for it directly • FT could not logistically or financially develop multiple native apps for various products Friday, May 31, 13
38. Mobile  &  Tablet  State  of  the  State The Financial Times web App POSSIBILITIES: Friday, May 31, 13
39. Mobile  &  Tablet  State  of  the  State The Financial Times web App POSSIBILITIES: Suck it up Friday, May 31, 13
40. Mobile  &  Tablet  State  of  the  State The Financial Times web App POSSIBILITIES: Suck it up Find another way or Friday, May 31, 13
41. Mobile  &  Tablet  State  of  the  State The Financial Times web App HTML5 WEB APP: (the other way) Friday, May 31, 13
42. Mobile  &  Tablet  State  of  the  State The Financial Times web App HTML5 WEB APP: (the other way) Same technical hurdles • Offline storage • Audio/Video • Performance • Smooth user experience • Dealing with "being first" Friday, May 31, 13
43. Mobile  &  Tablet  State  of  the  State The Financial Times web App HTML5 WEB APP: (the other way) Same technical hurdles • Offline storage • Audio/Video • Performance • Smooth user experience • Dealing with "being first" = HTML5 Cache Manifest = HTML5 Video/Audio Elements = Well coded CSS, HTML & JavaScript = Responsive Design = ? Friday, May 31, 13
44. Mobile  &  Tablet  State  of  the  State The Financial Times web App BENEFITS: • Automatic enhancements - users see new changes and features immediately with no extended release process • Cross-platform for greater audience reach beyond iOS realm • Greater range of content • One core codebase for multiple platforms • Web browser access - no app store needed • Maintain direct relationship with their customers Friday, May 31, 13
45. Mobile  &  Tablet  State  of  the  State CONCLUSION It’s not really about Web Apps vs. Native Apps... Friday, May 31, 13
46. Mobile  &  Tablet  State  of  the  State CONCLUSION It’s not really about Web Apps vs. Native Apps... It’s about choosing the right tool for the job. Friday, May 31, 13
47. Mobile  &  Tablet  State  of  the  State CONCLUSION Questions? Friday, May 31, 13
48. Mobile  &  Tablet  State  of  the  State CONCLUSION THANK YOU Friday, May 31, 13