《计算机网络》课程移动学习网站的设计与开发.doc

《《计算机网络》课程移动学习网站的设计与开发.doc》由会员分享，可在线阅读，更多相关《《计算机网络》课程移动学习网站的设计与开发.doc（14页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、河北大学XXXX届本科生毕业论文（设计）摘 要随着互联网技术以及移动智能终端的高速发展，移动学习已经成为了当前最为流行的一种学习方式。移动终端的学习方式能够满足学习者随时随地学习的需求，还能满足学习者根据自身爱好进行个性化学习。此外，移动学习的新型学习方式，不但能够保持学习者学习的乐趣还能让提高学习者的学习动机。有利于学习者养成良好学习的学习习惯1。计算机网络课程是高校学生必学的一门课程，但是从目前的学习结果来看，学习结果有点差强人意，传统的教学方法很难让学习者掌握更多的计算机网络知识，学习效果较差，不能满足高效对大学生的培养要求。移动学习网站其具有方便快捷性、内容表现形式多样化等特点，能够充

2、分的激发出学习者的学习兴趣，从而让学习者在学习的过程中不再感受到枯燥，有利于学习者提高自身的计算机运用水平2。本文首先阐述了移动学习网站的定义，并对移动学习网站类型进行了划分；详细讲解了移动学习网站所需要使用的技术，系统框架以及编程语言，最好对网站功能进行了测试。关键词：移动学习 计算机网络 网站设计 网站开发ABSTRACTWith the rapid development of Internet technology and mobile intelligent terminals, mobile learning has become the most popular learning

3、 method. The learning method of the mobile terminal can meet the needs of the learner to learn anytime and anywhere, and can also satisfy the learner to carry out personalized learning according to his own hobbies. In addition, the new learning style of mobile learning not only keeps learners learni

4、ng fun but also enhances learners motivation. It is good for learners to develop good learning habits.The Computer Network course is a must-study course for college students, but from the current learning results, the learning results are a bit unsatisfactory. The traditional teaching methods are di

5、fficult for learners to master more computer network knowledge, and the learning effect is poor. Can not meet the requirements of high-efficiency training for college students. The mobile learning website has the characteristics of convenience and speed, and diverse forms of content expression, whic

6、h can fully stimulate the learners interest in learning, so that the learner no longer feels boring in the process of learning, which is beneficial to the learner to improve himself. Computer application level.This paper first expounds the definition of mobile learning website, and divides the types

7、 of mobile learning websites. It explains in detail the techniques, system framework and programming language needed for mobile learning websites. It is best to test the website functions.Key words: Mobile learning computer network website design website development目 录一 绪论11.1 研究背景11.2 移动学习的国外研究现状11

8、.3 移动学习的国内研究现状2二 移动学习网站的系统设计32.1 网站开发的相关技术32.1.1 Java语言简介32.1.2 Java Applet 的应用32.1.3 JSP的应用42.1.4 Ajax技术42.1.5 jpmobi框架4三 系统功能设计53.1 系统需求分析53.1.1 学习内容多样化和微型化53.1.2 满足个性化需求53.2 网站功能模块设计53.2.1 理论知识模块53.2.2 实验学习模块63.2.3 在线测试模块73.3 系统测试8表1.1 理论知识模块测试结果9表1.2 实验知识测试结果9表1.3 在线测试模块测试结果9致谢10参考文献11一、绪论1.1 研究

9、背景当前社会为信息化社会，人们的生活中充斥着各种碎片化的学习资源和媒体信息，人们对于信息的获取方式也随着发生改变，闲散的片段学习成为了当前人们主要的学习方式。随着智能手机、平板电脑以及笔记本电脑大量的出现在人们的生活中，而这些设备具有较好的移动性、无线性的特点，让移动学习方式得以实现。移动学习的出现对传统的课堂教学方式带来了巨大的影响，学习者能够在目前这快节奏的生活中，利用自己零散的时间进行学习，满足自己的个性化学习需求，从而提高学习者的学习效率和激发学习者的学习兴趣3。目前，我国大学生的移动学习方式主要还是通过词典，工具书等进行学习，手机上的APP也大多数针对一些英语、日语等语言类的学习软件

10、，向具有较强专业性的移动学习平台还相对较少，并且很多的学习资源都只能在PC端进行使用，一些数据传输量大的信息收到移动终端的限制而无法完整的显示，并且移动终端的屏幕大小和PC端相差较大，使用一种终端访问PC端的网页会导致有些内容加载不出来，或者因为网页内部布局的影响导致内容重叠或者不能完全显示，从而不但不能提高学习者的学习效率还会降低学习者的学习兴趣。因为移动学习具有零散时间学习以及学习者学习精力分散的特点，所以在学习内容的设置上以简短精悍为主。因此，本文所设计的移动终端网站主要针对Android系统以及IOS系统。网站的交互性较好，学习资源的展现形式多样，学习者能够按照个人需求，自主的选择学习

11、内容，将学习内容划分为简短的小模块，从而方便利用空闲时间进行学习。1.2 移动学习的国外研究现状移动技术的高速发展，让移动技术也开始运用到教育领域中，让移动学习这种新型的学习方式出现在教育技术领域中4。美国是最早开始进行移动学习研究的，其1994年开展的WirelessAndrew研究项目中，经过3年的研究阶段，最终能够为全校师生建立起覆盖全县的无线学习网站。随后，其他的发达国家也开始了移动学习的研究，并且将移动学习作为未来数字化学习的主要发展方向。智能手机除了具备基础的短信服务、WAP站点访问功能外，还具有独立的操作系统，随着无线技术的发展，其覆盖的范围也随之增大，使得平板电脑的移动性也得到

12、了增强。教育功能者可以以手机或者平板电脑为基础开发对应的教育软件，用户通过下载服务商提供的教育软件进行学习。随着社会对教育越来越重视，几乎全部的教育机构和服务商都开始开发对应的移动教育软件辅助教学。其中国外具有代表性的教育软件就是美国的硅谷公司研发的“PlayKids”软件，这种软件的主要面对群体是儿童，因此这款软件的主要教育意义是以儿童作为对象开发出来的集故事、视频、音频为一体的多媒体教育平台，和中国的厂妹公司“贝瓦网”开展合作，成功的打开了中国市场的大门5。1.3 移动学习的国内研究现状通过分析总结国内的理论研究，发现我国开展移动学习的时间主要集中在2000年到2004年这段时间内，其研究

13、结果主要对移动学习的概念、具有的特点、内涵进行了详细的解释。通过分析有关移动学习的文献可以发现，目前还是有很多的学者在对移动学习进行研究，随着研究的深入，针对移动学习的设计也越来越多，但是主要集中在教学活动设计、学习资源设计等几个方面。二、移动学习网站的系统设计要想设计的移动学习网站能够完全发挥其学习功能得到预期的学习效果，在系统的设计上就遵循学习者的学习习惯和科学的教学方法。本设计中进行网站的设计按照功能模块的方式惊醒，然后将各种学习资源采用多媒体形式的方式展现出来。本系统开始从宏观的角度确定系统的框架、功能模块，之后根据不同的模块功能设计不同的界面。设计移动学习网站时需要将移动终端设备的特

14、点考虑在内，以学习者作为设计核心，系统的设计要遵循简易易用、界面一致性、协作性等设计规则。2.1 网站开发的相关技术2.1.1 Java语言简介SUN公司为了更好的进行程序开发推出了一种和C+语言一样面向对象的编程语言，其具有良好的健壮性并且能够适应当前的分布式网络环境，具有和C+语言一样的特性。例如，继承、封装、多态等6。Java语言和传统的C/C+语言不同，其主要运行在Java虚拟机里面，也就是说，其不在像C/C+语言一样经历编译、链接、生成机器码等步骤，而是生成能够在JVM上运行的目标代码，也就是常说的字节码，然后利用JVM将字节码翻译成平台能够运行的机器码6。JVM就是Java虚拟机，

15、其的作用是屏蔽操作平台的信息，让Java代码能够在不同的平台上运行，因此JVM是提供给Java程序员的同一开发平台。2.1.2 Java Applet 的应用Java语言中主要和网络通讯的技术是Java Applet技术。如果用户需要在网页上看见图像、动画或者声音都可以使用Applet技术实现。程序员在实现这些功能时，可以现将这些功能写入HTML文件中，然后使用可以读取HTML文件的浏览器就能在网页中显示相应的功能7。（1）使用Applet技术可以大致分为如下几个步骤：（2）编写相应的Java代码；（3）编译；（4）编写包含Applet功能的HTML文件；（5）使用相应的测试软件测试功能。Ap

16、plet技术的优点在于采用的是动态加载的方式，因此客户端不用专门安装相应的软件，对于服务器和网络传输而言其负荷较小。2.1.3 JSP的应用JSP技术也是Java语言中常用的网络通讯技术。其主要实现功能的方式是通过在传统的网页中写入 java scriplet代码和JSP标记7。JSP技术具有Java语言全部的优点在网络应用中独有的特点就是网页中的内容的显示和生成这两部分的功能是完全独立的，其非常注重组件的重用以及标识标记。也正是因为这样的特性，让网页中内容的生成和显示完全和平台独立开来，从而让动态网页和静态网页的加载的形式可以独立开来，能够提高程序员开发网页的效率以及开发网页的难度降低，所以

17、JSP技术在Internet上成为了主流的开发技术。本文所选用的技术也是JSP技术。2.1.4 Ajax技术 Ajax技术是一种网站开发技术，其支持创设交互式网页。Ajax技术并不是一种新兴技术，而是采用了一种新的开发方式将已经较为成熟的网页开发技术集成到一起。所以采用Ajax技术在执行网页更新时所需要的数据交换量非常的少，不需要将整个网页全部载入，只需要填充需要更新的地方8。XmlHttpReques方式是Aiax技术的核心，其的主要功能是提供了一个网页和服务器之间进行数据交互的一种方式，使用这种方式的好处在于在更新界面时无需加载整个界面，页面内部就能调用想用的javascript代码和服务

18、端进行数据之间的交互。从而实现用户不用界面就能提交数据到服务端，从而让设计的web运用更小，速度更快，让用户的体验感得到提高。2.1.5 jpmobi框架Jqmobi框架是appmobi公司专门针对移动设备开发的javascript框架。其具有体积小，相应速度快，能够在不同的移动终端上使用等特点。Jqmobi框架主要由jqUi、jqPlugin以及查询程序库这三部分组成。其中查询程序库中接口和ajax技术有着良好的兼容性。jqUi是一个界面程序库，其是一个可视化编程界面，具有常用的功能控件。但是使用jpmobi框架开发的程序仅支持拥有WebKit内核的浏览器使用，但是其也支持Android系统

19、的浏览器使用9。三、系统功能设计3.1 系统需求分析根据移动学习的特点在结合学习者的特征以及课程内容，从以下几个方面展开学习网站的需求分析：3.1.1 学习内容多样化和微型化大多数的计算机网络课程中内容主要分为理论和实验两个部分。所以在设计移动学习网站时，需要尽量将这两部分的内容区分开来，方便学习者根据自身情况搜索其需要学习的视频10。从而激发学习者的学习兴趣。文本、图片、视频等方式是学习内容的主要展现方式，学习者可以根据自己的偏好选择自己学习内容的表现形式。因为部分的学习内容采用图片的表现形式要比采用文本的表现形式取得的效果要好，更有利于学习者掌握学习内容。根据学习者的时间不连续以及学习者的

20、学习精力容易受到其他事物干扰的特点，需要细化知识内容，将其划分为简短的小视频，但是各个视频之间存在一定的独立性和连续性，从而利于学习者掌握学习内容11。3.1.2 满足个性化需求移动学习最为主要的特点之一就是个性化学习。移动学习网站所面临的用户的学习爱好、知识掌握情况以及学习进度都存在着较大的差异，所以，个性化需求是设计网站时必须要考虑的因素。例如，提供不同类型，难度不一的学习内容，方便学习者根据自身的条件自由的选择；提供一些人性化设置，方便学习者参考自身实际情况对学习内容进行设置。3.2 网站功能模块设计3.2.1 理论知识模块通过分析谢希仁的计算机网络教材中的课程内容设计，发现其主要将课程

21、内容划分为理论知识和实验知识两部分12。理论知识模块主要以理论知识为主，按照理论知识的内容进行章节划分，每个章节下面有细化出很多的小知识点，这样能够满足学生的系统学习也能满足学习者利用碎片的时间进行学习。文本、课件、视频是学习内容主要的表现形式，学习者可以根据自身的喜好和情况选择适合的表现形式进行学习。图 3.1 理论知识模块框图3.2.2 实验学习模块实验学习模块和理论知识模块的设计方式异曲同工，只是为了让学习者更好的掌握学习内容才划分为理论知识模块和实验学习模块两部分，谢希仁的计算机网络的教材中主要有十个实验，例如双绞线的制作，常见网络命令的使用等。实验学习包含的内容也较多，也可以点击重点

22、、难点以及未完成三个按钮对学习的内容进行标注，方便后序的学习13。本模块的学习内容如下图所示：图3.2 实验知识模块流程图3.2.3 在线测试模块学习者只是单纯学习知识，那么对知识点记忆并不会太过深刻，所以为了让学习者对所学的内容有着更加深入的了解，设计了在线测试模块。在线测试模块在学习者完成相应知识的学习后利于学习者检验其学习情况以及对知识的掌握程度。从而让学习者更好把握学习进度，激发学习者的学习兴趣。因为移动学习网站，所以并没有专业的老师对学习者的学习情况进行点评，而在线测试模块正好的填补了这一缺陷，也丰富了移动学习系统的内容。选择、判断以及简答是在线测试中的主要试题类型14。学习者在完成

23、相应内容的学习之后，可以进入到在线测试模块中的对应知识点中进行测试，每做完一道题可以点击下一题按钮进入下一题的回答，也可以点击上一题的按钮对上一题的答案进行更正。如果回答的题目为第一题，那么点击上一题按钮之后会提示本题为第一题。如果当前回答的题目为最后一题，那么点击下一题之后会提示本题为最后一题。当所有的题目回答完毕之后，系统会根据学习者的做题情况进行打分，学习者在得到成绩之后可以点击查看答案按钮查看全部题目的答案。在线测试模块流程图如下：图3.3 在线测试模块流程图3.3 系统测试因为篇幅有效，本文将采用表格的方式说明测试结果。表1.1 理论知识模块测试结果功能理论知识模块预期结果能够满足学

24、习者以文本、视频的方式查看学习内容，能够点击重点、难点、未完成按钮对学习内容进行标记。测试结果满足学习者以文本、视频的方式查看学习内容，能够点击重点、难点、未完成按钮对学习内容进行标记。表1.2 实验知识测试结果功能实验知识模块预期结果能够满足学习者以文本、视频的方式查看学习内容，能够点击重点、难点、未完成按钮对学习内容进行标记。测试结果满足学习者以文本、视频的方式查看学习内容，能够点击重点、难点、未完成按钮对学习内容进行标记。表1.3 在线测试模块测试结果功能在线测试模块预期结果能够让学习者对所学内容进行测试，能对学习者的测试情况进行评价，能让学习者参看答案。测试结果学习者测试所学内容，可以

25、根据学习者的做题情况进行评价，满足学习者参考答案的需求。致 谢感谢我的论文指导老师从论文开题到论文定稿给予我的帮助，让我在艰难险阻中完成了本系统的设计和论文的撰写。老师面对我提出的问题总是孜孜不倦的为我讲解，让我深刻的认识到了自己在专业知识上的匮乏。感谢我的同班同学在这毕业期间以及美好的大学时光中给予我的帮助，我非常的不舍和大家分开，但是天下无不散之筵席，我们就此别过，祝愿大家都能奔现充好美好希望的明天。感谢本次参加毕业答辩的老师，感谢你们抽出宝贵的时间来检验我们为大学生活书写的答卷，希望你们能够提出宝贵的意见，让我们知晓本身能力还存在那些方面的欠缺。感谢我的父母将我带来这个美好的世界，让我遇

26、见这美丽的风景。参考文献1曹静云. 翻转课堂视域下移动学习支持服务系统的设计与开发D.湖南师范大学,2018.2郎晓安. 基于微信公众平台的移动学习环境的设计与实现D.浙江师范大学,2016.3张凯晴. 基于微课程的高校非正式学习平台的设计与研究D.天津大学,2016.4李翠萍. 计算机网络课程移动学习网站的设计与开发D.华中师范大学,2015.5杨燕华. 涉外餐饮业服务用英语移动学习网站的设计与开发D.河北大学,2014.6徐苑苑. 云计算环境下的开放课程应用研究D.华东师范大学,2013.7王觅. 面向碎片化学习时代微视频课程的内容设计D.华东师范大学,2013.8杨佳. 小学英语移动学习网站的设计与开发D.河北大学,2013.9王矗. 成人移动学习资源设计与应用研究D.江苏师范大学,2012.10柏忠贤. 移动学习支持系统开发与应用研究D.浙江师范大学,2012.11张浩. 新媒体环境中的微型学习设计研究D.南京师范大学,2012.12王伟. 大学英语移动学习系统模型研究D.东北师范大学,2011.13赵瑞军. 移动学习网站设计研究D.河北大学,2008.14孙怡夏. 移动学习系统建构与应用研究D.上海交通大学,2008.15冯统成. 基于手机的移动学习支持系统研究D.华东师范大学,2007.11