Stefan Horochovec
• Arquiteto de Software
• BlackBerry Elite Member
• Consultor
• Java EE;
• Cloud Computing;
• Mobile Solutions;
• Revisor Técnico – Packpub Publishing;
• Instrutor/Professor/Palestrante/Autor;
Agenda
• Cenário – Tecnologias nativas;
• Cenário – HTML para dispositivos móveis;
• Ferramentas
• Demonstração
• BlackBerry
Tecnologias Nativas
Apple
• Alto custo para iniciar o desenvolvimento
• Adquirir um MacOS
• Adquirir um iPhone/iPad
• Adquirir um plano de desenvolvedor na Apple
• Emulador razoável
• Baixa fragmentação
• IDE: XCode
• Aprender Objective-C ??
• Aprender Swift !!!
Android
• Baixo custo para iniciar o desenvolvimento
• Adquirir um Android
• Adquirir um plano de desenvolvedor na Google
• Aprender “Java”
• Péssimo emulador
• IDE: Android Studio (baseado no IntelliJ)
• Alta fragmentação
• Variação enorme de devices no mercado
Windows Phone
• Baixo custo para iniciar o desenvolvimento
• Adquirir um Windows Phone
• Adquirir uma licença do Visual Studio ou utilizar a versão Express;
• Adquirir um plano de desenvolvedor na Microsoft
• Aprender C# / VB.NET / Silverlight
• IDE: Visual Studio
• Emulador razoável
• Baixa fragmentação
BlackBerry
• Baixo custo para iniciar o desenvolvimento
• Adquirir um BlackBerry
• Sem custos para o desenvolvedor publicar aplicativos
• Aprender Cascades
• IDE: Momentics (baseado no eclipse)
• Emulador razoável
• Baixa fragmentação
HTML – Dispositivos móveis
HTML
• Disponível para todas as plataformas
• Compatibilidade de código entre plataformas
• É possível acessar recursos de hardware e sistema operacional
• É possível distribuir seu aplicativo via App Store
• Todo o desenvolvedor WEB tem familiaridade com o desenvolvimento
• HTML não muda do dia para a noite 
• Javascript não muda do dia para a noite 
• CSS não muda do dia para a noite 
Ferramentas
AngularJS – O que é?
• http://www.angularjs.org/
• Framework JavaScript com grande foco em HTML;
• Conceito MVC;
• Desenvolvido pela Google;
• Permite uma padronização de arquitetura “enterprise” em uma
aplicação web dinâmica;
• Permite criação de novas tags em HTML para seu navegador
interpretar;
• Suporta os navegadores: IE8+, Chrome, Firefox, Safari e Opera;
AngularJS – Principais Features
• Bootstrap;
• Two-way Data-Binding;
• Templates;
• Repeaters;
• Filters;
• Injeção de Dependência;
• Templates;
• Routes;
• Eventos;
• RESTful;
AngularJS – Foco em HTML
AngularJS – Componentes
AngularJS – Controllers
AngularJS – Controllers
AngularJS – Templates
AngularJS – Templates
NodeJS – O que é?
• http://www.nodejs.org/
• Plataforma baseada no Javascript runtime do Google Chrome – V8;
• Criado para desenvolvimento de aplicações de alto desempenho;
• Baseado em Eventos de I/O;
• Apps real-time (Websockets);
• Não confundir com Ajax (requisições assíncronas);
• Operação via command-line;
• Javascript de todos os lados (front-end e back-end);
• Não suporta base de dados relacionais;
• Disponível para Windows, Linux e MacOS;
• Gerenciamento de pacotes via NPM (Node Package Manager);
GulpJS – O que é?
• http://www.gulpjs.org/
• Ferramenta para build de aplicações web modernas
• Pré-requisitos: NodeJS;
• Através de um único arquivo você pode trabalhar com o build de seus
aplicativos;
• Possui mais de 550 plugins;
• Operação via command-line;
Cordova
• http://www.cordova.io/
• Framework open-source para desenvolvimento de aplicações móveis;
• Mantido pela Apache Software Foundation;
• Cross-Platform;
• A partir da versão 3.0, o Cordova CLI se encarrega de facilitar ainda mais o
desenvolvimento, mantendo plug-ins e configurações em locais separados para cada
plataforma;
• Suporta:
• iOS (Mac)
• Amazon Fire OS (Mac, Linux, Windows)
• Android (Mac, Linux, Windows)
• BlackBerry 10 (Mac, Linux, Windows)
• Windows Phone 7 (Windows)
• Windows Phone 8 (Windows)
• Windows 8 (Windows)
• Firefox OS (Mac, Linux, Windows)
Phonegap
• http://www.phonegap.com/
• Framework open-source para desenvolvimento de aplicações móveis
baseado no cordova;
• Mantido pela Adobe;
• É uma redistribuição melhorada do Cordova;
• Adobe sugere que suas contribuições ocorram a nível de Cordova;
• Serviço de build na nuvem;
Phonegap
IDE
• A de sua preferência!!!!!
• Mais utilizadas (ou as que estão na moda....)
• Sublime Text
• Brackts.io
• Atom.io
• Nova versão do Visual Studio com suporte ao Apache Cordova
Compartilhando
• PPT – http://slideshare.net/horochovec
• Codigo fonte - https://github.com/phonegap-showcase
Demonstração
https://github.com/phonegap-showcase
Obrigado ;)

Write once, run "everywhere"

  • 2.
    Stefan Horochovec • Arquitetode Software • BlackBerry Elite Member • Consultor • Java EE; • Cloud Computing; • Mobile Solutions; • Revisor Técnico – Packpub Publishing; • Instrutor/Professor/Palestrante/Autor;
  • 3.
    Agenda • Cenário –Tecnologias nativas; • Cenário – HTML para dispositivos móveis; • Ferramentas • Demonstração • BlackBerry
  • 4.
  • 6.
    Apple • Alto custopara iniciar o desenvolvimento • Adquirir um MacOS • Adquirir um iPhone/iPad • Adquirir um plano de desenvolvedor na Apple • Emulador razoável • Baixa fragmentação • IDE: XCode • Aprender Objective-C ?? • Aprender Swift !!!
  • 8.
    Android • Baixo custopara iniciar o desenvolvimento • Adquirir um Android • Adquirir um plano de desenvolvedor na Google • Aprender “Java” • Péssimo emulador • IDE: Android Studio (baseado no IntelliJ) • Alta fragmentação • Variação enorme de devices no mercado
  • 10.
    Windows Phone • Baixocusto para iniciar o desenvolvimento • Adquirir um Windows Phone • Adquirir uma licença do Visual Studio ou utilizar a versão Express; • Adquirir um plano de desenvolvedor na Microsoft • Aprender C# / VB.NET / Silverlight • IDE: Visual Studio • Emulador razoável • Baixa fragmentação
  • 12.
    BlackBerry • Baixo custopara iniciar o desenvolvimento • Adquirir um BlackBerry • Sem custos para o desenvolvedor publicar aplicativos • Aprender Cascades • IDE: Momentics (baseado no eclipse) • Emulador razoável • Baixa fragmentação
  • 13.
  • 14.
    HTML • Disponível paratodas as plataformas • Compatibilidade de código entre plataformas • É possível acessar recursos de hardware e sistema operacional • É possível distribuir seu aplicativo via App Store • Todo o desenvolvedor WEB tem familiaridade com o desenvolvimento • HTML não muda do dia para a noite  • Javascript não muda do dia para a noite  • CSS não muda do dia para a noite 
  • 15.
  • 17.
    AngularJS – Oque é? • http://www.angularjs.org/ • Framework JavaScript com grande foco em HTML; • Conceito MVC; • Desenvolvido pela Google; • Permite uma padronização de arquitetura “enterprise” em uma aplicação web dinâmica; • Permite criação de novas tags em HTML para seu navegador interpretar; • Suporta os navegadores: IE8+, Chrome, Firefox, Safari e Opera;
  • 18.
    AngularJS – PrincipaisFeatures • Bootstrap; • Two-way Data-Binding; • Templates; • Repeaters; • Filters; • Injeção de Dependência; • Templates; • Routes; • Eventos; • RESTful;
  • 19.
  • 20.
  • 22.
  • 23.
  • 24.
  • 25.
  • 27.
    NodeJS – Oque é? • http://www.nodejs.org/ • Plataforma baseada no Javascript runtime do Google Chrome – V8; • Criado para desenvolvimento de aplicações de alto desempenho; • Baseado em Eventos de I/O; • Apps real-time (Websockets); • Não confundir com Ajax (requisições assíncronas); • Operação via command-line; • Javascript de todos os lados (front-end e back-end); • Não suporta base de dados relacionais; • Disponível para Windows, Linux e MacOS; • Gerenciamento de pacotes via NPM (Node Package Manager);
  • 29.
    GulpJS – Oque é? • http://www.gulpjs.org/ • Ferramenta para build de aplicações web modernas • Pré-requisitos: NodeJS; • Através de um único arquivo você pode trabalhar com o build de seus aplicativos; • Possui mais de 550 plugins; • Operação via command-line;
  • 31.
    Cordova • http://www.cordova.io/ • Frameworkopen-source para desenvolvimento de aplicações móveis; • Mantido pela Apache Software Foundation; • Cross-Platform; • A partir da versão 3.0, o Cordova CLI se encarrega de facilitar ainda mais o desenvolvimento, mantendo plug-ins e configurações em locais separados para cada plataforma; • Suporta: • iOS (Mac) • Amazon Fire OS (Mac, Linux, Windows) • Android (Mac, Linux, Windows) • BlackBerry 10 (Mac, Linux, Windows) • Windows Phone 7 (Windows) • Windows Phone 8 (Windows) • Windows 8 (Windows) • Firefox OS (Mac, Linux, Windows)
  • 33.
    Phonegap • http://www.phonegap.com/ • Frameworkopen-source para desenvolvimento de aplicações móveis baseado no cordova; • Mantido pela Adobe; • É uma redistribuição melhorada do Cordova; • Adobe sugere que suas contribuições ocorram a nível de Cordova; • Serviço de build na nuvem;
  • 34.
  • 35.
    IDE • A desua preferência!!!!! • Mais utilizadas (ou as que estão na moda....) • Sublime Text • Brackts.io • Atom.io • Nova versão do Visual Studio com suporte ao Apache Cordova
  • 36.
    Compartilhando • PPT –http://slideshare.net/horochovec • Codigo fonte - https://github.com/phonegap-showcase
  • 37.
  • 38.