raymundo ferreira desenvolvendo apps com html e java script no windows phone 7.5

DESENVOLVENDO APPS COM HTML E JAVASCRIPT NO WINDOWS PHONE 7.5

Hardware

2

Tela Capacitiva 4 ou mais pontos de contato

Câmera 5 Megapixels (min)

Memória 256MB RAM (min), 8GB Flash (min)

GPU DirectX 9

Processador 1GHz

Botões: voltar, início e pesquisa

480px

800p

x

Família Lumia

3

Lumia 800 Lumia 710 Lumia 900

Desenvolvimento

4

Por que HTML?

5

Link: http://www.iutopi.com/en/

Por que HTML?

6

Link: http://www.nike.com/jumpman23/aj2012/

Por que HTML?

7

Link: http://www.onehourpersecond.com/

Por que HTML?

8

Link: http://www.cuttherope.ie

Por que HTML?

9

Link: http://surgiu.com.br/noticia/33915/html5-ganha-importancia-na-tv-por-assinatura.html

Browsers Mobile

10

Internet Explorer 9

11

Internet Explorer 9

12

Estrutura do projeto

13

WebBrowser

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

<phone:WebBrowser Name="browser“ Source=""/>

Externo

15

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

Viewport

16

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

Viewport

17

<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

Embarcado

18

Embarcado

19

<phone:WebBrowser Name="browser"

IsScriptEnabled="True"

Source="HTML/Default.html"

ScriptNotify="browser_ScriptNotify" />

Embarcado

20

PhoneGap

21

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

PhoneGap

22

PhoneGap

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

Caso Touch Tetris

24

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