Baixado 12 vezes
Carregado porAruã Sousa
Phonegap ambiente de desenvolvimento
O documento descreve PhoneGap, um framework para desenvolvimento de aplicativos móveis multiplataforma usando HTML5, CSS3 e JavaScript. PhoneGap permite que um aplicativo seja desenvolvido uma vez e rodado em diversas plataformas, como iOS, Android e Windows Phone. Ele também discute como configurar o ambiente de desenvolvimento usando diferentes IDEs como Eclipse, Sublime e plugins da Adobe.
Mais conteúdo relacionado
Phonegap ambiente de desenvolvimento
- 1. PhoneGap Ambiente de desenvolvimento Grupo:Aruã de Mello Sousa Renata Guimarães D. de F. Costa
- 2. Introdução • • PhoneGap éum framework de desenvolvimento móvel • A principal vantagem do PhoneGap é ser cross- platform: uma vez desenvolvido o aplicativo, o mesmo código-fonte poderá ser utilizado para qualquer outra plataforma sem a necessidade de ser reescrito em Java, Objective-C ou qualquer outra linguagem especifica • Possibilita construir aplicativos para dispositivos móveis utilizando javascript html5 e css3
- 3. Introdução ● Open-Source ● Capazde gerar aplicativos híbridos e até mesmo nativos ● PhoneGap-Build ○ Geração de aplicativos para diversas plataformas ○ Build em nuvem ○ Elimina necessidade de Sistemas Operacionais específicos
- 4. PhoneGap • As aplicaçõesresultantes são híbridas: - não são completamente nativas ao aparelho, pois todo o layout é renderizado através de web views ao invés de um framework nativo - nem são aplicativos web, pois são rodados nativamente e tem acesso as APIs dos dispositivos.
- 5. Ambiente de desenvolvimento •Permite a utilização de diferentes IDEs: • Eclipse • Sublime • XCode (MacOS) • Visual Studio (Windows) • Existem diversos plugins, tanto da própria Adobe quanto de terceiros para auxiliar no desenvolvimento
- 6.
- 11. Configuração do Ambientede Desenvolvimento É possível utilizar multiplas IDEs pois, tanto a configuração quanto a compilação são independentes da IDE
- 12. Cordova - Instalaçãoem Unix • Primeiramente faça download e instalação de node.js (http://nodejs.org/) e após instale o cordova $ sudo npm install -g cordova • No diretório onde está o código fonte $ cordova create hello com.example.hello "HelloWorld" $ cd hello $ cordova platform add $ cordova build
- 13. Cordova - Instalaçãoem MacOS • Instalar Xcode • Baixar e instalar PhoneGap (http://phonegap.c om/install/)
- 14. Emulação SDKs para plataformasmóveis vem empacotados com emuladores que executam uma imagem de dispositivos, para que seja possivel ver a interação do aplicativo com as funcionalidades da plataforma.
- 15. Emulação Rode este comando para reconfiguraro aplicativo e vê-lo no emulador da plataforma $ cordova emulate android
- 16.
- 17. Referências • http://www.adobe.com/devnet/html5/articles/getting-started-with- phonegap-in-xcode-for-ios.html • http://mark.burazin.net/phonegap-apache-cordova-osx-sublime-text-2/ •http://docs.phonegap.com/en/3.4.0/guide_platforms_index.md.html#Platfor m%20Guides • http://docs.phonegap.com/en/3.4.0/guide_cli_index.md.html#The%20Com mand-Line%20Interface • http://anindita9.wordpress.com/tag/phonegap-windows-phone-visual- studio-2010-2012/