基于WebQQ的幻灯片放映rdquo;设计.pptVIP

机电一体化系统设计 长 春 工 业 大 学 www. 基于WebQQ的“幻灯片放映”设计 2011腾讯校园之星互联网应用开发大赛 * 目 录 一、团队成员介绍 * 姓名：陈博强 性别：男 学校：长春工业大学 学历：本科 专业：计算机科学与技术 个人资料 电话 QQ：308564252 E-mail：cbq926@ 联系方式 二、作品介绍 * “幻灯片放映”是一款运行在WebQQ平台上的Widget挂件程序。可以将其放置在桌面的任何位置，为桌面增彩。 用户可以自定义图片来源或使用必应(Bing)的每日壁纸。并可自定义一些显示效果，例如：每张显示时间、切换效果（滑动、淡化）等。 对单张图片可以通过右键菜单进行“设为桌面背景”、“查看原图”等操作。 图2.1 作品界面图 三、技术方案 * 软件环境 1、浏览器环境： 可以运行在Chrome、Firefox和IE等几大主流浏览器 2、开发工具： a) 前端开发 采用Photoshop对图片进行设计和处理； 采用Dreamweaver的可视化设计界面来设计显示布局 b) 后台开发 主要使用Notepad++进行JQuery和PHP代码的编写。Notepad++强大的代码高亮和智能缩进，可以保障程序的功能实现和开发进度。 c) 数据库 使用开源轻量级数据库MySQL；采用phpMyAdmin可视化界面来管理数据库 三、开发技术 * 开发技术 使用JQuery设计前端的动画效果。PHP作为后台技术，实现数据库的操作和图片的抓取。通过AJAX技术，以JSON作为数据传递格式，来实时获取和保存用户的配置信息。 模块结构 1、图片幻灯显示模块 2、必应(Bing)壁纸抓取模块 3、配置模块 三、开发技术 * 技术细节 1、用户配置信息保存与读取 一旦用户打开本程序，就自动获取用户的token，作为识别用户的唯一标识。利用JQuery的$.getJSON()函数，获取服务器端传递回来的JSON数据。JSON内容包括用户的配置信息及显示的图片。 2、WebQQ API调用 本程序使用了如下主要API： alloy.widget.startDrag：实现Widget的拖动功能 alloy.system.getToken：获取token，作为用户唯一标识 alloy.widget.setWinSize：设置Widget显示大小 alloy.layout.setWallpaper：设置用户的桌面壁纸 alloy.system.openURL：通过打开内置浏览器，浏览大图 三、开发技术 * 技术细节 3、必应(Bing)壁纸的抓取 通过必应(Bing)提供的壁纸API： /HPImageArchive.aspx?format=xmlidx=0n=7 获取出最近7天的壁纸信息。 利用PHP的simplexml_load_file()函数，获得xml信息，并解析成JSON串，回传给前台显示。 四、作品创新点 * 1、获取必应(Bing)每日壁纸 通过必应(Bing)的接口，实时获取其每日壁纸。使Widget显示图片内容每天都在变化，给用户展现全新的风景照片。 可以通过右键菜单，直接将图片设为自己WebQQ的桌面壁纸。 2、图片幻灯显示 图片循环播放展示，并可手动切换图片显示。 并可展开“设置”界面，对幻灯显示或图片进行设定 四、作品创新点 * 3、个性化定制 用户可根据喜好对显示效果进行设置，而不局限于单一的效果； 并且可以自定义图片的来源。 图4.1 设置页面展开图 四、作品创新点 * 4、右键菜单 因为本Widget的大小有限，需要在很小的环境里面，容纳很多内容。我们设计了右键菜单，通过右键菜单，用户可以选择“设置”、 “设为桌面背景”和“查看原图”等操作（如下图）。这样在不减少功能的情况下使其更加的简洁易用。 图4.2 右键菜单 五、作品推广方案 * 推广目标 此次的推广目标主要是年轻学生及上班族，年轻人的性格特征就是活泼开朗，并且善于接受新鲜的事物。他们追求时尚潮流，热衷于互联网。 让该“幻灯片放映”的Widget挂到每个用户的WebQQ桌面，是我们的目标。 推广分析 借助WebQQ强大的用户和平台优势，及含有丰富应用的“应用市场”。 以及利用目前微博的快速传播形式进行推广。 五、作品推广方案 * 推广流程 通过微博进行传播，推荐用户使用WebQQ，并且安装该“幻灯片放映”挂件。利用微博的快速传播形式，可以让更多的人知道并了解WebQQ和“幻灯片放映”挂件。 在安装及使用的人数达到一定量