8/19/2019 Seminário de Desenvolvimento Mobile
1/91
Seminário deDesenvolvimento Mobile
Profº Diego Cavalca
Curso Técnico em Informática
02/09/2015
8/19/2019 Seminário de Desenvolvimento Mobile
2/91
Agenda• Aplicativos Híbridos
• HTML5 – Recursos e Funcionalidades
• Apache Cordova
• Mercado Mobile Atual
8/19/2019 Seminário de Desenvolvimento Mobile
3/91
Aplicativos Híbridos
8/19/2019 Seminário de Desenvolvimento Mobile
4/91
8/19/2019 Seminário de Desenvolvimento Mobile
5/91
Aplicativos Nativos
• Baixados normalmente da loja de Apps do dis• Desenvolvido especificamente para uma plata• Acesso completo ao dispositivo.• Desenvolvimento caro.• Não é multi-plataforma.
8/19/2019 Seminário de Desenvolvimento Mobile
6/91
Aplicativos Híbridos• São parcialmente Nativos e Web.• Baixados normalmente pela loja de Apps do disposi• Acesso completo ao dispositivo.• Baseados em HTML5, JS, CSS. Exibidos em um W• Permite desenvolvimento multi-plataforma.
8/19/2019 Seminário de Desenvolvimento Mobile
7/91
• É uma nova verlinguagem HTM
novos elemen
atributos ecomportamen
8/19/2019 Seminário de Desenvolvimento Mobile
8/91
• Tem a finalidade de serexecutada no interiorde programas ou deoutra linguagem de
programação.
8/19/2019 Seminário de Desenvolvimento Mobile
9/91
• Define estilos para páginas web com efetransição, imagens e outros, que dão umnovo às páginas Web em todos os aspectdesign do layout.
8/19/2019 Seminário de Desenvolvimento Mobile
10/91
• Navegador Webembutido dentro do
aplicativo.
Web View.
8/19/2019 Seminário de Desenvolvimento Mobile
11/91
Quais as vantagens?•
Maior facilidade para trabalhar e utilizar seusrecursos.
• Menor custo de desenvolvimento.•
Conclusão mais rápida do projeto.• Compartilhamento de boa parte do código ent
plataformas.
8/19/2019 Seminário de Desenvolvimento Mobile
12/91
Desvantagens
• Limitação no funcionamento off-line.
• Possível perda de performance.
8/19/2019 Seminário de Desenvolvimento Mobile
13/91
Quando devo usar?
Quando queremos reduzir custos nodesenvolvimento, e ainda assim usar recu
nativos como: push e câmera.
8/19/2019 Seminário de Desenvolvimento Mobile
14/91
Crescimento no mercado Mobile
8/19/2019 Seminário de Desenvolvimento Mobile
15/91
Exemplos de aplicativos híbridos
8/19/2019 Seminário de Desenvolvimento Mobile
16/91
Principais ferramentas dedesenvolvimento
8/19/2019 Seminário de Desenvolvimento Mobile
17/91
Recursos e Funcionalidades
8/19/2019 Seminário de Desenvolvimento Mobile
18/91
O Novo HTML
World Wide WebConsortium
Grupotecnoapli
hip
(W(W3C) (IETF)
Internet EngineeringTask Force
8/19/2019 Seminário de Desenvolvimento Mobile
19/91
HTML5 – Classes
8/19/2019 Seminário de Desenvolvimento Mobile
20/91
HTML
S
e m â n t i c a
8/19/2019 Seminário de Desenvolvimento Mobile
21/91
HTML5 - Semântica
Semântica : Descrição mais precisa do seu conteúdo.• Padrões de estrutura do documento;• Variações do elemento INPUT;• Novos elementos:• Áudio;• Vídeo;• Canvas.
http://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-in
http://9elements.com/io/projects/html5/canvas/
http://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://9elements.com/io/projects/html5/canvas/http://9elements.com/io/projects/html5/canvas/http://9elements.com/io/projects/html5/canvas/http://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.html
8/19/2019 Seminário de Desenvolvimento Mobile
22/91
HTML5 - SemânticaDOCTYPE
HTML 4.01
XHTML 1.0
HTML 5
Não é uma tag HTML e sim uma instrução para o browser sobre qual versão do HTML a páginDeve ser a primeira linha de código do documento antes da tag HTML.
8/19/2019 Seminário de Desenvolvimento Mobile
23/91
HTML5 - SemânticaHTML4.01 HTML5
8/19/2019 Seminário de Desenvolvimento Mobile
24/91
HTML5 - Semântica
Novos Tipos de INPUT
http://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-i
http://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.htmlhttp://cdn.sixrevisions.com/demos/0345-new_html5_form_input_types/new-html5-form-input-types.html
8/19/2019 Seminário de Desenvolvimento Mobile
25/91
HTML5 - Semântica
Novos Tipos de INPUT
8/19/2019 Seminário de Desenvolvimento Mobile
26/91
HTML5 - Semântica
Novo elemento - CANVAS
http://9elements.com/io/projects/
http://9elements.com/io/projects/html5/canvas/http://9elements.com/io/projects/html5/canvas/http://9elements.com/io/projects/html5/canvas/
8/19/2019 Seminário de Desenvolvimento Mobile
27/91
HTML
M
ul t i mí d i a
8/19/2019 Seminário de Desenvolvimento Mobile
28/91
HTML5 – Multimídia
http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_audio_ahttp://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video
Multimídia : Vídeo e áudio na primeira classe com tags próprias.• •
http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_audio_allhttp://www.w3schools.com/html/tryit.asp?filename=tryhtml5_videohttp://www.w3schools.com/html/tryit.asp?filename=tryhtml5_videohttp://www.w3schools.com/html/tryit.asp?filename=tryhtml5_videohttp://www.w3schools.com/html/tryit.asp?filename=tryhtml5_audio_allhttp://www.w3schools.com/html/tryit.asp?filename=tryhtml5_audio_all
8/19/2019 Seminário de Desenvolvimento Mobile
29/91
HTML5 – MultimídiaÁudio – HTML4
8/19/2019 Seminário de Desenvolvimento Mobile
30/91
HTML5 – MultimídiaVídeo – HTML4
8/19/2019 Seminário de Desenvolvimento Mobile
31/91
HTML5 – MultimídiaÁudio – HTML5
8/19/2019 Seminário de Desenvolvimento Mobile
32/91
HTML5 – MultimídiaVídeo – HTML5
8/19/2019 Seminário de Desenvolvimento Mobile
33/91
8/19/2019 Seminário de Desenvolvimento Mobile
34/91
HTML5 – Gráficos & 3D
3D, Gráficos e Efeitos : Gama de opções de apresentação muito mais diversifi
efeitos visuais deslumbrantes.
http://9elements.com/io/projects/html5/canvas/ http://www.freeriderhd.com/t/1016-layers http://www.w3schools.com/html/tryit.asp?filename=tryhtml_svg_circ
http://9elements.com/io/projects/html5/canvas/http://www.freeriderhd.com/t/1016-layershttp://www.w3schools.com/html/tryit.asp?filename=tryhtml_svg_circlehttp://www.w3schools.com/html/tryit.asp?filename=tryhtml_svg_circlehttp://www.w3schools.com/html/tryit.asp?filename=tryhtml_svg_circlehttp://www.w3schools.com/html/tryit.asp?filename=tryhtml_svg_circlehttp://www.freeriderhd.com/t/1016-layershttp://www.freeriderhd.com/t/1016-layershttp://www.freeriderhd.com/t/1016-layershttp://9elements.com/io/projects/html5/canvas/
8/19/2019 Seminário de Desenvolvimento Mobile
35/91
HTML5 – Gráficos & 3D
Canvas - Destinado a delimitar uma área para renderização dinâmica de gráficos. Ttrabalho de criação e animação é realizado através de linguagens de programação d
(usualmente Javascript).
http://html5demos.com/canvas-grad
f
http://html5demos.com/canvas-gradhttp://html5demos.com/canvas-gradhttp://html5demos.com/canvas-gradhttp://html5demos.com/canvas-gradhttp://html5demos.com/canvas-gradhttp://html5demos.com/canvas-grad
8/19/2019 Seminário de Desenvolvimento Mobile
36/91
HTML5 – Gráficos & 3DSVG - Modelo de elementos gráficos de modo retido persistindo em
modelo na memória. Análogo ao HTML, o SVG cria um modelo de o
elementos, atributos e estilos.
http://html5demos.com/svg-clock
áf
http://html5demos.com/svg-clockhttp://html5demos.com/svg-clockhttp://html5demos.com/svg-clockhttp://html5demos.com/svg-clockhttp://html5demos.com/svg-clock
8/19/2019 Seminário de Desenvolvimento Mobile
37/91
HTML5 – Gráficos & 3DWebGL - API em JavaScript, disponível a partir do novo elemento ca
HTML5, que oferece suporte para renderização de gráficos 2D e gráfi
http://oos.moxiecode.com/js webgl/autumn/
HTML5 G áfi & 3D
http://oos.moxiecode.com/js_webgl/autumn/http://oos.moxiecode.com/js_webgl/autumn/http://oos.moxiecode.com/js_webgl/autumn/
8/19/2019 Seminário de Desenvolvimento Mobile
38/91
HTML5 – Gráficos & 3D
Jogos em HTML5
http://www.freeriderhd.com/t/1016-layers
http://www.freeriderhd.com/t/1016-layershttp://www.freeriderhd.com/t/1016-layershttp://www.freeriderhd.com/t/1016-layershttp://www.freeriderhd.com/t/1016-layershttp://www.freeriderhd.com/t/1016-layers
8/19/2019 Seminário de Desenvolvimento Mobile
39/91
HTML
A c e s s o a d i s p o s i t i v o s
HTML5
8/19/2019 Seminário de Desenvolvimento Mobile
40/91
HTML5 – Acesso a dispositivo
http://html5demos.com/geo http://localhost/examples/photo.html
Acesso a Dispositivo : permitindo o uso de vários dispositivos de entrde saída. Acesso ao hardware dos dispositivos.
HTML5
http://html5demos.com/geohttp://localhost/examples/photo.htmlhttp://localhost/examples/photo.htmlhttp://localhost/examples/photo.htmlhttp://html5demos.com/geohttp://html5demos.com/geo
8/19/2019 Seminário de Desenvolvimento Mobile
41/91
HTML5 – Acesso a dispositivoGeolocalização
http://html5demos.com/geo
http://html5demos.com/geohttp://html5demos.com/geohttp://html5demos.com/geo
8/19/2019 Seminário de Desenvolvimento Mobile
42/91
HTML
P e r f or m
a n c e
HTML5 P f
8/19/2019 Seminário de Desenvolvimento Mobile
43/91
HTML5 - Performance
Aplicações web, muito mais rápidas com uma variedade de técnicas e tecno
integração.
Sem plug-ins;
Aproveitamento da sintaxe Javascript para acessar suas API’s (canvas, geo, etc.)
HTML5 P f
8/19/2019 Seminário de Desenvolvimento Mobile
44/91
HTML5 - Performance
Quem usa o HTML5?
HTML5 P f
8/19/2019 Seminário de Desenvolvimento Mobile
45/91
HTML5 - Performance
http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pe
http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/
8/19/2019 Seminário de Desenvolvimento Mobile
46/91
8/19/2019 Seminário de Desenvolvimento Mobile
47/91
HTML
Of f l i n e
& S t or a g e
HTML5 Offline & Storag
8/19/2019 Seminário de Desenvolvimento Mobile
48/91
HTML5 – Offline & Storag
Aplicativos do HTML5 começarão mais rápido e também funcionarão mesmo se
conexão com a Internet, graças ao cache do App, que será em armazenado localmen
de dados cadastrados, e APIs do próprio arquivo local.
HTML5 Offline & Storag
8/19/2019 Seminário de Desenvolvimento Mobile
49/91
HTML5 – Offline & Storag
Os usuários podem navegar por todo o site quando estão off-line;
Os recursos armazenados em cache são locais e, portanto, são carregados mais rapid
O navegador fará download do servidor apenas dos recursos que forem alterados.
Web Offline
HTML5 Offline & Storag
8/19/2019 Seminário de Desenvolvimento Mobile
50/91
HTML5 – Offline & Storag
Desenvolvedores podem armazenar dados no lado do cliente:Session Storage
Os dados ficam disponíveis apenas para a janela que criou o dado até que seja
Local Storage
Não depende da sessão.
Os dados ficam disponíveis para qualquer janela.
Permanece disponível até que seja explicitamente deletada pelo programador d
pelo o usuário.
HTML5 Offline & Storag
8/19/2019 Seminário de Desenvolvimento Mobile
51/91
HTML5 – Offline & Storag
http://html5demos.com/storage
http://html5demos.com/storagehttp://html5demos.com/storagehttp://html5demos.com/storage
8/19/2019 Seminário de Desenvolvimento Mobile
52/91
HTML
C on e c t i vi d a d e
HTML5 Conectividade
8/19/2019 Seminário de Desenvolvimento Mobile
53/91
HTML5 – Conectividade
Conectividade : Comunicação com o servidor de maneiras novas e inovadoras.
WebSocket (Servidor → Cliente )Canal de comunicação full-duplex, que opera através de um único
WebRTC (Cliente ↔ Cliente) API que permite aos navegadores executar aplicações de
chamada telefônica, video chat e compartilhamento P2P sem a
necessidade de plugins;
HTML5 Conectividade
8/19/2019 Seminário de Desenvolvimento Mobile
54/91
HTML5 – Conectividade
http://rumpetroll.com/
WebSocket - (Servidor→ Cliente)
HTML5 Conectividade
http://rumpetroll.com/http://rumpetroll.com/http://rumpetroll.com/
8/19/2019 Seminário de Desenvolvimento Mobile
55/91
HTML5 – Conectividade
https://tecnoblog.net/123431/webrtc-
chrome-firefox-video/
WebRTC - (Cliente↔ Cliente)
https://tecnoblog.net/123431/webrtc-chrome-firefox-video/https://tecnoblog.net/123431/webrtc-chrome-firefox-video/https://tecnoblog.net/123431/webrtc-chrome-firefox-video/https://tecnoblog.net/123431/webrtc-chrome-firefox-video/https://tecnoblog.net/123431/webrtc-chrome-firefox-video/https://tecnoblog.net/123431/webrtc-chrome-firefox-video/https://tecnoblog.net/123431/webrtc-chrome-firefox-video/https://tecnoblog.net/123431/webrtc-chrome-firefox-video/https://tecnoblog.net/123431/webrtc-chrome-firefox-video/https://tecnoblog.net/123431/webrtc-chrome-firefox-video/
8/19/2019 Seminário de Desenvolvimento Mobile
56/91
HTML
HTML5– CSS3
8/19/2019 Seminário de Desenvolvimento Mobile
57/91
HTML5 – CSS3
Estilo: Escrita com temas mais sofisticados.Conjunto de APIs que permitem manipular CSS a partir de JavaScript;
Permite ler e modificar o estilo CSS de forma dinâmica.
http://www.w3schools.com/css/tryit.asp?filename=trycss3_text-shadowhttp://www.w3schools.com/css/tryit.asp?filename=trycss3_transition1http://www.w3schools.com/css/tryit.asp?filename=trycss3_animation_
HTML5– CSS3
http://www.w3schools.com/css/tryit.asp?filename=trycss3_transition1http://www.w3schools.com/css/tryit.asp?filename=trycss3_transition1http://www.w3schools.com/css/tryit.asp?filename=trycss3_animation_count2http://www.w3schools.com/css/tryit.asp?filename=trycss3_animation_count2http://www.w3schools.com/css/tryit.asp?filename=trycss3_animation_count2http://www.w3schools.com/css/tryit.asp?filename=trycss3_animation_count2http://www.w3schools.com/css/tryit.asp?filename=trycss3_transition1http://www.w3schools.com/css/tryit.asp?filename=trycss3_transition1http://www.w3schools.com/css/tryit.asp?filename=trycss3_transition1http://www.w3schools.com/css/tryit.asp?filename=trycss3_transition1http://www.w3schools.com/css/tryit.asp?filename=trycss3_transition1http://www.w3schools.com/css/tryit.asp?filename=trycss3_transition1
8/19/2019 Seminário de Desenvolvimento Mobile
58/91
HTML5 – CSS3CSS3 – Exemplo sem o CSS
HTML5– CSS3
8/19/2019 Seminário de Desenvolvimento Mobile
59/91
HTML5 CSS3CSS3 – Exemplo com o CSS
HTML5– CSS3
8/19/2019 Seminário de Desenvolvimento Mobile
60/91
HTML5 CSS3CSS3 – Exemplo sem o CSS
HTML5– CSS3
8/19/2019 Seminário de Desenvolvimento Mobile
61/91
HTML5 CSS3CSS3 – Exemplo com o CSS
HTML5– Conclusão
8/19/2019 Seminário de Desenvolvimento Mobile
62/91
HTML5 Conclusão
8/19/2019 Seminário de Desenvolvimento Mobile
63/91
Apache Cordova
O que é?
8/19/2019 Seminário de Desenvolvimento Mobile
64/91
O que é?• Apache Cordova é um conjunto de APIs de dispositivos que pe
o aplicativo acesse funções nativas do dispositivo – Câmera; – GPS; – Etc.
• Utiliza a linguagem JAVASCRIPT para acessar esses recursos;
• Com isso, permite desenvolver um aplicativo com apenas HTMJavaScript!
– Sem precisar programar no código nativo do OS do dispositivo m
Como funciona
8/19/2019 Seminário de Desenvolvimento Mobile
65/91
Como funciona• Ao usar as APIs Cordova, um aplicativo p
construído sem qualquer código nativo (JaObjective-C, etc).
• Em vez disso, são utilizadas tecnologias w(HTML, CSS e JS), e eles estão hospedadprópria app localmente;
– “Roda” através do Webview .
Como funciona
8/19/2019 Seminário de Desenvolvimento Mobile
66/91
Como funciona
Em quais plataformas oC d é d ?
8/19/2019 Seminário de Desenvolvimento Mobile
67/91
Cordova é usado?
Por que usar o Apache Cordo
8/19/2019 Seminário de Desenvolvimento Mobile
68/91
q p• Prós
– Você não tem que aprender nenhuma novalinguagem de programação.
– Fácil de criar vetores gráficos e designsespecíficos.
• Contras – Algumas funções não estarão disponíveis e
todos os tipos dispositivos.
Considerações na hora de criar um
8/19/2019 Seminário de Desenvolvimento Mobile
69/91
ç• Para iOS rodará melhor em versões superi
iOS 6.• Android – 2.2 não possui Google Play. – 2.3 não suporta a maioria dos plug-ins. –
3.0 é pouco usado e está ultrapassado. – 4.0/4.3 exigirá certo esforço do hardware. – 4.4 possui um excelente desempenho.
8/19/2019 Seminário de Desenvolvimento Mobile
70/91
Por que demora tanto para umaplicativo sair em outra platafor
8/19/2019 Seminário de Desenvolvimento Mobile
71/91
aplicativo sair em outra platafor•
Desenvolvedor se preocupa com os custoscomplexidade.• iOS existem de 6 a 8 dispositivos mobiles
diferentes.•
Já nas outras plataformas como Android eWindows Phone existem diversas variaçõetamanho e resoluções de tela diferentes,hardwares e versões de softwares.
Empresas que usam o Apache C
8/19/2019 Seminário de Desenvolvimento Mobile
72/91
Empresas que usam o Apache C
Quem recomenda usar o Cord
8/19/2019 Seminário de Desenvolvimento Mobile
73/91
Q
Curiosidades
8/19/2019 Seminário de Desenvolvimento Mobile
74/91
• Apache Cordova teve sua versão estável finalizada2012;
– Grupo de desenvolvedores Apache Software Foundati
• Foi adquirido pela Adobe;
• Repassado para a comunidade “Open -Source” da A – Através da ASF, garante que ele sempre permanecerá l
código aberto sob a licença Apache.
8/19/2019 Seminário de Desenvolvimento Mobile
75/91
Mercado Mobile Atual
Crescimento exponencial
8/19/2019 Seminário de Desenvolvimento Mobile
76/91
•
O mercado mobile esta em plena expansão no no mundo ;
• Segundo dados divulgados pela Anatel . – O número de terminais móveis ativos com acesso
internet cresceu 99%; – 20,6 milhões, em 2010, para 41,1 milhões em 20
Crescimento exponencial
8/19/2019 Seminário de Desenvolvimento Mobile
77/91
•
Previsão de 2,7 bilhões de pessoas conena internet em 2015;
•
Ainda este ano, a venda de smartphonestablets já terá superado em muito a vendPCs e Notebook.
Mercado de Jogos Mobile
8/19/2019 Seminário de Desenvolvimento Mobile
78/91
De acordo com um estudo realizado pelo centro de
pesquisa de mercado Newzoo e o sistema detradução OneSky :
• o mercado de games mobile no Brasil arrecadará c
US$ 296,8 milhões até o fim de 2015!!!
Mercado de Jogos Mobile
8/19/2019 Seminário de Desenvolvimento Mobile
79/91
• O Brasil possui a maior parcela de usuários que paconteúdo:
– De 48,6 milhões de pessoas que jogam games mobile 17,2 milhões pagou por eles - cerca de 35,4% do total
– Em comparação:• Índia: 18% ;• Rússia: 27%• China: 30,1%.
8/19/2019 Seminário de Desenvolvimento Mobile
80/91
• O crescimento do mercado de jogos mobile está em franca ascenBrasil cresceu 85,6% em relação ao ano passado.
8/19/2019 Seminário de Desenvolvimento Mobile
81/91
• Número de pessoas que pagam por jogos mobile (mobile payino número de jogadores mobile (mobile gamers) a população onl(online population)
8/19/2019 Seminário de Desenvolvimento Mobile
82/91
• Crescimento do mercado mobile no Brasil (em milhões
8/19/2019 Seminário de Desenvolvimento Mobile
83/91
• Crescimento do número de jogadores de games mobile (emmilhões)
Mercado de Trabalho Mobi
8/19/2019 Seminário de Desenvolvimento Mobile
84/91
• Segundo estudos, em 2015, o desenvolvedor m
uma das 9 profissões com mais demanda no Br• Motivos para o aumento:
– Procura crescente por essa plataforma reflete na
demanda;• Em 2015, serão investidos cerca de US$ 38 bilhões em o que aumenta a demanda por profissionais capacitadosdessa área.
Fonte: http://g
São Paulo é o estado com maior número dt t õ d t fi i i 48
8/19/2019 Seminário de Desenvolvimento Mobile
85/91
contratações destes profissionais, com 48,
• Seguido por Rio de Janeiro (11,43%) .
•
Paraná (6,35%).
Mercado de Trabalho Mobi
8/19/2019 Seminário de Desenvolvimento Mobile
86/91
• Função: Desenvolver aplicativos móveis para AiOS, WindowsPhone, etc.
• Salário: R$ 2.506,81 a ∞
• Modo de Atuação: – Tradicional (empresa); – Freelancer!
Fonte: http://www.catho.com.br/profissoes/programado
8/19/2019 Seminário de Desenvolvimento Mobile
87/91
Vídeo sobre mercado Mobile (Olhar D
https://www.youtube.com/watch?v=HKM76yIZi1ohttps://www.youtube.com/watch?v=HKM76yIZi1o
8/19/2019 Seminário de Desenvolvimento Mobile
88/91
Obrigado!
8/19/2019 Seminário de Desenvolvimento Mobile
89/91
Dúvidas?!
Integrantes
8/19/2019 Seminário de Desenvolvimento Mobile
90/91
Matheus Paice
Rafael CamposHenrique VelosoJefersonCarvalho
João VitorLucas Rodler
Hugo Zabini
João PedroCleitonJoão Soares
Marco AlmeidaSabrina Carla
Noemi Iba
Ricardo
EduaLuís FRen
Referências
8/19/2019 Seminário de Desenvolvimento Mobile
91/91
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HT
http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definiflash-pela-norma-html5/
http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-h
conheca-suas-classes/
http://diegocavalca.com/minicurso-intel-xdk/
http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://diegocavalca.com/minicurso-intel-xdk/http://diegocavalca.com/minicurso-intel-xdk/http://diegocavalca.com/minicurso-intel-xdk/http://diegocavalca.com/minicurso-intel-xdk/http://diegocavalca.com/minicurso-intel-xdk/http://diegocavalca.com/minicurso-intel-xdk/http://diegocavalca.com/minicurso-intel-xdk/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://escreveassim.com.br/2011/01/19/veja-o-novo-logotipo-html5-e-conheca-suas-classes/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/http://www.tecnologia.com.pt/2015/01/youtube-troca-em-definitivo-o-flash-pela-norma-html5/