During the session I’ve talked about web and mobile development integration (qt, maemo, symbian, wrt widgets, flash lite, nokia, android, etc.)

1. Introdução ao Desenvolvimento Mobile para Desenvolvedores Web Felipe Andrade | CTO e Co-Fundador da i2tecnologia

2. i2tecnologia Forum Nokia LaunchPad FornecedorOficial Nokia no Brasil Membrosparticipantes do programa Forum Nokia Champion Tecnologiasatualmenteutilizadas: Symbian C++ Flash Lite WRT (Web Runtime – HTML, CSS, AJAX) Objective-C (iPhone)

3. Forum Nokia Participante da maratona do Forum Nokia Developer Summit Hackathon, Monaco, 2009 Vencedor do concurso Nokia Sem Limites, 2009 Forum Nokia Champion, 2008-2009 Forum Nokia Champion, 2007-2008 Forum Nokia Champion, 2008-2009 Forum Nokia Champion of the Month, June, 2008 Forum Nokia Champion of the Month, July, 2009 Vencedor do Forum Nokia 2008 Code Example Challenge, 2008 Finalista do Nokia Mobile Rules'08 (Plano de Negócios)

4. Forum Nokia Rewards

5. Escolhendo a sua Plataforma Desenvolvimento Web paraSmartphones

6. QualPlataformaEscolher? Rode emmilhares de aparelhos Suporteospadrões de tecnologiaexistentes no mercado Sejafácilerápido de desenvolver Possuaumalojapara vender seusprodutos Ofereçaomelhorsuporteaodesenvolvedor

7. ConheçendooSymbian OS Sistemaoperacionalpresenteemcerca de 50% dos Smartphones TotalmenteIndependente, totalmenteaberto Verdadeiramente multi tarefa Cerca de 11 runtimes disponíveis Ovi Store (Loja de Aplicativos) Forum Nokia (http://forum.nokia.com) Symbian Developer (http://developer.symbian.org)

8. Runtimes Qt Python for S60 Flash Lite .NET Java ME… Qualdevoescolher! 

9. Ferramentas de Desenvolvimento Carbide C++ 2.x (EPL) Qt Creator (LGPL) Eclipse (Pluginspara Python e Java ME disponíveis) Adobe Flash CS 4 (Adobe Device Central)

10. Novas Idéias

11. Smart Toaster X BreadSense - Usasensoresinternosparamedir a configuraçãoe tempo ideal para a torrada. Telatouchscreen UI - paraconfigurar de forma maisfácil. Configuraçõespersonalizadaspodem ser armazenadaspor digital. Basta se identificare a torradeirajásaberácomovocêpreferesuastorradas. Configuraçõesadicionaisesugestões de preparopoderão ser baixadaspela internet via conexão WI-FI. Configuraçõespessoaiscompartilhadastambém online. Conecta com ocelular via Bluetooth paraenviarlembretes de, porexemplo, comprarpãoquandosair de casa. Notícias, previsão do tempo evídeos no café-da-manhã. Atualizações de firmware baixadasautomaticamente via WI-FI

12. Desenvolvimento Flash para Smartphones

13. Desenvolvimento Flash Mobile Desenvolvimento Flash para iPhone Dispositivo Nokia S40, S60 e Maemo Desenvolvimento Flash para Android Atualmente Flash Lite (actionscript 2.0) Em breve Adobe AIR (actionscript 3.0) Sony Ericsson Capuchin (38 aparelhos) O Projeto Capuchin éumatecnologiaproprietária dos dispositivos Sony Ericsson Flyer e Jarpa Framework (Brasileiros)

14. S60 Platform Services Sensores (Acelerometro) GPS Calendário Contatos Logs SMS e MMS

15. Web Runtime – Extensão da Web

17. Web Portátil

18. Web Remixada

19. Web Programada

20. Web Gerada pelo ConsumidorExemplos de Sucesso

22. Web

23. Widgets Pessoais

24. Widgets Públicos

25. Mobile

27. Web Runtime para plataforma S60

29. Permite rodar aplicações web fora do web browser para dispositivos S60

30. Suporta padrões de tecnologias já utilizadas na web

31. HTML 4.01, XHTML 1.0 (básico e perfil mobile)

32. CSS 2.1

33. JavaScript 1.5 (padrão ECMA-262)

34. XMLHttpRequest (Ajax)

35. DOM Level 2

36. Inclui bibliotecas JavaScript especificas para Widgets (widget, menu, SystemInfo)

38. Possui páginas web e aplicações widgets como clientes

39. JavaScript como uma linguagem de Programação

40. Provê acesso a um certo de nível de propriedades do sistema

42. Expande as API’s do Web Browser S60

44. Utilizam serviços da internet e APIs web para acessar informações

45. Utilizam XmlHttpRequest e outras técnicas AJAX

46. Grande facilidade em portar Widgets de outras plataformas

47. Widgets Integrados a experiência do usuário

48. Ícones da aplicação no menu principal

49. Podem ser utilizados em telas de espera e atalhos

50. Aparecem na lista de aplicativos ativos

51. Funcionam da mesma forma que aplicações S60 já existentes

53. Combinam informações da internet com a plataforma de serviços

54. Aumentam a experiência do usuário

55. Informações sobre a localização, PIM, e media

56. Integrados em telas de espera

57. Melhorias na UI e novas funcionalidades

58. Widgets como uma plataforma de desenvolvimento

59. Integração segura com a plataforma de serviços S60

60. Acesso a plataforma de serviços via APIs web

62. Totalmente baseada em padrões de tecnologias Web

65. info.plist(required)

66. [name].html (required)

67. icon.png(optional)

68. [name].css(optional)

69. [name].js(optional)

70. resources(optional)

71. O projeto de um Widget não é nada mais do que um diretório no sistema onde os arquivos estão armazenados

73. WRT - Propriedades suportadas

75. O tamanho recomendado de um ícone é de 88x88 pixels

77. A extensão do arquivo de instalação é [widgetname].WGZ

79. Desenvolvendo Widgets Passo a passo no desenvolvimento de Widgets

80. 4 Passos para Desenvolver Widgets Crie uma pasta no seu desktop. Ex: C:eMobile Crie e adicione as informações necessárias no arquivo info.plist, salve este arquivo no diretório criado na etapa 1 C:eMobile info.plist Crie e adicione algumas informações no arquivo HTML, não esqueça de utilizar o mesmo nome definido na tag MainHTML do arquivo info.plist C:eMobile info.plist remobile.html Crie e/ou adicione arquivos opcionais ao diretório C:emobile info.plist remobile.html remobile.js remobile.css

81. 3 Passos para Publicar Widgets Utilize uma ferramenta para comprimir o arquivo no formato ZIP C:eMobile C:eMobile.zip info.plist remobile.html Mude o nome da extensão do arquivo para WGZ C:eMobile.zip C:eMobile.WGZ Envie o arquivo via Bluetooth ou abra o arquivo ReMobile.WGZ no emulador

83. Uma ferramenta de edição de texto ou edição web

84. Para debugar um widget

85. Firefox

86. firebug

87. Greasemonkey

88. Um script para liberar o acesso a rede através de chamadas locais (XmlHttpRequest Bypass Security)

89. Para testar um Widget

90. Emulador S60 3rd Edition FP2 SDK

91. Emulador S60 5th SDK

93. Desenvolvendo Web Widgets no Emulador

95. Introdução a API’s WRT Como tratar eventos do aparelho

97. Widget methods openURL(String:url) setPreferenceForKey(String:preference, String:key) preferenceForKey(String:key) prepareForTransition(String:transitionState) performTransition(void) setNavigationEnabled(Boolean:flag) openApplication(Hex:Uid, String:param) setDisplayLandscape(void) setDisplayPortrait(void) •Widget properties identifier [readonly, String] onshow[assigned callback function] onhide[assigned callback function] isrotationsupported[readonly, Booloean]

98. Objeto Widget function manipularTela() { var h = window.screen.height; var w = window.screen.width; if (h < w) widget.setDisplayLanscape(); else widget.setDisplayPortrait(); }

99. Segurança nos Widgets Como manter seus widgets seguros

101. Widgets são considerados inseguros. Para acessar serviços nativos do aparelho existe o controle do usuário, que neste caso precisa autorizar o aplicativo para acessar estes recursos

102. Widgets acessam a rede através do Web Browser S60.