Transferir como PDF, PPTX
Carregado porRafael Neri
Introdução ao PhoneGap e Sencha Touch
O documento discute PhoneGap, um framework para construir aplicativos móveis multiplataforma usando HTML5, CSS e JavaScript. PhoneGap usa o motor Apache Cordova e permite desenvolver aplicativos híbridos que acessam recursos nativos como câmera e GPS através de plugins. O documento também apresenta o framework Sencha Touch, baseado em MVC, que oferece componentes e temas para criar interfaces ricas para aplicativos híbridos.
![[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://cdn.slidesharecdn.com/ss_thumbnails/aula01-introducao-140223172330-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[#DevCast] Quero Desenvolver para phonegap, e agora? O que eu faço?](https://cdn.slidesharecdn.com/ss_thumbnails/devcastphonegap-130813213552-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Introdução ao PhoneGap e Sencha Touch
- 1.
- 2. RAFAEL NERI Analista deSistemas SENAI CIMATEC #CiclistaAmador #Programador #AspiranteMaker
- 3. Qual o problemaatual? N Plataformas = N Apps
- 4. Como resolver oproblema? N = 1
- 5.
- 6. PhoneGap é umframework open source para construir rapidamente aplicativos móveis multi- plataforma utilizando HTML5, Javascript e CSS.
- 7. O PhoneGap foioriginalmente criado pela empresa Nitobi Software. Em 2011 ela foi adquirida pela Adobe, que montou uma equipe exclusiva para o projeto. O código foi doado para incubação à Apache Software Foundation, sendo então batizado de Apache CORDOVA.
- 8. Apache Cordova éo motor do PhoneGap. PhoneGap é uma distribuição que pode conter ferramentas adicionais e algumas delas ligadas a serviços e aplicativos da Adobe. Qual a diferença entre utilizar um ou o outro?
- 9.
- 10.
- 11.
- 12.
- 13. Web Browser semmolduras. WEBVIEW
- 14.
- 15.
- 16.
- 17.
- 18.
- 19. REQUISITOS P/ WIN+ ANDROID • NodeJS • JDK • Configure a variável de ambiente PATH • Android SDK • Configure a variável de ambiente PATH • C:adt-windowssdktools;C:adt- windowssdkplatform-tools • Configure um device no emulador • $ android avd • Apache Ant • Configure a variável de ambiente PATH • C:apache-ant-1.9.4bin • Por fim • $ npm install -g phonegap • Sublime para editar nosso código
- 20. CRIANDO PROJETO PHONEGAP $ phonegapcreate erbase br.org.ifba.erbase "ERBASE" $ cd erbase $ phonegap platform add android $ phonegap build (auto) $ phonegap emulate android (auto)
- 21.
- 22.
- 23. VAMOS AO SENCHATOUCH
- 24. O QUE ÉSENCHATOUCH? Framework Javascript baseado no modelo MVC Baseado em web standards HTML5, CSS3, JS
- 25. O QUE OFERECE? UIde alta performance e componentes similares aos nativos Layouts adaptativos, animações e rolagem suave Pacote robusto para acesso a dados Integração com PhoneGap/Cordova para acesso a API’s nativas
- 26.
- 27.
- 28. DATA PACKAGE Model, Store,Proxies Associations Validations Local e server storage Webservices jsonp, ajax, yql
- 29.
- 30.
- 31.
- 32. CRIANDO A APLICAÇÃO PHONEGAP $phonegap create apperbase br.org.ifba.apperbase “Sencha ERBASE 2015" $ cd apperbase $ phonegap platform add android $ phonegap serve
- 33. ESTRUTURA DE PASTAS hooks:pode conter scripts para personalizar os comandos do cordova platforms: plataformas instaladas para o app plugins: fonte dos plugins instalados no app www: código fonte do app
- 34.
- 35. CONFIGURANDO O PROJETO Vamossubstituir o conteúdo da pasta www pelo conteúdo da pasta src/sencha-app descarregada através do github.
- 36.
- 37.