准备工作 • HTML编辑器
• 图片文件“icon.png” （sample code 目录下）
• “index.html” 和“config.xml” 文件（ sample code
目录下）
• 用来创建.zip文件的压缩程序，如WinZip®
• 安装BlackBerry® WebWorks™ SDK
• 安装BlackBerry PlayBook 模拟器(使用VMWare®)
• 安装Ripple 模拟器
• 可以访问远程Web服务器 (如：Dropbox®)
创建index.html文件 <!DOCTYPE html>
<html>
<head>
<style type="text/css">
body { font-size: 5em; }
</style>
</head>
<body>
<p> Hello World </p>
</body>
</html>
为应用创建图标
• 推荐尺寸：86 x 86
• 推荐格式：PNG
• 本节使用sample code下自带的icon.png文件
创建配置文件config.xml
• 应用程序名
• 应用程序许可权限
• 起始页面
• 应用程序图标
• 开发者姓名
• 其他设置（比如网络传输方式优先级，初始化选项）
<?xml version="1.0" encoding="UTF-8"?> http://www.w3.org/ns/widgets" http://www.blackberry.com/ns/widgets" version="1.0.0.0">
<widget xmlns="
xmlns :rim="
<name>Hello World</name>
<icon src="icon.png"/>
<content src="index.html"/>
</widget>
• config.xml 直接定义了应用程序显示在
PlayBook上的基本属性
• 如name和icon
命令行编译：准备编译 • 创建目录: C:\myapp
• 将文件index.html，config.xml和icon.png保存到这个目录下
• 将这三个文件打包到文件hw.zip中
• 创建一个子目录output
命令行编译：bbwp • C:\Program Files\Research In Motion\BlackBerry
HTML5 WebWorks SDK for TabletOS 2.2.0.5\bbwp
• 调用语法：
bbwp C:\myapp\hw.zip –o C:\myapp\output
命令行编译：编译结果
• 如果使用-o参数，C:\myapp\output 下生成.bar文件
• 如果不使用-o参数， C:\myapp\bin下生成.bar文件
命令行编译：目标文件生成
使用Ripple来访问本地文件 • 将工程目录及下面的文件拷贝到RippleSites目录
• Windows® XP:
C:\Documents and Settings\<Username>\RippleSites
• Windows® 7:
C:\Users\<Username>\RippleSites
• Mac OS:
/Users/<Username>/RippleSites
• 在Ripple地址栏中，输入：http://localhost:9900,后面 跟着工程目录名和首页。如：
http://localhost:9900/HelloWorld/index.html
使用Ripple打包：打包命令 •先单击Platforms菜单，然后选择: WebWorks-Tablet OS”.
•然后选择Ripple模拟器右上角的工具按钮
使用Ripple打包：打包选项
使用Ripple打包：结果 • 选择Ripple右上角的工具按钮
• 选择Package
• 打包成功后，会在output目录下生成.bar文件
部署应用- 设置Playbook开发模式
• 选择Ripple右上角的设置按钮
部署应用- 设置Playbook开发模式 • 选择Security
• 将Development Mode设置为ON（会要求输入 Playbook口令）
部署应用- 查看Playbook的IP地址
部署应用- 使用命令行安装应用 • BlackBerry WebWorks SDK下的目录：
bbwp\blackberry-tablet-sdk\bin
• 命令行：
blackberry-deploy -installApp -password <simulator password> -device
<simulator IP address> -package <BAR file path>
部署应用- 安装成功
部署应用- 运行结果
完成！
90
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
