SlideShare uma empresa Scribd logo
1 de 50
ReMobile Felipe Andrade Diretor de Tecnologia – i2 Forum Nokia Champion Forum Nokia Widgets Ambassador Forum Nokia Developer Advisory Council Member twitter.com/felipeandrade blogs.forum.nokia.com/blog/felipe-andrades-forum-nokia-blog Recife – Brazil – 02.2009
ReMobile ,[object Object],[object Object],[object Object],[object Object],[object Object]
Web Runtime (WRT) Desenvolvimento  Web para dispositivos Nokia S60
Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
O Que São Widgets
Widgets ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Evolução da Web
Evolução da Web ,[object Object],[object Object],[object Object]
Widgets para diferentes plataformas
Tipos de Widgets ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Widget Engine
Nokia Web Runtime
Web Runtime para plataforma S60
Web Runtime para Plataforma S60 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Web Runtime como uma VM ,[object Object],[object Object],[object Object],[object Object],[object Object]
Web Browser para S60
Expande  as  API’s  do Web Browser S60
Web Runtime - Objetivos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Web Runtime - Futuro ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Mobile Widgets ,[object Object],[object Object],[object Object]
O que tem dentro de um web widget S60
Estrutura de um Web Widget S60 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Info.plist – Propriedades de um Widget ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WRT - Propriedades suportadas Nome Tipo Status Descrição DisplayName String Required Especifica o atual nome do widget listado na barra de aplicações Identifier String Required Especifica um nome único para o widget no formato de domínio reverso MainHTML String Required Especifica o nome do HTML principal AllowNetworkAcess Boolean Opcional Especifica acesso a dados da rede através dos recursos do Widget ShortVersionString String Opcional Especifica a versão do release da aplicação Version Number Opcional Especifica a versão do pacote
Icon.png ,[object Object],[object Object],[object Object]
Dentro de um WRT Widget S60 ,[object Object],[object Object],[object Object]
Processo de Instalação de um  Widget
Desenvolvimento de Widgets
4 Passos para Desenvolver Widgets ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
3 Passos para Publicar Widgets ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
O que você precisa para começar? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Aptana Studio
Desenvolvendo Web Widgets no Emulador
Desenvolvendo Web Widgets no Emulador
Adicionando Conteúdo Interativo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Introdução a API’s WRT
Objeto Widget ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Objeto Widget function manipularTela() { var h = window.screen.height; var w = window.screen.width; if (h < w) widget.setDisplayLanscape(); else widget.setDisplayPortrait(); }
Objeto Menu ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Objeto MenuItem ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Objeto MenuItem function createMenu { var settings = new MenuItem(‘Settings’, 10); settings.onSelect = showSettings; window.menu.append(settings); } function showSettings(id) { document.getElementById(‘setting’).style.display = ‘block’; }
SystemInfo Service API ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SystemInfo Service API ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SystemInfo Service API ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SystemInfo Service API ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SystemInfo Service API File system methods drivesize(String:drive) drivefree(String:drive) File system properties drivelist [readonly, String] Language properties language [readonly, String]
Segurança nos Widgets
Visão Geral ,[object Object],[object Object],[object Object],[object Object]
Política de Segurança WRT 1.1 JavaScript Service API Capability SystemInfo ReadUserData, Location Messaging ReadUserData, WriteUserData, NetworkServices Logging ReadUserData, WriteUserData Location Location Landmarks ReadUserData, WriteUserData Contacts ReadUserData, WriteUserData Calender   ReadUserData, WriteUserData Application Manager ReadUserData
Obrigado!

Mais conteúdo relacionado

Semelhante a Desenvolvimento de Widgets S60

Concurso widgets da TMN
Concurso widgets da TMNConcurso widgets da TMN
Concurso widgets da TMNjosemataf
 
SharePoint Deployment
SharePoint DeploymentSharePoint Deployment
SharePoint DeploymentAndré Vala
 
Curso ASP.Net - Módulo 1
Curso ASP.Net - Módulo 1Curso ASP.Net - Módulo 1
Curso ASP.Net - Módulo 1michellobo
 
Analise frameworks php
Analise frameworks phpAnalise frameworks php
Analise frameworks phpIgor Moura
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaDiego Cavalca
 
Silverlight no MIC Summer 2011
Silverlight no MIC Summer 2011 Silverlight no MIC Summer 2011
Silverlight no MIC Summer 2011 Felipe Pimentel
 
HTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebHTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebDiego Pessoa
 
Primeiros passos com o framework Sencha Ext JS
Primeiros passos com o framework Sencha Ext JSPrimeiros passos com o framework Sencha Ext JS
Primeiros passos com o framework Sencha Ext JSWemerson Januario
 
AAB301 - Rich Internet Application - wcamb
AAB301 - Rich Internet Application - wcambAAB301 - Rich Internet Application - wcamb
AAB301 - Rich Internet Application - wcambMicrosoft Brasil
 
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBHTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBFábio Flatschart
 
HTML5- Road Show TI - Senac Jaboticabal
HTML5- Road Show TI -  Senac Jaboticabal HTML5- Road Show TI -  Senac Jaboticabal
HTML5- Road Show TI - Senac Jaboticabal Clécio Bachini
 
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxLuiz Antonio
 
Road Show TI Senac São Paulo - Jaú
Road Show TI Senac São Paulo - JaúRoad Show TI Senac São Paulo - Jaú
Road Show TI Senac São Paulo - JaúClécio Bachini
 
HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012Fábio Flatschart
 
Site estático + Hospedagem Gratuita.pdf
Site estático + Hospedagem Gratuita.pdfSite estático + Hospedagem Gratuita.pdf
Site estático + Hospedagem Gratuita.pdfDanilo Pinotti
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sitesthiagolima
 
Firefox - Developer's Best Friend // Fisl2008
Firefox - Developer's Best Friend // Fisl2008Firefox - Developer's Best Friend // Fisl2008
Firefox - Developer's Best Friend // Fisl2008Clauber Stipkovic
 

Semelhante a Desenvolvimento de Widgets S60 (20)

Concurso widgets da TMN
Concurso widgets da TMNConcurso widgets da TMN
Concurso widgets da TMN
 
SharePoint Deployment
SharePoint DeploymentSharePoint Deployment
SharePoint Deployment
 
Curso ASP.Net - Módulo 1
Curso ASP.Net - Módulo 1Curso ASP.Net - Módulo 1
Curso ASP.Net - Módulo 1
 
Analise frameworks php
Analise frameworks phpAnalise frameworks php
Analise frameworks php
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec Cafelândia
 
Silverlight no MIC Summer 2011
Silverlight no MIC Summer 2011 Silverlight no MIC Summer 2011
Silverlight no MIC Summer 2011
 
JQuery Mobile
JQuery MobileJQuery Mobile
JQuery Mobile
 
HTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebHTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da Web
 
Primeiros passos com o framework Sencha Ext JS
Primeiros passos com o framework Sencha Ext JSPrimeiros passos com o framework Sencha Ext JS
Primeiros passos com o framework Sencha Ext JS
 
SpugRIA
SpugRIASpugRIA
SpugRIA
 
AAB301 - Rich Internet Application - wcamb
AAB301 - Rich Internet Application - wcambAAB301 - Rich Internet Application - wcamb
AAB301 - Rich Internet Application - wcamb
 
HTML 5 e Open Web Platform
HTML 5 e Open Web PlatformHTML 5 e Open Web Platform
HTML 5 e Open Web Platform
 
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBHTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
 
HTML5- Road Show TI - Senac Jaboticabal
HTML5- Road Show TI -  Senac Jaboticabal HTML5- Road Show TI -  Senac Jaboticabal
HTML5- Road Show TI - Senac Jaboticabal
 
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
 
Road Show TI Senac São Paulo - Jaú
Road Show TI Senac São Paulo - JaúRoad Show TI Senac São Paulo - Jaú
Road Show TI Senac São Paulo - Jaú
 
HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012
 
Site estático + Hospedagem Gratuita.pdf
Site estático + Hospedagem Gratuita.pdfSite estático + Hospedagem Gratuita.pdf
Site estático + Hospedagem Gratuita.pdf
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Firefox - Developer's Best Friend // Fisl2008
Firefox - Developer's Best Friend // Fisl2008Firefox - Developer's Best Friend // Fisl2008
Firefox - Developer's Best Friend // Fisl2008
 

Desenvolvimento de Widgets S60

  • 1. ReMobile Felipe Andrade Diretor de Tecnologia – i2 Forum Nokia Champion Forum Nokia Widgets Ambassador Forum Nokia Developer Advisory Council Member twitter.com/felipeandrade blogs.forum.nokia.com/blog/felipe-andrades-forum-nokia-blog Recife – Brazil – 02.2009
  • 2.
  • 3. Web Runtime (WRT) Desenvolvimento Web para dispositivos Nokia S60
  • 4.
  • 5. O Que São Widgets
  • 6.
  • 8.
  • 10.
  • 13. Web Runtime para plataforma S60
  • 14.
  • 15.
  • 17. Expande as API’s do Web Browser S60
  • 18.
  • 19.
  • 20.
  • 21. O que tem dentro de um web widget S60
  • 22.
  • 23.
  • 24. WRT - Propriedades suportadas Nome Tipo Status Descrição DisplayName String Required Especifica o atual nome do widget listado na barra de aplicações Identifier String Required Especifica um nome único para o widget no formato de domínio reverso MainHTML String Required Especifica o nome do HTML principal AllowNetworkAcess Boolean Opcional Especifica acesso a dados da rede através dos recursos do Widget ShortVersionString String Opcional Especifica a versão do release da aplicação Version Number Opcional Especifica a versão do pacote
  • 25.
  • 26.
  • 27. Processo de Instalação de um Widget
  • 29.
  • 30.
  • 31.
  • 35.
  • 37.
  • 38. Objeto Widget function manipularTela() { var h = window.screen.height; var w = window.screen.width; if (h < w) widget.setDisplayLanscape(); else widget.setDisplayPortrait(); }
  • 39.
  • 40.
  • 41. Objeto MenuItem function createMenu { var settings = new MenuItem(‘Settings’, 10); settings.onSelect = showSettings; window.menu.append(settings); } function showSettings(id) { document.getElementById(‘setting’).style.display = ‘block’; }
  • 42.
  • 43.
  • 44.
  • 45.
  • 46. SystemInfo Service API File system methods drivesize(String:drive) drivefree(String:drive) File system properties drivelist [readonly, String] Language properties language [readonly, String]
  • 48.
  • 49. Política de Segurança WRT 1.1 JavaScript Service API Capability SystemInfo ReadUserData, Location Messaging ReadUserData, WriteUserData, NetworkServices Logging ReadUserData, WriteUserData Location Location Landmarks ReadUserData, WriteUserData Contacts ReadUserData, WriteUserData Calender ReadUserData, WriteUserData Application Manager ReadUserData

Notas do Editor

  1. Bom dia, para aqueles que não me conheçem ainda, sou Felipe Andrade, co-fundador da i2 tecnologia, empresa com foco em entretenimento para dispositivos móveis. Na i2tecnologia trabalhamos com o Adobe Flash, Python S60, Java ME, Widgets, Symbian, desenvolvimento para o iPhone, Android, Palm. Em 2007, recebi o titulo de Forum Nokia Champion, em razão das minhas contribuições para o desenvolvimento mobile utilizando smartphones Nokia.