O documento descreve o framework JQuery Mobile, que permite a construção de interfaces gráficas para dispositivos móveis. Ele surgiu para atender a necessidade de frameworks JavaScript que permitam maior interação com recursos de dispositivos móveis do que soluções puramente web. O JQuery Mobile reduz esforço e custo de desenvolvimento e vem com o objetivo de acelerar, facilitar e estruturar o desenvolvimento de aplicativos móveis.

1. JQuery Mobile
Flavio Teixeira
Carlos Teles
Joab Ferreira
Ricardo M. Stancatti
Matheus Scheider

2. O que é?
É um poderoso framework baseado no
javascript puro para construção de
interfaces gráficas em soluções móveis
para a web

3. Necessidade
Com o aumento de soluções Web Apps. Principalmente
baseadas em HTML 5, Javascript e CSS. Surgiu a
necessidade de frameworks em JavaScript, que acabam
permitindo uma interação significativamente maior com os
recursos oferecidos pelos dispositivos do que aquela
permitida em soluções puramente web.

4. Vantagens
Nas Web Apps, existe uma redução de esforço e custo de
desenvolvimento. Uma vez desenvolvido o trabalho, não é
necessário repeti-lo para cada plataforma-alvo. O framework
JQuery Mobile vem com o objetivo de acelerar, facilitar,
maximizar e estruturar o desenvolvimento de Web Apps.

5. Cinco razões para usar JQuery Mobile
1. Variedades de Navegadores e Dispositivos Móveis.
2. Interfaces com o Usuários bastante amigáveis.
3. Interface já responsiva nativamente do framework.
4. Grande variedades de temas (layouts).
5. Sistema de navegação AJAX pronto, onde não é

6. Abrangência
• Apple iOS (iPhone, iPad, iPod Touch);
• Android;
• Windows Phone 7;
• BlackBerry OS.

7. Estrutura
O jQuery Mobile framework foi criado usando uma
arquitetura modular e esses módulos foram divididos em dois
grandes grupos, que são: Componentes e API.

8. Componentes
Páginas e caixas de diálogos
Barra de ferramentas
Botões
Formatação de conteúdo
Elementos de formulário
Listas

9. API
Configurações padrão
Eventos
Métodos e unidades
Temas

10. Exemplo

11. Exemplo

12. Theme Roller
É um sistema de temas bastante denso (um módulo do
JQuery Mobile, algo equivalente ao JQuery UI), que permite
definirmos uma aparência toda customizada para nossas
soluções. É bastante útil para criação de novos temas.
Possui uma variedade gigante de cores, botões, inputs etc.

13. Conclusão
Através deste estudo podemos identificar o JQquery Mobile,
como um framework poderoso, de fácil aprendizado,
bastante dinâmico e customizável. Será (e já é) um dos
pioneiros no desenvolvimento Web App para dispositivos
mobiles.