《“智汇教育”网站设计报告.docx》由会员分享，可在线阅读，更多相关《“智汇教育”网站设计报告.docx（7页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、“智汇教育”网站设计报告 “智汇教化”网站设计报告 专 业： 电子商务 小组成员姓名 学号 李可可 201323060118 李丹戎 201323060126 贺静雅 201323060125 高人升 201323060117 马志超 201323060119 指导老师： 邢一亭 2015年11月15日 一， 网站组织背景分析 （一）网站组织状况： （1） 组织名称：西安智汇教化计算机培训机构 （2） 性质：IT培训机构、私企 （3） 主营业务： 1. 各企业之间人才招揽的合作； 2. 全国各高校教化合作； 3. 即将开展的线上教学业务。 （4） 市场状况分析： l 市场需求状况： （1）社会
2、需求：随着现代互联网的发展和网民数量的不断增长，互联网教化在国内外更加普及，以互联网为核心在线学习正在成为全球性的教化培训的潮流和趋势。（2）行业需求：随着电子技术的发展，各互联网企业对IT技术人才的需求越来越大，而计算机教化行业的发展却不是很完善，造成了IT行业专业人才的欠缺。（3）教化需求：当今社会对创新型人才的需求不断扩大，而传统的教化模式已远远不能应对这样的需求，所以就须要一种更能适应时代发展的全新的教化方式，培育具有创新实力的有用人才。l 竞争优势： （1）企业优势：西安智汇教化计算机培训机构，已成立20余年之久，与全国多家企业和高校均有许久合作，无论是在管理阅历还是战略合作方面均有
3、足够的阅历和优势。（2）教学优势：拥有优秀的老师团队。讲师大部分为优秀的企业工作者，比传统老师和其它教化机构的讲师拥有更多更丰富的实战阅历和创新实力，告辞了传统的灌输性课堂教化；即将建立免费的教学平台。与其它教学网站相比，免费的课程以及丰富的教学资源，解决了上学难上学贵等传统性问题；在教学方式上，通过采纳边讲边练习的模式和多变好玩的试题设计，培育学生动手动脑和创新思想的培育，拥有自己独特的创新理念。（二）网站建立背景 1. 起因： （1） 为了增加线上业务，借助互联网的发展，扩展市场，扩大经营范围，将现有的业务增加到互联网上，提高业务效率； （2） 实现企业文化的传播，增加企业的知名度； （3
4、） 顺应时代要求，开创更具创新的教化模式，使企业更具竞争优势。2. 诉求： （1） 功能足够齐全，实现线上教学、线上询问、企业在线聘请和增值服务收费系统的创建，为用户供应便利快捷的学习培训沟通平台，满意用户的学习需求； （2） 视觉形象上，要求栏目简明清楚、色调搭协作理、布局合理； （3） 网站的设计，要便利后期的维护，要有足够好的网站性能，能够应对浩大的并发访问量； （三）网站开发可行性分析 1.实力分析 （1）团队成员：平面设计师1名、前端工程师3名，后端开发工程师1名； （2）成员概况：均拥有多年项目开发实战阅历，对网站建设拥有叫深层次的见解，有足够的实力完成此次项目的建设； 2.预期效
5、果分析 （1）功能上，运用户能够便利快捷的找到自己所须要的东西，一些增值服务的付费系统要足够平安，并实现实时互动的效果。（2）视觉上，增加更多的动态效果，运用户拥有完备的视觉体验。（3）网站性能：能通过各种性能上的测试，网站上线后不会出现加载缓慢和兼容性等问题。二，总体需求分析 （一） 建站目标分析： 1. 网站服务范围 （1） 服务人群：主要面对年轻人群，对IT技术有深厚爱好、或具有对计算机剧烈学习欲望的人群；企业工作人员； （2） 服务方向：1在线教学；2资源下载等学习方面的付费增值服务3企业聘请平台服务。2. 所要达到的运行效果 （1）学习、交互和其它增值服务等功能足够完善； （2）有完
6、备的用户体验效果； （3）实现阅读器的完备兼容和优秀的网站性能。（二）受众分析 1.受众：校高校生、在职人员、计算机方面的老师、程序员等 2.受众特点及偏好：从网站的主要服务人群来看，该类人群年轻青春，易于接受新兴事物，学习实力强，生活节奏快，上网时间自由，对网络教学的依靠和接受程度较高，更偏好于视觉的体验和良好的网站性能，因此对网站的视觉和性能要求会比较高。（三）网站定位分析 1.网站业务类型：服务型。 2.服务行业：IT技术。 3.整体风格：简约柔软。 三，详细需求分析 （一） 功能需求 1.网站的需求模块结构图： 2.主要功能用例描述 （1） 用例名称：网站登录入口 用例标识号：101
7、参加者：网页阅读者 简要说明：网站的各类运用者登录入口 前置条件：网页已顺当完成加载 基本领件流： 1. 点击“请先登录、注册”按钮； 2. 页面中心弹出一半透亮登录表单，且除了此表单之外的全部网页内容均变模糊； 3. 阅读者可在此进行登录或注册，输入账号密码即可点击登录按钮进行登录，也可点击“新用户注册”进行注册； 4. 不同类型账号登录之后有不同的操作权限，注册时会有一般用户和老师登录等身份选择，账号密码填写完之后，有具体资料的填写和提交； 5. 用例结束； 其它事务流： 阅读者可以通过点击“取消”按钮，关闭登录与注册窗口 异样事务流： 1. 提示账号或密码错误，或账号不合法； 2. 点击
8、确定重新输入，点击遗忘密码进入密码修改界面 后置条件： 用户注册或登录胜利 注释：表单放在一DIV内，并设置背景，添加动效 （2） 用例名称：网站左导航 用例标识号：102 参加者：网页阅读者 简要说明：用户进行课程阅读、选择及查询 前置条件：网页已顺当完成加载 基本领件流： 1. 用户鼠标置于不同的一级导航时，在一级导航的右侧出现所对应的二级导航及三级导航（二级导航是三级导航的分类，同在一个浮动DIV内）； 2. 点击任一导航可进入其对应的链接页面； 3. 用例结束 其它事务流： 无 异样事务流： 1. 页面加载失败； 2. 提示“加载失败，点击刷新”； 3. 点击“点击刷新”后，重新进行页
9、面加载 后置条件： 进入对应的链接页面 注释：增加必要的动画效果 （3） 用例名称：网站主导航 用例标识号：103 参加者：网页阅读者 简要说明：用户进行非课程教学等功能的运用 前置条件：网页已顺当完成加载 基本领件流： 1. 用户鼠标置于不同的一级导航时，在一级导航的下边出现所对应的二级导航，鼠标离开时，二级导航隐藏； 2. 点击任一导航可进入其对应的链接页面； 3. 用例结束 其它事务流： 无 异样事务流： 4. 页面加载失败； 5. 提示“加载失败，点击刷新”； 6. 点击“点击刷新”后，重新进行页面加载 后置条件： 进入对应的链接页面 注释：增加必要的动画效果 （二） 性能需求 1.
10、可用性：保证成员个人信息的平安；为网站的内容设立不同的权限管理角色。2. 牢靠性：要具有定期的检查与维护的功能；保证整个网站的流畅性。3. 详细性能要求： 满意较大并发访问量的系统要求；同时在线6000万人以上；系统响应时间不超过1500ms。四，网页设计 （一） 栏目确定 1. 顶部：（1）供应网站共享功能；（2）登录入口。2. 页面头部：以轮播图形式呈现企业文化和企业特色。3. 内容区：导航栏；企业各方面状况展示；网站特色及功能的简洁介绍；宣扬语。4. 尾部：友情链接；企业地址、邮箱等信息展示。5. 主导航栏目 （1）一级导航： 资源下载、免费测试、问答社区、就业指导。（2）二级导航： 资
11、源下载：精彩视频、文档课件、常用软件； 免费测试：基础练习、拔高练习、在线考试； 就业指导：学习安排、企业应聘。6. 左导航（课程导航） （1）一级导航： 前端开发、后端开发、移动开发、数据处理、图像处理、信息平安、脚本语言、汇编语言、xml系列教程、server side系列教程、benet4.0网络工程、accp软件工程。（2） 二级导航：依据一级导航，从难以程度、课程类别等方面进行分类。（3） 三级导航：详细课程名称。7. 最近更新课程的展示区（以无限滚动形式实现）。8. 回到顶部。（二） 首页设计 1. 总体布局 2. 风格设计 （1）布局风格：清楚简洁。根据内容主次划分布局，采纳易于后期维护的DIV布局格式。（2）字体：阅读器默认字体。以此削减对字体的设置，削减代码，有利于网站的快速加载。（3）颜色：主要以浅蓝色和浅绿色为主。使网页更具青春活力，更符合年轻人的需求。