`

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包上传,欢迎大家下载。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics