SlideShare uma empresa Scribd logo
Compilado com base nas referências por
José Augusto Cintra
Professor da Faculdade Sumaré – SP
Analista deTI da Empresa PRODAM – SP
josecintra@josecintra.com
http://www.josecintra.com/blog
Desenvolvimento de
Aplicativos Móveis Multiplataforma
Introdução
Objetivo:
Apresentar tecnologias web que permitam a criação de aplicativos móveis
multiplataforma e compará-las às formas tradicionais de desenvolvimento.
Principais Plataformas Móveis
 Apple
 Sistema Operacional: IOS
 Linguagem: Objective C
 Android
 Sistema Operacional:Android (Linux)
 Linguagem: Java c/MáquinaVirtual Dalvik
 Windows
 Sistema Operacional:Windows Phone
 Linguagem: C#,VB.NET, ...
 Novas plataformas: Firefox,Tizen, ...
Características das Plataformas Móveis
 Touch
 Acelerômetro/Sensores
 Multimídia aprimorada
 GPS
 Internet / Social
Novas Experiências de Usuário
Características das Plataformas Móveis
 Novas formas de monetização:
 Aplicativos pagos
 Premium
 Aplicativos “grátis”
 Advertising
 Propagandas
 Freemium
 Compra de itens individuais (in-app)
Dificuldades de Desenvolvimento
 Diferentes plataformas:
 Maiores oportunidades de vendas
 Maior curva de aprendizado
 Maiores custos
 Manutenção complexa
Como minimizar essas dificuldades ???
Resposta: Utilizando uma única ferramenta que gere código
nativo para várias plataformas!
Por que não HTML?
Ou melhor:
WEB APPS
WEB Apps
 Web Apps ou HTML Apps não diferem muito das aplicações web
tradicionais, a não ser por 3 detalhes:
 Podem ser instaladas no dispositivo local (celular, tablet, desktop);
 Podem ser executadas em modo offline;
 Possuem acesso às APIs e manipulam recursos locais dos dispositivos
como câmera, acelerômetro, GPS, etc.
WEB Apps
 Web Apps são escritas com tecnologias abertas e responsivas que se baseiam
na tríade HTML5, CSS3 e Javascript. Dessa forma, com ferramentas
apropriadas, é possível, por exemplo, executar uma aplicação web em um
dispositivo Android como se fosse uma aplicação nativa com acesso aos
recursos que a máquina disponibiliza!
Tecnologias
Essa magia é possível graças aos seguintes fatores:
 Evolução do HTML e CSS  HTML5 e seus novos recursos (Canvas,
áudio, novos controles, etc.).
 Evolução do Javascript e novos frameworks
 Design responsivo
 Frameworks híbridos
Tecnologias
 HTML5
 Canvas  Elemento usado para desenhar gráficos “on the fly”.
 Audio  Elemento que padroniza a execução de áudio.
 Entrada de dados  Novos controles sofisticados para interação com o
usuário
 GPS  O Recurso de Geolocalização do HTML5 permite determinar a
localização geográfica do usuário em termos de coordenadas
 CSS3
 Novas opções de formatação e recursos como media-queries e design
responsivo permitem construir interfaces próximas do visual dos
dispositivos mobile
Tecnologias
Armazenamento de Dados
A persistência de dados em webapps pode ser implementada através da API
Web Storage do HTML5 ou através de bancos de dados mobile.
 Web Storage
 sessionStorage  Dados voláteis
 localStorage  Dados que persistem entre as sessões, mesmo após o encerramento
das aplicações com Javascript e SQLite
 Bancos de Dados Mobile
 Existem versões mobile dos principais bancos de dados do mercado que
disponibilizam APIS Javascript para utilização em webapps.
Tecnologias
Bibliotecas Javascript
 Frameworks Mobile  Facilitam a criação de interfaces responsivas com as
características dos dispositivos móveis
 Jquery Mobile, Zepto.js, SenchaTouch
 Canvas Facilitam o trabalho com o elemento HTML5 Canvas
 oCanvas, KinectiJS (exemplo)
 Audio  Facilitam o trabalho com o elemento HTML5 Audio
 Buzz, SoundJS
 Touch  Oferecem suporte para eventos “Touch”
 Hammer, QuoJS
Tecnologias
Bibliotecas Javascript para criação de Jogos HTML5
 Ambientes de desenvolvimento completos
 Construct2 , GameMaker, GameSalad, etc.
 Bibliotecas
 Quintus, Crafty, Enchant, etc.
Tecnologias
Frameworks híbridos
Frameworks que criam uma ponte entre as aplicações nativas e as
aplicações WEB, fornecendo um gateway entre o WebApp e os dispositivos
móveis, permitindo criar uma aplicação que possua acesso aos recursos
locais como a câmera, o acelerômetro, etc.
 PhoneGap, CocoonJS, IntelXDK
Ferramentas dessa natureza é que permitem que o webapp seja vendido
nas lojas e instalado nos diversos dispositivos.
Web Apps: Prós e Contras
Comparação em relação ao desenvolvimento multiplataforma
WebApp App Nativa
Performance
- +
Acesso a recursos do dispositivo
- +
Facilidade de Desenvolvimento + -
Custo de Desenvolvimento + -
Curva de aprendizado + -
Estratégias de desenvolvimento
1. Ter uma ideia (Parte mais difícil)
o Aplicativos simples muitas vezes dão melhores resultados
2. Escolher a forma de monetização
o Aplicativos “Grátis” podem ser um bom começo
3. Montar uma equipe de profissionais
o A menos que você possua muito tempo disponível
4. Desenvolver (Parte mais fácil)
o Basta possuir conhecimento de Javacript, HTML e CSS
5. Publicar (Muito trabalhoso)
o Diversas lojas, muita burocracia
6. Divulgar (Pode ser caro)
o As ferramentas gratuitas de marketing podem trazer resultados a
longo prazo
Referências
Links:
 http://www.w3schools.com/html/default.asp
 http://www.html-apps.info
 http://pt.slideshare.net/rodrigocasca/phonegap-criando-aplicacoes-android-e-ios-com-html5
 https://developer.mozilla.org/en-US/Apps/Quickstart/Build/Intro_to_open_web_apps
Livros:
 Jonathan Stark,“Building AndroidApps with HTML, CSS and JavaScript”, 2010, O’Reilly
 Pascal Rettig,” Professional HTML5 Mobile Game Development”,2012,JohnWiley & Sons Inc
<fim> Obrigado! </fim>

Mais conteúdo relacionado

Mais procurados

Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
Pedro Edson Silva Barros
 
Introdução intel XDK
Introdução intel XDKIntrodução intel XDK
Introdução intel XDK
Vicente Salgueiro Filho
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Diego Cavalca
 
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic FrameworkMinicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Cristian Dean
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-Platform
Adriel Café
 
Abra sua cabeça, apps híbridos - PhoneGap/Cordova
Abra sua cabeça, apps híbridos - PhoneGap/CordovaAbra sua cabeça, apps híbridos - PhoneGap/Cordova
Abra sua cabeça, apps híbridos - PhoneGap/Cordova
Gustavo Costa
 
Ciclo de palestras da JFRJ - Aplicativos Móveis
Ciclo de palestras da JFRJ - Aplicativos MóveisCiclo de palestras da JFRJ - Aplicativos Móveis
Ciclo de palestras da JFRJ - Aplicativos Móveis
Iasmin Cristina Oliveira da Silva
 
Desenvolvimento Mobile - Engenharia de Software
Desenvolvimento Mobile - Engenharia de SoftwareDesenvolvimento Mobile - Engenharia de Software
Desenvolvimento Mobile - Engenharia de Software
Daniel Rodrigues
 
Eureka! E agora: Nativo ou Híbrido
Eureka! E agora: Nativo ou HíbridoEureka! E agora: Nativo ou Híbrido
Eureka! E agora: Nativo ou Híbrido
drbatiston
 
Mobile Dev - Aplicativos
Mobile Dev - AplicativosMobile Dev - Aplicativos
Mobile Dev - Aplicativos
Alex Espirito Santo
 
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha TouchIntrodução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch
Leonardo Soares
 
Apps Hibridos
Apps HibridosApps Hibridos
Apps Hibridos
Allan Marques Baptista
 
Desenvolvimento de aplicações nativas para ios e android
Desenvolvimento de aplicações nativas para ios e androidDesenvolvimento de aplicações nativas para ios e android
Desenvolvimento de aplicações nativas para ios e android
Diogo Andre Loff
 
Os caminhos para o desenvolvimento mobile
Os caminhos para o desenvolvimento mobileOs caminhos para o desenvolvimento mobile
Os caminhos para o desenvolvimento mobile
Pedro Edson Silva Barros
 
Adobe Phonegap
Adobe PhonegapAdobe Phonegap
Adobe Phonegap
wlsilva
 
Desenvolvendo aplicações móveis
Desenvolvendo aplicações móveisDesenvolvendo aplicações móveis
Desenvolvendo aplicações móveis
cedulio
 
Como desenvolver e publicar aplicativos em Android no Google Play - Matheus P...
Como desenvolver e publicar aplicativos em Android no Google Play - Matheus P...Como desenvolver e publicar aplicativos em Android no Google Play - Matheus P...
Como desenvolver e publicar aplicativos em Android no Google Play - Matheus P...
Matheus Piscioneri
 
Aplicativos Corporativos Cross Plataform com Xamarin & Azure Mobile Apps
Aplicativos Corporativos Cross Plataform com Xamarin & Azure Mobile AppsAplicativos Corporativos Cross Plataform com Xamarin & Azure Mobile Apps
Aplicativos Corporativos Cross Plataform com Xamarin & Azure Mobile Apps
William S. Rodriguez
 
Js everywhere
Js everywhereJs everywhere
Js everywhere
Lucas Brigida
 
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapDesenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGap
Mayron Cachina
 

Mais procurados (20)

Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
Desenvolvimento de Aplicações para Dispositivos Móveis: Aplicativos Nativos, ...
 
Introdução intel XDK
Introdução intel XDKIntrodução intel XDK
Introdução intel XDK
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec Cafelândia
 
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic FrameworkMinicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-Platform
 
Abra sua cabeça, apps híbridos - PhoneGap/Cordova
Abra sua cabeça, apps híbridos - PhoneGap/CordovaAbra sua cabeça, apps híbridos - PhoneGap/Cordova
Abra sua cabeça, apps híbridos - PhoneGap/Cordova
 
Ciclo de palestras da JFRJ - Aplicativos Móveis
Ciclo de palestras da JFRJ - Aplicativos MóveisCiclo de palestras da JFRJ - Aplicativos Móveis
Ciclo de palestras da JFRJ - Aplicativos Móveis
 
Desenvolvimento Mobile - Engenharia de Software
Desenvolvimento Mobile - Engenharia de SoftwareDesenvolvimento Mobile - Engenharia de Software
Desenvolvimento Mobile - Engenharia de Software
 
Eureka! E agora: Nativo ou Híbrido
Eureka! E agora: Nativo ou HíbridoEureka! E agora: Nativo ou Híbrido
Eureka! E agora: Nativo ou Híbrido
 
Mobile Dev - Aplicativos
Mobile Dev - AplicativosMobile Dev - Aplicativos
Mobile Dev - Aplicativos
 
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha TouchIntrodução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch
 
Apps Hibridos
Apps HibridosApps Hibridos
Apps Hibridos
 
Desenvolvimento de aplicações nativas para ios e android
Desenvolvimento de aplicações nativas para ios e androidDesenvolvimento de aplicações nativas para ios e android
Desenvolvimento de aplicações nativas para ios e android
 
Os caminhos para o desenvolvimento mobile
Os caminhos para o desenvolvimento mobileOs caminhos para o desenvolvimento mobile
Os caminhos para o desenvolvimento mobile
 
Adobe Phonegap
Adobe PhonegapAdobe Phonegap
Adobe Phonegap
 
Desenvolvendo aplicações móveis
Desenvolvendo aplicações móveisDesenvolvendo aplicações móveis
Desenvolvendo aplicações móveis
 
Como desenvolver e publicar aplicativos em Android no Google Play - Matheus P...
Como desenvolver e publicar aplicativos em Android no Google Play - Matheus P...Como desenvolver e publicar aplicativos em Android no Google Play - Matheus P...
Como desenvolver e publicar aplicativos em Android no Google Play - Matheus P...
 
Aplicativos Corporativos Cross Plataform com Xamarin & Azure Mobile Apps
Aplicativos Corporativos Cross Plataform com Xamarin & Azure Mobile AppsAplicativos Corporativos Cross Plataform com Xamarin & Azure Mobile Apps
Aplicativos Corporativos Cross Plataform com Xamarin & Azure Mobile Apps
 
Js everywhere
Js everywhereJs everywhere
Js everywhere
 
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapDesenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGap
 

Destaque

Universo dos aplicativos para dispositivos móveis.
Universo dos aplicativos para dispositivos móveis. Universo dos aplicativos para dispositivos móveis.
Universo dos aplicativos para dispositivos móveis.
marianaveloso
 
Desenvolvimento de aplicações móveis, IOS, Android, Windows Phone 7
Desenvolvimento de aplicações móveis, IOS, Android, Windows Phone 7Desenvolvimento de aplicações móveis, IOS, Android, Windows Phone 7
Desenvolvimento de aplicações móveis, IOS, Android, Windows Phone 7
Dirceu Belém
 
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e AndroidPalestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
Carlos Eugenio Torres
 
Desenvolvimento para Android - Bento Gonçalves (08/2011)
Desenvolvimento para Android - Bento Gonçalves (08/2011)Desenvolvimento para Android - Bento Gonçalves (08/2011)
Desenvolvimento para Android - Bento Gonçalves (08/2011)
Gustavo Ciello
 
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
Loiane Groner
 
Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5
Jose Augusto Cintra
 

Destaque (6)

Universo dos aplicativos para dispositivos móveis.
Universo dos aplicativos para dispositivos móveis. Universo dos aplicativos para dispositivos móveis.
Universo dos aplicativos para dispositivos móveis.
 
Desenvolvimento de aplicações móveis, IOS, Android, Windows Phone 7
Desenvolvimento de aplicações móveis, IOS, Android, Windows Phone 7Desenvolvimento de aplicações móveis, IOS, Android, Windows Phone 7
Desenvolvimento de aplicações móveis, IOS, Android, Windows Phone 7
 
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e AndroidPalestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
Palestra Desenvolvimento de Apps Móveis: Iniciando no iOS e Android
 
Desenvolvimento para Android - Bento Gonçalves (08/2011)
Desenvolvimento para Android - Bento Gonçalves (08/2011)Desenvolvimento para Android - Bento Gonçalves (08/2011)
Desenvolvimento para Android - Bento Gonçalves (08/2011)
 
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
 
Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5
 

Semelhante a Desenvolvimento de Aplicativos Móveis Multiplataforma

Computacao Movel e Sem Fio
Computacao Movel e Sem FioComputacao Movel e Sem Fio
Computacao Movel e Sem Fio
Douglas Frari
 
Plataforma Android
Plataforma AndroidPlataforma Android
Plataforma Android
Stefan Horochovec
 
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...
Leonardo Melo Santos
 
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
 
Overview do Windows Phone 7 Series
Overview do Windows Phone 7 SeriesOverview do Windows Phone 7 Series
Overview do Windows Phone 7 Series
Luciano Condé
 
Sencha Touch: Javascript para Mobile WebApps
Sencha Touch: Javascript para Mobile WebApps Sencha Touch: Javascript para Mobile WebApps
Sencha Touch: Javascript para Mobile WebApps
Flávio Lisboa
 
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile ServicesConstruindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
William S. Rodriguez
 
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
 
E tertulia paol-rq
E tertulia paol-rqE tertulia paol-rq
E tertulia paol-rq
KMILT
 
Desenvolvendo para Windows Phone InfoTech 2013
Desenvolvendo para Windows Phone InfoTech 2013Desenvolvendo para Windows Phone InfoTech 2013
Desenvolvendo para Windows Phone InfoTech 2013
André Paulovich
 
Introdução ao PhoneGap
Introdução ao PhoneGapIntrodução ao PhoneGap
Introdução ao PhoneGap
Lucas Félix
 
Introdução ao PhoneGap
Introdução ao PhoneGapIntrodução ao PhoneGap
Introdução ao PhoneGap
Lucas Félix
 
Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!
Luiz Gavinho
 
Desenvolvendo para Windows Phone
Desenvolvendo para Windows PhoneDesenvolvendo para Windows Phone
Desenvolvendo para Windows Phone
anybalrocha
 
Mobile apps com Xamarin e Azure Mobile Services - The Developers Conference P...
Mobile apps com Xamarin e Azure Mobile Services - The Developers Conference P...Mobile apps com Xamarin e Azure Mobile Services - The Developers Conference P...
Mobile apps com Xamarin e Azure Mobile Services - The Developers Conference P...
William S. Rodriguez
 
Xamarin fest latam Salvador 2017
Xamarin fest latam Salvador 2017Xamarin fest latam Salvador 2017
Xamarin fest latam Salvador 2017
Alisson Sena, MBA
 
Construindo aplicações para o Windows Phone com Silverlight
Construindo aplicações para o Windows Phone com Silverlight  Construindo aplicações para o Windows Phone com Silverlight
Construindo aplicações para o Windows Phone com Silverlight
Luciano Condé
 
Apresentação de minha Monografia do curso de Sistema e Mídias Digitais
Apresentação de minha Monografia do curso de Sistema e Mídias DigitaisApresentação de minha Monografia do curso de Sistema e Mídias Digitais
Apresentação de minha Monografia do curso de Sistema e Mídias Digitais
Édipo Souza
 
jQuery Mobile
jQuery MobilejQuery Mobile
jQuery Mobile
Jefferson Souza
 
Seminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveis
Seminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveisSeminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveis
Seminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveis
Rogério Moraes de Carvalho
 

Semelhante a Desenvolvimento de Aplicativos Móveis Multiplataforma (20)

Computacao Movel e Sem Fio
Computacao Movel e Sem FioComputacao Movel e Sem Fio
Computacao Movel e Sem Fio
 
Plataforma Android
Plataforma AndroidPlataforma Android
Plataforma Android
 
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...
 
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)
 
Overview do Windows Phone 7 Series
Overview do Windows Phone 7 SeriesOverview do Windows Phone 7 Series
Overview do Windows Phone 7 Series
 
Sencha Touch: Javascript para Mobile WebApps
Sencha Touch: Javascript para Mobile WebApps Sencha Touch: Javascript para Mobile WebApps
Sencha Touch: Javascript para Mobile WebApps
 
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile ServicesConstruindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
 
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
 
E tertulia paol-rq
E tertulia paol-rqE tertulia paol-rq
E tertulia paol-rq
 
Desenvolvendo para Windows Phone InfoTech 2013
Desenvolvendo para Windows Phone InfoTech 2013Desenvolvendo para Windows Phone InfoTech 2013
Desenvolvendo para Windows Phone InfoTech 2013
 
Introdução ao PhoneGap
Introdução ao PhoneGapIntrodução ao PhoneGap
Introdução ao PhoneGap
 
Introdução ao PhoneGap
Introdução ao PhoneGapIntrodução ao PhoneGap
Introdução ao PhoneGap
 
Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!
 
Desenvolvendo para Windows Phone
Desenvolvendo para Windows PhoneDesenvolvendo para Windows Phone
Desenvolvendo para Windows Phone
 
Mobile apps com Xamarin e Azure Mobile Services - The Developers Conference P...
Mobile apps com Xamarin e Azure Mobile Services - The Developers Conference P...Mobile apps com Xamarin e Azure Mobile Services - The Developers Conference P...
Mobile apps com Xamarin e Azure Mobile Services - The Developers Conference P...
 
Xamarin fest latam Salvador 2017
Xamarin fest latam Salvador 2017Xamarin fest latam Salvador 2017
Xamarin fest latam Salvador 2017
 
Construindo aplicações para o Windows Phone com Silverlight
Construindo aplicações para o Windows Phone com Silverlight  Construindo aplicações para o Windows Phone com Silverlight
Construindo aplicações para o Windows Phone com Silverlight
 
Apresentação de minha Monografia do curso de Sistema e Mídias Digitais
Apresentação de minha Monografia do curso de Sistema e Mídias DigitaisApresentação de minha Monografia do curso de Sistema e Mídias Digitais
Apresentação de minha Monografia do curso de Sistema e Mídias Digitais
 
jQuery Mobile
jQuery MobilejQuery Mobile
jQuery Mobile
 
Seminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveis
Seminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveisSeminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveis
Seminfo 2012 (Urutaí-GO): Desenvolvimento para dispositivos móveis
 

Desenvolvimento de Aplicativos Móveis Multiplataforma

  • 1. Compilado com base nas referências por José Augusto Cintra Professor da Faculdade Sumaré – SP Analista deTI da Empresa PRODAM – SP josecintra@josecintra.com http://www.josecintra.com/blog Desenvolvimento de Aplicativos Móveis Multiplataforma
  • 2. Introdução Objetivo: Apresentar tecnologias web que permitam a criação de aplicativos móveis multiplataforma e compará-las às formas tradicionais de desenvolvimento.
  • 3. Principais Plataformas Móveis  Apple  Sistema Operacional: IOS  Linguagem: Objective C  Android  Sistema Operacional:Android (Linux)  Linguagem: Java c/MáquinaVirtual Dalvik  Windows  Sistema Operacional:Windows Phone  Linguagem: C#,VB.NET, ...  Novas plataformas: Firefox,Tizen, ...
  • 4. Características das Plataformas Móveis  Touch  Acelerômetro/Sensores  Multimídia aprimorada  GPS  Internet / Social Novas Experiências de Usuário
  • 5. Características das Plataformas Móveis  Novas formas de monetização:  Aplicativos pagos  Premium  Aplicativos “grátis”  Advertising  Propagandas  Freemium  Compra de itens individuais (in-app)
  • 6. Dificuldades de Desenvolvimento  Diferentes plataformas:  Maiores oportunidades de vendas  Maior curva de aprendizado  Maiores custos  Manutenção complexa Como minimizar essas dificuldades ???
  • 7. Resposta: Utilizando uma única ferramenta que gere código nativo para várias plataformas!
  • 8. Por que não HTML?
  • 10. WEB Apps  Web Apps ou HTML Apps não diferem muito das aplicações web tradicionais, a não ser por 3 detalhes:  Podem ser instaladas no dispositivo local (celular, tablet, desktop);  Podem ser executadas em modo offline;  Possuem acesso às APIs e manipulam recursos locais dos dispositivos como câmera, acelerômetro, GPS, etc.
  • 11. WEB Apps  Web Apps são escritas com tecnologias abertas e responsivas que se baseiam na tríade HTML5, CSS3 e Javascript. Dessa forma, com ferramentas apropriadas, é possível, por exemplo, executar uma aplicação web em um dispositivo Android como se fosse uma aplicação nativa com acesso aos recursos que a máquina disponibiliza!
  • 12. Tecnologias Essa magia é possível graças aos seguintes fatores:  Evolução do HTML e CSS  HTML5 e seus novos recursos (Canvas, áudio, novos controles, etc.).  Evolução do Javascript e novos frameworks  Design responsivo  Frameworks híbridos
  • 13. Tecnologias  HTML5  Canvas  Elemento usado para desenhar gráficos “on the fly”.  Audio  Elemento que padroniza a execução de áudio.  Entrada de dados  Novos controles sofisticados para interação com o usuário  GPS  O Recurso de Geolocalização do HTML5 permite determinar a localização geográfica do usuário em termos de coordenadas  CSS3  Novas opções de formatação e recursos como media-queries e design responsivo permitem construir interfaces próximas do visual dos dispositivos mobile
  • 14. Tecnologias Armazenamento de Dados A persistência de dados em webapps pode ser implementada através da API Web Storage do HTML5 ou através de bancos de dados mobile.  Web Storage  sessionStorage  Dados voláteis  localStorage  Dados que persistem entre as sessões, mesmo após o encerramento das aplicações com Javascript e SQLite  Bancos de Dados Mobile  Existem versões mobile dos principais bancos de dados do mercado que disponibilizam APIS Javascript para utilização em webapps.
  • 15. Tecnologias Bibliotecas Javascript  Frameworks Mobile  Facilitam a criação de interfaces responsivas com as características dos dispositivos móveis  Jquery Mobile, Zepto.js, SenchaTouch  Canvas Facilitam o trabalho com o elemento HTML5 Canvas  oCanvas, KinectiJS (exemplo)  Audio  Facilitam o trabalho com o elemento HTML5 Audio  Buzz, SoundJS  Touch  Oferecem suporte para eventos “Touch”  Hammer, QuoJS
  • 16. Tecnologias Bibliotecas Javascript para criação de Jogos HTML5  Ambientes de desenvolvimento completos  Construct2 , GameMaker, GameSalad, etc.  Bibliotecas  Quintus, Crafty, Enchant, etc.
  • 17. Tecnologias Frameworks híbridos Frameworks que criam uma ponte entre as aplicações nativas e as aplicações WEB, fornecendo um gateway entre o WebApp e os dispositivos móveis, permitindo criar uma aplicação que possua acesso aos recursos locais como a câmera, o acelerômetro, etc.  PhoneGap, CocoonJS, IntelXDK Ferramentas dessa natureza é que permitem que o webapp seja vendido nas lojas e instalado nos diversos dispositivos.
  • 18. Web Apps: Prós e Contras Comparação em relação ao desenvolvimento multiplataforma WebApp App Nativa Performance - + Acesso a recursos do dispositivo - + Facilidade de Desenvolvimento + - Custo de Desenvolvimento + - Curva de aprendizado + -
  • 19. Estratégias de desenvolvimento 1. Ter uma ideia (Parte mais difícil) o Aplicativos simples muitas vezes dão melhores resultados 2. Escolher a forma de monetização o Aplicativos “Grátis” podem ser um bom começo 3. Montar uma equipe de profissionais o A menos que você possua muito tempo disponível 4. Desenvolver (Parte mais fácil) o Basta possuir conhecimento de Javacript, HTML e CSS 5. Publicar (Muito trabalhoso) o Diversas lojas, muita burocracia 6. Divulgar (Pode ser caro) o As ferramentas gratuitas de marketing podem trazer resultados a longo prazo
  • 20. Referências Links:  http://www.w3schools.com/html/default.asp  http://www.html-apps.info  http://pt.slideshare.net/rodrigocasca/phonegap-criando-aplicacoes-android-e-ios-com-html5  https://developer.mozilla.org/en-US/Apps/Quickstart/Build/Intro_to_open_web_apps Livros:  Jonathan Stark,“Building AndroidApps with HTML, CSS and JavaScript”, 2010, O’Reilly  Pascal Rettig,” Professional HTML5 Mobile Game Development”,2012,JohnWiley & Sons Inc