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

26
DESENVOLVENDO APPS COM HTML E JAVASCRIPT NO WINDOWS PHONE 7.5

Upload: indt

Post on 12-Jul-2015

344 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 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

Page 2: Raymundo ferreira   desenvolvendo apps com html e java script 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

Page 3: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Família Lumia

3

Lumia 800 Lumia 710 Lumia 900

Page 4: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Desenvolvimento

4

Page 5: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Por que HTML?

5

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

Page 7: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Por que HTML?

7

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

Page 10: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Browsers Mobile

10

Page 11: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Internet Explorer 9

11

Page 12: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Internet Explorer 9

12

Page 13: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Estrutura do projeto

13

Page 14: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

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=""/>

Page 15: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Externo

15

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

Page 16: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Viewport

16

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

Page 17: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

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

Page 18: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Embarcado

18

Page 19: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Embarcado

19

<phone:WebBrowser Name="browser"

IsScriptEnabled="True"

Source="HTML/Default.html"

ScriptNotify="browser_ScriptNotify" />

Page 20: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Embarcado

20

Page 22: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

PhoneGap

22

Page 23: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

PhoneGap

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

Page 24: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Caso Touch Tetris

24

Page 25: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

Caso Touch Tetris

25

Page 26: Raymundo ferreira   desenvolvendo apps com html e java script no windows phone 7.5

26

Obrigado! Raymundo Junior Desenvolvedor – INdT Evangelista Nokia de Tecnologia

E-mail: [email protected]

Twitter: twitter.com/justkaws

Site: justkaws.com