How to build PhoneGap application with AngularJS

Tech Stack:
HTML 5 + CSS3 + AngularJS + PhoneGap

Tools:
Github + MongoDB

IDE: STS + Sublime Text + IPhone Simulator

PhoneGap:
PhoneGap is mainly used to build web application to native applications for IOS and Android.

AngularJS:
AngularJS is mainly used to build web application.


Samples:
http://devgirl.org/2013/06/10/quick-start-guide-phonegap-and-angularjs/
http://coenraets.org/blog/2013/11/sample-mobile-application-with-angularjs/
http://www.mkyong.com/mongodb/how-to-install-mongodb-on-mac-os-x/
HTML 5 + CSS3 + AngularJS + GitHub + Node.js + MongoDB

How to develop first PhoneGap app on IPhone and IPad

Please reference
How to develop first Phonegap App on Android

Goals:
1. Set up PhoneGap/IOS Development Environment
2. Set up XCode
3. Develop a HelloWorld APP
4. Deploy it to IOS Emulator
5. Deploy it to IPhone and IPad
5. Work with SVN via XCode

Tools:
XCode
IOS Developer Portal
99/year

Tech Stack:

How to use XCode to work with SVN:
1. Start XCode
2. Use Source Control to checkout the IOS PhoneGap Project
3. Import IOS PhoneGap Project as XCode Project
4. Make changes to the files, and synchronize with SVN.

Principles:
1. Use Cordova/PhoneGap to create PhoneGap project
2. Use Cordova/PhoneGap command line to build PhoneGap project to Native Android project and Native IOS Project
3. Import the native project to STS with ADT and XCode
4. Use STS and XCode to develop APP and sychronize with SVN.

Deploy to IOS Device:
https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppStoreDistributionTutorial/Introduction/Introduction.html#//apple_ref/doc/uid/TP40013839

Stages:
1. Test the application on IOS Simulator
2. Deploy the application on Device
3. Submit the application to App Store

Issues:
Issue 1: The version of iOS on “your iPhone” is not supported by this installation of the iOS SDK. Please restore the device to a version of the OS listed below, or update to the latest version of the iOS SDK; which is available here.
Solution: Upgrade Xcode to 5.1.1

References:
http://docs.phonegap.com/en/edge/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide

How to develop first Phonegap App on Android

Knowledge Sharing:
1. In order to install PhoneGap Build applications on Android, you will need to ensure your device will allow applications to be installed outside of the Google Play marketplace. To enable this on most Android devices you just go to the Settings > Security and then check “Allow applications from unknown sources.”

Goals:
1. Set up PhoneGap/Android Development Environment
2. Set up STS
3. Develop a HelloWorld APP
4. Deploy it to Android Emulator and Android Device
5. Work with SVN via STS Subclipse Plugin

Tools:
Spring Tool Suite with ADT Plugin
Android Studio

Tech Stack:
JDK 6/7 + Node.js + Ant + Git + PhoneGap + Android SDK + Cordova


Steps to set up Phonegap Development Environment:
1. Install node.js from http://nodejs.org/
2. Install git from http://git-scm.com/download/mac
3. Install ant from http://ant.apache.org/bindownload.cgi
4. Install phonegap from http://phonegap.com/
5. Install Android SDK from http://developer.android.com/sdk/index.html
6. Install Cordova with node.js
http://docs.phonegap.com/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interface
sudo npm install -g cordova
7. Install ADT Plugin into Eclipse
8. Set up classpath:

    export PATH=${PATH}:/Development/adt-bundle/sdk/platform-tools:/Development/adt-bundle/sdk/tools

 ;%JAVA_HOME%\bin;%ANT_HOME%\bin

Samples for Hello World:
http://docs.phonegap.com/en/edge/guide_platforms_android_index.md.html#Android%20Platform%20Guide

Work with SVN:
1. Check out the Android application from SVN to STS with Subclipse plugin.
2. Import Android application to STS as Android project.
3. Make changes to Android project and synchroize with SVN.

References:
http://flippinawesome.org/2013/03/29/phonegap-build-part1/
http://code.tutsplus.com/tutorials/phonegap-from-scratch-introduction--mobile-9171
http://stackoverflow.com/questions/16636146/using-android-studio-with-java-1-7

Android + PhoneGap:
http://docs.phonegap.com/en/2.7.0/guide_getting-started_android_index.md.html#Getting%20Started%20with%20Android
http://spring.io/guides/gs/android/

Best Practice:
1. Install Android SDK in a separate location.
2.

Issue List:
Issue 1: Please install Android target 19 (the Android newest SDK).
Solution: http://stackoverflow.com/questions/20010969/phonegap-with-android-sdk-4-4

Issue 2: didn't see android avd in eclipse
Solution: Change the perspective to java perspective

Issue 3: How to use Android Studio with Mac and Java 1.7

Solution: For those wonder how you start the actual program Android Studio with Java 7 edit the plist located in /Applications/Android Studio.app/Contents/info.plist Change the xml key JVMVersion which is 1.6* to 1.7*

Issue 4: Failed to open the HAX device! HAX is not working and emulator runs in emulation mode emulator

http://stackoverflow.com/questions/20857256/failed-to-open-the-hax-device-hax-is-not-working-and-emulator-runs-in-emulation
https://software.intel.com/en-us/android

Issue 5: Android AVD starts slow
http://stackoverflow.com/questions/1554099/why-is-the-android-emulator-so-slow

Issue 6: adb devices shows unauthorized
http://stackoverflow.com/questions/18011685/cant-connect-nexus-4-to-adb-unauthorized

Issue 7: it works in real device, but failed in the emulator
Some issue happened for AVD.
07-12 14:04:22.270: E/WebViewFactory(836): Chromium WebView does not exist

Real Device: Android 4.4.2

Remove the Android 4.4.W. Make sure that I can choose different target.

Issue 8: Can't see hidden files in Mac
Solution: defaults write com.apple.finder AppleShowAllFiles TRUE
http://osxdaily.com/2009/02/25/show-hidden-files-in-os-x/

Issue 9: Ask Eclipse to prompt for workspace

Issue 10: Eclipse Hangs in DDMS post-create init
http://stackoverflow.com/questions/8677679/eclipse-hangs-in-ddms-post-create-init

Issue 11: What is the best SVN Client tools in MAC
http://svn-ref.assembla.com/mac-svn-client-reviews.html#versions
Versions