✅ Web em dispositivos móveis

Índice

Uma solução seria desenvolver um aplicativo para cada dispositivo e plataforma Android, iOS, BlackBerry, Windows Phone, etc.
A outra seria criar uma versão da web móvel. Uma opção interessante é usar o Jquery mobile, um framework Jquery para facilitar o desenvolvimento compatível de websites orientados para mobile. Jquery é um framework javascript amplamente utilizado no desenvolvimento de sites.
Um dos principais objetivos do Jquery mobile é que o desenvolvedor não tenha que lutar com os navegadores por compatibilidade, mas sim que o framework forneça compatibilidade.
Começaremos baixando o framework em http://jquerymobile.com/download/ as bibliotecas jquery e css, podemos usá-las compactadas ou descompactadas.
Criamos o cabeçalho da web indicando as bibliotecas que usaremos

 Alugue o seu carro

Em seguida, criamos o corpo da web, não expomos o css aqui, mas você pode dar a ele o formato e design que desejar. O framework Jqeury possui diversos componentes já programados para que possamos usar e facilitar a tarefa. Neste caso, usaremos listview.



mini Cooper


Mercedes

O componente listview transforma uma lista html


item

em uma lista com o atributo lisview role

 

Elemento 1

As bibliotecas Jquery mobile e css já têm o código predefinido que transformará o listview em um menu como o que veremos
A ideia então de um site de aluguel de automóveis. Onde o usuário seleciona o carro que deseja e pode ir para uma ficha técnica, um formulário de contato também pode ser adicionado.

Vemos como neste caso o listview se tornou um menu para selecionar os carros, o exemplo é apenas a página inicial da web. Também podemos verificar se funciona em qualquer dispositivo móvel ou em computadores.
Existem muitos atributos e vantagens que este framework tem, outra possibilidade para nossa aplicação seria dividir em categorias usando o atributo list-divider, por exemplo, para dividir Sedan e Cabrio.

 
Se dão


mini Cooper

Cabrio


Mercedes

As possibilidades de criação de aplicativos são infinitas, para sites estáticos ou dinâmicos e aplicativos de captura de dados.
Uma ferramenta muito boa e gratuita para desenvolvedores é o Netbeans, pois inclui todas as bibliotecas para desenvolver aplicativos com html5 e Jquery mobile.
Existem várias ferramentas online, como http://ipadpeek.com/ para testar aplicativos, embora não sejam totalmente precisas, uma vez que são simuladores.
Podemos ver o mesmo exemplo, mas com o atributo list-divider aplicado como exemploGostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo