教育技术学网站总体设计技术方案.docVIP

教育技术学网站总体设计技术方案 作者：*** 日期：2013.3.8 目录 项目背景 设计人员 需求分析 建设方案 1.网站建设目标和功能 2.网站运行环境 2.1 软件环境 2.2 硬件环境 3.网站总体设计 3.1网站栏目结构图 3.2网站功能模块 3.3网页和程序的链接结构 3.4 数据库概要设计 3.5 网站页面风格及美工效果 3.6 网站用户界面 3.7 各种页面特殊效果及其数量 项目完成时间及进度 网站维护与测试 项目背景 随着信息技术的飞速发展，网上有关教育技术学的大大小小的网站不胜枚举，而且很多都是资源丰富，功能强大，但是我发现，适合我们本科大学生的基础性的教育技术学网站却很少，在此，通过搭建该平台，集成教育技术学学习资源，以我们平台大学生学习需求为导向，以信息化手段为支撑，建立多功能的学习和教育服务体系。 设计人员 本页面概要设计人员及网站设计人员：李桂娜 三、需求分析 通过在与身边的同学和老师的交流结果来看，教育技术专业的学习需求大概有： 1、培养教师素质：加强教师专业队伍建设，注重学生实践能力和职业规划的培养，求精保质。教育技术专业的毕业生可以从事中小学信息技术教育的工作，培养善于抓住机遇的素质，抓住国家中小学教育信息化改革的政策机遇，将所学技术运用到教学当中。 2、面向企业：立足技能, 面向岗位, 积极营销自己。 所以，在学习过程中应该注重媒体课件设计，教学系统设计、教育学原理，教育心理学的学习。另外，还必须掌握一定的技术，如语言编程、网站的设计与开发，平面设计等。 因此，本网站将涉及到教育技术学的理论基础和媒体技术等模块和功能，另外添加考研专区和学习交流模块。 四、建设方案 1、网站建设目标和功能 建立一个较完整的教育技术学网站，突出教育技术和我们普通本科大学生学习的特点，有美观的界面设计，界面简洁大方，有动态和静态文本、图片等。主要功能： （1）实现注册和登录功能。 （2）用户可以浏览学习资源，使用户通过对网站的浏览可以对教育技术学有比较真实和丰富的了解。 （3）用户和管理员有优秀的作品可以上传，加强双边的沟通与协作，以提高和改善网站水平。 （4）相关网站链接，使用户可以以该网站为平台，找到更多更好的学习网站。 （5）留言板功能，登录的用户可以在留言板上留言，给予网站的改进措施或者相互交流学习经验等。 2.网站运行环境 2.1 软件环境 采用Visual Studio 2010和Dreamweaver软件，采用asp和html语言动态程序进行开发。 2.2 硬件环境 使用Windows XP操作系统，数据库采用ACCESS数据库，并分析投入成本、功能、开发、稳定性和安全性等。 3.网站总体设计 3.1网站栏目结构图 本网站的系统结构图如下： 3.2网站功能模块 本系统将划分为以下主要功能模块： （1）会员系统模块 实现的主要功能包括新用户注册、老用户登陆，同时，管理员对用户进行管理。 （2）信息检索查询模块 该模块主要是方便用户对本站的考研信息进行相关检索，并返回检索结果。用户可根据自己不同的需要，系统根据用户选择的不同组合检索方式和输入的关键字进行相关检索，得到用户检索的信息。 （3）在线留言模块 该模块主要是方便用户和管理人员进行沟通和交流，用户可以发表自己的看法也可浏览其他用户的留言。为了让管理员掌握各方面的反馈信息，本系统设置了留言簿模块。通过此模块，可以上传留言、查看以往的留言信息。 （4）信息浏览模块 实现的主要功能包括查看站内已有的学习资料，视频、点击景点，酒店，旅行社的信息，并且可以进行查询功能。 （5）后台管理模块 管理员可以对后台的所有信息进行修改。 4.3网页和程序的链接结构 （1）色彩搭配:采用什么色彩为基调，配以相关的其他色彩，与大学生学习状态的整体形象一致。 （2）页面布局：采用两栏垂直型布局。采用框架式结构，在框架中嵌入子页，将大表化小，图片压缩，尽量减少页面响应时间。 （3）在内容上，主界面内容充实而不繁杂，既体现本站特色，又能满足用户需要。 （4）采用了什么新技术，考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。 4.6 网站用户界面 4.7 各种页面特殊效果及其数量 用户注册和登陆页面、信息浏览页面、考研专区、留言板页面，大概8—10个页面。 项目完成时间及进度 我将项目时间周期分为5个阶段，利用课堂和课外时间，在不同阶段内用相应的步骤来达到不同阶段的目的，计划在本学期末完成教育技术学网站的制作。 规划定义 分析设计 编码