SlideShare uma empresa Scribd logo
1 de 11
Integrantes
Nome: Diego Barreto MAT: 67484
Nome: Fernanda Nardin MAT: 67481
Nome: Geraldo Aparecido MAT: 67489
Nome: Wenderson Pires MAT: 67499
Nome: Wladmir Júnior MAT: 67506
jQuery Mobile é um framework para o desenvolvimento de aplicações web para dispositivos móveis;
O que é?
Personalizado para a interação por toque;
Utilizando uma técnica denominada “melhoria progressiva”, o
jQuery Mobile permite que tanto os navegadores mais básicos
quanto os mais avançados – desde que sejam capazes de
interpretar CSS e JavaScript – possam renderizar as páginas e
conservar uma boa experiência de usuário, adaptando-se às
limitações impostas por estes navega.
Características
Mantém o princípio de fazer mais escrevendo menos, possibilitando a criação de aplicações únicas para
todos os dispositivos móveis e sistemas operacionais.
Características
O framework disponibiliza diversas ferramentas e recursos nativos como o Sliders e Toggles.
Sliders
Toggles.
Características
Seu desenvolvimento se dá com base na biblioteca jQuery, adicionando os mecanismos e as
funcionalidades da jQuery UI. A sua sintaxe é baseada na biblioteca jQuery, proporcionando
aprendizagem mais rápida, sem a necessidade de programação sofisticada, já que usa o padrão da
programação com jQuery.
O tamanho do arquivo .js do jQuery é bem pequeno e com mínima necessidade de imagens,
proporcionando assim um carregamento mais rápido.
Sua arquitetura modular disponibiliza a seleção personalizada dos componentes de acordo com as
necessidades de cada uma das aplicações desenvolvidas.
Características
Utiliza a HTML5 para a estrutura e inserção de comportamento nas páginas, melhorando assim o resultado
em desenvolvimento ágil e tendo a mínima necessidade de utilizar script.
Sistema de navegação baseado em AJAX, que permite ao desenvolvedor fazer animações de transação de
páginas sem comprometer a funcionalidade de botões de retrocesso, o armazenamento de favoritos e o
controle de URLs.
Contém também funcionalidades para acessibilidade com adicionamento de mecanismos da WAI-ARIA,
fornecendo correta leitura das páginas por leitores de tela, como o VoiceOver no iOs.
Tem compatibilidade com a maioria dos dispositivos móveis, tablets, e-readers e também das plataformas
desktop: iOs, Android, Blackberry, Palm WebOs, Nokia/Sybian, Windows phone 7, MeeGo, Opera
Mobile/Mini, FireFox Mobile, Kindle, Nook e todos os outros navegadores modernos
Características
Framework para a utilização de temas, ThemeRoller, personalizável e de fácil utilização.
Utiliza uma API própria, robusta e completa, capaz de fornecer funcionalidades para desenvolvimento de
scripts para personalização de todos os mecanismos do framework.
Suporte a interação via toque, para os eventos de mouse e de foco com a utilização de uma API simples.
Contém um conjunto de widgets para interface de usuário personalizado para interação por toque,
estilizáveis, fáceis de usar, multiplataforma e com capacidade de substituir controles nativos.
Arquitetura
O jQuery Mobile framework foi criado adotando uma arquitetura modular e esses módulos foram
divididos em dois grandes grupos, que são: componentes e API.
Segue abaixo a definição dos dois grupos:
Módulo Componentes
•Páginas e caixas de diálogos
•Barra de ferramentas
•Botões
•Formatação de conteúdo
•Elementos de formulário
•Listas
Módulo API
•Configurações padrão
•Eventos
•Métodos e unidades
•Temas
Estrutura básica
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Estrutura básica JQuery Mobile. </title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css"/>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js">
</script>
</head>
O código abaixo demonstra um layout mínimo para desenvolver uma página para dispositivo móvel. Esta
seria uma maneira correta de como referenciar os arquivos necessários ao funcionamento do framework
dentro desse código.
Referências Bibliográficas
http://www.devmedia.com.br/introducao-ao-framework-jquery-mobile/27213
http://www.devmedia.com.br/jquery-mobile-desenvolvimento-de-aplicatos-moveis-para-a-web-revista-
mobile-magazine-40/23555
http://www.criarweb.com/artigos/intro-jquery-mobile.html

Mais conteúdo relacionado

Mais procurados

Mais procurados (17)

Desenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User InterfaceDesenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
 
Introdução ao PhoneGap
Introdução ao PhoneGapIntrodução ao PhoneGap
Introdução ao PhoneGap
 
Web ou App?
Web ou App?Web ou App?
Web ou App?
 
Mobile Dev - Aplicativos
Mobile Dev - AplicativosMobile Dev - Aplicativos
Mobile Dev - Aplicativos
 
API REST com Django Rest Famework
API REST com Django Rest Famework API REST com Django Rest Famework
API REST com Django Rest Famework
 
Projeto master
Projeto masterProjeto master
Projeto master
 
Projeto master
Projeto masterProjeto master
Projeto master
 
Funcionalidades word press
Funcionalidades word press Funcionalidades word press
Funcionalidades word press
 
Ass widget
Ass widgetAss widget
Ass widget
 
Básico de desenvolvimento com Android
Básico de desenvolvimento com AndroidBásico de desenvolvimento com Android
Básico de desenvolvimento com Android
 
Tecnologias ria2
Tecnologias ria2Tecnologias ria2
Tecnologias ria2
 
[Cloud Summit 2010] Francisco Gioielli - Google Apps
[Cloud Summit 2010] Francisco Gioielli - Google Apps[Cloud Summit 2010] Francisco Gioielli - Google Apps
[Cloud Summit 2010] Francisco Gioielli - Google Apps
 
Framework7
Framework7Framework7
Framework7
 
Widgets
WidgetsWidgets
Widgets
 
Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8
 
Os 12 fatores: uma metodologia para criação de projetos SaaS
Os 12 fatores: uma metodologia para criação de projetos SaaSOs 12 fatores: uma metodologia para criação de projetos SaaS
Os 12 fatores: uma metodologia para criação de projetos SaaS
 
Publica! CMS
Publica! CMSPublica! CMS
Publica! CMS
 

Semelhante a jQuery Mobile

Asoso tipos de aplicações móveis (1)
Asoso   tipos de aplicações móveis (1)Asoso   tipos de aplicações móveis (1)
Asoso tipos de aplicações móveis (1)
grupouro
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livre
Ruan Carvalho
 
Plataforma Android: Produtividade Além do SDK
Plataforma Android: Produtividade Além do SDKPlataforma Android: Produtividade Além do SDK
Plataforma Android: Produtividade Além do SDK
Ryan Padilha
 
Introdução ao PhoneGap
Introdução ao PhoneGapIntrodução ao PhoneGap
Introdução ao PhoneGap
Lucas Félix
 
Java: Muito mais que uma linguagem!
Java: Muito mais que uma linguagem!Java: Muito mais que uma linguagem!
Java: Muito mais que uma linguagem!
Aécio Costa
 
Palestra urutai-mobile
Palestra urutai-mobilePalestra urutai-mobile
Palestra urutai-mobile
Rogerio Fontes
 
Desenvolvimento de aplicações para dispositivos móveis módulo i - aula 2
Desenvolvimento de aplicações para dispositivos móveis   módulo i - aula 2Desenvolvimento de aplicações para dispositivos móveis   módulo i - aula 2
Desenvolvimento de aplicações para dispositivos móveis módulo i - aula 2
Carlos Eugenio Torres
 

Semelhante a jQuery Mobile (20)

Asoso tipos de aplicações móveis (1)
Asoso   tipos de aplicações móveis (1)Asoso   tipos de aplicações móveis (1)
Asoso tipos de aplicações móveis (1)
 
5 frameworks para desenvolvimento de apps em html5
5 frameworks para desenvolvimento de apps em html55 frameworks para desenvolvimento de apps em html5
5 frameworks para desenvolvimento de apps em html5
 
5 frameworks para desenvolvimento de apps em html5
5 frameworks para desenvolvimento de apps em html55 frameworks para desenvolvimento de apps em html5
5 frameworks para desenvolvimento de apps em html5
 
WebSphere 8 Intro (pt-BR)
WebSphere 8 Intro (pt-BR)WebSphere 8 Intro (pt-BR)
WebSphere 8 Intro (pt-BR)
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livre
 
Desenvolvimento web com Software Livre
Desenvolvimento web com Software LivreDesenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
 
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
 
Plataforma Android: Produtividade Além do SDK
Plataforma Android: Produtividade Além do SDKPlataforma Android: Produtividade Além do SDK
Plataforma Android: Produtividade Além do SDK
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Introdução ao PhoneGap
Introdução ao PhoneGapIntrodução ao PhoneGap
Introdução ao PhoneGap
 
Jquery Mobile
Jquery MobileJquery Mobile
Jquery Mobile
 
Mini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisMini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos Móveis
 
Conhecendo Java
Conhecendo JavaConhecendo Java
Conhecendo Java
 
JQuery Mobile
JQuery MobileJQuery Mobile
JQuery Mobile
 
Java: Muito mais que uma linguagem!
Java: Muito mais que uma linguagem!Java: Muito mais que uma linguagem!
Java: Muito mais que uma linguagem!
 
Palestra urutai-mobile
Palestra urutai-mobilePalestra urutai-mobile
Palestra urutai-mobile
 
InfraGUIBuilder
InfraGUIBuilderInfraGUIBuilder
InfraGUIBuilder
 
Desenvolvimento de aplicações para dispositivos móveis módulo i - aula 2
Desenvolvimento de aplicações para dispositivos móveis   módulo i - aula 2Desenvolvimento de aplicações para dispositivos móveis   módulo i - aula 2
Desenvolvimento de aplicações para dispositivos móveis módulo i - aula 2
 
Cursos
CursosCursos
Cursos
 
JavaFX - Uma visão Geral
JavaFX - Uma visão GeralJavaFX - Uma visão Geral
JavaFX - Uma visão Geral
 

Último

Último (8)

Palestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo PagliusiPalestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo Pagliusi
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docxATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx
 
Entrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo PagliusiEntrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo Pagliusi
 
ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx
ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docxATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx
ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx
 
Aula 01 - Introducao a Processamento de Frutos e Hortalicas.pdf
Aula 01 - Introducao a Processamento de Frutos e Hortalicas.pdfAula 01 - Introducao a Processamento de Frutos e Hortalicas.pdf
Aula 01 - Introducao a Processamento de Frutos e Hortalicas.pdf
 
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINAS
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINASCOI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINAS
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINAS
 
Convergência TO e TI nas Usinas - Setor Sucroenergético
Convergência TO e TI nas Usinas - Setor SucroenergéticoConvergência TO e TI nas Usinas - Setor Sucroenergético
Convergência TO e TI nas Usinas - Setor Sucroenergético
 

jQuery Mobile

  • 1.
  • 2. Integrantes Nome: Diego Barreto MAT: 67484 Nome: Fernanda Nardin MAT: 67481 Nome: Geraldo Aparecido MAT: 67489 Nome: Wenderson Pires MAT: 67499 Nome: Wladmir Júnior MAT: 67506
  • 3. jQuery Mobile é um framework para o desenvolvimento de aplicações web para dispositivos móveis; O que é? Personalizado para a interação por toque; Utilizando uma técnica denominada “melhoria progressiva”, o jQuery Mobile permite que tanto os navegadores mais básicos quanto os mais avançados – desde que sejam capazes de interpretar CSS e JavaScript – possam renderizar as páginas e conservar uma boa experiência de usuário, adaptando-se às limitações impostas por estes navega.
  • 4. Características Mantém o princípio de fazer mais escrevendo menos, possibilitando a criação de aplicações únicas para todos os dispositivos móveis e sistemas operacionais.
  • 5. Características O framework disponibiliza diversas ferramentas e recursos nativos como o Sliders e Toggles. Sliders Toggles.
  • 6. Características Seu desenvolvimento se dá com base na biblioteca jQuery, adicionando os mecanismos e as funcionalidades da jQuery UI. A sua sintaxe é baseada na biblioteca jQuery, proporcionando aprendizagem mais rápida, sem a necessidade de programação sofisticada, já que usa o padrão da programação com jQuery. O tamanho do arquivo .js do jQuery é bem pequeno e com mínima necessidade de imagens, proporcionando assim um carregamento mais rápido. Sua arquitetura modular disponibiliza a seleção personalizada dos componentes de acordo com as necessidades de cada uma das aplicações desenvolvidas.
  • 7. Características Utiliza a HTML5 para a estrutura e inserção de comportamento nas páginas, melhorando assim o resultado em desenvolvimento ágil e tendo a mínima necessidade de utilizar script. Sistema de navegação baseado em AJAX, que permite ao desenvolvedor fazer animações de transação de páginas sem comprometer a funcionalidade de botões de retrocesso, o armazenamento de favoritos e o controle de URLs. Contém também funcionalidades para acessibilidade com adicionamento de mecanismos da WAI-ARIA, fornecendo correta leitura das páginas por leitores de tela, como o VoiceOver no iOs. Tem compatibilidade com a maioria dos dispositivos móveis, tablets, e-readers e também das plataformas desktop: iOs, Android, Blackberry, Palm WebOs, Nokia/Sybian, Windows phone 7, MeeGo, Opera Mobile/Mini, FireFox Mobile, Kindle, Nook e todos os outros navegadores modernos
  • 8. Características Framework para a utilização de temas, ThemeRoller, personalizável e de fácil utilização. Utiliza uma API própria, robusta e completa, capaz de fornecer funcionalidades para desenvolvimento de scripts para personalização de todos os mecanismos do framework. Suporte a interação via toque, para os eventos de mouse e de foco com a utilização de uma API simples. Contém um conjunto de widgets para interface de usuário personalizado para interação por toque, estilizáveis, fáceis de usar, multiplataforma e com capacidade de substituir controles nativos.
  • 9. Arquitetura O jQuery Mobile framework foi criado adotando uma arquitetura modular e esses módulos foram divididos em dois grandes grupos, que são: componentes e API. Segue abaixo a definição dos dois grupos: Módulo Componentes •Páginas e caixas de diálogos •Barra de ferramentas •Botões •Formatação de conteúdo •Elementos de formulário •Listas Módulo API •Configurações padrão •Eventos •Métodos e unidades •Temas
  • 10. Estrutura básica <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Estrutura básica JQuery Mobile. </title> <link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css"/> <script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"> </script> </head> O código abaixo demonstra um layout mínimo para desenvolver uma página para dispositivo móvel. Esta seria uma maneira correta de como referenciar os arquivos necessários ao funcionamento do framework dentro desse código.