Разработка веб-приложений для S40 - Ovi Browser Web Apps


Published on

  • Be the first to comment

  • Be the first to like this

Разработка веб-приложений для S40 - Ovi Browser Web Apps

  1. 1. Series 40 web apps& Nokia Web ToolsApril 2011
  2. 2. Web for the Next Billion A renewed approach to bring affordable and easy to use web and apps at new price points Our goal is nothing short of delivering the best and most desirable low-cost devices that deliver the richest experiences and applications that consumers will LOVE.© Company Confidential
  3. 3. What are Series 40 web apps ? • Applications built using W3C standard Web technologies • HTML for Layout – Supports most of XHTML Mobile Profile Elements • CSS for Visual Styles – Supports CSS Mobile Profile • JavaScript – For Application logic on the server • Mobile Web Library – JavaScript like library on the client that enables Interactive applications • Packaged according to the W3C widgets spec (.wgt) • Developed using the Nokia Web Tools for Series 40 • Published via Ovi Publish to Ovi Store • Discovery and Deployment through Ovi Store • Consumption Via Ovi Browser Client
  4. 4. Cloud-assisted web apps Series 40 web apps – run by Ovi Browser client on the device • Cloud hosts the web app client and acts as a proxy between the Nokia Browser client and the web app server • Leverage on Cloud server for better performance and reduced data • Allows S40 web apps load faster with less over the air data transfer • Less ROM memory hungry vs. Java apps XML/JSON Handset HTML 0101100111001010010100001010 1001010111100101001100111001 Ovi 0101100111001010010100001010 Ovi Browser Cloud 100kb 0100101000010101010101011110 0101011011001110010100110100 0001010101011111010111100101 MyWebApp server Browser 101 10kb 1111110101111001010110001010 1001010100101101001010110010 0110001010100101011011001110 0101001101000001010101011111 0101111001010110001010100101 0110110011100111100101011000 client MyWebApp client 1010100101011011001110011110 0101011000101010010101101100 1110010100110100000101010101 1111010111100101011000101010 Up to 90% 0101010010110100101011001010 1 compression© Company Confidential
  5. 5. Sample web apps screenshots© Company Confidential
  6. 6. Nokia Web Tools for Series 40 Eclipse based web editing tool •Templates/ sample codes •Documentation and samples •Emulator and Nokia Browser/runtime for testing •Build/preview/test within SDK and device •Publish to Ovi Store via Ovi Publish (coming soon)6 Company Confidential© © 2011 Nokia Internal
  7. 7. Demos Create, Debug, Deploy Web Developer Environment Web Apps Simulator Web App Designer7 Company Confidential© © 2011 Nokia Internal
  8. 8. Backup
  9. 9. •Must read docs•toggleClass•switchClass•addSwipeLeftListener
  10. 10. Animating Height & Width© Company Confidential
  11. 11. Animating Margins …or… …or…© Company Confidential
  12. 12. Thank you @waiseto forum.nokia.com/series40 webapps© Company Confidential