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