A sample Mobile App using Phonegap
This example talks about creating a Mobile App using Phonegap. I have used this over other tools because it is easy to use and is free as well. As it is built over HTML and jquerymobile it creates rich user interface as well.
Using HTML & jquerymobile as the common centralized code and Phonegap to build the native code around it, it becomes easy to maintain the code as the concerned developer just needs to focus on the HTML code. The rest would be taken care by phonegap to create installables for different mobile platforms like iOS, Android, Windows Phone etc
I have built the application using the following ways
1. Using Phonegap build service at https://build.phonegap.com/apps This just requires you to specify the Git location in the apps section. The build would then create different installables for different mobile platforms with the single common HTML code present inside the www folder.
I have placed an example MobileApp at Github
2. Using the installation of Phonegap 2.7.0 to local machine.
Follow the steps mentioned in the Phonegap documentation (http://docs.phonegap.com/en/2.7.0/guide_command-line_index.md.html)
Make sure you have the required SDKs installed to run the application on local device. I have created the apps for Android, Windows 7 and Blackberry, which requires the respective SDKs to be installed as a pre-requisite.
Note:
a. While installing the app on Windows Phone (Windows 7) ensure that the windows msbuild executable file runs properly, otherwise you would need to modify the build.js and deploy.js to use C:/Windows/Microsoft.NET/Framework/v4.0.30319/MSBuild.exe
b. And while installing the Blackberry app
i. make sure the ant-contrib folder is copied from phonegap-2.7.0\lib\blackberry\example\lib\ to phonegap-2.7.0\lib\blackberry\bin\templates\project\lib
ii. SDK installation somehow does not support names with spaces. So be careful not to keep spaces in the installation location, for eg "C:\Program File", even including the jdk installation.
After the sample apps have been created, replace the www folder inside each of the apps folder with the MobileApp www folder and then execute the application. As a result you have accomplished different installables for single common HTML code
This example talks about creating a Mobile App using Phonegap. I have used this over other tools because it is easy to use and is free as well. As it is built over HTML and jquerymobile it creates rich user interface as well.
Using HTML & jquerymobile as the common centralized code and Phonegap to build the native code around it, it becomes easy to maintain the code as the concerned developer just needs to focus on the HTML code. The rest would be taken care by phonegap to create installables for different mobile platforms like iOS, Android, Windows Phone etc
I have built the application using the following ways
1. Using Phonegap build service at https://build.phonegap.com/apps This just requires you to specify the Git location in the apps section. The build would then create different installables for different mobile platforms with the single common HTML code present inside the www folder.
I have placed an example MobileApp at Github
2. Using the installation of Phonegap 2.7.0 to local machine.
Follow the steps mentioned in the Phonegap documentation (http://docs.phonegap.com/en/2.7.0/guide_command-line_index.md.html)
Make sure you have the required SDKs installed to run the application on local device. I have created the apps for Android, Windows 7 and Blackberry, which requires the respective SDKs to be installed as a pre-requisite.
Note:
a. While installing the app on Windows Phone (Windows 7) ensure that the windows msbuild executable file runs properly, otherwise you would need to modify the build.js and deploy.js to use C:/Windows/Microsoft.NET/Framework/v4.0.30319/MSBuild.exe
b. And while installing the Blackberry app
i. make sure the ant-contrib folder is copied from phonegap-2.7.0\lib\blackberry\example\lib\ to phonegap-2.7.0\lib\blackberry\bin\templates\project\lib
ii. SDK installation somehow does not support names with spaces. So be careful not to keep spaces in the installation location, for eg "C:\Program File", even including the jdk installation.
After the sample apps have been created, replace the www folder inside each of the apps folder with the MobileApp www folder and then execute the application. As a result you have accomplished different installables for single common HTML code
No comments:
Post a Comment