淘豆网网友beny00001近日为您收集整理了关于基于AJAX技术网上学习环境研究的文档，希望对您的工作和学习有所帮助。以下是文档介绍：基于AJAX技术网上学习环境研究 AbstractWith the rapid development of information technology and the widespread application ofe.1earning,e—learning environment construction also es more and more important,especially the Web2.0 technology’S arrival presents the new challenge for workinformation management system and e—learning theory.In order to promote learning,and toexplore the Web2.0-based learning environment construction,I analyze the deficiencies of thecurrent learning environment construction and David H(来源：淘豆网[]).Jonassen’S Constructivism learningenvironment model in the paper,and explain huge superiority of the Ajax technology in detail inthe learning environment construction,propose a technology Ajax—based online learningenvironment model.Through the refinement of the model elements,I explore the Ajaxtechnology—based learning environment system module and the module design.This article first reviews the history of the e·learning Environment.It shows(来源：淘豆网[]) the status quoandⅥ色b2.0 application ofstate.and then introduces the major work of this paper and the focusof the study.The second chapter is the Web2.0 content and the Ajax technology.This chapter discussesin detail the main elements of Web2.0 and thinking,Ajax ponents and principle,the question which needs to pay attention in the Ajax technology applicatiqn.Finally lists theAjax technology applications typical case.Chapter III discusses in detail(来源：淘豆网[]) the online learning environment-related knowledge.Thesections ofthe main elements include:the learning environment-related concepts,the theoreticalfoundation of e.1earning environment Construction,the guiding principles of e—learningenvironment Construction as well as influence of Web2.0 technology on learning environment.Chapter IV is the Ajax technology·based learning environment-related content.First of aU,I describe the non-Ajax-based e—l(来源：淘豆网[])earning environment system.Two traditional cases ale very —representative.the one is based on the C/S,although the system has a number of advantages,with new technologies rapidly emerging and the level of user application continuously raising,B|S is faster.Furthermore,B|S structure of the system will give users greater convenience;theother case is based on B l S.The following sections show Ajax technology—based model designof online learning enviro(来源：淘豆网[])nment.Chapter V is a brief summary of the article.I forecast Ajax technology applicationprospect and the e-learning development trends.Keywords:Ajax,Learning Environment,E—learning,ConstructivismII曲阜师范大学博士/硕士学位论文原创性说明(在口划“4")/本人郑重声明:此处所提交的博士口硕士吵论文《基于AJAX技术的网上学习环境研究》,是本人在导师指导下,在曲阜师范大学攻读博士口硕士母学位期间独立进行研究工作所取得的成果。论文中除注明部分外不包含他人已经发表或撰写的研究成果。对本文的研究工作做出重要贡献的个人和集体,均已在文中已明确的方式注明。本声明的法律结果将完全由本人承担。作者签名:季忉.彻IV ●醐。毗六7曲阜师范大学博士/硕士学位论文使用授权书(在口划“√")《基于AJA(来源：淘豆网[])X技术的网上学习环境研究》系本人在曲阜师范大学攻读博士口硕士母学位期间,在导师指导下完成的博士口硕士町学位论文。本论文的研究成果归曲阜师范大学所有,本论文的研究内容不得以其他单位的名义发表。本人完全了解曲阜师范大学关于保存、使用学位论文的规定,同意学校保留并向有关部门送交论文的复印件和电子版本,允许论文被查阅和借阅。本人授权曲阜师范大学,可以采用影印或其他复制手段保存论文,可以公开发表论文的全部或部分内容。日期:j问孑.‘./7日期:劢。q夕作导,‘第一章绪论第一节研究问题的提出一、课题的研究背景传统课堂学习方式的弊端越来越明显,尤其是随着多媒体通讯技术和互联网应用的逐步深入,营造一个良好的网上学习环境是十分必要的。当前,网上学习理念也在不断的发生变化,更重要的是建构主义理论指导下的网上学习环境探索成为研究的热点问题。如何发挥建构主义的指导作用?如何构建一个未来网上学习环境模型等等?这些都是研究者要面对的现实问题。一博客、网络文摘等web2.0思想的到来,给现有的互联网络体系带来了新的挑战。(来源：淘豆网[])原有的网络体系将发生根本性变革,这将是一个必然的历史趋势。作为web2.0技术群之一的Ajax技术在提供丰富交互性方面取得了巨大成功,并能完成页面的局部刷新等功能。总之,在这种背景下,开展Ajax技术支撑的网上学习环境研究是十分必要的。二、选题的依据一个国家的发展、一个民族的振兴关键是靠教育。大力发展本国的教育事业,不断提高国民素质,对国家的兴旺发达无疑是明智之举。世界经济发展不平衡、本国内各个区域发展的不平衡造成了教育水平有先有后。在新的时代背景下,为了追求教育公平、开展终身教育,构建和谐的学习型社会,不遗余力地探索信息技术和因特网等新技术在教育领域应用的新方法、新途径,不断提高信息技术在教育中的应用层次和水平,将信息技术的应用引向深入,进而完全“消失’’在教育中,这样做既有重大的现实意义又有深远的历史影响。不懈地探索网上学习,对于打破传统课堂学习弊端,无疑是个很好的突破口。学习交互是网上学习的重要方面,由于目前网上学习交互性有很多需要完善的方面。Web2.0技术的广泛应用,对于构建网上学(来源：淘豆网[])习的技术支撑模型,更是一个创新,必将对网上学习的有效性和交互性产生积极的影响。原因如下:其一,目前的网上学习普遍存在着将课堂学习搬到网上的现象,没有充分发挥网上学习的优势;其二,网上学习是个需要完善的事物,尤其是探索Web2.0思想的应用更是一个创新的过程:最后,在整个网上学习环境中,学习交互是值得关注的重要方面。三、课题的研究目的和意义纵观网上学习的历程,相继出现了混合式网上学习模式、整合式网上学习模式,所有这些,无不告诉人们充分发挥网上学习的优势,做到传统课堂学习和网上学习优势互补,进而促进学习绩效性的历史紧迫性。所以,本选题的意义在于:首先,为了更加“自然地"开展网上学习,实现网上学习的高效性。其次,由于网上学习也有自己的劣势,传统课堂学习历史悠久,为了学习的有效性、高效性,进一步将二者有机结合是非常必要的。再者,为了提高信息技术在教育中的应用层次和水平。总之,本选题的意义在于改善网上学习环境,提高学习绩效。第二节研究现状分析一、国外的研究现状首先,世界著名的Google公司(来源：淘豆网[])推出的Ajax技术应用主要包括Google Maps、GMail、Google Suggest等等,其中公认最优秀最复杂的Ajax技术应用是Google Maps。由于完全采用Ajax技术来建造Google Maps的界面,所以,Google Maps提供了远远超越其竞争对手的地图服务用户交互体验。此外,微软公司也采用Ajax技术推出了新的地图服务,同时微软的Windows Live,雅虎的Flickr等等都采用了Ajax技术。最近,IBM等公司启动了OpenAJAX项目,目的是用Ajax技术开发建造先进强大的开发工具;接着,微软推出了自己的钙a)【框架Altas,框架结合使用。Sun公司也将Ajax技术作为J2EE技术的扩展。二、国内的研究现状。由于网上学习在我国尚处于应用的初级阶段,网络课程的设计和学习环境的创设还欠完美,相关的理论还不能给以很好的支持。通过调查得知,大多数学习者认为在线平台形式呆板,文字过多;资源内容趋于平淡,丰富性、深刻性、多样性不足;文字过于生硬,书面化,缺乏吸引力(来源：淘豆网[])、动态感;网上资源交互性不强、更新不够,难以调动学习者学习的积极性、主动性;大量的在线资源未能按一定的规律去管理,教学资源过于复杂,许多知识之间缺乏内在联系等。此外,现有的学习环境不能很好地为学习者服务,环境缺乏展示学习者个性化的空间,阻碍了学习者创新性思维的发展。、首先,通过对国内教育技术专业的学术刊物(如《电化教育研究》、《中国电化教育》、《中国远程教育》、《开放教育研究》、《现代教育技术》等)、教育网站和国内有关学术会议的论文集以及专业书籍进行分析,得出:网上学习的研究大多数是从教学角度或者从技术具体实现的角度来研究,将教学和技术角度有机结合起来考虑的研究并不多。把Ajax技术作为网上学习环境的技术支撑来研究,还是一个创新过程。其次,Web2.0得到了广泛的应用,Ajax技术是Web2.0技术群中的一种,大多数还是原理性分析,也有相应的应用,例如Google、Google Maps、GMai l等。2随着学习理论和实践的发展,网上学习理念也在不断地对网上学习定义进行界定和充实。目前的网上学习,有注重学习过程设计方面研究的、有对网上学习学生行为方面研究的、有对网上学习绩效研究的,总之大多数都是从教与学的角度分析网上学习环境的,利用web2.0新技术并体现网上学习原理,进行学习理论视角和技术实现视角综合考虑的并不多。最后,国内的一些网站也使用了Ajax技术,例如:新浪网的博客等。第三节研究的主要内容和研究方法一、课题的主要研究内容课题研究的是网上学习环境,网上学习环境的研究涉及到学习系统设计、网上学习材料分析、学习交互设计等等,这篇论文首先分析网上学习理念的变革,大体涉及到三个阶段,每个阶段都受到各种学习理论的影响:其次,分析网上学习环境各个系统要素以及在建构主义理论指导下的网上学习环境设计。网上学习环境存在各种各样的交互,有的研究交互的类型、有的研究交互策略,本篇论文研究的是在web2.0思想下,利用Ajax技术的优势来促进网上学习的绩效性,具体是,探索网上学习环境Web表示层是怎样通过Ajax技术工作的,进一步说表示层的实现会对网络客户端的Web应用层产生重大的影响,例如在上网高峰期、客户端频繁地与服务器交互等等时刻。课题的重点是构建基于Ajax技术的网络环境模型,在文献中提到基于虚拟现实的网络模型,本篇论文分析传统Web应用模式与基于Ajax技术Web模式的区别,它们的主要区别在于有无Ajax引擎。论文重点剖析Ajax技术在构建网上学习环境模型方面的突出优势,论文还剖析了传统技术实现案例的技术缺陷。总之,就是通过建构基于Ajax技术的网上学习模型来提高网上学习的绩效性。二、研究的创新点随着信息技术尤其是因特网在教育领域的应用越来越广泛、越来越深入,网络学习环境的分析成为一个热点研究问题。网络学习环境可以从不同的角度去分析,从教育原理的角度、从技术的角度、从交互的角度等等。从教育原理的角度考虑,可以分析对学习者的心理影响,计算机焦虑水平等等;从技术的角度分析,可以探讨网上学习环境模型;从交互角度考虑,分析网上交互的类型,交互的特点等等。Ajax(Asynchronous JavaScript+XML,即异步JavaScript+XML)技术不是什么新技术,它是XML和DOM、CSS、Javascript技术的有机结合,关键是突破现存Web思维模式的束缚,创造性的应用Web2.0思想,具体是指开发“胖客户端",减轻服务器负担和缓解网络繁忙时,对带宽的压力,对改善交互性非常好。3三、研究采用的主要方法这篇文章,首先采用文献综述的方法,分析了国内外的研究现状,得出了关于该选题的相关研究的最新进展;接着,采用案例分析的方法研究了传统web案例的优势和缺陷:最后,在构建学习环境模型方面,该论文采用了系统方法统筹考虑学习环境的各个要素。4第二章Web2.0思想及Ajax技术第一节Web的起源和发展一、Web的起源世界上第一台计算机ENIAC于1946年在美国宾夕法尼亚大学诞生,这标志着人类跨入计算机时代,同时也步入了高速运算的时代。计算机采用了基于冯·诺依曼的以二进制和程序存储控制为基础的结构思想。人们根据构成计算机的核心电子元器件的不同,把计算机的发展分成了四个不同时期。后来,美国的几个研究机构设计了最初的因特网,1969年10月,计算机首次实现主机到主机的信息交换。在1989年,CERN的Tim Berners—Lee发明了Web,1990年11月,第一个Web服务器nxoc01.cern.ch开始运行。1991年,CERN正式发布了Web技术标准。最初,Web应用架构是一个假想的信息空间,目的是提供给人们信息和服务,这种应用架构的优势在于:用超文本技术实现信息与信息的互相连接;用统一资源定位技术实现全球信息的准确定位;用新的应用层协议实现分布式的信息资源共享。实际上,Web应用架构中涉及到客户端和服务端两个层面,HTML语言是Web客户端应用最初信息展现的载体,它作为一种实用的超文本语言,已经有很长的历史。在1945年,Vannevar Bush在一篇文章中阐述了文本问通过超级链接相互关联的思想,并设计了一个实现信息关联的计算机方案。1969年,IBM的Charles Goldfarb发明了可用于描述超文本信息的GML(Generalized Markup Language)语言。直到1990年,第一个图形化的Web浏览器World Wide Web才出现。Web的最初应用是显示静态的文本信息,但是随着应用的普及,只能显示静态文本的Web应用不能满足人们多样化的需求。为了使Web动态化,第一个办法是采用公共网关接口,可是该办法存在安全隐患。1995年5月,Sun公司推出了Java编程语言,这种语言中的applet允许开发人员编写嵌入在Web中的小应用程序,这为创建动态的Web应用提供了很好的方法。可是这种应用一路走来非常艰难,首先遇到的是浏览器支持问题,其次是客户端Java版本问题。鉴于此,Web开发人员接着推出了DHTML(Dynamic HTML)。在20世纪90年代中期,XML(eXtensible Markup Language,Y￥1L)的出现,把web的动态应用大大的向前推进了。总之,上述技术的日益成熟和广泛应用,为web2.0的到来打下了坚实的基础。二、W.eb2.O的内容和思想(一)W-ebl.O概况在Webl.0时代,网络提供的只是一种信息浏览和简单信息交互的平台,主要是门户、内容、商业运作模式等等,像ASP、PHP、CGI技术已经能基本上满足中小型商务及信息发布平台建设的需要。简言之,Web 1.0是指具有完全不同的请求和响应模型的传统Web,例如,到新浪网站上点击一个按钮或者输入搜索关键词,这样一个操作导致对服务器发送一个请求,接着服务器响应请求,然后返回所需数据到浏览器,这样的一个请求不仅仅是目录列表,而是一个完整的web页面,这样就可能会带来闪烁或抖动。实际上,通过看到的每个新的页面就可以清晰地看到请求和响应,如果想使得新的交互成为可能,显然需要发出请求和接收响应,可是针对每次请求和响应,交互的页面需要进行重绘操作,这样就造成了缓慢、笨拙的Web交互感受。总之,随着用户需要的不断提升,这种交互性是用户不能接受的。(二)W.eb2.O概况1.Web2.0出现的缘由首先,网民行为的转变。网民的上网行为从网络好奇心、网上冲浪逐渐转变到自己构建网站、书写博客、发帖子上,从寻找信息慢慢地变成和其他网民共享信息,可是传统的Web应用方式不能满足网民的上述需要,因此导致了以网民需要为中心的大量网站的出现。其次,互联网基础设旌的完善和资金壁垒的下降。基础设施的迅猛完善使得宽带上网费用大幅下降,域名注册量的飞速提高使得单个域名注册费用持续走低,网民可以不必担心高额的上网费用;更重要的是技术壁垒降低,网民可以利用开源的建站程序轻松方便地搭建自己的网站和博客等。.再者,网民开放意识的增强。开源程序帮助众多无技术背景的普通网民轻松搭建自己的网站和博客,这样既方便了网民自己创造,又方便了网民间的信息资源共享。最后,安全、高效、易用性的网上支付的普及加速了个人电子商务的发展。总之,Web2.0的诞生是个必然趋势。2.Web2.0的思想和内容Web2.0至今没有一个统一的定义。互联网协会对Web2.0的定义是:Web2.0是互联网的一次理念和思想体系的升级换代,由原来的自上而下的由少数资源控制者集中控制主导的互联网体系转变为自下而上的由广大用户集体智慧和力量主导的互联网体系。Web2.0内在的动力来源是将互联网的主导权交还个人从而充分发掘了个人的积极性参与到体系中来,个人所贡献的影响和智慧以及个人联系形成的社群的影响替代了原来由少数人所控制和制造的影响,从而极大解放了个人的创作和贡献的潜能,使得互联网的创造力上升到了新的量级。其重要特征是:互联网成为参与体系而不是利用互联网来统治和控制;充分重视并利用集体力量和智慧;将数据变成“Intel Inside";分享和参与的架构驱动的网络效应;通过带动分散的、独立的开发者把各个系统和网站组合形成大汇集的改革;通过内容和服务的联合使轻量的业务模型可行,分享经济的模式;注重用户体验的持续服务;服务和应用无处不在:不仅仅是少数重要用户,而是渗透到全体用户,包括大量的普通用户,要有拉动长尾的能力。Tim 0’Reilly则这样描述Web2.O:它有效利用消费者的自助6服务和算法上的数据管理,以便能够将触角延伸至整个互联网,延伸至各个边缘而不仅仅是中心,延伸至长尾而不仅仅是头部。杨致远和大卫一费罗等人也认为,整个互联网未来的创新将转向个人市场,虽然这些应用在商业模式上还不成熟,技术上也有待完善,但是他们相对门户、email等早期互联网技术而言,在个性(原创能力、定制能力)和共性(聚合能力,共享能力)方面都有明显的提高,这反映了人类社会对互联网应用认识的加深①。我认为,Web2.0作为当前互联网的热门概念,它的思想可以和Webl.0对照着理解。Webl.0的主要特点在于用户通过浏览器获取信息,是资源的相对集中管理,而Web2.0的最大特点是个性化、资源分散化,同时强调社会化,强调开放、共享,强调参与、创造,Web2.0的绝大部分服务都存在个体标识明确的页面。所以说,Web2.0的特色之处在于普通用户开始改变、创造网络,或者更准确的说法是非专业、业余性质的参与,Web2.0要体现每个用户者的价值,任何人都可以在互联网上创造自己的价值。总之,Web2.0则更关注每位用户的交互和资源的普遍共享,每位用户既是信息的消费者,也是信息的发布者。Web2.0是以Flickr,Craigslist,Linkedin,Tribes,Ryze,Friendster,Del.icio。US,等网站为代表,以Blog、TAG、SNS、RSS、wiki等社会软件的应用为核心,依据六度分隔、xml、ajax等新理论和技术实现的互联网新一代应用模式。嘲1实践Web2.0技术成型的元素主要涉及:博客(BLOG)、RSS、百科全书(Wiki)、网摘、社会网络(SNS)、P2P、即时信息(IM)等技术罾。总之,web2.0思想体现的是个性化、去中心、社会化、资源开放和共享、集体参与和创造的理念。web2.0具体案例应用更是展示了用户主导、用户参与、服务型、资源分散化的特点。第二节 Ajax技术一、Ajax技术概况目前,我们广泛使用的应用程序编写主要有两大类:桌面应用程序和Web应用程序,即c/s和s/s架构。前者的优势在于,大部分的运算是在客户机上运行,从而提高了执行效率,可是需要安装客户端,这就带来了软件维护和升级时的不方便,因为需要程序员亲自进行升级配置,尽管可以使用互联网下载更新;后者的优点在于,软件维护和升级方便,只要能上网就能升级且在很多地方都能够直接使用软件,而不需要安装客户端,前提是要能登陆到服务器。再者,桌面应用程序一般运行很快,具有漂亮的用户界面和非凡的动态性,这些都是目前web应用程序无法比拟的;可是Web应用程序是最新的潮流,尽管出现:等待服务器响应,等待屏幕刷新,等待请求返回和生成新的页面,还有当我们浏览Web站回ITPUB论坛.简述web2.0的定义【EB,oL】.744.html.圆豆瓣网.WEB2.0概念诠释【EB/oL】.n/group/topic/1031543/.7点的时候,不停地从一页跳到另一页,页面之间很多重复内容等等问题。Ajax技术的到来消除了数据的重复请求,不但缓解了服务器的负担,而且当网络繁忙时,还可以缓解网络带宽的压力,缩短了用户等待时间。总之,Ajax技术做到了完全以用户需要为中心。2005年2月,Adapt ive Path的Jesse James Garrett在他的文章{Ajax:A NewApproach to Web Applications》中首次提出了Ajax这个概念。Ajax是AsynchronousJavaScript and XML的缩写,即:异步的JavaScript和)(ML。Ajax并不是一门新技术,而是一种新思想、新方法、新理念,是对现有Web技术的一种整合应用。一个典型的Ajax应用程序所用到的基本技术如下:1.HTML语言,它用于建立Web表单并确定应用程序其它部分使用的字段。2.JavaScript语言,该代码是运行Ajax应用程序的核心,负责协调与服务器应用程序的通信。3.DHTML用于动态更新表单。4.文档对象模型DOM用于处理HTML结构和服务器返回的XML数据。总之,Ajax是由XHTML+CSS实现页面表示、DOM完成动态显示和交互、XML和XSLT完成异步数据获取以及JavaScript代码绑定和处理数据组成的。在传统Web应用程序中,用户借助浏览器填写表单并提交表单,随后整个表单被发送到服务器端,服务器一旦接受到请求,立刻做出响应,即把它转发给处理表单的脚本,最后将处理结果返回给客户端,浏览器显示一个全新的页面。以上就是传统Web应用程序工作的基本原理。当Ajax技术被引入到Web应用程序后,整个流程发生了根本性变化,其流程如下:首先,客户端和服务器之间增加了一个Ajax引擎,当客户端向服务器端发送请求时,数据先发送给Ajax引擎一些JavaScript代码而不是把请求直接发送给服务器,这些JavaScript代码捕获请求中的数据并向服务器发送请求,此时用户不会有等待刷新的感觉,因为浏览器端发往服务器端的请求是异步的,在这个请求响应的过程中,用户完全可以继续输入数据、滚动屏幕或者再次发出请求。随后,当服务器接受到请求后,就将响应数据返回给JavaScript代码(仍然在Web表单中),由JavaScript代码决定如何处理数据。这样的整个过程让用户感觉是瞬间完成的。二、AiaX的核心技术(一)舭HupRequest对象Ajax技术可以让开发人员创建近似本地桌面应用的直观、丰富、动态的Web应用用户界面,更为重要的是它使得浏览器和服务器间进行异步交互,XMLHttpRequest对象在这个过程中发挥着强大的作用。iMLHttpRequest对象允许利用JavaScript向服务器提交请求并处理响应,这样大大方便了用户的使用。XMLHttpRequest对象能够实现页面的局部刷新,还能实现桌面应用程序一样及时响应用户的交互。在IE5中,XMLHttpRequest对象是作为ActiveX对象引入的,随后,Mozilla等浏览器提供了XMLHttpRequest类,XMLHttpRequest对象已经为大多数浏览器所支持。XMLHttpRequest对象由一些方法和属性组成,如表2一l、2-2所示8

播放器加载中，请稍候...
系统无法检测到您的Adobe Flash Player版本
建议您在线安装最新版本的Flash Player 在线安装