|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2009-12-30
最后修改：2009-12-30
在iPhone 引领的软件用户体验革命的潮流时，UI/UE 已经深入到每一个软件应用提供商的产品理念中。做为产品的基础开发者，开发者们对开发平台，开发工具的体验(Developer Experience) 也越来越受到平台提供商们的重视。随着产业链越来越多介入应用商店时，移动业务的运行环境愈发受到重视。 BAE Widget 引擎作为中国移动推出的可超脱手机操作系统的一个应用开发引擎，可谓是这方面的一个典范。只要终端平台上安装了 BAE 引擎，开发人员就可以将按照 JIL Widget 规范开发好的应用无缝部署到相应终端上，解决了移动终端开发中最让开发人员头疼的终端适配问题。同时由于 BAE 基于标准的浏览器引擎实现，因此用户可以基于标准的 Web 语言开发应用，通过简单移植就可以把大多数的 Web 应用变成一个 Mobile Widget 。 Mobile Widget 应用开发简单快速、用户体验出色、应用部署方便、应用发布包小 , 这些特点都使得其受到越来越多的开发者们的追捧。 应用程序的Web 化是软件开发的一个趋势。本文一个实时获取服务器时间的实例来说明如何来开发联机版的Mobile Widget 应用。 搭建开发环境首先需要搭建JIL Widget 开发环境。只需要在JIL 的官方网站（http://www.jil.org ）上下载JIL SDK 后安装即可（由于JIL SDK 是基于Eclipse 开发的一个IDE 运行环境，所以需要有jre 的支持，请在Sun 官方网站下载安装支持环境（http://www.sun.com ）。安装过程中按默认设置即可）。安装完成之后打开JIL SDK 就可以在IDE 中开发JIL Widget 了。JIL SDK 是基于Eclipse 平台实现的IDE 环境，大多数的开发者都会很容易地熟悉整个开发流程。 建立工程首先创建一个名为 HelloWidget 的工程。在主菜单中，选择“ File -- New -- Widget Project ”创建工程，或者在 package explorer 窗口框空白处右键单击，选择“ New -- Widget Project ”，之后在里面写入工程名 jilnet 后确认， IDE 就为我们自动生成了一个项目 。 简要说明一下各个文件 jilnet.html ——显示 Widget 和定义 Widget 总体设计的入口点。 jilnet.css ——用于定义 Widget 的布局和形态。 jilnet.js ——用于定义 Widget 中的动作和执行逻辑。 config.xml ——包含 Widget 的元信息和基础配置。 编码实现为了简化联机应用的开发，这里我们使用 jQuery 来封装相应的联机交互环节。只需要在我们的 jilnet.html 中引入这个 js 库即可。 代码非常简单，我们每隔一秒就使用jQuery 的load() 函数来异步获取服务器的时间，之后将这个时间更新显示在当前页面中。 本地的HTML 代码如下所示： <html xmlns ="http://www.w3.org/1999/xhtml"> <head> <title> Sample Widget</title> <meta http-equiv="Content-Type"content="text/html; charset=UTF-8" /> <script language="javascript" type="text/javascript" src="jilnet.js"></script> <script language="JavaScript" type="text/javascript" src="jquery-1.3.2.min.js"></script> <script> $(function(){ window.setInterval(getTime,1000); }); function getTime(){ $("#time").load("http://10.0.2.2:8080/gettime.php"); } </script> </head> <body> <div id="time">current time</div> </body> </html> 远端服务器代码也十分简单，就是输出当前服务器的时间。下面是我用 php 实现的一段代码： <?php echo date("Y n j H:m:s"); ?> 将服务器代码部署到 apache 服务器上之后，我们就可以来在模拟器中运行我们的应用程序了。
注意事项在OPhone 的模拟器中，默认的数据连接方式是CCMC WAP ，需要改成CCMC NET 连接方式。有三种方式可以更改： 1.在手机桌面上的settings 中更改Data Connection; 2.在打开Widget 应用后点击模拟器左起第二个功能按键（设置键）后点击出现的NetWork 后更改; 3.在打开OPhone 内置的浏览器后点击左起第二个功能键后再点settings 后就可以更改。 在OPhone 模拟器上开发应用时，本地地址http://localhost 与我们通常的理解不一样，它是访问模拟器。所以有些人如果在开始时无法调试成功可能是这个原因。OPhone 模拟器把 http://10.0.2.2 映射为我们通常概念中的http://localhost 。当然，如果你是内网地址的话也可以使用你的内网地址。 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2010-03-06
刚开始了解如何进行Widget联机开发，谢了！
|
| 返回顶楼 | |
浏览 2765 次
