Apresentação feita no M3DD em Goiânia sobre a criação de Mobile Widgets para a plataforma WRT da Nokia.

1. WidgetsA Web 2.0 de vez no seucelular! Antonio Marin Neto

2. Antonio Marin Neto Analista de Sistemaspela PUC Campinas. Desenvolvedor no Instituto Nokia de Tecnologia(INdT) em Manaus. Experiência com Java desde 2001 e Java ME desde 2005. Fundador do projetoOpenSourceCoSMo. Blogna Mobile & Embedded Community Membro do SouJava.

3. Agenda Era umavez… Widgets: A nova geração de aplicativos. Nokia Web Run Time Widgets (WRT). WRT Widgets – N97 JavaScript Library for WRT (JS4WRT) Dúvidaseperguntas.

4. Era umavez…

5. O Inicio: SMS Telasextremamentelimitadas (3 linhas + ou -). Redes de dados precáriaouinexistente. Celulares com baixopoder de processamento. Recebimento de noticias: Trânsito Esportes Horóscopo Promoções das operadoras

6. Evolução: WAP Crescimentoda Internet. Evoluçãodarede de telefoniamóvel. Aumento no número de usuários. Primeiroscelulares com browser WAP. Portais WAP das operadoras: Links definidospelasOperadoras. Focoemnoticias. WAP com poucosrecursosainda…

7. PrimeirosAplicativos Jogosembarcados. Poucavariedade. Linguagenseplataformasproprietárias. “Revolução” do J2ME: Plataforma Java. “Write once, run anywhere”. Fácildesenvolvimento. Fácildistribuição.

8. A Evolução dos Dispositivos Dispositivos com maiorcapacidade de processamentoearmazenamento. Evolução das baterias dos celulares. Redes de Internet bandalargasem-fio. Maisplataformasdisponíveis: Symbian Apple Android

9. Serviçosda Web 2.0 Explosão de serviços Web 2.0 Mapas Redessociais Videos Jogos multi-player Twitter Pessoasquerendoacessarosserviçosemqualquerlugar…

10. Widgets: a nova geração de aplicativosmóveis.

11. O Que São Widgets? Pequenosaplicativos com usoespecí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çãoparao desktop: Apple Dashboard Windows Vista

12. SucessonosCelulares Chegadada Internet 3G. Serviços Web no celulares. Aumento no número de serviçosdisponíveis. Facilidade no acessoaosserviçosfavoritos. Conteúdootimizadoparaoscelulares. Maisoportunidades a desenvolvedores. Tecnologiasconhecidas. Rápidodesenvolvimento.

13. Mobile Widgets

14. TecnologiasemUso

15. PlataformasDisponíveis

16. Nokia web run time - wrt

17. 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.

18. DispositivosSuportados

19. Nokia S60 SDK Especificoparacadaversãoda S60: 3.1: E71 3.2: N95 5.0: 5800, N97 Permiteemularos widgets. Comportamentobempróximoaosdispositivosreais. Agilidadeefacilidade no desenvolvimento. Semcustos (!!!).

20. Services API Acesso a recursosnativos do telefone: SMS / MMS Contatosecalendário Acelerômetro GPS / Landmarks Câmera / Galeria de imagens Arquivos Em JavaScript nativo, sem overhead.

21. SuporteeDocumentaçã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

22. Bibliotecas JavaScript

23. 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

24. Vendendoseus Widgets

25. WRT Widgets - N97

26. Amazon

27. eBay

28. Friendster

29. Hi5

30. MySpace

31. Javascript Library for WRTJS4WRT 31

32. JS4WRT - Objectives The main goal for Javascript for WRT Project is design and developer a UI Library to do widgets construction for Nokia’s WRT more easy and fast. The new customizable UI elements will help Nokia’s developers community to reduce the GAP between the existent framework and others vendors interface in place. Focus on External Developers. The Library is Open Source 32

33. JS4WRT – Project Scope UI Component Design Spec UI Component Customization UI Components: Image Description (Subtitle) LightBox (Modal) Carrousel Icons Tabs Bar Options Menu Iconic and Textual Menu Busy Indicator Widget Miniview Checkbox Date RadioButton Scroll Accordion Customizable List Transition Transition List Sortable Grid Drop Down Button Rating Liquid Progress Bar Text label Text Link Tool Tip 33

34. Overview on Nokia N97 34

35. Overview on Nokia N97 35

36. Customization The library uses JqueryUI CSS Framework. New themes are easily created by Themeroller. http://www.jqueryui.com/themeroller/ 36

37. JS4WRT Components - JavaScript 37 Component Implementation CORE DOM UTIL WIDGET JavaScript JQuery Component js Component Logic Implementation Core.js Component Creating Functions Dom.js Jquery DOM Manipulation replaced Functions – append, insertBefore, insertAfter, etc. Util.js Util Functions – addClass, prepareForTransition, applyTransition, fadeIn, fadeOut, etc. Widget.js Widget General Functions – registerData, vibrate, fireCallback, registerVibrationOn, etc. Jquery.js Jquery Core 2.6.2

38. JS4WRT Components – CSS Layout 38 Custom CSS Component CSS CSS Nokia Theme jQuery UI CSS Framework Custom CSS Customization CSS File Component.css Component CSS Nokia.css Default Nokia Theme JqueryUiCssFramework JqueryUI CSS generated by Themeroller

39. Devices Targets 5800 N96 E55 N97 N95-8G S60 5th Edition S60 3rd Edition FP 2 S60 3rd Edition FP 1 Partial Support 70% of components Full Support 100% of components * Based onde 3rd Sprint Components * Some CSS adjustiment are necessary to non-touch-devices 39 39

40. Preparandooambiente de desenvolvimento.

41. O Queénecessário ? SDK paraemularoseu Widget. Ou, um dispositivoquesuporte Widgets. Editor de textos (bloco de notas, etc.) Ou, uma IDE parafacilitarsuavida.

42. IDE

43. SDK eEmulador Nokia WRT Plug-in for Aptana Studio. Download do SDK através do Forum Nokia. Diferentes SDKs paracadaplataforma: 3.1/3.2 5.0 N97

44. DúvidasePerguntas

45. Obrigado ! E-mail: netomarin@gmail.com Blog: http://netomarin.blogspot.com