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

河南经贸职业学院毕业论文摘 要通过本次的在线学习系统实训，我感觉收获很大的，通过一开始的分析，设计到最后的确定，整个过程还是比较顺利、成功的；遇到不懂的知识，通过与栗猛、魏艳鸣、刘丽萍这三位老师交流与沟通，使知识框架更清晰，易懂。在这期间，通过学习ps，也学到了一些网站配色的问题，之前做网站的时候总是去网上下载一些图片，然后在把这些拼成起来，做出来的效果很不协调，通过实训，也学习了如何配色，一些简单图片的处理等。通过这次实训，让我学会了很多，特别是小组中成员的合作，团结的力量是不可估量的，也特别感谢栗猛、魏艳鸣、刘丽萍这三位老师每天不辞辛苦的辅导，谨记老师的谆谆教导，在以后的学习中更好的结合这次实训的经验，牢记细节点。也感谢同学的帮助，让我的思路开阔。 关键词： 网站配色、图片效果、整体风格、Logo设计17目录摘要.I1项目概述11.1项目目的和内容11.2项目分析21.3基本要素设计32概要设计32.1站点设计32.2网站流程图42.3网站站点目录结构设计43详细设计63.1首页63.2公告栏73.3课件栏93.4视频栏103.5在线留言栏123.6个人账户栏144设计中所遇困难和解决方案145设计体会15参考文献15致 谢161项目概述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辅色：#6290B21.3.5规格定义 建议使用IE浏览器，屏幕分辨率为1366*7682概要设计2.1站点设计首页：资讯：每日更新、全部资讯信息课件：视频：个人账户：个人信息并可修改信息在线答疑：在线用户可提交自己的疑问，并可看到其他问题2.2网站流程图在线学习系统前台后台普 通用 户个人账 户资讯信 息软件课 程资讯管 理课件管 理视频管 理账户管 理回复留 言普通用户管理视 频讲 座在 线留 言2.3网站站点目录结构设计目录名称：site文件名称：头部：top.html；左边：left.html；右边：right.html；首页：index.html3详细设计3.1首页3.1.1首页原型图3.1.2首页效果图3.2公告栏3.2.1公告栏原型图3.2.2公告栏效果图3.3课件栏3.3.1课件栏原型图3.3.2课件栏效果图3.4视频栏3.4.1视频栏原型图3.4.2视频栏效果图3.5在线留言栏3.5.1在线留言栏原型图3.5.2在线留言栏原型图3.6个人账户栏3.6.1个人账户栏原型图3.6.2个人账户栏原型图4设计中所遇困难和解决方案Logo制作问题：通过参考大型网站的logo设计，查找ps书，并且制作出最终效果图。网站配色问题：通过与老师沟通并且查找配色方案，并且参考了一些网站。网站布局设计：查找工具书，网上搜索一些相关资料，使问题得到解决。5设计体会通过本次的界面设计，我同时也深知自己与一名真正的UI设计师的差距，在今后的学习与生活中，应该在注重专业基础知识的前提下，也更应该注重细节的实现，网页配色也是今后学习的一个关键点。首先，应该了解什么类型的网站适合什么样的色彩与之搭配。 这次界面设计，也使我学到了更多的ps知识，由于以前从来没有接触过这些ps知识,开始做起来有些吃力，曾多次向刘丽萍老师请教，在老师的耐心讲解下，我感觉收获了许多。通过这次实训，让我学会了很多，特别是小组中成员的合作，团结的力量是不可估量的，也特别感谢刘丽萍老师每天不辞辛苦的辅导我们，谨记老师的谆谆教导，在以后的学习中更好的结合这次实训的经验，牢记细节点。也感谢同学的帮助，让我的思路开阔。 这次的实训即将结束，我相信努力会让自己收获更多。参考文献1梁子明.从二层C/S到三层C/S结构的改造.福建电脑,2004,6:67672Raymond E. Dessy.Tutorial Computer connections.Laboratory Automation and Management ,32(1996)54553 叶明芷.信息系统安全防护体系研究.北京联合大学学报（自然科学版），2004，18(2):50504 廖琪男.数据库应用系统用户权限设置及用户跟踪程序的设计方法.广西商业高等专科学校学报，2004，21(2):1041055潘林森,姚渝春.SQLServer数据库系统中的数据完整性控制方法.重庆师范大学学报(自然科学版), 2004,21(2):3535致 谢本课题在选题及研究过程中得到栗猛、魏艳鸣、刘丽萍这三位老师的悉心指导。栗猛、魏艳鸣、刘丽萍这三位老师多次询问研究进程，并为我们指点迷津，帮助我开拓研究思路，精心点拨、热忱鼓励。栗猛、魏艳鸣、刘丽萍老师一丝不苟的作风，严谨求实的态度，踏踏实实的精神，不仅授我以文，而且教我做人，虽历时三载，却终生受益。对栗猛、魏艳鸣、刘丽萍这三位老师的感激之情是无法用言语表达的。感谢栗猛老师、魏艳鸣老师、刘丽萍老师等对我的教育培养。他们细心指导我的学习与研究，在此，我要向诸位老师深深地鞠上一躬。感谢我的同学王瑶、吴银霞、娄楠、杨书杰三年来对我学习、生活的关心和