SlideShare uma empresa Scribd logo
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®
• Opinião do profissional convidado – Danilo Rodrigues
• Hands On – Criando um aplicativo “oficial” para o evento EtecCamp
• Onde buscar mais informações?
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
Cenário mobile atual
Oficina Intel XDK - 1ª ETEC Camp
Oficina Intel XDK - 1ª ETEC Camp
Análise do mundo mobile atual
• 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
Aplicativo nativo x híbrido
- Acesso completo ao dispositivo.
- Mais velocidade de processamento.
- Menor tempo de resposta.
- Loja.
- Desenvolvimento caro.
- Não é multi-plataforma.
Aplicativo nativo
Objective-C
Swift
Java C#
Aplicativo nativo
- Bootstrapping (web skills – html5, css e js)
- Acesso completo ao HARDWARE
- Loja de aplicativos
- Desenvolvimento mais barato
- Multiplataforma!
Aplicativo híbrido
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 dispositivo, como a câmera
ou o acelerômetro, através do JavaScript.”
http://apache.cordova.org
Qual ferramenta (IDE)
utilizar...
Oficina Intel XDK - 1ª ETEC Camp
“É 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®
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®
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®
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 projetos prontos (demonstrações);
 DICA: Fique atento a versão da ferramenta Intel
XDK®, pois ela atualiza constantemente!
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;
Hands On – Construindo um app!
Download do projeto desenvolvido:
https://mega.nz/#!LxBUhL5b!knTrDWMs5kTuW
NKGGSOQJeKmhI5SYkHGXP1XQMsU-1A
• 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?
Obrigado!
www.diegocavalca.com

Mais conteúdo relacionado

Mais procurados (20)

PDF
Phonegap
Lucas Aquiles
 
PPTX
Phonegap, muito além dos nativos!
Luiz Gavinho
 
PDF
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Cristian Dean
 
PPTX
Desenvolvimento Mobile com Ionic
Felipe Renan Vieira
 
PDF
Marketing digital tecnologia da informação
Ana Paula Coelho Barbosa
 
PPTX
RealSense SDK
Felipe Pedroso
 
PDF
Desenvolvendo para Android com PhoneGap
Mayron Cachina
 
PPTX
Minicurso RealSense SDK
Felipe Pedroso
 
PPTX
Ionic framework
Lucas de Oliveira
 
PPTX
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Felipe Blini
 
PDF
Desenvolvimento Mobile - Rio Info 2012
Diego Dukão
 
PDF
Conhecendo o PhoneGap
Cristiano Gomes
 
PPTX
O que há de incrível sobre o Flutter
Wiliam Buzatto
 
PPTX
Adobe Flex e Playbook
Stefan Horochovec
 
PDF
Introdução ao PhoneGap e Sencha Touch
Rafael Neri
 
PDF
PhoneGap - criando aplicações Android e iOS com HTML5
Rafael Sakurai
 
PDF
Desenvolvimento de Aplicativos Móveis Multiplataforma
Jose Augusto Cintra
 
PPTX
Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...
Cássio Nandi Citadin
 
PPTX
Asoso tipos de aplicações móveis (1)
grupouro
 
PPTX
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Wennder Santos
 
Phonegap
Lucas Aquiles
 
Phonegap, muito além dos nativos!
Luiz Gavinho
 
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Cristian Dean
 
Desenvolvimento Mobile com Ionic
Felipe Renan Vieira
 
Marketing digital tecnologia da informação
Ana Paula Coelho Barbosa
 
RealSense SDK
Felipe Pedroso
 
Desenvolvendo para Android com PhoneGap
Mayron Cachina
 
Minicurso RealSense SDK
Felipe Pedroso
 
Ionic framework
Lucas de Oliveira
 
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Felipe Blini
 
Desenvolvimento Mobile - Rio Info 2012
Diego Dukão
 
Conhecendo o PhoneGap
Cristiano Gomes
 
O que há de incrível sobre o Flutter
Wiliam Buzatto
 
Adobe Flex e Playbook
Stefan Horochovec
 
Introdução ao PhoneGap e Sencha Touch
Rafael Neri
 
PhoneGap - criando aplicações Android e iOS com HTML5
Rafael Sakurai
 
Desenvolvimento de Aplicativos Móveis Multiplataforma
Jose Augusto Cintra
 
Desenvolvimento de aplicativos Mobile com HTML5 e Javascript com Phonegap (Te...
Cássio Nandi Citadin
 
Asoso tipos de aplicações móveis (1)
grupouro
 
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Wennder Santos
 

Semelhante a Oficina Intel XDK - 1ª ETEC Camp (20)

PDF
Minicurso Intel XDK
Diego Cavalca
 
PPTX
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
William S. Rodriguez
 
PPTX
Apresentação android
Leandro Rodrigues
 
PPTX
Asoso tipos de aplicações móveis (1)
grupouro
 
PDF
Worklight exemplo
Percival Lucena
 
PPTX
Gt 10 FCSI- ambiente de desenvolvimento
Max_Antonelli
 
PPTX
Desafios de projeto para quem usa a plataforma Android
Natanael Fonseca
 
PPTX
Programação para dispositivos Móveis - Criação de aplicativos - Android Aula...
Diogo Rafael da Silva
 
PDF
Curso Básico Android - Aula 01
Lucas Boeing Scarduelli
 
PDF
Titanium appacelerator
Davi Felipe Russi
 
PPTX
Gt 10 fcsi
Robson Alves de Oliveira
 
PPT
PALESTRA :: Desenvolvimento para plataforma Android
Fundação Vanzolini
 
PPT
Resumo Desenvolvimento Mobile
Cícero Moura
 
PPTX
Novas Abordagens no Ensino da Programação - Ensino Básico
Universidade de Lisboa
 
PDF
Open Source: Ferramentas Gratuitas Incríveis
Danilo Pinotti
 
PDF
Desenvolvimento de Aplicativos para Android
Paulo Henrique de Sousa
 
PPTX
Desenvolvimento para Plataformas-Moveis.pptx
VanessaTvora
 
PDF
Desenvolvimento de Apps e Games para iOS - Parte 2
Erisvaldo Junior
 
PPTX
Tecnologias ria2
Adilmar Dantas
 
PPTX
Guia para o Profissional Android
armeniocardoso
 
Minicurso Intel XDK
Diego Cavalca
 
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
William S. Rodriguez
 
Apresentação android
Leandro Rodrigues
 
Asoso tipos de aplicações móveis (1)
grupouro
 
Worklight exemplo
Percival Lucena
 
Gt 10 FCSI- ambiente de desenvolvimento
Max_Antonelli
 
Desafios de projeto para quem usa a plataforma Android
Natanael Fonseca
 
Programação para dispositivos Móveis - Criação de aplicativos - Android Aula...
Diogo Rafael da Silva
 
Curso Básico Android - Aula 01
Lucas Boeing Scarduelli
 
Titanium appacelerator
Davi Felipe Russi
 
PALESTRA :: Desenvolvimento para plataforma Android
Fundação Vanzolini
 
Resumo Desenvolvimento Mobile
Cícero Moura
 
Novas Abordagens no Ensino da Programação - Ensino Básico
Universidade de Lisboa
 
Open Source: Ferramentas Gratuitas Incríveis
Danilo Pinotti
 
Desenvolvimento de Aplicativos para Android
Paulo Henrique de Sousa
 
Desenvolvimento para Plataformas-Moveis.pptx
VanessaTvora
 
Desenvolvimento de Apps e Games para iOS - Parte 2
Erisvaldo Junior
 
Tecnologias ria2
Adilmar Dantas
 
Guia para o Profissional Android
armeniocardoso
 
Anúncio

Mais de Diego Cavalca (7)

PDF
Palestra USC/2018 - Carreira em Ciência de Dados
Diego Cavalca
 
PDF
Máquina de Turing reconhecedora de número primo
Diego Cavalca
 
PDF
Árvores Espalhadas Mínimas
Diego Cavalca
 
PDF
Computação Cognitiva: conceitos e aplicações
Diego Cavalca
 
PDF
Sistema de Automação da Irrigação do Plantio - Apresentação
Diego Cavalca
 
PDF
Sistema de Automação da Irrigação do Plantio - Artigo
Diego Cavalca
 
PPTX
Gerenciamento de Projetos com PRINCE2
Diego Cavalca
 
Palestra USC/2018 - Carreira em Ciência de Dados
Diego Cavalca
 
Máquina de Turing reconhecedora de número primo
Diego Cavalca
 
Árvores Espalhadas Mínimas
Diego Cavalca
 
Computação Cognitiva: conceitos e aplicações
Diego Cavalca
 
Sistema de Automação da Irrigação do Plantio - Apresentação
Diego Cavalca
 
Sistema de Automação da Irrigação do Plantio - Artigo
Diego Cavalca
 
Gerenciamento de Projetos com PRINCE2
Diego Cavalca
 
Anúncio

Último (7)

PPTX
Gestão de Mudanças - Os maiores desafios da Gestão de Mudanças e Gestão de Pr...
Gateware Group
 
PPTX
Gestão de Mudanças - O que é e como é implementada
Gateware Group
 
PDF
Certificado em Redes Neurais Artificiais em Python
CaioSilva506151
 
PPTX
Gestão de Mudanças - Fases do processo de mudança organizacional
Gateware Group
 
PPTX
Computacao-e-Tecnologias-Digitais-Por-Que-Aprender.pptx
RobertaOliveiradaFon1
 
PDF
Explorando o Futuro do Corpo: Implantes Neurais e o Biohacking dos Sentidos
cooperliora
 
PPTX
Desenvolvimento-de-Produtos-Inovadores.pptx
ssuser1d7565
 
Gestão de Mudanças - Os maiores desafios da Gestão de Mudanças e Gestão de Pr...
Gateware Group
 
Gestão de Mudanças - O que é e como é implementada
Gateware Group
 
Certificado em Redes Neurais Artificiais em Python
CaioSilva506151
 
Gestão de Mudanças - Fases do processo de mudança organizacional
Gateware Group
 
Computacao-e-Tecnologias-Digitais-Por-Que-Aprender.pptx
RobertaOliveiradaFon1
 
Explorando o Futuro do Corpo: Implantes Neurais e o Biohacking dos Sentidos
cooperliora
 
Desenvolvimento-de-Produtos-Inovadores.pptx
ssuser1d7565
 

Oficina Intel XDK - 1ª ETEC Camp

  • 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
  • 7. Análise do mundo mobile atual
  • 8. • 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
  • 10. - Acesso completo ao dispositivo. - Mais velocidade de processamento. - Menor tempo de resposta. - Loja. - Desenvolvimento caro. - Não é multi-plataforma. Aplicativo nativo
  • 12. - Bootstrapping (web skills – html5, css e js) - Acesso completo ao HARDWARE - Loja de aplicativos - Desenvolvimento mais barato - Multiplataforma! Aplicativo híbrido
  • 14. Análise comparativa - Produtividade
  • 15. • iOS • Android • Windows Phone HTML5 + CSS3+ JS + APACHE CORDOVA Desenvolvimento híbrido
  • 17. Em qual linguagem é criado um aplicativo híbrido...
  • 19. E como acesso os recursos de hardware...
  • 20. “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.”
  • 24. “É 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®
  • 25. 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®
  • 26. 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®
  • 27. Intel XDK® – Arquitetura IDE
  • 28. Intel XDK® “Um código, todas as plataformas.”
  • 33. O QUE EU FIZ Form Checklist Routy
  • 35. Hands On • Conhecendo o Intel XDK®; • Criando um aplicativo “oficial” para a EtecCamp;
  • 36. 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!
  • 37. 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;
  • 38. Hands On – Construindo um app! Download do projeto desenvolvido: https://mega.nz/#!LxBUhL5b!knTrDWMs5kTuW NKGGSOQJeKmhI5SYkHGXP1XQMsU-1A
  • 39. • 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?