Este é um post disponível para assinantes MVPEste post também está disponível para assinantes da Mobile magazine DIGITAL
ou para quem possui Créditos DevMedia. Clique aqui para saber mais!
ou para quem possui Créditos DevMedia. Clique aqui para saber mais!
código fonteTrabalhando com armazenamento de dados e jQuery no Android - Revista Mobile Magazine 42
Apresentaremos neste artigo a continuação da implementação de um aplicativo para o sistema operacional Android utilizando as tecnologias HTML, CSS e JavaScript.
Mobile magazine 42
[Artigo disponível no Leitor Digital DevMedia. Clique aqui para acessá-lo]
> Clique aqui para ler todos os artigos da Mobile magazine 42
[Artigo disponível no Leitor Digital DevMedia. Clique aqui para acessá-lo]
> Clique aqui para ler todos os artigos da Mobile magazine 42
Por: Rodrigo Olivieira Spínola, Carlos Cavalcanti e Mayron Cachina
Neste artigo daremos continuidade ao nosso estudo sobre o PhoneGap. O PhoneGap é um framework voltado para o desenvolvimento de aplicações para dispositivos móveis, open source, multiplataforma, com suporte para os sistemas operacionais iOS, Google Android, Palm, Symbian e BlackBerry. Com ele é possível desenvolver aplicações utilizando as tecnologias JavaScript, HTML 5 e CSS3, dispensando assim o uso de SDKs ou compiladores, bastando apenas adicionar um arquivo JavaScript e um JAR para ter acesso a várias funções de seu smartphone.
O JavaScript tem se transformado na linguagem de programação mais popular da web. Inicialmente, no entanto, muitos profissionais denegriram a linguagem. Com o advento do Ajax, o JavaScript teve sua popularidade de volta e recebeu mais atenção profissional. O resultado foi a proliferação de frameworks e bibliotecas, práticas de programação melhoradas e o aumento no uso do JavaScript fora do ambiente de navegadores bem como o uso de plataformas de JavaScript server-side.
Pelo fato do código JavaScript rodar localmente no navegador do usuário, e não em um servidor remoto, o navegador pode responder a tais ações rapidamente, aprimorando desta forma o tempo de resposta para o usuário. Uma JavaScript engine (também conhecida como interpretador JavaScript ou uma implementação JavaScript) interpreta código fonte JavaScript e o executa de forma adequada.
Por ser o JavaScript a única linguagem que a maioria dos navegadores populares suportam, tem se tornado uma linguagem alvo para muitos frameworks em outras linguagens, a despeito do fato de não ter sido planejado para tal.
Atualmente o PhoneGap se encontra na versão 1.0 e já está sendo utilizado por diversas empresas, como é o caso da Adobe, que integrou o framework ao Adobe Dreamweaver, facilitando a criação de aplicativos para dispositivos móveis, podendo ainda testar estes aplicativos em emuladores a partir do próprio editor do Dreamweaver. Para as próximas versões, os desenvolvedores do PhoneGap estão planejando suporte a outras plataformas e novas APIs, que poderão ter acesso a funcionalidades como calendário do smartphone, websockets, criptografia, entre outras.
Dando continuidade ao nosso artigo, iremos abordar nesta segunda parte a área de persistência de dados, ou seja, salvar os dados em um banco de dados local, diretamente no smartphone, chamado de Storage. Demonstraremos a API de persistência do PhoneGap e um pouco mais dos recursos do jQuery Mobile (ler Nota DevMan 1) na parte de formulários, botões e listas.
Nota DevMan 1. jQuery Mobile
O desenvolvimento móvel, atualmente, nos permite agir em uma dentre três abordagens: nativa, web e híbrida. Cada qual possui suas vantagens e desvantagens, mas este é um assunto bastante amplo e que buscaremos resumir, buscando sua essência.
Aplicativos nativos são desenhados especificamente para uma plataforma. Por este motivo, dispõem de todos os recursos do hardware, ampliando o universo de possibilidades de integração com tudo aquilo que é oferecido pelo dispositivo (câmera, bluetooth, persistência, geolocalização, dentre outros). O desempenho, nestes casos, é o melhor que se pode ter.
"
Este é um post disponível para assinantes MVP
Neste artigo daremos continuidade ao nosso estudo sobre o PhoneGap. O PhoneGap é um framework voltado para o desenvolvimento de aplicações para dispositivos móveis, open source, multiplataforma, com suporte para os sistemas operacionais iOS, Google Android, Palm, Symbian e BlackBerry. Com ele é possível desenvolver aplicações utilizando as tecnologias JavaScript, HTML 5 e CSS3, dispensando assim o uso de SDKs ou compiladores, bastando apenas adicionar um arquivo JavaScript e um JAR para ter acesso a várias funções de seu smartphone.
O JavaScript tem se transformado na linguagem de programação mais popular da web. Inicialmente, no entanto, muitos profissionais denegriram a linguagem. Com o advento do Ajax, o JavaScript teve sua popularidade de volta e recebeu mais atenção profissional. O resultado foi a proliferação de frameworks e bibliotecas, práticas de programação melhoradas e o aumento no uso do JavaScript fora do ambiente de navegadores bem como o uso de plataformas de JavaScript server-side.
Pelo fato do código JavaScript rodar localmente no navegador do usuário, e não em um servidor remoto, o navegador pode responder a tais ações rapidamente, aprimorando desta forma o tempo de resposta para o usuário. Uma JavaScript engine (também conhecida como interpretador JavaScript ou uma implementação JavaScript) interpreta código fonte JavaScript e o executa de forma adequada.
Por ser o JavaScript a única linguagem que a maioria dos navegadores populares suportam, tem se tornado uma linguagem alvo para muitos frameworks em outras linguagens, a despeito do fato de não ter sido planejado para tal.
Atualmente o PhoneGap se encontra na versão 1.0 e já está sendo utilizado por diversas empresas, como é o caso da Adobe, que integrou o framework ao Adobe Dreamweaver, facilitando a criação de aplicativos para dispositivos móveis, podendo ainda testar estes aplicativos em emuladores a partir do próprio editor do Dreamweaver. Para as próximas versões, os desenvolvedores do PhoneGap estão planejando suporte a outras plataformas e novas APIs, que poderão ter acesso a funcionalidades como calendário do smartphone, websockets, criptografia, entre outras.
Dando continuidade ao nosso artigo, iremos abordar nesta segunda parte a área de persistência de dados, ou seja, salvar os dados em um banco de dados local, diretamente no smartphone, chamado de Storage. Demonstraremos a API de persistência do PhoneGap e um pouco mais dos recursos do jQuery Mobile (ler Nota DevMan 1) na parte de formulários, botões e listas.
Nota DevMan 1. jQuery Mobile
O desenvolvimento móvel, atualmente, nos permite agir em uma dentre três abordagens: nativa, web e híbrida. Cada qual possui suas vantagens e desvantagens, mas este é um assunto bastante amplo e que buscaremos resumir, buscando sua essência.
Aplicativos nativos são desenhados especificamente para uma plataforma. Por este motivo, dispõem de todos os recursos do hardware, ampliando o universo de possibilidades de integração com tudo aquilo que é oferecido pelo dispositivo (câmera, bluetooth, persistência, geolocalização, dentre outros). O desempenho, nestes casos, é o melhor que se pode ter.
"
A exibição deste artigo foi interrompida.
Este é um post disponível para assinantes MVPEste post também está disponível para assinantes da Mobile magazine DIGITAL
ou para quem possui Créditos DevMedia. Clique aqui para saber mais!
ou para quem possui Créditos DevMedia. Clique aqui para saber mais!
O que você achou deste post?
4 COMENTÁRIOS
Diogo Henrique Da Silva Ribeiro
Muito bom o artigo, o design fica muito show.
[há +1 mês] -
Responder
Mauricio Nunes
Antes de mais nada, gostaria de parabenizá-los pelo artigo. Posso estar enganado, mas foi ate agora o único artigo mais completo que encontrei em português.
Estou começando agora com phonegap e jquery e por isso queria tirar uma dúvida com os autores já que são mais experientes que eu.
O jquery mobile possui um atributo chamado de data-trasition que é utilizado para colocar efeitos nas telas. Dos textos que li, o do tipo flip não funciona no Android, porem gostaria de saber se os outros como slide, fadein, entre outros, funcionam.
Estou começando agora com phonegap e jquery e por isso queria tirar uma dúvida com os autores já que são mais experientes que eu.
O jquery mobile possui um atributo chamado de data-trasition que é utilizado para colocar efeitos nas telas. Dos textos que li, o do tipo flip não funciona no Android, porem gostaria de saber se os outros como slide, fadein, entre outros, funcionam.
[há +1 mês] -
Responder
Diogo Souza
Dá uma olhada nesse link, vai ver que funciona perfeitamente em android:
http://jquerymobile.com/test/docs/pages/page-transitions.html
http://jquerymobile.com/test/docs/pages/page-transitions.html
[há +1 mês] -
Responder
Cursos relacionados
Publicidade
