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
Danilo Rodrigues
br.linkedin.com/in/rodriguesdanilo
A ESCOLHA
APLICATIVOS HIBRÍDOS
O QUE EU FIZ
Form Checklist Routy
POSSIBILIDADES
Hands On
• Conhecendo o Intel XDK®;
• Criando um aplicativo “oficial” para a
EtecCamp;
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 “oficial” para o evento Etec Camp;
 Descrição: O aplicativo conterá informaçõ...
Hands On – Construindo um app!
Download do projeto desenvolvido:
https://mega.nz/#!LxBUhL5b!knTrDWMs5kTuW
NKGGSOQJeKmhI5SY...
• 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 - 1ª ETEC Camp
Oficina Intel XDK - 1ª ETEC Camp
Oficina Intel XDK - 1ª ETEC Camp
Próximos SlideShares
Carregando em…5
×

Oficina Intel XDK - 1ª ETEC Camp

581 visualizações

Publicada em

Apresentação utilizada no evento Etec Camp (http://eteclins.com.br/eteccamp) durante a "Oficina Intel XDK".

Download do projeto desenvolvido: https://mega.nz/#!LxBUhL5b!knTrDWMs5kTuWNKGGSOQJeKmhI5SYkHGXP1XQMsU-1A

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

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

Nenhuma nota no slide

Oficina Intel XDK - 1ª ETEC Camp

  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 “oficial” para o evento EtecCamp • 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. Danilo Rodrigues br.linkedin.com/in/rodriguesdanilo
  28. 28. A ESCOLHA
  29. 29. APLICATIVOS HIBRÍDOS
  30. 30. O QUE EU FIZ Form Checklist Routy
  31. 31. POSSIBILIDADES
  32. 32. Hands On • Conhecendo o Intel XDK®; • Criando um aplicativo “oficial” para a EtecCamp;
  33. 33. 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!
  34. 34. Hands On – Construindo um app!  Aplicativo “oficial” para o evento Etec Camp;  Descrição: O aplicativo conterá informações gerais sobre o evento, como descrição, agenda, patrocinadores, contato, onde o usuário poderá ligar diretamente para o telefone do evento dentro do próprio app;  Telas:  Início;  Agenda;  Apoio;  Contato;
  35. 35. Hands On – Construindo um app! Download do projeto desenvolvido: https://mega.nz/#!LxBUhL5b!knTrDWMs5kTuW NKGGSOQJeKmhI5SYkHGXP1XQMsU-1A
  36. 36. • 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?
  37. 37. Obrigado! www.diegocavalca.com

×