Web Widget概述

From Forum Nokia Wiki

Web Widget概述

Contents

[hide]

• 1 移动互联网的兴起
• 2 什么是WEBWidget
• 3 体验Widget
• 4 安装Widget
• 5 Widget的开发过程
• 6 Widget的发展
• 7 更多信息

移动互联网的兴起

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

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

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

什么是WEBWidget

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

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

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

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

体验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。

安装Widget

　　如上所述，Widget的管理方式与S60本地应用一样。如果了解S60本地应用的安装，就可以顺利地安装Widget。现在支持Widget的手机有最新版软件的NokiaN95以及N95 8G，以及即将上市的所有S60 3^rd Edition FP2手机 。

　　通过链接http://discussion.forum.nokia.com/forum/showthread.php?t=115609#4，可以下载一些Widget例子。

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

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

• 通过蓝牙或红外发送到目标设备的信息收件箱中。
• 通过MMC卡或USB端口传送到目标设备的内存中。
• 通过S60 Web浏览器下载。

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

• 通过信息应用程序打开信息收件箱中的Widget安装包，根据提示安装。
• 使用手机上的文件管理器从MMC卡或从本地C盘上打开Widget安装包，根据提示安装Widget（假定Widget安装包已经复制到MMC卡或通过USB数据线传到手机C盘）。
• 如果在服务器端配置Widget安装包的MIME类型为x-nokia-widget，通过S60浏览器中下载到手机的Widget安装包将被浏览器识别并自动安装。

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

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

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

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，常用的调试功能有设置断点、单步执行等，还可以观察HTML文件的DOM结构。
3. 把widget文件连同目录打成ZIP包，改扩展名为.wgz，安装到测试环境。测试widget可使用三种环境：
   1. S60 3^rd Edition FP2中的emulator。
   2. 支持WRT的某些手机。当本文写作时，可用的手机包括具有最新版软件的诺基亚N95，N95 8G等。即将发布的所有S603^rd Edition FP2手机也将支持Widget.
   3. 通过RDA（Remote DeviceAccess）测试。RDA是一种通过Internet远程访问诺基亚S60设备的服务，有关RDA的信息位于http://apu.ndhub.net 。
4. 测试Widget，改正Bug。可重复执行步骤1至4。

　　关于Widget开发的信息还可以访问链接：http://www.forum.nokia.com/...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。

Widget的发展

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

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

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

更多信息

　　诺基亚论坛中文讨论区有关于Web技术和Web Widget的专题,可以访问以下链接来交流经验,答疑解惑，http://discussion.forum.nokia.com/forum/forumdisplay.php?f=76。其中Widget专题收集了Widget文档、开发工具、Q&A等，可通过以下链接访问：http://discussion.forum.nokia.com/forum/showthread.php?t=115609。

　　新发布的Widget e-learning资料，内容比较全面，包括概述和一个开发实例， http://www.forum.nokia.com/info/sw.nokia.com/...=s60platformArticle7CTA。

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

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