人机界面设计开源平台设计书.doc

表2人机界面设计开源平台设计书1 设计方案 飞阅这个网站的设计理念是针对现在大学里面很多的人在面对考六级的时候都束手无措，这个网站分为几大模块，依次是首页，六级阅读，资料下载，单词，练习提高，图片频道和文章中心等部分。我们在设计的时候是用到帝国这个开源平台来设计的。然后在管理后台部分将每个模块的代码和资料依次放进去，在写代码的时候，我们先在草稿纸上设计出每个模块的基本架构。1.1 设计所采用的技术手段本网站的设计是基于帝国CMS开源软件。首先在电脑上安装帝国软件，然后再用管理员的身份登录后台，在后台管理部分编写首页的代码，再辅助使用Dreamwaver编写代码，在编写的时候我们现在草稿纸上将设计的模块基本的画出来Photoshop设计logo，Sql server2005创建数据库。这一系列的技术组合应用使得系统性能显著提高，同时使得系统的拓展性、操作性、实用性大大增强。 应用服务器软件采用Web服务器，数据库采用Sql server2005。操作系统：Window 2007 Server 开发工具：Web服务器，帝国CMS，dreamwaver数据库：Sql server2005（具体包括各模块开发所采用的软件，承担该模块开发成员介绍）1.2 详细设计方案 1） 首页设计过程是先设计好框图，收集好首页需要的图片及素材，然后按照帝国CMS模板，修改成我们想要的效果，在此过程中，需在Dreamwaver修改页面色调，每个板块的大小，用Photoshop修改图片，使之成为我们需要的大小及格式。下面两幅图是整个首页，最上方的一行是本就有的，只是在对应部分修改标题。网站logo是在photoshop中制作15074像素的GIF格式的图片，右边的网站形象图片是在photoshop中修改成63074像素的GIF格式的图片。然后是导航条,我们根据自己的需求，适当增删模块个数，并在Dreamwaver中修改了导航条的字体和颜色。右边的大图是一系列格式大小相同的图片。最下方的“友情链接”的制作过程是先在百度中搜寻关于英语的网站，复制网址到链接部分，这样点击就会出现对应的网站。 2）六级阅读在dreamwaver中把导航条中的六级阅读按钮分成四个模块。按种类分别将议论文、说明文、记叙文和抒情散文插入。材料是在百度文库中下载的。3） 单词 “单词”这块跟“六级阅读”制作过程一样，只不过插入的内容不同。4）资源下载在后台模板里面找到管理内容模板，在管理内容模板里面找到资源下载的部分，在里面编写下载的模板，如!-pagetitle- - Powered by EmpireCMS!-temp.header-您当前的位置：!-newsnav-软件名称：!-title-文件类型：!-filetype-界面语言：!-language-软件类型：!-softtype-运行环境：!-softfj-授权方式：!-softsq-软件大小：!-filesize-软件等级：软件登陆：!-username-作 者 ：!-softwriter-官方网址：官方站程序演示：演示整理时间：!-newstime-软件简介： !-softsay-下载地址： !-downpath-下载帮助：发表评论 加入收藏夹 错误报告相关软件：!-other.link-下载说明：推荐使用网际快车下载本站软件，使用 WinRAR v3.10 以上版本解压本站软件。如果这个软件总是不能下载的请点击报告错误,谢谢合作!下载本站资源，如果服务器暂不能下载请过一段时间重试！如果遇到什么问题，请到本站论坛去咨寻，我们将在那里提供更多、更好的资源！本站提供的一些商业软件是供学习研究之用，如用于商业用途，请购买正版。 !-temp.pl-推荐下载 最后更新 热门点击 !-temp.footer- !-page.stats-然后再在 里面添加具体的资料即可。5）练习提高在代码部分将练习提高部分分成几个大的板块，在每一板块依次添加内容，如在将每个文章标题做链接转到具体的文章上即可。6）图片频道图片频道设计的理念就是希望引起学习者的注意，让他们对学习英语感兴趣，图片频道部分分为三大模块，依次是欧美建筑，欧美风俗和欧美人物，让学习者能够了解外国的状况，设计的板块如图7）文章中心文章中心是六级阅读所遇到的基本文章，可以加大用户者的视野，让他们能够对一些话题很熟悉。这个板块是在模块里将代码写完，然后在信息栏目将需要的资料依次添加即可。8） 会员中心（具体都包含哪些功能模块，每个功能模块详细设计过程，每个模块至少要有4张截图）2 项目平台实现的功能及预期价值分析（要求：不少于2000字，有插图说明。）平台的功能说明 这个平台主要针对六级阅读，目的性很强。英语类的网站特别多，像四六级英语、专业英语、考研英语等。但是范围很广种类繁杂，每个模块涉及不深，资料也难以齐全。所以我们设计了这个平台，专门为那些被阅读困扰的考生。主要分析六级阅读题材，根据以往的考试内容收集热点话题，列出英语阅读中的高频单词，提供快速阅读和深入阅读的方法技巧。“单词”是专门学习六级单词，包括拼写、音标、用法、例句等；在“资源下载”这一块可以下载浏览者所需的资料，包括单词、文章、图片大多数是本网站其他板块的精髓；在“练习提高”中有历年阅读真题，以便在实践中得以提高；“图片频道”中呈现的全是海外风景、欧洲建筑、西方时尚，以拓宽浏览者视野，增加学习英语的兴趣。“文章中心”里面是各种不同题材的文章。“会员中心”就是用来交流经验、解决具体英语阅读问题。1)首页首页是本网站的总入口和形象代表。访问者可以在首页看到本网站的各个栏目的菜单链接,即导航条。首页同时为各个栏目提供精简的小区域，访问者可以从各个小区域看到各个栏目的大致内容并点击进入。首页的左上角是代表本网站的logo。最上方有一系列功能，如加入收藏，注册会员，登录、投稿等。 首页下方提供友情链接区域，可以放置若干个网站的友情链接，这些友情链接可以指向其他关于英语的网站。首页会显示最近更新的信息，分模块置于首页。首页还包括网站简介、联系方式等。2）六级阅读在dreamwaver中把导航条中的六级阅读按钮分成四个模块。按种类分别将议论文、说明文、记叙文和抒情散文插入。4） 资源下载主要针对英语六级阅读的相关资料的下载，用于课外补充学习。所包含的资料有六级英语阅读高频单词的归纳，总结，详细解释。5） 单词 归纳和总结了在大学英语六级阅读中经常出现的单词，并配上详细的解释，例句，和相关的近义词。这些资源只要你成为付费会员，都可以直接下载获取相关资源。5）练习提高很多关于六级阅读的练习，为了节省时间，也使得学习很具有效率，所以里面的练习都是有针对性的一些习题，你可以根据自己薄弱的地方进行有选择的网上练习。6）图片频道为了进一步提高同学们对英语学习的兴趣，特别的，我们针对六级英语阅读的“飞阅”网站中，我们还添加了我们更具特色的图片频道。这个模块中，我们专门收集各个西方国家的优美风景、优秀建筑、风土人情等各种优美、精致的图片。这是我们六级阅读网站的一大特色，为的让大家通过这些图片的欣赏，产生对这些国家。6） 文章中心收集了很多有特色的经典六级阅读文章供同学们学习，阅读。进而丰富同学们的知识面，扩展学习内容。9） 会员中心（具体都包含哪些功能模块，每个功能模块详细设计过程，每个模块至少要有4张2.1 平台的预期价值分析 大学生、职业学院生甚至工作人士会面临过六级难的问题，而英语六级中阅读占的分值很高，而六级考生常常会抱怨阅读时间少，生词多，句子繁杂，题型灵活，题材颇偏。因此提高英语阅读效率成为了他们亟待解决的问题。所以这样一个专门帮助提高英语阅读的网站是会广受欢迎的。不仅因为这个网站的针对性强，还因为它的材料齐全，方法面面俱到，充分考虑到了六级阅读中会遇到的问题，即使千虑一失，还可以经论坛来解决。阅读是英语学习中永恒不变的话题，即使不考六级，英语阅读能力还是需要的，所以英语阅读网站永远不会失去其价值。英语是一门国际化语言，学习英语的人只会越来越多。我们的网站是一个动态网站，永远保持鲜活，会随六级阅读的改革而变换题材、题型。3 项目评价（不少于500字，从设计创新性、主题的鲜明性等方面中肯分析整个项目设计的最终效果，肯定做出的成绩，指出其中需要改进之处） 这个平台主要针对六级阅读，目的性很强。英语类的网站特别多，像四六级英语、专业英语、考研英语等。但是范围很广种类繁杂，每个模块涉及不深，资料也难以齐全。所以我们设计了这个平台，专门为那些被阅读困扰的考生。主要分析六级阅读题材，根据以往的考试内容收集热点话题，列出英语阅读中的高频单词，提供快速阅读和深入阅读的方法技巧。在“练习提高”中有历年阅读真题，以便在实践中得以提高。“图片频道”中呈现的全是海外风景、欧洲建筑、西方时尚，以拓宽浏览者视野，增加学习英语的兴趣。“文章中心”里面是各种不同题材的文章。“交流论坛”就是用来交流经验、解决具体英语阅读问题。大学生、职业学院生甚至工作人士会面临过六级难的问题，而英语六级中阅读占的分值很高，而六级考生常常会抱怨阅读时间少，生词多，句子繁杂，题型灵活，题材颇偏。因此提高英语阅读效率成为了他们亟待解决的问题。所以这样一个专门帮助提高英语阅读的网站是会广受欢迎的。不仅因为这个网站的针对性强，还因为它的材料齐全，方法面面俱到，充分考虑到了六级阅读中会遇到的问题，即使千虑一失，还可以经论坛来解决。阅读是英语学习中永恒不变的话题，即使不考六级，英语阅读能力还是需要的，所以英语阅读网站永远不会失去其价值。英语是一门国际化语言，学习英语的人只会越来越多。我们的网站是一个动态网站，永远保持鲜活，会随六级阅读的改革而变换题材、题型。4 致谢（老师的悉心指导，全组同学的团队协作）