Oficina Intel XDK®
Desenvolvimento de aplicativos híbridos
Diego Cavalca
Agenda
• Apresentação
• Cenário mobile
• Aplicativo nativo vs. híbrido
• Híbrido: tecnologias e linguagens
• Intel XDK®
• ...
Apresentação
• Diego Cavalca
– Graduado em Análise e Desenvolvimento de Sistemas pela UNILINS
(2012);
– Analista e Desenvo...
Cenário mobile atual
Análise do mundo mobile atual
• Cliente:
– Em qual store (plataforma) lançar meu aplicativo?
• Desenvolvedor:
– Em qual linguagem desenvolver o projeto?...
Aplicativo nativo x híbrido
- Acesso completo ao dispositivo.
- Mais velocidade de processamento.
- Menor tempo de resposta.
- Loja.
- Desenvolvimento...
Objective-C
Swift
Java C#
Aplicativo nativo
- Bootstrapping (web skills – html5, css e js)
- Acesso completo ao HARDWARE
- Loja de aplicativos
- Desenvolvimento mais ...
Análise comparativa - Recursos
Análise comparativa - Produtividade
• iOS
• Android
• Windows Phone
HTML5 + CSS3+ JS +
APACHE CORDOVA
Desenvolvimento híbrido
Arquitetura híbrida
Em qual linguagem é
criado um aplicativo
híbrido...
Tecnologias e linguagens
E como acesso os
recursos de
hardware...
“Apache Cordova é um conjunto de APIs que permite que um desenvolvedor
de aplicativos móveis acesse as funções nativas do ...
http://apache.cordova.org
Qual ferramenta (IDE)
utilizar...
“É uma nova ferramenta para desenvolvimento da
Intel® que busca facilitar a criação de aplicações
híbridas multiplataforma...
Vantagens
• Baixa curva de aprendizagem;
• Bootstraping (HTML5, CSS3, JS);
• IDE c/ suporte a Windows, Linux e MacOS;
• Am...
Um programa global que conecta desenvolvedores
com a Intel em tudo que se relaciona com a área de
software - do desenvolvi...
Intel XDK® – Arquitetura IDE
Intel XDK®
“Um código, todas as plataformas.”
Opinião do profissional
convidado
Danilo Rodrigues
Opinião do profissional convidado
Danilo Rodrigues
• Graduado em Sistemas de informação pela UNILINS (2014);
• Analista e ...
Hands On
• PARTE 1: Conhecendo o Intel XDK®;
• PARTE 2: Criando um aplicativo de roteiro de
viagens;
Hands On – Conhecendo o Intel XDK®
 Conhecendo a arquitetura e recursos da IDE;
 Criando um novo projeto;
 Templates e ...
Hands On – Construindo um app!
 Aplicativo de Roteiro de Viagem;
 Descrição: O aplicativo será capaz de gerar o itinerár...
Hands On – Construindo um app!
Wireframe (demonstração):
Hands On – Construindo um app!
 Serviços utilizados (API) :
 Google Maps Directions API
 Objetivo: Com base nos parâmet...
• Intel Developer Zone® -https://software.intel.com/pt-
br
• Fórum Oficial – http://software.intel.com/pt-
br/forums/intel...
Obrigado!
www.diegocavalca.com
Oficina Intel XDK - VIII Semana de TI UNIVEM
Oficina Intel XDK - VIII Semana de TI UNIVEM
Oficina Intel XDK - VIII Semana de TI UNIVEM
Próximos SlideShares
Carregando em…5
×

Oficina Intel XDK - VIII Semana de TI UNIVEM

535 visualizações

Publicada em

Apresentação utilizada no evento VIII Semana de TI, organizada pela UNIVEM.

Mais informações em: http://diegocavalca.com/oficina-intel-xdk-na-viii-semana-de-tecnologia-da-informacao-univem/

Publicada em: Tecnologia
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
535
No SlideShare
0
A partir de incorporações
0
Número de incorporações
5
Ações
Compartilhamentos
0
Downloads
29
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Oficina Intel XDK - VIII Semana de TI UNIVEM

  1. 1. Oficina Intel XDK® Desenvolvimento de aplicativos híbridos Diego Cavalca
  2. 2. Agenda • Apresentação • Cenário mobile • Aplicativo nativo vs. híbrido • Híbrido: tecnologias e linguagens • Intel XDK® • Opinião do profissional convidado – Danilo Rodrigues • Hands On – Criando um aplicativo de roteiro de viagens • Onde buscar mais informações?
  3. 3. Apresentação • Diego Cavalca – Graduado em Análise e Desenvolvimento de Sistemas pela UNILINS (2012); – Analista e Desenvolvedor com mais de 7 anos de experiência em projetos de software, atuando nos mais diversos cenários (desktop, web, mobile); – Professor do Centro Paula Souza (ETEC Cafelândia) desde 2014, na área de desenvolvimento e gestão de projetos de Software; – Intel Premier Software Partner®; – Autor do primeiro curso aberto sobre Intel XDK em português do Youtube; • Mais informações: – Perfil profissional: br.linkedin.com/in/diegocavalca – Perfil acadêmico: lattes.cnpq.br/3677080775789758 – Canal no Youtube: youtube.com/c/DiegoCavalca
  4. 4. Cenário mobile atual
  5. 5. Análise do mundo mobile atual
  6. 6. • Cliente: – Em qual store (plataforma) lançar meu aplicativo? • Desenvolvedor: – Em qual linguagem desenvolver o projeto? Resposta? Lance em TODAS, faça com HTML5! Paradoxo mobile
  7. 7. Aplicativo nativo x híbrido
  8. 8. - Acesso completo ao dispositivo. - Mais velocidade de processamento. - Menor tempo de resposta. - Loja. - Desenvolvimento caro. - Não é multi-plataforma. Aplicativo nativo
  9. 9. Objective-C Swift Java C# Aplicativo nativo
  10. 10. - Bootstrapping (web skills – html5, css e js) - Acesso completo ao HARDWARE - Loja de aplicativos - Desenvolvimento mais barato - Multiplataforma! Aplicativo híbrido
  11. 11. Análise comparativa - Recursos
  12. 12. Análise comparativa - Produtividade
  13. 13. • iOS • Android • Windows Phone HTML5 + CSS3+ JS + APACHE CORDOVA Desenvolvimento híbrido
  14. 14. Arquitetura híbrida
  15. 15. Em qual linguagem é criado um aplicativo híbrido...
  16. 16. Tecnologias e linguagens
  17. 17. E como acesso os recursos de hardware...
  18. 18. “Apache Cordova é um conjunto de APIs que permite que um desenvolvedor de aplicativos móveis acesse as funções nativas do dispositivo, como a câmera ou o acelerômetro, através do JavaScript.”
  19. 19. http://apache.cordova.org
  20. 20. Qual ferramenta (IDE) utilizar...
  21. 21. “É uma nova ferramenta para desenvolvimento da Intel® que busca facilitar a criação de aplicações híbridas multiplataformas baseadas em HTML5, em especial para plataformas móveis, como tablets e smartphones.” Intel XDK®
  22. 22. Vantagens • Baixa curva de aprendizagem; • Bootstraping (HTML5, CSS3, JS); • IDE c/ suporte a Windows, Linux e MacOS; • Ambiente de testes na nuvem (desenvolver, testar, depurar, emular e compilar); • Acesso completo ao hardware (API) do dispositivo; • Espaço do Desenvolvedor Intel; Intel XDK®
  23. 23. Um programa global que conecta desenvolvedores com a Intel em tudo que se relaciona com a área de software - do desenvolvimento à distribuição: – Recursos para o desenvolvedor – Recursos para a empresa – Comunidade envolvida https://software.intel.com/pt-br Intel Developer Zone®
  24. 24. Intel XDK® – Arquitetura IDE
  25. 25. Intel XDK® “Um código, todas as plataformas.”
  26. 26. Opinião do profissional convidado Danilo Rodrigues
  27. 27. Opinião do profissional convidado Danilo Rodrigues • Graduado em Sistemas de informação pela UNILINS (2014); • Analista e desenvolvedor com experiência em projetos mobile, web e jogos; • Mais informações: – Perfil profissional: br.linkedin.com/in/rodriguesdanilo • A escolha • Como é trabalhar com aplicativos híbridos • O que já fiz – Aplicativo form - automatização de formulários – Aplicativo routy - planejamento de visitas e rotas • Outras possibilidades – Jogos – Internet das coisas – Aplicativos de realidade aumentada
  28. 28. Hands On • PARTE 1: Conhecendo o Intel XDK®; • PARTE 2: Criando um aplicativo de roteiro de viagens;
  29. 29. Hands On – Conhecendo o Intel XDK®  Conhecendo a arquitetura e recursos da IDE;  Criando um novo projeto;  Templates e projetos prontos (demonstrações);  DICA: Fique atento a versão da ferramenta Intel XDK®, pois ela atualiza constantemente!
  30. 30. Hands On – Construindo um app!  Aplicativo de Roteiro de Viagem;  Descrição: O aplicativo será capaz de gerar o itinerário de uma viagem e, com base nas informações fornecidas pelo usuário, mostrar um resumo financeiro da rota;  Informações fornecidas pelo usuário:  ORIGEM;  DESTINO;  CONSUMO MÉDIO DO VEÍCULO (Km/L);  VALOR DO COMBUSTÍVEL (R$/Litro);
  31. 31. Hands On – Construindo um app! Wireframe (demonstração):
  32. 32. Hands On – Construindo um app!  Serviços utilizados (API) :  Google Maps Directions API  Objetivo: Com base nos parâmetros origem e destino esta API fornece os dados logísticos da rota (KM Total, etinerário, etc.);  Funcionamento: Webservice (Ajax Request)  Mais informações: https://developers.google.com/maps/documentation/directions/intro  Google Maps Embed API  Objetivo: Permite “embarcar” uma rota no aplicativo.  Funcionamento: <iframe>  Mais informações: https://developers.google.com/maps/documentation/embed/
  33. 33. • Intel Developer Zone® -https://software.intel.com/pt- br • Fórum Oficial – http://software.intel.com/pt- br/forums/intel-software-network-brasil • Grupos de discussões (Facebook): – Desenvolvedores XDK Brasil – Intel XDK Developers • Diego Cavalca - – Site – diegocavalca.com – Canal Youtube – youtube.com/c/DiegoCavalca Onde buscar mais informações?
  34. 34. Obrigado! www.diegocavalca.com

×