Web Widget概述

Web Widget概述

http://wiki.forum.nokia.com/index.php/Web_Widget%E6%A6%82%E8%BF%B0

From Forum Nokia Wiki

<!-- start content -->

Web Widget概述

1. 移动互联网的兴起

移动通讯的商业环境正在面临快速变化。一个重要表现是，人们的工作、生活越来越多地倚赖于Internet，例如大量涌现的Web 2.0网站、网络社区。同时，人们对Internet的需求也越来越多样化。如何把移动通讯与Internet结合起来，无论对于移动终端制造商还是Internet服务提供商，都是一个新的有趣的挑战。

现在在移动设备上访问Internet，不如在PC上访问方便，并且支持的Web能力也有限。针对这个问题，目前有两种主要的解决方案，即服从于Web和服从于PC的解决方案。S60的浏览技术属于后者，致力于在移动设备上提供类似于PC 的浏览体验。而通过PC访问Internet，则不如通过移动设备那样，有方便、快捷的网络接入。此外，统计数字揭露了网站访问的“二八”现象，人们频繁访问的只有少数网站。针对以上问题，S60 SDK 3^rd Edition Feature Pack 2中推出了相应的解决方案----Web Widget（以下简称Widget）。

随着Widget的推广，在不久的将来，人们将可以随时随地访问Internet，就象今天人们打电话一样容易。

2. 什么是WEB Widget

Web Widget是轻量级的Web应用程序，为使用者提供一键式的服务。它通常被设计为具有特定的功能，如提供天气、股票、拍卖等的信息。它与网页一样，使用标准的Web技术开发，如XHTML，CSS，javascript等。从这方面看，Widget是脱离浏览器UI运行的网页。

与其它S60应用相比，Widget可以通过相同的方式下载，安装到手机上。这使它非常易于分享。

Widget的运行基于Web Run-time（以下简称WRT）。WRT是S60 SDK 3^rd Edition Feature Pack 2中，新增加的浏览器组件。它是一个Web应用开发环境。

访问以下链接可以获得更多关于Widget的信息，http://www.forum.nokia.com/main/resources/technologies/browsing/widgets.html。

3. 体验Widget

Widget的使用方式与S60本地应用一样。作为Widget的运行平台，WRT设计目标之一就是使Widget与S60平台进行无缝集成，给用户一致的使用体验。例如，每个Widget都可以在应用程序菜单中显示图标；可被设置为待机状态下的快捷键和左右软键；能出现在活动应用列表中；与现有的S60应用管理方式一样，如安装，卸载。如下链接展示了Widget的安装和使用的一段视频。http://www.forum.nokia.com/info/sw.nokia.com/id/4e20baf8-4c58-4d36-be9f-798a168a844d/Web_widget_webinar_zh_Ch.swf.html

4. 安装Widget

如上所述，Widget的管理方式与S60本地应用一样。如果了解S60本地应用的安装，就可以顺利地安装Widget。(通过链接http://discussion.forum.nokia.com/forum/showthread.php?t=115609&page=2，可以下载一些Widget例子)。

Widget以安装包的形式发布。一个安装包就是一个扩展名为.wgz 的ZIP文件，包含Widget的所有源文件以及Widget项目的根目录。

把Widget部署到手机上是安装的第一步。Widget可以通过三种方式部署到手机上：

· 通过蓝牙或红外发送到目标设备的信息收件箱中。

· 通过MMC卡或USB端口传送到目标设备的内存中。

· 通过S60 Web浏览器下载。

相应地，根据Widget 部署方式的不同，安装过程也有所不同：

· 使用手机上的文件管理器从MMC卡或从本地C盘上打开Widget安装包，根据提示安装Widget（假定Widget安装包已经复制到MMC卡或通过USB数据线传到手机C盘）。

· 通过信息应用程序打开信息收件箱中的Widget安装包，根据提示安装。

· 如果在服务器端配置Widget安装包的MIME类型为x-nokia-widget，通过S60浏览器中下载到手机的Widget安装包将被浏览器识别并自动安装。

安装好后的Widget出现在“应用程序”菜单中。

在S60 3^rd Edition FP2的Emulator中安装Widget的步骤与上述步骤类似。常用方法是，首先把Widget安装包复制到Symbian\9.3\S60_3rd_FP2_Beta\epoc32\winscw\c\Data\Others中（以S60 SDK 3^rd Edition FP2为例），然后使用Emulator中的文件管理器打开并安装。

上一节“体验Widget”中的链接包含了一段演示Widget安装过程的视频。

5. Widget的开发过程

开发Widget使用标准的Web开发技术，如XHTML，CSS，javascript等。这使得Widget开发比较容易上手，开发周期也较短，一般仅需要数日至数周。

Widget包含两个必要文件：HTML文件和info.plist文件。以及其它可选文件：css文件，javascript文件，资源文件（如图标，背景等）。HTML文件定义了widget的结构和内容。Css文件定义膸widget的版面格式，如字体，颜色等，起修饰作用。Javascript给widget增加了动态效果，使其具有某些智能。

Widget项目表现为文件系统中的一个目录。该目录包含Widget的所有文件。Widget的必要文件和图标文件(icon.png)必须位于widget项目的根目录下。

Widget的开发过程如下：

1. 用字编辑器或Web IDE编写widget代码

2. 调试widget时，可结合使用Firefox与Firebug.

3. 测试widget时，可使用三种环境：

1) S60 3^rd Edition FP2中的emulator。

2) 支持WRT的某些手机。当本文写作时，可用的手机包括具有最新版软件的诺基亚N95，N95 8G， N82等。

3) 通过RDA（Remote Device Access）测试。有关RDA的信息位于http://apu.ndhub.net。

4. 把widget文件连同目录打成ZIP包，改扩展名为.wgz，安装到手机。如有必要，可重复执行步骤1至4。

进一步的信息可访问链接：http://www.forum.nokia.com/info/sw.nokia.com/id/7df9d735-3fe8-4719-aeef-219a85d13552/Getting_Started_with_Nokia_Web_Widget_Development.html 。该文档通过一个例子详细讲解了如何开发widget。关于WRT API参考可访问链接：http://www.forum.nokia.com/info/sw.nokia.com/id/cf225acf-7efe-4dae-b89f-967578c00f1d/Web_Run_Time_API_Reference.html。

6. Widget的发展

Widget 的运行需要WRT支持。现阶段的widget只是信息型的widget，从网络获取信息并呈现给用户。此外，WRT在很多方面支持widget与S60的无缝集成，主要体现在widget的管理和使用方式上，能够给用户一致的使用体验。

下一阶段，widget将进一步整合智能手机平台。例如，widget将能够访问位置，PIM，媒体等手机设备信息，以及其它平台提供的服务。并改进用户界面，进一步提升用户的使用体验。

WRT是一个不断发展的平台，widget也将拥有更强大的能力和丰富的功能。如果解决了平台安全性问题，widget将能够通过S60 API来访问S60平台提供的服务。那时，开发部署widget也许会需要一个类似于Symbian签名的验证过程。

7. 更多信息

关于S60浏览技术的信息，可以访问http://www.forum.nokia.com/browser。

“Mobile Web开发人员指南”对移动Web开发给出了一般性的指导，可通过以下链接访问：http://www.blueflavor.com/blog/mobile/dotmobi_mobile_web_developers_guide.php。 诺基亚论坛中文讨论区有关于Web技术和Web Widget的专题,可以访问以下链接来交流经验,答疑解惑，http://discussion.forum.nokia.com/forum/forumdisplay.php?f=76。

<!-- Saved in parser cache with key wiki:pcache:idhash:6192-0!1!0!!en!2!edit=0 and timestamp 20080310094848 -->

Retrieved from "http://wiki.forum.nokia.com/index.php/Web_Widget%E6%A6%82%E8%BF%B0"

<!-- end content --><!-- RELATED THREADS --><!--INDEX-STAR-->

Related Discussions
Thread	Thread Starter	Forum	Replies	Last Post
How to create Web 2 Mobile SMS Services	kkums	General Messaging	1	2002-10-18 13:23
some problems about deloying a mobile web application	ctlqt12	General Browsing	2	2007-05-03 06:38
Data to Web Problem	brian_tsim	Mobile Java Networking & Messaging & Security	0	2005-08-05 06:33
Web Cam	Stan1984	General Discussion	0	2004-01-08 17:18
PHP session problem help! Plz~~	ai_pinkflower	Browsing and Mark-ups	5	2006-01-24 18:17

<!--INDEX-EN--><!-- END RELATED THREADS -->This page was last modified 08:52, 10 March 2008.