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

1. Nokia WebApps S40
28/06/2012

2. 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! :)

3. Nokia WebApps S40
¿Qué es una Webapp?

4. 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”.

5. Nokia WebApps S40
El archivo donde se empaqueta la aplicación es
de formato WGT, de W3C.
http://www.w3.org/TR/widgets/
“Widget Packaging and XML Configuration”

6. Nokia WebApps S40

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

9. Nokia WebApps S40
Mobile Web Library
http://www.developer.nokia.com/Resources/Library/Series_40_web_apps_library/#!technical-library/api-refer

10. Nokia WebApps S40
Eventos

11. Nokia WebApps S40
Mobile Web Library (MWL) API

12. Nokia WebApps S40
Animaciones

13. Nokia WebApps S40
Gestos - Swipe events
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.
Methods for touch navigation Method for keypad navigation
addSwipeLeftListener addNavLeftListener
addSwipeRightListener addNavRightListener
addSwipeUpListener addNavUpListener
addSwipeDownListener addNavDownListener

14. Nokia WebApps S40
¿Por dónde empezar?
http://www.developer.nokia.com

15. Nokia WebApps S40
●WDE (Web Development
Environment)
WAS (Web Apps Simulator)

16. Nokia WebApps S40
●WDE (Web Development
Environment)
WAS (Web Apps Simulator)

17. 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/overvie
●
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

18. Resources II
LOCATION en webapps S40
http://www.developer.nokia.com/Resources/Librar
y/Web/#!web-apps/series-40-web-apps/series-40-
web-app-developers-guide-and-api-
reference/geolocation-api-support.html

19. Resources III
AJAX
http://www.developer.nokia.com/info/sw.nokia.com/id/12f5b428-6
●

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

21. 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_We
b_App_Simulator_Guide.pdf

22. 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/standa
●