1.
Oficina Intel XDK®
Desenvolvimento de aplicativos híbridos
Diego Cavalca

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.
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.
Cenário mobile atual

5.
Análise do mundo mobile atual

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.
Aplicativo nativo x híbrido

8.
- Acesso completo ao dispositivo.
- Mais velocidade de processamento.
- Menor tempo de resposta.
- Loja.
- Desenvolvimento caro.
- Não é multi-plataforma.
Aplicativo nativo

9.
Objective-C
Swift
Java C#
Aplicativo nativo

10.
- Bootstrapping (web skills – html5, css e js)
- Acesso completo ao HARDWARE
- Loja de aplicativos
- Desenvolvimento mais barato
- Multiplataforma!
Aplicativo híbrido

11.
Análise comparativa - Recursos

12.
Análise comparativa - Produtividade

13.
• iOS
• Android
• Windows Phone
HTML5 + CSS3+ JS +
APACHE CORDOVA
Desenvolvimento híbrido

14.
Arquitetura híbrida

15.
Em qual linguagem é
criado um aplicativo
híbrido...

16.
Tecnologias e linguagens

17.
E como acesso os
recursos de
hardware...

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.
http://apache.cordova.org

20.
Qual ferramenta (IDE)
utilizar...

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.
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.
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.
Intel XDK® – Arquitetura IDE

25.
Intel XDK®
“Um código, todas as plataformas.”

26.
Opinião do profissional
convidado
Danilo Rodrigues

27.
Danilo Rodrigues
br.linkedin.com/in/rodriguesdanilo

28.
A ESCOLHA

29.
APLICATIVOS HIBRÍDOS

30.
O QUE EU FIZ
Form Checklist Routy

31.
POSSIBILIDADES

32.
Hands On
• Conhecendo o Intel XDK®;
• Criando um aplicativo “oficial” para a
EtecCamp;

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.
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.
Hands On – Construindo um app!
Download do projeto desenvolvido:
https://mega.nz/#!LxBUhL5b!knTrDWMs5kTuW
NKGGSOQJeKmhI5SYkHGXP1XQMsU-1A

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.
Obrigado!
www.diegocavalca.com