web is app 01 13-13
DESCRIPTION
Discussion on how the mobile web and mobile apps are rapidly becoming the same thingTRANSCRIPT
![Page 1: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/1.jpg)
The Web is the App
![Page 2: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/2.jpg)
Goals• Discuss how companies are using HTML5 to build mobile apps–Examples are media companies, principles apply to any company
• Debunk any myths around the “readiness” of HTML5• Highlight that the web/HTML5 is an ideal platform to distribute
content• Have a non-technical conversation about HTML5 and mobile
![Page 3: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/3.jpg)
Intro• Business Development, Mozilla–Lead apps and content strategy for Firefox
Marketplace• www.marketplace.firefox.com
–Work with devs to create and distribute HTML5 apps
• Previously: business development and marketing–Cisco
–DDN
![Page 4: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/4.jpg)
VS
![Page 5: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/5.jpg)
It is about the experience• End-user doesn’t care how an app is made• The HTML5 has achieved parity with native–Performance–Features–Device-level access
• Web is easy to:–Monetize–Test new ideas–Resurrect the archives–Stay close with your users
![Page 6: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/6.jpg)
Strategies: Web<> App
The web is the app• App specifically built in HTML5• Benefits: –More controlled distribution–Better relationship with end-user
• Examples
The app is the web• The app is a re-purposed
website; feels “app-y”• Benefits–Web, app are entirely integrated–Only one codebase is maintained
• Examples
![Page 7: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/7.jpg)
The web is the app
![Page 8: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/8.jpg)
FT: App experience powered by HTML5
![Page 9: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/9.jpg)
Times Crossword: Turning a Section into an App• Times of London “app-ified” its
popular crossword puzzle game• Existing content targets new
segment (gamers)• Goal: Lightweight app to drive
new users to the newspapers• Tablet optimized
![Page 10: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/10.jpg)
Benefits• Effective way to manage distribution–Leverage existing web presence
• Web app can be re-packaged–Write once and optimize
• Easy way to experiment with new ideas/content
![Page 11: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/11.jpg)
The app is the web
![Page 12: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/12.jpg)
Boston Globe: Entire experience, one package• BostonGlobe-> Premium version
of Boston.com• Full write once, run anywhere• Takes full advantage of advanced
HTML5 capabilities-> off-line reading
Web app that provides off-line reading
![Page 13: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/13.jpg)
Studio 1290- Repackaging Content• “unplugged” promotion sessions
with artists• Put session on website-> drive
traffic to artist stores• Repurpose content for web app• Audience engagement-> provide
unique content for fans
![Page 14: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/14.jpg)
The Vault: Value from Archive• The Vault is an interactive history->
40 years of Atlantic videos• Users use a slot-machine style dialer
to choose a year, find videos• Experiment: use archive to engage
with users
![Page 15: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/15.jpg)
Benefits• Transform existing web presence• Maintain single code base• Leverage existing business models–i.e.: web ads appear on the apps
• Easy way to experiment with new ideas/content–Testing a new idea as simple as creating a website
![Page 16: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/16.jpg)
Summary• Web<>App–It is the experience that matters–Parity is rapidly being achieved
• Web is more flexible–Leverage existing content, web
presence–Easy to test ideas
• Merge what is great about the web with the use case of an app
![Page 17: Web is app 01 13-13](https://reader033.vdocuments.site/reader033/viewer/2022042521/55565df1d8b42aa41e8b5364/html5/thumbnails/17.jpg)
Thank you• Connect: –Email: [email protected]
–Twitter: @ronpiovesan
–Blog: www.ronpiovesan. com
–LinkedIn: http://www.linkedin.com/in/ronpiovesan
–Slideshare: http://www.slideshare.net/ronpiovesan