Nokia Web 1- 5 SDK para Série 40

Desenvolvimento deWeb AppsDesenvolvimento, empacotamento edeploy de Web AppsJavier Ferreira - INdTSeries 40 Nokia Developer Evangelist@jzferreira 1

Conteúdo • Plataforma Série 40 • Web Apps • Nokia Browser • Mobile Web Library (MWL) • Nokia Web Tools • Demo2

O INdT é um Instituto de Pesquisa eDesenvolvimento independente e sem finslucrativos, fundado pela Nokia e focado nageração de novos conceitos, produtos esoluções para as áreas relacionadas comtecnologias móveis e Internet.É o primeiro content provider do Brasil e daAmérica do Sul a superar a marca de 2 milhõesde aplicativos baixados na Nokia Store. Nossosaplicativos foram utilizados por usuários decelulares Nokia espalhados em +200 países aoredor do mundo.http://www.indt.org

A Loja Nokia• Nokia Store é a loja de aplicativos da Nokia. A loja pode ser acessada tanto nos celulares Série 40 quanto em computadores http://store.nokia.com 4

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

Plataforma Série 406

Plataforma Série 40 (2) •1.5 bilhões vendidos •Plataforma mais usada no mundo •Estima-se que 675 milhões desses telefones são usados todos os dias •A plataforma é uma porta de entrada para usuários que procuram utilizar o aparelho com Internet e outros recursos de alta performance com um preço acessível.7

Plataforma Série 40 (3) • Que tecnologia usar para desenvolver uma App para o Série 40? • J2ME •Web Apps: HTML + CSS + JavaScript Nokia Asha 3038

Web Apps• Aplicações Web com aparência e comportamento de aplicações nativas. Uso de padrões Web e tecnologias como HTML, CSS e JavaScript; Exemplo de Web Apps HTML9

Web Apps – Mobile Phones• Tradicionalmente navegadores Web em aparelhos convencionais usam um proxy apenas para renderizar o conteúdo da página• Limita a experiência do usuário Exemplo de funcionamento nos browsers convencionais10

Nokia Browser Série 40 • Duas partes: app client e proxy server • Proxy server: faz todo o processamento e envia os dados otimizados ao cliente • App client: biblioteca MWL (Mobile Web Library) • Suporte para códigos de interação11

Nokia Briwser Série 40(2) Tarefas executadas automaticamente pelo Nokia Browser • Compressão de imagens, otimização do HTML e executa mudanças na página quando há atualizações na página Web; • Comunicação entre cliente e servidor proxy incluem sessões e persistência; • Redução de cores para gráficos com um grande número de 256 cores (8 bits) • Mais informações: http://www.developer.nokia.com/Resources/Library/W eb/#!web-apps/series-40-web-apps/overview.html12

Nokia Browser Série 40(3) • Padrões suportados: • HTML 4.01 http://www.w3.org/TR/1999/REC-html401-19991224/ • JavaScript 1.6 https://developer.mozilla.org/en/JavaScript/Reference e https://developer.mozilla.org/en/JavaScript/New_in_JavaScript/1.6 • CSS Mobile Profile 2 http://www.w3.org/TR/2008/CR-css-mobile- 20081210/ • W3C widget packaging http://www.w3.org/TR/2010/WD-widgets- 20101005/ • SMS URI scheme http://tools.ietf.org/html/rfc5724 (suportado na versão 1.5 e acima) • Um subconjunto do CSS3 para transições animadas http://www.w3.org/TR/2009/WD-css3-animations-20090320/13

Nokia Browser Série 40(4) http://www.developer.nokia.com/Devices/Device_specifi cations/?filter1=serieSérie 40webapps14

Mobile Web Library (MWL) • A biblioteca JavaScript MWL (Mobile Web Library) é responsável em adicionar interatividade no cliente: • Modificação de propriedades CSS: adicionar, remover, trocar classes nos elementos e criar novas classes • Uso de operações temporizadas • O processemanto das operações do MWL devem ser as únicas de JavaScript no cliente; • Os demais processamentos de código JavaScript são feitas no proxy de forma otimizada e que gere o menor tráfico de rede uma vez que o proxy retorna os dados ao cliente.15

MWL (2)• Métodos da biblioteca MWLhttp://www.developer.nokia.com/Resources/Library/Series_40_web_apps_library/#!technical-library/descriptions-of-mwl-methods.html 16

Nokia Web Tools 1.5 • Baseia-se na Plataforma Eclipse; • Ambiente de desenvolvimento Web; • Permite: criar, editar, debugar, empacotar e deploy nos aparelhos da Série 40; • Suporte a última API MWL; • Simulador de aparelho com suporte para teste de Geolocalização.17

Apresentação Nokia Web Tools 1.518

Deploy no Aparelho • Bluetooh Launcher v1.5 Bluetooth Launcher v1.5 • Pode ser instalado ao acessar: http://nokia.ly/btlauncher Menu telefone Execute Conectado19

Nokia Web Tools 2.0 • Onde fazer o download da versão 1.5? • Não está mais disponível essa versão • Dia 25 de junho de 2012 foi disponibilizada versão 2.0 http://www.developer.nokia.com/Develop/Series_40/Series_40_ web_apps/Tools/ • Há grande diferença quanto ao desenvolvimento de Web Apps? • Adicionado 3 grandes novidades: upload e download de arquivo, gerenciador de password e gerenciador de download. • As mudanças são novos templates e exemplos de código, validação CSS e HTML, melhora na acuracia para testar sua app no computador, mais informações: • http://www.developer.nokia.com/Resources/Library/Series_4 0_web_apps_library/#!index.html;#toc_Whatsnewinthislibrary20

Como instalar Nokia Browser? • O processo é transparente tanto para o usuário quanto para o desenvolvedor; • Três possibilidades: 1. Por meio de download da Loja Nokia 2. Atualização 3. Caso faça o download de uma Web App da loja e o usuário não tem o Nokia Browser, então automaticamente é feito o download do Nokia Browser e em seguida da app.21

Interação Nokia Developer http://www.developer.nokia.com Twitter: @nokiadev_brasil Grupo Devs Série 40 no Nokia Developer http://www.developer.nokia.com/Co mmunity/Discussion/group.php?grou pid=11422

Obrigado! Javier Ferreira javier.ferreira@indt.org.br @jzferreira23 INdT 2012 | Filename.pptx v. 0.1 YYYY-MM-DD Author Document ID [Edit via Insert > Header & Footer]

Nokia Web 1- 5 SDK para Série 40

by Nokia Developer on Jul 12, 2012

Accessibility

Categories

Upload Details

Usage Rights

Statistics

Nokia Web 1- 5 SDK para Série 40 Presentation Transcript