230 likes | 353 Views
华中科技大本科论文 毕业 答辩. 答 辩 人 : 陈 骁 指导教师:黑晓军 副教授 同组设计者:张 翔 华中科技大学电子与信息工程系互联网中心. 基于 LAMP 的实验室网站的前台设计与优化. 答 辩 人 : 陈 骁 华中科技大学电子与信息工程系互联网中心. 答辩提纲. 1. 研究 背景 2. 核心技术简介 3. 需求分析 4. 系统实现 5. 系统测试 6. 总结 与 展望. 1. 研究背景. · ITEC 网站经历了三个版本 · 前台界面良好,但信息缺乏合理性 · 前台存在部分小 bug
E N D
华中科技大本科论文毕业答辩 答 辩 人 :陈 骁 指导教师:黑晓军 副教授 同组设计者:张 翔 华中科技大学电子与信息工程系互联网中心
基于LAMP的实验室网站的前台设计与优化 答 辩 人 :陈骁 华中科技大学电子与信息工程系互联网中心
答辩提纲 1. 研究背景 2. 核心技术简介 3. 需求分析 4. 系统实现 5. 系统测试 6. 总结与展望
1.研究背景 • · ITEC网站经历了三个版本 • · 前台界面良好,但信息缺乏合理性 • · 前台存在部分小bug • · 注册用户部分不完善
2.核心技术简介——LAMP 软件组成: ·Linux 是免费开源软件,这意味着源代码可用的操作系统 ·Apache 是使用中最受欢迎的一个开放源码WEB服务器软件 ·MySQL 是多线程、多用户的SQL数据库管理系统 ·PHP 是一种编程语言最初设计生产动态网站。PHP 是主要用于服务器端的应用程序软件。Perl 和Python 类似。
2.核心技术简介——MVC MVC= Model +View +Controller
2.核心技术简介——CSS ·Cascading Style Sheets (层叠样式表) ·最大的意义在于将文件的内容与它的显示分隔开来 ·属于目前基于文本展示最优秀的表现设计语言
2.核心技术简介——JavaScript ·基于对象和事件驱动并具有相对安全性的客户端脚本语言 ·也是一种广泛用于客户端Web开发的脚本语言 ·常用来给HTML网页添加动态功能,比如响应用户的各种操作
3.需求分析 1.统一前台显示风格,修改显示内容和界面提升UI用户体验; 2.完善注册流程,并将注册信息分类关联到数据表。 3.完善前台人员信息融合与关联
4 系统实现——教师页面 ·原页面以职称进行分类,交互体验差。若是想要寻找与他们工作业务相关的教师就必须逐个点开这些教师的链接来查看详细信息,降低了用户黏性
4系统实现——教师页面 原教师页面:
4系统实现——教师页面 现教师页面:
4.系统实现——用户注册 • 设计思路: • 1.注册链接与登录和忘记密码两项统一风格列在其正下方 • 2.将Email和手机号设置为必填项,使得管理员可以通过Email或者手机通知用户是否审核通过 • 3.增加详细信息如性别和政治面貌 • 4.注册类型选教授后弹出选项选择职位:教授,副教授,讲师 • 注册类型选学生后弹出框表填写学号 • 5.所有信息直接传给数据库的user表,根据选择的注册类型对应到studentinfo或者teacherinfo
4.系统实现——用户注册 新用户注册流程:
4.系统实现——用户注册 新用户注册流程:
4.系统实现——人员信息融合 研究组成员显示: 研究成果成员显示:
4.系统实现——人员信息融合 Facybox详细信息:
5. 系统测试 • 模拟并发用户数为1、10、50、100、150、200、250、300、400、500时,分别向服务器请求1000次首页,图书馆页面 • 主要读取指标: • 1.Request per second • 2.Time per request • 3.Waiting time
6.总结与展望 小结: 本课题是基于ITEC v2.1后的设计改进,风格上沿用了上一版本的框架,设计上主要重点针对完善网站的需求分析;并根据需求分析和用户体验修正网站逻辑不合理的部分;对小bug进行了修复 展望: 1)作为一个公共的Web系统,系统的安全性是一个必须重视的问题。本系统在安全性方面还存在一些问题,如登录时没有验证码、用户隐私数据在数据库中的存储方式不够合理等,这在本文中并没有探讨,是需要进一步研究和完善的方向。 2)网站在浏览器上兼容性虽然对网站用户使用没有太大影响,但没有得到很好的解决依然是个不足,希望将来能够继续被完善。 3)权限设置不明确,需要在实际使用中不断修改
参考资料 Jason M.Hanley, B.Math. A Comparison of Three Major Platforms. Syllogistic Software Inc. 2010
谢谢! 欢迎评审老师提出宝贵意见