萌芽在线学习系统界面设计说明书.docVIP

河南经贸职业学院毕业论文 PAGE PAGE 16 摘 要 通过本次的在线学习系统实训，我感觉收获很大的，通过一开始的分析，设计到最后的确定，整个过程还是比较顺利、成功的；遇到不懂的知识，通过与栗猛、魏艳鸣、刘丽萍这三位老师交流与沟通，使知识框架更清晰，易懂。 在这期间，通过学习ps，也学到了一些网站配色的问题，之前做网站的时候总是去网上下载一些图片，然后在把这些拼成起来，做出来的效果很不协调，通过实训，也学习了如何配色，一些简单图片的处理等。 通过这次实训，让我学会了很多，特别是小组中成员的合作，团结的力量是不可估量的，也特别感谢栗猛、魏艳鸣、刘丽萍这三位老师每天不辞辛苦的辅导，谨记老师的谆谆教导，在以后的学习中更好的结合这次实训的经验，牢记细节点。也感谢同学的帮助，让我的思路开阔。 关键词： 网站配色、图片效果、整体风格、Logo设计 目录 摘要……………………………………………………………………….I TOC \o 1-2 \u 1项目概述 1 1.1项目目的和内容 1 1.2项目分析 2 1.3基本要素设计 3 2概要设计 3 2.1站点设计 3 2.2网站流程图 4 2.3网站站点目录结构设计 4 3详细设计 6 3.1首页 6 3.2公告栏 7 3.3课件栏 9 3.4视频栏 10 3.5在线留言栏 12 3.6个人账户栏 14 4设计中所遇困难和解决方案 14 5设计体会 15 参考文献 15 致 谢 16 1项目概述 1.1项目目的和内容 在线学习系统，是一个利用因特网作为平台传送教学内容，实施网上教学，进行网上交流和学习的信息系统。构建在线学习系统平台，可以克服传统课堂教育的局限性，形成一种主动的、协作的、开放的教学模式，既有生动形象和资源广泛的优点，又具有能相互访问、双向交流，不受时空限制的优良特性。 目前基于网络的学习方法，在线学习系统可以为学习者掌握系统知识提供书本无法比拟的信息化环境。网络教学在教学中所扮演的角色越来越明确：一方面，计算机网络为学习者提供学习资料、工具和创设学习情景，让他们操作、搜索，为提高学习者的兴趣，调动他们的积极性和主动性，培养其创造能力营造了良好的信息化环境；另一方面，计算机网络有丰富的教学信息资源，它既可以做到在不割裂学科系统知识的情况下，以多媒体的方式变现知识和经验。在线学习既能提升学习者主体地位，提高其学习兴趣，培养其主动探索问题、解决问题的能力和技能；又能使他们学习和掌握系统的科学知识。既可以使学习者学习系统知识，又可以使他们在学习过程中学会学习。既调动学习者的主动性，积极性。 在线学习系统实现的功能有浏览课件（按类型浏览课件资源）；搜索课件（按一定条件搜索）；用户注册（新用户注册、注册信息修改）等；用户登陆（普通用户登陆）；下载课件（下载所需要的学习资源）；发表留言信息（对学习意见发表自己的看法）。 管理员管理子系统：管理员管理（查看个人信息，修改个人信息的操作）；登陆（管理员用户登陆进入系统）；普通用户管理（审核管理普通用户的注册信息；删除用户信息）；课件资源信息管理（课件的上传，查看课件详细信息，修改，删除等操作）；公告管理（定期发表公告，修改、更新/删除公告，查看单条公告）；视频管理（上传视频信息）。对于前台的页面，我们应尽量使用友好的界面，让用户感觉是为其服务的，增加用户的流量，颜色应鲜明，让用户记得此系统，增加访问量。 1.2项目分析 通过在线学习系统的建设，完成了对于在线学习课程的远程化授课。可以使学生不受时间空间的限制，通过在线对于这门课程进行学习。本文中所做的主要工作：阐述整个在线学习系统的概要设计，系统结构及工作原理；分析了系统实现中的特殊性、难点和重点；详细设计实现学院介绍、在线学习资源、课程表、课堂在线学习、在线答疑、其他课程、课件下载、留言反馈、站内搜索、公告专栏、栏目导航等程序模块； 各个模块的具体实现，且分析并解决实现中的若干技术问题；建立完整的实验系统，进行测试并分析结果。 1.2.1用户调查分析 普通用户群：社会人员 网站类型：综合性课程 1.2.2同类型网站（竞争对手）分析 网站名称：今日在线学习网 网址： / 设计风格：暖色调 Logo设计：简单大方 网页设计：分类清晰明确 1.3基本要素设计 1.3.1网站logo Logo：网站的名称（中文和英文） 1.3.2 网站域名 推荐域名：http://loaclhost:8080/study/index/index.jsp 备选的域名： 1.3.3 设计风格定义 简约型与清爽型相结合 1.3.4 标准色定义 主色：#FFFFFF 辅色：#6290B2 1.3.5规格定义 建议使用IE浏览器，屏幕分辨率为13