wrt widgets - m3dd la
DESCRIPTION
Apresentação feita no M3DD em Goiânia sobre a criação de Mobile Widgets para a plataforma WRT da Nokia.TRANSCRIPT
![Page 1: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/1.jpg)
WidgetsA Web 2.0 de vez no seu celular!
Antonio Marin Neto
![Page 2: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/2.jpg)
Antonio Marin Neto
• Analista de Sistemas pela PUC Campinas.
• Desenvolvedor no Instituto Nokia de Tecnologia (INdT) em Manaus.
• Experiência com Java desde 2001 e Java ME desde 2005.
• Fundador do projeto OpenSource CoSMo.
• Blog na Mobile & Embedded Community
• Membro do SouJava.
![Page 3: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/3.jpg)
Agenda
• Era uma vez…
• Widgets: A nova geração de aplicativos.
• Nokia Web Run Time Widgets (WRT).
• WRT Widgets – N97
• Dúvidas e perguntas.
![Page 4: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/4.jpg)
ERA UMA VEZ…
![Page 5: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/5.jpg)
O Inicio: SMS
• Telas extremamente limitadas (3 linhas + ou -).
• Redes de dados precária ou inexistente.
• Celulares com baixo poder de processamento.
• Recebimento de noticias:
• Trânsito
• Esportes
• Horóscopo
• Promoções das operadoras
![Page 6: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/6.jpg)
Evolução: WAP
• Crescimento da Internet.
• Evolução da rede de telefonia móvel.
• Aumento no número de usuários.
• Primeiros celulares com browser WAP.
• Portais WAP das operadoras:
• Links definidos pelas Operadoras.
• Foco em noticias.
• WAP com poucos recursos ainda…
![Page 7: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/7.jpg)
Primeiros Aplicativos
• Jogos embarcados.
• Pouca variedade.
• Linguagens e plataformas proprietárias.
• “Revolução” do J2ME:
• Plataforma Java.
• “Write once, run anywhere”.
• Fácil desenvolvimento.
• Fácil distribuição.
![Page 8: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/8.jpg)
A Evolução dos Dispositivos
• Dispositivos com maior capacidade de processamento e armazenamento.
• Evolução das baterias dos celulares.
• Redes de Internet banda larga sem-fio.
• Mais plataformas disponíveis:
• Symbian
• Apple
• Android
![Page 9: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/9.jpg)
Serviços da Web 2.0
• Explosão de serviços Web 2.0
• Mapas
• Redes sociais
• Videos
• Jogos multi-player
• Pessoas querendo acessar os serviços em qualquer lugar…
![Page 10: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/10.jpg)
WIDGETS: A NOVA GERAÇÃO DE APLICATIVOS MÓVEIS.
![Page 11: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/11.jpg)
O Que São Widgets?
• Pequenos aplicativos com uso específico.
• Normalmente com acesso a Internet.
• No inicio, serviços web em sites de terceiros:
• Previsão do tempo.
• Cotação de ações.
• Migração para o desktop:
• Apple Dashboard
• Windows Vista
![Page 12: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/12.jpg)
Sucesso nos Celulares
• Chegada da Internet 3G.
• Serviços Web no celulares.
• Aumento no número de serviços disponíveis.
• Facilidade no acesso aos serviços favoritos.
• Conteúdo otimizado para os celulares.
• Mais oportunidades a desenvolvedores.
• Tecnologias conhecidas.
• Rápido desenvolvimento.
![Page 13: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/13.jpg)
Mobile Widgets
![Page 14: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/14.jpg)
Tecnologias em Uso
![Page 15: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/15.jpg)
Plataformas Disponíveis
![Page 16: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/16.jpg)
NOKIA WEB RUN TIME - WRT
![Page 17: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/17.jpg)
A Plataforma WRT
• HTML 4.01 Specification, W3C Recommendation 24 December 1999.
• XHTML Mobile Profiles Specification, XHTML Mobile Profile Version 29-Oct-2001.
• CSS Level 2 revision 1 (CSS 2.1), WAP CSS Specification Version 26-Oct-2001.
• JavaScript 1.5 (ECMA-262 3rd Edition), ECMAScript Language Specification, 3rd edition.
![Page 18: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/18.jpg)
Dispositivos Suportados
![Page 19: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/19.jpg)
Nokia S60 SDK
• Especifico para cada versão da S60:
• 3.1: E71
• 3.2: N95
• 5.0: 5800, N97
• Permite emular os widgets.
• Comportamento bem próximo aos dispositivos reais.
• Agilidade e facilidade no desenvolvimento.
• Sem custos (!!!).
![Page 20: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/20.jpg)
Services API
• Acesso a recursos nativos do telefone:
• SMS / MMS
• Contatos e calendário
• Acelerômetro
• GPS / Landmarks
• Câmera / Galeria de imagens
• Arquivos
• Em JavaScript nativo, sem overhead.
![Page 21: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/21.jpg)
Suporte e Documentação
• Wiki Forum Nokia:
• http://wiki.forum.nokia.com/index.php/Category:Web_Runtime_(WRT)
• Forum Nokia Web Developer Library:
• http://library.forum.nokia.com
![Page 22: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/22.jpg)
Bibliotecas JavaScript
![Page 23: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/23.jpg)
Estrutura de um Widget
• Widget.wgz
• Info.plist (obrigatório)
• seu_arquivo_principal.html (obrigatório)
• funcoes_javascript.js
• estilos_css.css
• Imagens
• Arquivos de internacionalização
![Page 24: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/24.jpg)
Vendendo seus Widgets
![Page 25: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/25.jpg)
WRT Widgets - N97
![Page 26: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/26.jpg)
Amazon
![Page 27: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/27.jpg)
eBay
![Page 28: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/28.jpg)
Friendster
![Page 29: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/29.jpg)
Hi5
![Page 30: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/30.jpg)
MySpace
![Page 31: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/31.jpg)
PREPARANDO O AMBIENTE DE DESENVOLVIMENTO.
![Page 32: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/32.jpg)
O Que é necessário ?
• SDK para emular o seu Widget.
• Ou, um dispositivo que suporte Widgets.
• Editor de textos (bloco de notas, etc.)
• Ou, uma IDE para facilitar sua vida.
![Page 33: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/33.jpg)
IDE
![Page 34: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/34.jpg)
SDK e Emulador
• Nokia WRT Plug-in for Aptana Studio.
• Download do SDK através do Forum Nokia.
• Diferentes SDKs para cada plataforma:
• 3.1/3.2
• 5.0
• N97
![Page 35: WRT Widgets - M3DD LA](https://reader036.vdocuments.site/reader036/viewer/2022062308/5590ad8e1a28abbf2a8b4758/html5/thumbnails/35.jpg)
Dúvidas e Perguntas