摘 要： 互联网教育在疫情期间显得尤为重要,学生完成学校网课之余,居家最多的时间依然是通过网络学习。一款学习资源共享网站的设计由此诞生,它能够实现教学信息化的理念,推动大学生学习生活更高质量、高标准。网站开发使用HTML+CSS布局、JavaScript、jQuery框架等相关技术。在网站设计开发前,对网站功能与性能需求作充分的分析。由考试动态、学习分享、人才招聘和加入我们功能模块构成,为大学生提供优质的服务。
关键词： 学习网站; 知识共享; 大学生; HTML+CSS;
Abstract： Internet education is particularly important during the epidemic period. After students finish school online classes, the most time they spend at home is still learning through network. Thus, the design of a learning resource sharing website is born, which realizes the concept of teaching informatization and promotes the higher quality and standard of college students' learning life. Website development uses HTML+CSS layout, JavaScript, jQuery framework and other related technologies. Before the design and development of the website, the function and performance requirements of the website are fully analyzed. It's functional modules include examination dynamic, learning sharing, talent recruitment and joining us, which provide high-quality service for college students.
Keyword： learning website; knowledge sharing; college students; HTML+CSS;
一、“学霸联盟”共享学习网站概述
(一)网站建设背景
受新冠肺炎疫情的影响,2020年全国教育系统推迟线下上课时间,大多开始采用线上授课模式,但是线上授课的一个弊端就是无法及时快速获取有效的学习资料。学生获取学习资源具有局限性,学生获取知识的方式只能是以学校为原点的区域半径,无法获取本地区以外更优质的学习资源。在某种意义上说,其他地区非常优质的学习资源无法得到有效的整合并加以利用的话,就会造成教育资源的浪费。“学霸联盟”教育资源整合网站能够很好地解决这一难题。
在移动互联网和教育的快速发展的形势下,大学生要积极主动地适应现代化的网络学习环境,不断增强自我学习能动性。但学生自身对网络信息识别能力较弱,为避免不良信息造成的影响,设计“学霸联盟”网站可以帮助学生有效地制订学习计划,使其可以更好地监控与管理自身的学习过程,及时对学习进度进行调整,积极利用网站学习[1]。
(二)网站建设目的
整合教育资源,杜绝教育资源浪费现象的发生,将教育发达的双一流学校,如北京、上海、广州、深圳等优质资源丰富的学校,通过互联网向资源匮乏的普通本科或专科院校 “搬运”。网站不仅能做到教育资源共享,也会做到职业认证考试、高校应届生招聘、高校竞赛信息推广的全面覆盖,一切都是为了满足学生在“学霸联盟”网站一站式提升自己的能力。
新冠肺炎疫情防控背景下,针对学生宅家学习的“危机”[2],将所有想学习但是找不到好的学习方法、学习资源、学习团体的各位“学霸”集中起来,分享自己擅长并且很出色的专业学习经验,开发设计一款“学霸联盟”学习资源共享网站。网站接收学有所长学生分享的学习经验、教育领先地区高校学生分享的学习资源再整合全国各类职业资格考试信息及培训计划,最后使学生能在网站“招聘”板块找到自己心仪的企业入职。教育资源整合的模式积极引导了大学生在学习环境中努力将客观认识转化为主观行动,实现从“被迫学”到“主动学”的转变。通过知识共享、线上交流等方式让更多的学生宅家也能体会到丰富多彩的校园活动,体会更多在线学习的乐趣。在网站中找到学习的相关书籍和课程,让热爱学习的学生能够找到学习的动力与资源,带动学习意识薄弱的学生上进。
二、“学霸联盟”共享学习网站开发环境
开发“学霸联盟”共享学习网站所用到的相关技术。如表1所示。
(一)HTML语言
HTML语言是Hyper Text Markup Language的缩写,即超文本标记语言。HTML语言可以通过标记符号等方法对网页中的板块进行标记,并且实现全世界广域网文档的基本单元——网页的书写。网页文件又称HTML文件,为了展现网页的结构框架、网页的主题内容、网页外观等功能信息,一个HTML网页可以存在多个命令标记符,以满足网页的需要[3]。这些标记符都是一些命令,通过这些命令的实现来展现网页的结构、外观等内容信息[4]。
表1 网站应用环境
(二)CSS框架
CSS框架的英文为Cascading Style Sheets,CSS样式主要分为行内样式、内部样式和外部样式。本网站主要采用的是外部样式,就是利用<link>标签将写在不同CSS内的样式不同的样式链接到HTML页面中。例如,给每个页面都会有的一些样式写一个公共样式,给所有的导航单独写在一个样式里,给所有的表格单独写在一个表格里。这样既可以节省代码,大大缩减了代码页面的体积,又可以让代码查看起来特别容易。
(三)JavaScript框架
JavaScript作为一种直译式、解释性脚本语言具有动态、弱类型、高端等特点。为了实现JavaScript脚本的自身功能,技术人员可以将其单独写成JavaScript文件或者是嵌入到HTML中。JavaScript可以对用户的输入作出响应。例如,用户在浏览“学霸联盟”电子商务网站中的某一个网页时,用户会根据自身的需要对网站作出一定的命令,并通过鼠标光标的左右移动、选择性点击、窗口的拖动等操作得以实现。而JavaScript为满足用户的使用,会立刻对用户发出的命令作出回应。
(四)jQuery框架
jQuery在GNU 通用公共许可证下具有免费、开放源、双许可的特征。高效、有效的Web应用程序和Web页面借助jQuery库的高级模块化机制得以开发。同时jQuery库具备的一些用户友好的策略和功能为应用程序的开发打下基础。jQuery因功能简单的特点使其在开发应用中倍受欢迎。当用户发出命令时,jQuery在获取页面的同时快速响应用户的页面操作,很好地为网站页面添加动态效果。
三、“学霸联盟”共享学习网站分析
(一)学生需求分析
疫情期间,互联网在线教育To Online模式巨大潜力,预示着它将成为未来教育的潮流。“学霸联盟”教育资源整合网站不仅能够提供大学生在线网络授课服务,还能在资源分享、站内沟通、就业招聘等其他方面扩大学生的需求。在疫情期间,通过互联网问卷的方式,向全国各地区在校大学生做了在线调研。调查结果显示:87.32%的学生在疫情期间对其学习生活现状不满意,9.82%的学生较满意,仅有2.86%的学生很满意自己疫情期间的学习生活,属于两极分化的现象。如图1所示。有88.73%的学生希望可以通过类似于“学霸联盟”网站这样的平台进行学习交流,如图2所示。
(二)网站需求分析
1.功能需求
针对当前大学生普遍的学习状况,做了一次针对性的问卷调查。问卷调查报告显示:大多数学生会应用网络来解决学习生活中所遇到的问题,大部分学生的学习模式都是自主学习。大学校园中人际交往更为复杂,大学生独立性更强、更具社会性,同学之间缺乏学习上的交流和沟通,这也就缺少了探索知识的竞争性和博弈性。
大多数学生为疫情期间找不到一起学习交流的同伴而苦恼,很多学生对自己的专业想深入了解。调查显示,“学霸联盟”学习资源共享网站在功能设置上满足了大学生理想中学习网站的功能需求,提供了各专业大学生关于学习的经验、课程推荐、购买课程等功能服务。最重要的是“学霸联盟”网站是要以网络为基础为学生提供交流互助的学习平台。(1)交流功能:网站作为大学生学习交流分享的平台,将网络作为载体,能让学生之间对学习经验和方法进行交流。用户可以通过网站提供的交流平台,针对在自学中、考试中、生活中遇到的问题,与其他同学进行沟通交流。(2)共享功能:能使学生在学习上突飞猛进的是良好的学习方法和丰富多彩的经验。用户可以看到由其他用户分享的有价值的学习经验或者管理员为用户们整理发布的考试心得和学习经验,学生可以依据这些用户的经验进行科学高效的学习,根据自身特点总结出一套适合自己的学习方法。(3)反馈功能:网站反馈平台的建立是为了收集用户们的宝贵意见,相当于建立一个用户意见收纳箱。学生可以通过反馈平台对网站提出意见和要求,这样有利于网站的进一步完善和维护,从而为用户提供一个更优质、完善的学习平台。
2.性能需求
(1)网站色彩搭配合理:网站的色彩是网站形象的代表,合理的色彩搭配能够体现网站整体的风格。“学霸联盟”网站运用最简单的色彩表达最丰富的含义,选用蓝白色调的色彩模式,蓝色代表海洋也被视为代表科学的象征色,寓意着学生们可以通过网站在知识的海洋中遨游。网站设计搭配白色,白色象征知识的圣洁、不容侵犯性,可以使主题显得分外纯净[5]。(2)互动性高:网站为了方便用户的使用,开发了会员注册模块。用户通过会员通道在网站中和志同道合的用户进行学习交流,共同解决疑难问题。网站管理员会定期开展一些活动,用户按照规则参与,即可获得网站送出的小礼品,通过这样的方式能增强网站的互动性。(3)针对性强:网站目标用户群体是大学生,为学生提供学习问题交流的平台。针对学生专业开展专业图书、课程等相关服务,对不同专业的学生推荐不同的学习经验和职业资格证书考试经验。
(三)网站可行性分析
(1)技术可行性分析:主要从网站实施的角度分析,网站的页面开发主要运用的技术包括HTML、JavaScript、CSS以及PhotoShop等,要考虑网站建设需要的条件和工时花费,在技术方面是可行的。(2)经济可行性分析:主要从项目开发过程需要的资金来分析。由于页面开发使用的是免费接口,所以在接口方面就不需要投入资金。开发方面因为笔者已经熟练掌握网站开发设计技术,所以为网站开发解决了很大的经济问题。(3)社会可行性分析:网站完全服务于大学生,网站信息真实可靠,不存在虚假、诈骗等不安全信息。网站的建立能够真正地为用户学习带来方便,不存在违法损害他人利益等问题,具备社会的可行性。
四、“学霸联盟”网站设计开发与实现
根据设计的需求分析结论,把“学霸联盟”网站分成几个功能模块,分别是:考试动态模块、学习分享模块、人才招聘模块、加入我们模块。
(一)考试动态模块
包括学生考试经验交流、考试资料分享、学习笔记分享等。考试经验的分享,不仅拓宽了学生的知识结构,也打开了他们的新视野。这一切都提高了社会竞争力和就业率。此模块还具有考试信息发布、考试复习方向指导、考试注意事项提示、考试成绩查询等功能。
(二)学习分享模块
在页面中根据大学阶段每个专业的分类,推荐学习图书供用户购买。根据学生的学习需求,网站推荐相关学习课程。通过网站学习教学可以满足学生自主选择感兴趣的或薄弱环节多频次学习的需要,突破时间和空间的限制,使优质资源共享并得到传播,特别是在此次新冠肺炎疫情特殊时期发挥了重要作用。为保障在线教学的效果和学生的在线学习条件,应选择合适的在线教育资源,制订合理的在线教育计划以及建立监督和评价管理体系。网站安全信息真实可靠,为学生提供了学习保障。
(三)人才招聘模块
分专业类别为学生提供各专业企业招聘信息、兼职信息,同时收集发布各省事业单位招聘信息及国企招聘信息等。人才招聘模块需要有用户管理的功能,使企业用户能够发布自己需求职位,应聘者可以与企业交流获取有用的招聘信息。企业用户可以完善招聘职位、公司名称、职位薪资、职位要求等信息;学生应聘用户可以上传简历、投递简历、查看面试信息等,也可以直接向用户企业招聘方发起聊天,通过网站与对方直接沟通。
项目使用ReactJs框架搭建前端交互页面,将所有的相关活动设置在一个Web页面中,仅在Web页面初始化时加载相应的CSS、HTML和JavaScript。一旦页面加载完成,SPA不会因为用户的操作而进行页面的重新加载或跳转,从而提供较为流畅的用户体验[6]。针对每个不同用户,其操作也不一样。普通应聘用户操作如图3所示,企业用户操作如图4所示。
(四)加入我们模块
用户未注册“学霸联盟”,要先打开注册页面。该页面也是由图片和文字组成,同时经过表单验证,用户只有输入格式正确的个人信息才能完成注册。该模块有网站联系方式,方便客户留言反馈意见。加入我们模块页面截图,如图5所示:
五、网站后期维护
在“学霸联盟”网站后期维护工作上,要建立健全网站制度,并及时进行完善,规范日常维护行为。一是合理安排人员对网站进行维护,明确划分维护人员的工作内容,如网站技术方面的内容更新、网站日常的垃圾清理、网速的提升等,需要以明确、具体的人员分工进行日常维护;二是制定明确的维护时间,网站需要进行定期的日常维护,日常维护的时间必须以文字的形式确立;三是建立工作日志,明确每一步工作任务,将每个人的任务落实好,为下一步工作提供便利,做到有章可循。
在建设“学霸联盟”电子商务网站时要对数据库安全隐患控制策略进行分析后,提出解决策略:建立数据库备份和恢复机制,整个“学霸联盟”网站运行中学生数据库信息资源是最重要因素之一,如果数据网络系统遭到侵袭,应该在最快的时间内将数据进行备份处理,使得原始数据能够得到保护[7]。对数据进行加密:公开形式密钥加密技术的使用能够使用户互联共享网络资源,可以保证信息数据传递过程中同时进行网络安全交易的稳定性。加强“学霸联盟”网站后台管理系统的安全性:用户名和口令的设置需要难度系数高一点儿的密码进行加密[7]。由于“学霸联盟”网站建设中数据库系统较为复杂,在其中有许多安全隐患,需要采取一定的措施及时处理,才能保证“学霸联盟”网站建设中数据库能够稳定运行。
参考文献
[1]王霓,孙黎明.移动互联网环境下大学生非正式学习现状调查与分析[J].智库时代,2018(48):67,69.
[2]李景龙.“疫情防控”背景下大学生意识形态教育探究[J].黑龙江生态工程职业学院学报,2020,33(3):94—95,112.
[3]李君君.HTML5+CSS3在电子商务网站建设中的优势[J].信息与电脑(理论版),2018(3):27—29.
[4]于潇涵.网络舆情分析系统中辅助搜集功能模块设计与实现[D].呼和浩特:内蒙古大学,2017.
[5]冯媛,何志颖,开花旭.专题学习网站的建设现状及发展策略研究[J].亚太教育,2016(25):280—281.
[6]喻好,陈锋,程仁贵.对单页Web应用开发探究及应用[J].福建电脑,2017,33(2):136—137.
[7]唐振营,李慧芹,李政.电子商务网站建设中数据库安全隐患及对策[J].电子技术与软件工程,2019(7):202.
