北京邮电大学硕士论文移动widget平台的设计与实现

密级:址工程硕士研究生学位论文题目:移动wideet平台的设计与实现学号:07R0361 姓名:武静专业z整耸工程导师:罗守山学院z软件学院2009年4月北京邮电大学工程硕士研究生学位论文密级:大工程硕士研究生学位论文题目:移动widget平台的设计与实现学号:07R0361 姓名:武静专业:软件工程导师:罗守山学院:软件学院2009年4月北京邮电大学工程硕士研究生学位论文独创性(或创新性)声明本人声明所呈交的论文是本人在导师指导下进行的研究工作及取得的研究成果。尽我所知，除了文中特别加以标注和致谢中所罗列的内容以外，论文中不包含其他人已经发表或撰写过的研究成果，也不包含为获得北京邮电大学或其他教育机构的学位或证书而使用过的材料。与我一同工作的同志对本研究所做的任何贡献均已在论文中作了明确的说明并表示了谢意。申请学位论文与资料若不实之处，本人承担一切相关责任。本人签名:剖斜阳vv-v.服务协议确认=确认注册=默认登录到HomePage(含Gall町)找回密码用户输入手机号码，通过SMS发送密码给用户登陆用户输入手机号码、密码和验证码MyWidget 浏览widgetBrowser 浏览自己订阅的widgetTag 打标签Score 打分，分为Excellent和PoorShare 把widget分享给他人(输入手机号码).他人启动Widget客户端后提示下载Comment 对widget进行评论:不超过500字节，输入时显示剩余字数Delete 删除自己订阅的widgetLayout 调整手机上显示的Widget布局Synchronize 将Web上的Widget操作同步到手机上(布局和d 删除)search 搜索widget(keyword(name，d臼c.)，developer). search列表中的widget可以preview，download Download 选择widget=拖入到preV1ew手机窗口(用户可widget 以选择自己的手机型号，窗口大小根据手机屏幕尺寸改变)=可以在手机窗口中拖拉。所见即所得(widget实时显示数据)。所有Widget的Layout要保存起来，以后可以同步给手机。widgetize ternplate RSS RSS地址可输入，或选择系统提供的RSS地址(系统管理员预先配置)=模板customize(包括z颜色，风格，title. desc. ICON，然后可以preview.最后直接downloadoRSS内容包括title，au由or，date, description. source. link) Gallery 分类浏览preVlew 预览某个widget，包括从web端实时抓数据3.3系统三大模块模型设计Widbeans系统是一个基于widget的管理及应用平台，用户可以同时在WEB端和手机端同时操作系统中的widget。在系统中用户可以实现对widegt的下载，使用，管理(打标签、打分、评论、分亭、删除、调整手机上显示widget的布局)；同时系统为懂得HTML.XML以及JavaScript技术的用户提供一个简易的widget开发环境WebIDE，在此平台上开发者可以根据自己的喜好和需求开发出较具14 北京邮电大学工程硕士研究生学位论文针对性的widgeto同时用户可以建立自己的空间，可以上传自己日记、照片，交友。同时，Widbeans可以利用用户人际网络的六度原则来对widget进行推广，从而扩大widget的WEB端以及手机端使用范围。(六度空间理论是指:你和任何一个陌生人之间所间隔的人不会超过六个，也就是说，最多通过六个人你就能够认识任何一个陌生人。这就是六度空间理论，也叫小世界理论。)Widbeans三个模块的系统模型分别如图3-1、3-2、3-3所示:删除文件编辑文件新建文件删除文件夹新建文件夹更新工程发布工程测试工程预览工程新建编辑工程Html以及JavaScript 的调试OeveloperPortal模块的设计模型从图3-1中可看出，DeveloperPortal模块共包含四个模块，分别是:用户注册登录，工程管理，文件夹管理，文件管理。其中工程管理又跟为新建编辑工程，预览测试工程，发布更新工程；在新建工程时，可以从本地导入一个已经存在的widget工程，或从模板中导样例工程，或完全新建一个工程。文件夹管理包含新建文件及删除文件。文件管理包含新建、编辑、删除文件三个部分，而编辑文件中有包括了confige文件的设置，Html的高亮显示，Html以及JavaScript文件的固3-1Debug。下图3-2是UserPortal模块的模型设计:15 北京邮电大学工程硕士研究生学位论文UsePortalr模块一载du-lllou-AU-下，m一图3-2UsePortalr模块的设计模型从图3-2中可以看出UsePortalr模块共包括用户登录，WidgetGa11町，个人主页，downladWidget以及widgetize几个模块；其中Persona1Page中包含了个人相册，个人日志以及widget的管理三个子模块:而在widget管理中又包含给widget打分、打标签、和好友分享widget、对widget进行评论等功能。下图3-3是AdminPorta1模块的模型设计:|；自|AdminPortal模块国3-3A也ninPortal模块的设计模型管理员的主要功能就是保持系统的可维护、可运行。在AdminPorta1模块中，共杳登录、用户信息管理、widget管理以及设备管理几个模块。在widget管理中，Admin负责审批widget、准许widget上线，对各个widget分类并对用户推荐不同种类的widget以及对widget的后期下线工作负责。16 北京邮电大学工程硕士研究生学位论文3. 4 WidBeans系统的工作流程整个系统要实现的就是开发者在DeveloperPorta1模块开发工程，然后将工程上传到AdminPorta1模块，等待管理员审批；工程审批通过后，管理员将此工程生成的widget放到UserPorta1模块的WidgetGa11ery中，此widget上线:用户浏览widgetGa11町中的widget.下载自己感兴趣的widget，对这一widget进行打标签、打分、分享、评论等各种操作。当-个widget的使用率降到某个程度时，管理员考虑将此widgetr线，不再为用户提供下载机会，但并不影响已经使用此widget的用户。如卡图3-4所示:Developer开发工程Widget下钱3.5小结上传工程Widget使用管理员审批widget 页Web端图3-4Widbeans系统工作流程本章主要介绍了WidgetBeans系统的功能模块，然后又分别对子模块AdminPorta1、UserPortal、Deve1opePortalr进行描述。分别画出了三个模块的架构图，列出三个模块要实现的功能:接下来，因为在此系统中主要参与Develop町Porta1模块的设计与开发，因此又对DeveloperPorta1模块进行详细介绍。综上所述，本章完成了需求分析阶段所要完成的工作，是的每个模块的分工得以明确，在接下来的详细设计及开发过程中，也会根据实际情况对功能进行不过的更新，使得整个系统从功能上更加的完善。17 北京邮电大学工程硕士研究生学佳论文第4章DeveloperPortal模块详细设计在widbeans系统，ttp移动widget平台，共包含三大模块的系统中，本文作者主要参与分析与设计DeveloperPortal模块，现将此模块的详细功能作如下分析。4. 1 DeveloperPortal模块详细介绍及设计DeveloperPortal模块实现在功能是:开发者根据某个具体需求，开发出一个有针对性widget，并对此widget进行测试，上传等操作。待管理员审批通过后，此widget即可上线被普通用户下载、使用并推广:上线后，开发者可以对此widget进行升级，提供更新的版本到UserPortal模块中WidgetGall町中。4.1.1 DeveloperPortal模块的详细介绍Widget工程在开发到使用共有五个状态:Edit、Approving、Approved、Defend、Ofi1ine；其中Edit状态是指widget工程处于编写状态，在这个状态中，用户可以对工程进行任意的设计与实现；Approving 状态是指widget工程已经编写完成，处于提交状态，在这里此工程正在等待AdminPortal模块的审批，当widget的各个条件都符合时，此widget才会被批准上线Approved状态是指这个widget的各个条件都符合标准，已经通过管理员的审批，状态被置为审批通过并被放到widgetGallery中供用户下载使用。De如ld状态是指widget没有通过审批，而是被管理员审批驳回，且状态被置为驳回气开发者可以对此widget工程进行再次的修改及更正，以便此工程可以通过审批:或者可以直接放弃对此widget工程的操作，将其删除。Oftline状态是指此widget己经经过被普通用户使用的阶段，现在已经过时或者没有很多的用户在使用，则此widget将被置为下线状态:开发者对于下线的工程不能在进行升级，重新上线等操作，只能是放弃或是重新设计开发一个工程。在Develop町Portal模块中对widget工程的操作有:编辑、高亮、Debug、预览、测试、发布、更新等几个功能。开发者使用工程管理模块可以对工程进行完善、统一的管理，用户在这一模块可以新建工程，也是其他几个模块成功操作的前提条件。新建后工程默认包含nfig.xml文件，用户可以在此基础上继续添加其他文件，使此工程能够成为一个完善、丰富的widget。4.1.2 DeveloperPorta1模块的设计DeveloperPorta1模块共有Editor、Debug、Test、Hi民Light四个子模块，分别18 北京邮电大学工程硕士研究生学位论文如下所示。Widget Development, Editor:为高级web编程环境，提供给用户一个编辑器，支持代码关键字的语法高亮、扩展API的自动提示、预览窗口、debug窗口。Debugg町，Runtime Preview:为新开发的widget提供基于浏览器运行环境，并预览widget的运行效果。Exception Track:追踪widget运行时错误，显示错误信息，帮助开发者除错。Plat岛rm.WebIDE.Wrapp町，Packaging and Publish:用户提交widget后，服务器端能够按照widget标准打包，自动生成config.泪nl文件，然后存入widget库。用户提交离线打包的widget后，服务器端能够解包并检测Iwidget源文件的合法性和可用性，通过检测后存入widget库。测试WidgetTest:用户完成工程的开发，可将widget发送到五个绑定的测试手机号上，测试结果满意之后，将此工程上传至AdminPortal模块。4. 2DeveloperPortal模块的数据库设计本模块共包含九张表，下面将对每张表进行描述，并列出表中宇段，以便在编码设计时能考虑得更加全面，也使本文的描述更加清晰。4.2.1 T _ Developer 开发者(包括SP和草根开发者)信息，如下表4-1:记录SP和草根开发者个人信息，由Admin维护，暂时只允许添加，除密码外不允许修改。状态暂时也只有激活。是移动数据业务服务提供商ServiceProvider，或者叫移动增值业务服务提供商。在4-1T _ Developer PK，非空Email地址Varchar2 (128) 可选公司名称/草根姓名Varchar2 (5 1 2 ) 非空，密文密码，密文保存Char (I) 非空2一草根l-SPV缸char2(128) 可选联系人Varchar2 (128) 可选地址V缸ch缸2(16) 可选联系电话accountStatus I CHAR(I) 非空，目前只有激活帐号状态1-激活；状态和去激活状态2-去激活3-删除applyTime Date 非空帐号创建日期effectTime Date 可选，暂时不用帐号生效日期expireTime Date 可选，暂时不用帐号失效日期19 北京邮电大学工程硕士研究生学位论文4.2.2 T_Project 开发者的Widget项目工程，如表4-1T-Porject:记录正在开发或已经开发的工程信息。createDate updateDate status serialID widgetID 4.2.3 T _ WidgetType varchar2( 128) Date Date char(l) number(8) number(8) 表4-2T orject not nul not nul Name sp或开发者的emailproject包的地址工程创建日期工程更新日期1、edit(默认)2、approvmg3, approved 4、rejected5、offiine对应待审批记录对应在线widget记录测试Widget类型，如表4-3T_WidgetType所示:记录Widget分类，由Admin维护该表，暂时只允许添加和修改，但不允许删除己增加的分类。表4-3T _ WidgetType 黯露豆?捞出；三吁:黯窍1类型ID，唯一自动生成从1开始Varchar2 (32) 非空类型名称iconUrl I varchar2(256) 非空类型展示图片地址4.2.4 T_ApproveWidget 待审批widget，如表4-4所示:记录等待Admin审批的或被驳回的Widiget信息。20 北京邮电大学工程硕士研究生学位论文在4-4T_ApproveWidget 服茹I叫-飞每辑部建翻塞拉11豆豆豆摆满黯响他.E*_m= M fimrilJ A、K牛11啡-也eIt性IIIIIIII川、飞F叮-serialID Number(8) PK，非空自动生成，从1开WidgetTitle Varchar2 (64) 非空Widget名称DeveloperID Varchar2 (128) 非空开发者IDwidgetID Number(