Nokia webappss40

22
Nokia WebApps S40 28/06/2012

description

Slides de la charla del 28 de Junio de 2012 sobre Nokia WebApps for S40 en Buenos Aires

Transcript of Nokia webappss40

Page 1: Nokia webappss40

Nokia WebApps S4028/06/2012

Page 2: Nokia webappss40

Nokia WebApps S40

Agenda●08:30 a 09:00 Apertura / Registración●09:00 a 09:30 Desayuno ●09:30 a 10:00 Apertura, presentación, oportunidad●10:00 a 11:00 Arquitectura de la plataforma: entendiendo el backstage●11:00 a 11:30 break●11:30 a 13:00 terminales target, orientaciones y recursos●13:00 a 14:30 break almuerzo●14:30 a 16:30 hands-on: ejercicio diseccionando una app●16:30 a 17:00 Final y preguntas! ●17:00 a 18:00 Networking! :)

Page 3: Nokia webappss40

Nokia WebApps S40

¿Qué es una Webapp?

Page 4: Nokia webappss40

Nokia WebApps S40

Una Webapp es una aplicación que corre en el Nokia Browser, basada en html, css y javascript,

donde las partes “pesadas” se ejecutan en un servidor proxy llamado “Nokia Browser for series

40 proxy server”.

Page 5: Nokia webappss40

Nokia WebApps S40El archivo donde se empaqueta la aplicación es

de formato WGT, de W3C.http://www.w3.org/TR/widgets/

“Widget Packaging and XML Configuration”

Page 6: Nokia webappss40

Nokia WebApps S40

Page 7: Nokia webappss40

Nokia WebApps S40

http://www.developer.nokia.com/Resources/Library/Series_40_web_apps_library/#!technical-library/overview.html

Page 8: Nokia webappss40
Page 9: Nokia webappss40

Nokia WebApps S40

Mobile Web Libraryhttp://www.developer.nokia.com/Resources/Library/Series_40_web_apps_library/#!technical-library/api-reference.html

Page 10: Nokia webappss40

Nokia WebApps S40

Eventos

Page 11: Nokia webappss40

Nokia WebApps S40Mobile Web Library (MWL) API

Page 12: Nokia webappss40

Nokia WebApps S40Animaciones

Page 13: Nokia webappss40

Nokia WebApps S40Gestos - Swipe events

Methods for touch navigation

addSwipeLeftListeneraddSwipeRightListeneraddSwipeUpListeneraddSwipeDownListener

http://www.developer.nokia.com/Community/Wiki/Series_40_web_apps_-_Swipe_Events

OVI browser supports standard HTML DOM events along with series of synthetic DOM events to support some gestures and keypad events. These events act just like standard events.

Where targetNode is the selector of the node to which to add an event/listener and listener is the statement/ command(s) to run when the event fires. The methods given below are for registering the synthetic events.

Method for keypad navigation

addNavLeftListeneraddNavRightListeneraddNavUpListeneraddNavDownListener

Page 14: Nokia webappss40

Nokia WebApps S40

¿Por dónde empezar?

http://www.developer.nokia.com

Page 15: Nokia webappss40

Nokia WebApps S40

●WDE (Web Development Environment)

WAS (Web Apps Simulator)

Page 16: Nokia webappss40

Nokia WebApps S40

●WDE (Web Development Environment)

WAS (Web Apps Simulator)

Page 17: Nokia webappss40

Resources I

S40 webapps library: http://www.developer.nokia.com/Resources/Library/Series_40_web_apps_library/index.html?

Arquitectura: http://www.developer.nokia.com/Develop/Series_40/Nokia_Browser_for_Series_40/

●http://tools.nokia.com/wt/doc/jsdt/s40/Series_40_Web_Apps_Platform_Overview.pdf

●http://www.developer.nokia.com/Resources/Library/Series_40_web_apps_library/#!technical-library/overview.html

Bluetooth launcher: https://www.developer.nokia.com/Resources/Library/Series_40_web_apps_library/#!tools-library/deploying-a-web-app-to-a-phone/deploying-a-web-app.html

Page 18: Nokia webappss40

Resources II

LOCATION en webapps S40

http://www.developer.nokia.com/Resources/Library/Web/#!web-apps/series-40-web-apps/series-40-

web-app-developers-guide-and-api-reference/geolocation-api-support.html

Page 19: Nokia webappss40

Resources III

AJAX

●http://www.developer.nokia.com/info/sw.nokia.com/id/12f5b428-6d9e-4d79-89f6-32ff75255cb8/S40_WA_First_Steps_Training_Ajax.html

Page 20: Nokia webappss40

Resources IV

FAQ

●http://www.developer.nokia.com/Community/Wiki/Series_40_web_apps_-_FAQ●Un archivo .wgt no puede pesar mas de 500 kb

Page 21: Nokia webappss40

Resources V

Testing:

RDA (Remote Device Access) ●http://www.developer.nokia.com/Devices/Remote_device_access/

Diferencias a tener en cuenta entre telefonos y simuladores

●http://tools.nokia.com/wt/doc/jsdt/s40/Nokia_Web_Tools_Web_App_Simulator_Guide.pdf

Page 22: Nokia webappss40

Resources VI

Wiki:

Coding for screen orientation: http://www.developer.nokia.com/Community/Wiki/Coding_Series_40_web_apps_for_screen_orientation

Estandares soportados:●http://www.developer.nokia.com/Resources/Library/Series_40_web_apps_library/#!technical-library/standards-support.html