《人机界面设计》课程设计书模板.doc

课 程 设 计 书 ——《人机界面设计》开源平台设计开发 学 院 教育科学学院 小 组 第七小组 组 长 冯清 成 员 许珊珊、章丽、王广亮 完成时间 2013年12月12号 目 录 1 设计主题概述 3 2 设计方案 3 2.1 设计所采用的技术手段 3 2.2 详细设计方案 3 3 项目平台实现的功能及预期价值分析 3 3.1 平台的功能说明 3 3.2 平台的预期价值分析 3 4 项目评价 3 5 致谢 3 设计主题概述（要求：不少于300字，阐释设计主题内容，主要功能模块和设计思路。 设计主题是主要爱针对的是大学英语六级阅读问题，由此我们开发了六级阅读、单词、资源下载、练习提高、图片频道、文章中心、交流论坛共七个模块。每个模块都配有相关的内容和针对六级阅读而设立的相关资源。 在六级阅读的模块中，我们特别设立了议论文、说明文、记叙文、抒情散文共四个模块，分别有对应的六级阅读真题文章提供给大家阅读。通过分类。使同学们能够有针对性的对自己薄弱的阅读类型进行强化练习，这样使同学们的学习更加具有针对性，效果也更加明显。 特别的，我们针对六级英语阅读的“飞阅”网站中，我们还添加了我们更具特色的图片频道。这个模块中，我们专门收集各个西方国家的优美风景、优秀建筑、风土人情等各种优美、精致的图片。这是我们六级阅读网站的一大特色，为的让大家通过这些图片的欣赏，产生对这些国家，这些内容求知的欲望，进而使大家产生阅读的兴趣，使大家主动的投入到英文的阅读中去。而在文章中心这个模块里我们将六级遇到的文章分类，依次放在不同的小模块里，使用户者能够更加清楚的知道这个文章的具体内容。在会员中心部分，我们设置了个人的空间，可以让用户者能够相互的聊天或者上传自己的资料都可以。 我们设计的这个网站里面将信息全部分类了，使用户者可以更全面的学习，并且里面还包括了练习提高部分，使用户者可以将自己学到的知识巩固的更牢。 设计方案 飞阅这个网站的设计理念是针对现在大学里面很多的人在面对考六级的时候都束手无措，这个网站分为几大模块，依次是首页，六级阅读，资料下载，单词，练习提高，图片频道和文章中心等部分。我们在设计的时候是用到帝国这个开源平台来设计的。然后在管理后台部分将每个模块的代码和资料依次放进去，在写代码的时候，我们先在草稿纸上设计出每个模块的基本架构。 设计所采用的技术手段 本网站的设计是基于帝国CMS开源软件。首先在电脑上安装帝国软件，然后再用管理员的身份登录后台，在后台管理部分编写首页的代码，再辅助使用Dreamwaver编写代码，在编写的时候我们现在草稿纸上将设计的模块基本的画出来 Photoshop设计logo，Sql server2005创建数据库。这一系列的技术组合应用使得系统性能显著提高，同时使得系统的拓展性、操作性、实用性大大增强。 Web服务器，帝国CMS，dreamwaver 数据库： Sql server2005 （具体包括各模块开发所采用的软件，承担该模块开发成员介绍） 详细设计方案 首页 设计过程是先设计好框图，收集好首页需要的图片及素材，然后按照帝国CMS模板，修改成我们想要的效果，在此过程中，需在Dreamwaver修改页面色调，每个板块的大小，用Photoshop修改图片，使之成为我们需要的大小及格式。下面两幅图是整个首页，最上方的一行是本就有的，只是在对应部分修改标题。网站logo是在photoshop中制作150×74像素的GIF格式的图片，右边的网站形象图片是在photoshop中修改成630×74像素的GIF格式的图片。然后是导航条,我们根据自己的需求，适当增删模块个数，并在Dreamwaver中修改了导航条的字体和颜色。右边的大图是一系列格式大小相同的图片。最下方的“友情链接”的制作过程是先在百度中搜寻关于英语的网站，复制网址到链接部分，这样点击就会出现对应的网站。 2）六级阅读 在dreamwaver中把导航条中的六级阅读按钮分成四个模块。按种类分别将议论文、说明文、记叙文和抒情散文插入。材料是在百度文库中下载的。 单词 “单词”这块跟“六级阅读”制作过程一样，只不过插入的内容不同。 4）资源下载 在后台模板里面找到管理内容模板，在管理内容模板里面找到资源下载的部分，在里面编写下载的模板，如!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitio