O documento discute o desenvolvimento de aplicativos para Windows Phone 7.5 usando HTML e JavaScript. Ele aborda os requisitos de hardware da plataforma, a família de dispositivos Lumia, as opções de desenvolvimento nativo ou embarcado no navegador, o uso de viewports e o caso de uso do jogo Touch Tetris.

1. DESENVOLVENDO APPS COM
HTML E JAVASCRIPT NO
WINDOWS PHONE 7.5

2. Hardware
480px Tela Capacitiva 4 ou mais pontos de contato
Câmera 5 Megapixels (min)
Memória 256MB RAM (min), 8GB Flash (min)
800px
GPU DirectX 9
Processador 1GHz
Botões: voltar, início e pesquisa
2

3. Família Lumia
Lumia 710 Lumia 800 Lumia 900
3

4. Desenvolvimento
4

5. Por que HTML?
Link: http://www.iutopi.com/en/
5

6. Por que HTML?
Link: http://www.nike.com/jumpman23/aj2012/
6

7. Por que HTML?
Link: http://www.onehourpersecond.com/
7

8. Por que HTML?
Link: http://www.cuttherope.ie
8

9. Por que HTML?
Link: http://surgiu.com.br/noticia/33915/html5-ganha-importancia-na-tv-por-assinatura.html
9

10. Browsers Mobile
10

11. Internet Explorer 9
11

12. Internet Explorer 9
12

13. Estrutura do projeto
13

14. WebBrowser
<phone:WebBrowser Name="browser“ Source=""/>
14 INdT 2012 | Filename.pptx v. 0.1 YYYY-MM-DD Author Document ID [Edit via Insert > Header & Footer]

15. Externo
<phone:WebBrowser Name="webBrowser1"
Source="http://www.indtmobilelabs.com.br/"/>
15

16. Viewport
É uma metatag para dispositivos móveis, serve para
informar ao navegador como ele deve exibir a página
reduzida.
16

17. Viewport
<meta name="viewport" content="">
Valores do content:
Valor Descrição
width Define a largura, valores em px ou “device-width”
height Define a altura, valores em px ou “device-height”
initial-scale Define a escala inicial
user-scalable Define se vai haver zoom ou não
maximum-scale Define a escala máxima
17

18. Embarcado
18

19. Embarcado
<phone:WebBrowser Name="browser"
IsScriptEnabled="True"
Source="HTML/Default.html"
ScriptNotify="browser_ScriptNotify" />
19

20. Embarcado
20

21. PhoneGap
Link: http://html.adobe.com/toolsandservices/phonegap/
21

22. PhoneGap
22

23. PhoneGap
23 INdT 2012 | Filename.pptx v. 0.1 YYYY-MM-DD Author Document ID [Edit via Insert > Header & Footer]

24. Caso Touch Tetris
24

25. Caso Touch Tetris
25

26. Obrigado!
Raymundo Junior
Desenvolvedor – INdT
Evangelista Nokia de Tecnologia
E-mail: ext-raymundo.junior@nokia.com
Twitter: twitter.com/justkaws
Site: justkaws.com
26