Seminário de Desenvolvimento Mobile

download Seminário de Desenvolvimento Mobile

of 37

Transcript of Seminário de Desenvolvimento Mobile

  • 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/