JIL Widget开发入门指南

红薯 发布于 2010/03/22 07:02
阅读 1K+
收藏 1

【华为云1024程序员节·向云而生】预约直播 抽14件华为电子产品礼包!>>>

JIL是由中国移动、 软银和沃达丰于2008年4月24日共同创建的,中文名称为“联合创新实验室”(Joint Innovation Lab,JIL).中移动想将Jil Widget 通过 BAE安装到各操作系统的手机上,现在大概只支持OPhone、 WindowMobile、Symbian这 三个平台。
BAE(Browser Based Application Engine )是面向移动互联网的, 跨移动终端操作系统平台的应用运行环境,感觉就是一个Widget的引擎,有点类似Java虚 拟机那样去解释应用程序。 他们会为各种手机平台开发不同的BAE然后在上面运行JIL Widget(感觉BAE就如同是安装在不同手机中的浏览器)。BAE以后会预装在新推出的移动手机上,老用户就要通过移动网站下载了。据移动透路 MMarket会在8月10日后的某一天开始正式运行,他们会在MMarket上放上第一批的Jil widget。

目录
  • •开发 环境的安装
  • • 简单 应用的开发----漂亮的液晶时钟
  • • 总结
  • • 开发 工具参考网址
  • • 本文 源代码附件
  • • 其 它

[显示部分]

开发环境的安装

基于window下开发JIL Widge只需要两个工具:一个是Java虚拟机,另一个是jil SDK开 发工具,所以说jil的运行环境非常简单。

(图)JIL Widget开发入门指南

 

(一) Java的安装
Java虚拟机需要用1.5以上的版本,具 体的安装步骤如下:
1.双击jdk-1_5_0_17- windows-i586-p.exe弹出许可协议,点击接受,然后按下一步。

(图)JIL Widget开发入门指南

选 择安装目录后,点击下一步并开始安装直到显示安装完成。

(图)JIL Widget开发入门指南

(图)JIL Widget开发入门指南

(1) 在window开始菜单中点击运行,在运行中输入cmd然后打开命令行窗口。
(2) 在命令行中输入java并按回车键,如果能显示如下图2-6信息就表示java环境运行正常了。

(图)JIL Widget开发入门指南

(二)Jil SDK的安装
1. 双击jil_sdk_setup.exe工具包弹出许可协议后点击接受,然后按下一步

(图)JIL Widget开发入门指南

2. 选择安装目录后点击下一步,直到安装完成为止。

(图)JIL Widget开发入门指南

(三) Jil SDK的运行
1.Jil SDK安装完成后会在桌面上生成”JIL SDK”的快捷方式如下图2-10,Jil的SDK其实就是内置在Eclipse中的一个插件。

(图)JIL Widget开发入门指南

2. 双击快捷方式后会进入启动界面

(图)JIL Widget开发入门指南

3. 第一次访问时会提示您选择工作空间,点击Ok后会进行开发工具的主界面

(图)JIL Widget开发入门指南

(四) 模拟器的启动
1.配置环境变量。设置步骤如下
对着”我的电脑”点击右键->选择属性->选择高级->选择环境变量, 然后编辑系统变量中的path变量,在变量值中输入您的SDK Tools目录的路径,如下图2-13。输入完后按确定保存。

(图)JIL Widget开发入门指南

2. 创建sdcard镜像文件
在命令行窗口中输入如图2-14的命令后会在对应目录中生成一个如图2-15的镜像文件。

(图)JIL Widget开发入门指南

上 图命令的意思是创建一个50M的sdcard,Sdcard的大小可以按您的实际需求改变。

3.启动模拟器
(1) 在文本编辑器中输入图2-16的Jil模拟器启动命令,并保存为如图2-17的bat文件。

(图)JIL Widget开发入门指南

(2) 双击MyOphone.bat文件起动模拟器,第一次启动模拟器的时候需要比较长的时间。

(图)JIL Widget开发入门指南

简单应用的开发----漂亮的液晶时钟

(图)JIL Widget开发入门指南

(一) 开发如上图3-1的液晶时钟时需要做以下准备
1.首先准备好13幅液晶数字的图片,它们的显示效果和名称如图3-2所示

(图)JIL Widget开发入门指南

2. 编写好的一段液晶时钟的JavaScript代码

(图)JIL Widget开发入门指南

准 备好以上文件后,我们就可以进行widget的开发了。

(二)在JilSDK中制作漂亮的液晶时钟
1. 在eclipse中新建一个Widget Project

(图)JIL Widget开发入门指南

(图)JIL Widget开发入门指南

2. 在弹出的New Widget Project窗口中输入Project Name如图3-5中的Clock,并点击finish.

(图)JIL Widget开发入门指南

3. 按finish后系统会生成如3-6的公程文件
■ config.xml 应用程序的配置文件
■ Default.png 默认的背景图
■ Icon.png 默认的应用程序图标
■ Clock.html widget UI界 面
■ Clock.js widget程序实现代码
■ Clock.css  widget样式代码
■ bin目录会生成一个系统编译后的wgt文件,如Clock.wgt

(图)JIL Widget开发入门指南

4. 新建images目录并将数字图片文件拷进该目录。

(图)JIL Widget开发入门指南

5. 在Clock.js文件中输入已准备好的代码

(图)JIL Widget开发入门指南

6. 在Clock.html文件对应的位置中输入<script>timerun();</script>启动代码,如图3-8所 示。

(图)JIL Widget开发入门指南

7. 对刚才输入的两个文件进行保存,这时会在bin中产生一个Clock.wgt文件,这个就是我们第一个生成widget应用了。

(图)JIL Widget开发入门指南

三) 在模拟器中安装及运行液晶时钟
1.进入bin目录并将Clock.wgt文件拷进模拟器的sdcard中。(在模拟器启动的状态下进行)
在 启动的命令窗口中输入:adb push Clock.wgt /sdcard按回车后出现successfully提示。如图3-10所示

(图)JIL Widget开发入门指南

2. 点击模拟器的File Manager图标,然后进入SdCard,这时会看到我们刚才拷进模拟器的Clock.wgt文件。如下图所示

(图)JIL Widget开发入门指南

3. 点击clock.wgt会弹出安装提示按yes键后直到安装完成。如下图3-12和图3-13所示

(图)JIL Widget开发入门指南

4. 点击模拟器的Widget Manager图标后会进入installed程序列表,点击后就会产生图3-1所示的液晶时钟界面了。

(图)JIL Widget开发入门指南

(图)JIL Widget开发入门指南

应用程序的发布

开发好的Widget是需上传到MMarket上并要通过验证和签名后才能正式发布的。
在 MMarket上的软件获得的利润会和移动3:7分成(移动3 开发者7) 。

总结:

Jil widget优点和缺点
1.优点
(1) 开发简单
(2) 可以在BAE的基础上跨越不同的手机平台(基本做一次开发就可以用了)
(3) 可将现有的javascript适当修改一下就可以应用到widget上面(并支持jQuery等)
2.缺点
(1) 安全性相对较差
(2) 模拟器启动慢,操作系统也相对慢
(3) 开发的程序有局限性.
(4) 对视频音频暂时支持不是太好
总的来说Jil Widget是一个非常适合现有web开 发人员去转型编写手机端应用,不像开发Symbian、WindowMobile等手机应用那样有很高的门槛。jil sdk是一个很轻量级的手机端应用开发工具,能使我们轻而易举地踏进火爆的3G手机时代。祝愿未来的Ophone会给我们带来更多的惊喜。

下载本文的WORD文档,下载本文源码

加载中
返回顶部
顶部