moodle手机版在android平台上的安装配置
moodle手机版在android平台上的安装配置
一．phonegap开发环境搭建
在安装Phonegap开发环境之前，需要安装以下框架：
1）java SDK
Eclipse
Android SDK
ADT Plugin
Phonegap
说明：
java SDK直接下载安装即可，基本没什么问题
Eclipse和Android SDK 以及ADT Plugin可以去android的官网下载最新的兼容包，直接解压后配置一下就可以用了（配置可以去网上查资料，不再赘述）。
附下载地址：http://developer.android.com/sdk/index.html
phonegap包可以去官方网站下载。我的安装版本是phonegap2.5，目前最新版本为3.0 ，不过最新版本用node.js安装完成后，其他一切运行正常，唯独缺少在引用的包（android private libraries）cordova.jar中，缺少plugin.class类文件，也就是说，在引用phonegap插件的时候会报错。因此建议在官方网站没找到解决方法的时候，尽量用以前的版本
下载地址：http://phonegap.com/install/
第一个phonegap项目
在eclipse创建android project ,名字随意取；
在创建完的项目目录下，建立两个文件夹
/libs(如果已存在，就不需要建立了)
/assets/www
进入刚刚下载并解压后的phoneGap包里的/lib/android目录，我们需要的资源都在这个目录下。
1）将phonegap-x.x.x.js这个js文件(具体名称视当时下载的版本而定)copy到项目的/assets/www目录下, 2）将phonegap.jar文件copy到/项目libs目录下。 3）再把xml目录copy到android项目的res目录下。
将以下权限配置的xml内容copy到AndroidManifest.xml文件中：<supports-screensandroid:largeScreens="true"android:normalScreens="true"android:smallScreens="true"android:resizeable="true"android:anyDensity="true"/><uses-permission android:name="android.permission.CAMERA" /><uses-permission android:name="android.permission.VIBRATE" /><uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /><uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /><uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" /><uses-permission android:name="android.permission.READ_PHONE_STATE" /><uses-permission android:name="android.permission.INTERNET" /><uses-permission android:name="android.permission.RECEIVE_SMS" /><uses-permission android:name="android.permission.RECORD_AUDIO" /><uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" /><uses-permission android:name="android.permission.READ_CONTACTS" /><uses-permission android:name="android.permission.WRITE_CONTACTS" /><uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /><uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.GET_ACCOUNTS" />
.将以下内容添加到AndroidManifest.xml文件的activity标签中: android:configChanges="orientation|keyboardHidden
AndroidManifest.xml最后看起来会像这样：
7.在刚刚新建的Android Project中找到libs目录并在phonegap-x.x.x.jar上点击右键，选择 Build Path->Add to Build Path
最后再修改下src下的Java主文件： 1)添加import com.phonegap.*; 2)将类改成继承为DroidGap; 3)删掉import android.app.Activity; 4)把setContentView()这行替换为super.loadUrl("file:///android_asset/www/index.html"); 5)最后看起来就像这样：
9.在/assets/www下建立index.html文件，像这样：
<!DOCTYPE HTML> <html> <head> <title>PhoneGap</title> <script type="text/javascript" charset="utf-8" src="phonegap-x.x.x.js"></script> </head> <body> <h1>Hello World</h1> </body> </html>
到这一步，phonegap就已经安装完成了，可以试运行一下，成功的话会看到hello world界面
三.加入moodle
下载moodlemobile-master.zip文件解压后目录如下
将解压后的moodlemobile-master文件夹中的内容全部copy到 assets/www/文件夹下，index.html直接覆盖就可以。
下载ChildBrowser以及WebIntent插件的文件，
childBrowser包括src以及www文件夹，src文件夹中包含ChildBrowser.java文件，www文件夹下包含图片文件以及childBrowser.js文件
Webintent目录如下
首先添加childBrowser插件
将www/childbrowser.js复制到项目下的assets/www目录下，然后在index.html中加入引用（一般情况下index.html内已加入过该引用，但是需注意phonegap.js的引用写法，要保证和www目录下名字相同）；
将 www/childbrowser文件夹（放的图片文件）整个复制到assets/www目录下
在src下创建包/com/phonegap/plugins/childBrowser，将childBrowser.java文件放到该路径下
在res/xml/config.xml(有的版本可能是plugin.xml)文件内加上一行<plugin name="ChildBrowser" value="com.phonegap.plugins.childBrowser.ChildBrowser">
至此childbrowser插件安装完成。
添加webintent插件
将webintent.js加入到assets/www目录下，检查是否在index.html中加入引用（应该已存在）。
在src下创建路径com/borismus/webintent，将WebIntent.java文件加入其中
在res/xml/config.xml中加入<plugin name="WebIntent" value="com.borismus.webintent.WebIntent" />，加入后如下
至此Webintent插件安装完成。
到这一步，所有步骤都已经完成，我们可以运行自己的模拟器，享受成果啦。运行登录后效果如下
最后把用到的phonegap,moodlemobile-master包以及插件childBrowser和webintent包打成jar包上传，欢迎大家下载。
一．phonegap开发环境搭建
在安装Phonegap开发环境之前，需要安装以下框架：
1）java SDK
Eclipse
Android SDK
ADT Plugin
Phonegap
说明：
java SDK直接下载安装即可，基本没什么问题
Eclipse和Android SDK 以及ADT Plugin可以去android的官网下载最新的兼容包，直接解压后配置一下就可以用了（配置可以去网上查资料，不再赘述）。
附下载地址：http://developer.android.com/sdk/index.html
phonegap包可以去官方网站下载。我的安装版本是phonegap2.5，目前最新版本为3.0 ，不过最新版本用node.js安装完成后，其他一切运行正常，唯独缺少在引用的包（android private libraries）cordova.jar中，缺少plugin.class类文件，也就是说，在引用phonegap插件的时候会报错。因此建议在官方网站没找到解决方法的时候，尽量用以前的版本
下载地址：http://phonegap.com/install/
第一个phonegap项目
在eclipse创建android project ,名字随意取；
在创建完的项目目录下，建立两个文件夹
/libs(如果已存在，就不需要建立了)
/assets/www
进入刚刚下载并解压后的phoneGap包里的/lib/android目录，我们需要的资源都在这个目录下。
1）将phonegap-x.x.x.js这个js文件(具体名称视当时下载的版本而定)copy到项目的/assets/www目录下, 2）将phonegap.jar文件copy到/项目libs目录下。 3）再把xml目录copy到android项目的res目录下。
将以下权限配置的xml内容copy到AndroidManifest.xml文件中：<supports-screensandroid:largeScreens="true"android:normalScreens="true"android:smallScreens="true"android:resizeable="true"android:anyDensity="true"/><uses-permission android:name="android.permission.CAMERA" /><uses-permission android:name="android.permission.VIBRATE" /><uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /><uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /><uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" /><uses-permission android:name="android.permission.READ_PHONE_STATE" /><uses-permission android:name="android.permission.INTERNET" /><uses-permission android:name="android.permission.RECEIVE_SMS" /><uses-permission android:name="android.permission.RECORD_AUDIO" /><uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" /><uses-permission android:name="android.permission.READ_CONTACTS" /><uses-permission android:name="android.permission.WRITE_CONTACTS" /><uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /><uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.GET_ACCOUNTS" />
.将以下内容添加到AndroidManifest.xml文件的activity标签中: android:configChanges="orientation|keyboardHidden
AndroidManifest.xml最后看起来会像这样：
7.在刚刚新建的Android Project中找到libs目录并在phonegap-x.x.x.jar上点击右键，选择 Build Path->Add to Build Path
最后再修改下src下的Java主文件： 1)添加import com.phonegap.*; 2)将类改成继承为DroidGap; 3)删掉import android.app.Activity; 4)把setContentView()这行替换为super.loadUrl("file:///android_asset/www/index.html"); 5)最后看起来就像这样：
9.在/assets/www下建立index.html文件，像这样：
<!DOCTYPE HTML> <html> <head> <title>PhoneGap</title> <script type="text/javascript" charset="utf-8" src="phonegap-x.x.x.js"></script> </head> <body> <h1>Hello World</h1> </body> </html>
到这一步，phonegap就已经安装完成了，可以试运行一下，成功的话会看到hello world界面
三.加入moodle
下载moodlemobile-master.zip文件解压后目录如下
将解压后的moodlemobile-master文件夹中的内容全部copy到 assets/www/文件夹下，index.html直接覆盖就可以。
下载ChildBrowser以及WebIntent插件的文件，
childBrowser包括src以及www文件夹，src文件夹中包含ChildBrowser.java文件，www文件夹下包含图片文件以及childBrowser.js文件
Webintent目录如下
首先添加childBrowser插件
将www/childbrowser.js复制到项目下的assets/www目录下，然后在index.html中加入引用（一般情况下index.html内已加入过该引用，但是需注意phonegap.js的引用写法，要保证和www目录下名字相同）；
将 www/childbrowser文件夹（放的图片文件）整个复制到assets/www目录下
在src下创建包/com/phonegap/plugins/childBrowser，将childBrowser.java文件放到该路径下
在res/xml/config.xml(有的版本可能是plugin.xml)文件内加上一行<plugin name="ChildBrowser" value="com.phonegap.plugins.childBrowser.ChildBrowser">
至此childbrowser插件安装完成。
添加webintent插件
将webintent.js加入到assets/www目录下，检查是否在index.html中加入引用（应该已存在）。
在src下创建路径com/borismus/webintent，将WebIntent.java文件加入其中
在res/xml/config.xml中加入<plugin name="WebIntent" value="com.borismus.webintent.WebIntent" />，加入后如下
至此Webintent插件安装完成。
到这一步，所有步骤都已经完成，我们可以运行自己的模拟器，享受成果啦。运行登录后效果如下
最后把用到的phonegap,moodlemobile-master包以及插件childBrowser和webintent包打成jar包上传，欢迎大家下载。