当前位置:首页>> >>


互助汉语学习App前端的设计与实现(无源码).rar

收藏

资源目录
    文档预览:
    编号:20180913213329125    类型:共享资源    大小:12.01MB    格式:RAR    上传时间:2018-09-13
    尺寸:148x200像素    分辨率:72dpi   颜色:RGB    工具:   
    30
    金币
    关 键 词:
    互助 汉语 学习 App 前端 设计 实现 源码
    资源描述:
    学 士 学 位 论 文论文题目: 互助汉语学习 App前端的 设计与实现 姓 名: 谭蓉 学 号: 1033122 院 系: 信息科学学院 专 业: 数字媒体技术 指导教师: 付永刚 二〇一四 年 六 月北京语言大学学士学位论文(2010 级)论 文 题 目: 互助汉语学习 App前端的 设计与实现 院 系: 信息科学学院 专 业: 数字媒体技术 学 生 姓 名: 谭蓉 指导教师姓名: 付永刚 论文完成日期: 2014 年 6月 I目 录中文摘要 ......................................................................IABSTRACT.....................................................................II第一章 绪论 ..................................................................11.1 研究背景 ..............................................................11.2 开发语言 ..............................................................21.3 基于 PHONEGAP的快速开发平台 ...........................................31.4 研究内容 ..............................................................41.5 论文组织 ..............................................................4第二章 系统分析与模块设计 .....................................................52.1 客户端整体结构设计 ....................................................52.2 功能分析 ..............................................................5第三章 程序功能的设计与实现 ...................................................73.1 UI设计 ...............................................................73.2 拍照、录音和摄像功能的设计与实现 .....................................133.3 连接后台数据库的实现 .................................................173.4 ECLIPSE权限设置 .....................................................20第四章 原型系统 .............................................................22第五章 结论 ..................................................................245.1 论文总结 .............................................................245.2 存在问题及未来工作 ...................................................24致 谢 .......................................................................26参考文献 .....................................................................27I互助式汉语学习 App前端的设计与实现作者:谭蓉 指导教师:付永刚摘要:目前针对外国人学习汉语的网站和手机应用并不鲜见,然而它们的功能多集中于拼音汉字识记、情景对话、中国文化介绍以及资料分享方面,对于汉语学习者在学习过程当中随时可能出现的疑问并不能给予及时的、有针对性的解答。因此开发一款基于现实问题的即问即答、有针对性的互助式汉语学习手机 App 显得尤为重要。通过该手机应用,让外国用户可以把他们遇到的问题随时记录、随时上传,问题会被推送到其他注册用户的客户端。与此同时,用户还可以根据所在位置以及自己感兴趣的领域等进行推送筛选,以便问题能够得到更高效、更专业的解答。问题记录和回答的方式多样化,可同时选择文本、图片、语音、视频四种媒体格式进行任意编辑,以便用户更加方便快捷地进行学习和交流。此外,该应用不仅适用于外国人学习中文,也适用于中国人学习外语,只需简单注册,便可在学习的同时结交各国友人,还能让语言学习融入生活的每个角落,形成一种习惯。关键词:互助式汉语学习,app 开发,PhoneGap ,HTML5 ,jQuery Mobile 2IIIFront end design and implementation of Chinese mutual learning APPAuthor: Tan Rong Tutor: Fu YonggangAbstract: Nowadays, the website for foreigners to learn Chinese and mobile phone applications is not uncommon, but their functions are more focused on pinyin, Chinese characters memorization, situational dialogues, Chinese culture introduction and information sharing, for Chinese learners in the learning process that may occur at any time of the questions, they can't give timely and targeted solutions. Therefore, developing a based on real-world problems, targeted collaborative learning Chinese mobile application is particularly important. Through the use of this kind of mobile application can make foreign users to put their problems records at any time, upload at any time. These questions will be pushed to other registered users' client. At the same time, questions can be pushed to the users according to their locations and interesting fields,which can make the problems to be solved in more efficient and more professional. The way of recording problems and answering questions is diversified, users can choose text, images, voice and video to edit with any form, which make it’s more convenient and efficient for users to learn and communicate.In additon, this mobile application is not only suitable for foreigners to learn Chinese, also applies to the Chinese learning English or other foreign languages. Juse simply register, users can make friends from all over the world while learning, and also make language learning blending in every corner of life, finally forming a habit.Key Words: Interactive learning Chinese, App development,PhoneGap,HTML5 ,jQuery Mobile 北京语言大学信息科学学院学士学位论文第 1 页,共 24 页第一章 绪论1.1 研究背景随着中国综合国力增强和国际地位不断地提高,汉语越来越受到重视,在世界范围内形成一股汉语热潮。中国政府为适应全球“汉语热”的需求采取了不少措施,但依旧面临着师资严重短缺的问题,网络教学的迅速发展使对外汉语教学有了新的契机。现代教育技术是以网络为核心的信息技术在教学中的理论与技术。运用现代教育理论和技术,通过对教学过程和资源的设计、开发、应用、管理和评价,以实现教学现代化的理论与实践。网络技术、信息技术的快速发展,使网络、信息技术在教学领域内成为最具潜力的教学工具,同时教学模式和教学方式、方法得到了提高,使得它与传统的教学相比,具有很大优越性。现今随着对外汉语教学以及社会生活、学习节奏的加快,相应的手机 APP正不断地应用在对外汉语教学实践活动中。手机应用的迅速发展给对外汉语教学也带来了新的契机。自 20 世纪 90 年代以来,孔子学院以及许多汉语教学机构陆续建立了官方或非官方的汉语教学网站。这些依靠现代教育技术支持的网络课堂相比传统教学模式不仅优化了教学空间还大幅提升了教与学的效率,但是相比传统对外汉语教学模式还存有一定弊端,比如网络课堂教学过程师生互动性的不充分、学生小组讨论构成条件不足等。现有的一些汉语学习 APP 常存在单项灌输,缺乏针对性,静态内容,缺乏时效性等缺点(如图 1.1 所示) 。而互动式 APP 则能实现即时推送,互通有无的学习效果。图 1.1 文化知识类北京语言大学信息科学学院学士学位论文第 2 页,共 24 页互动式的汉语学习 APP,在原先网络教学的基础上有了更为显著的优点:手机应用中视频和内容适合移动学习,并且也可以减少外国友人对学习的厌倦和注意力的不集中;互动的问题能够让对方在学习期间勤于思考,清楚掌握程度,也便于提高积极性;与此同时,我们也根据这些互动问题可以更加了解双方的掌握情况,方便以后更深一步的教学;通过互动教学,也克服了不能让学习双方面对面的教学的缺点。这样的教育形式不仅结合了网络教学的优势,也一定程度还原了真实的课堂教学,结合了真实课堂的优势。与此同时,用户还可以根据所在位置以及自己感兴趣的领域等进行推送筛选,以便问题能够得到更高效、更专业的解答。问题记录和回答的方式多样化,可同时选择文本、图片、语音、视频四种媒体格式进行任意编辑,以便用户更加方便快捷地进行学习和交流。1.2 开发语言本论文采用的开发语言是 HTML5 和 JavaScript(主要为 JavaScript 中的jQuery 库) 。(1) HTML5 介绍HTML5 是用于取代 1999 年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。HTML5 草案的前身名为 Web Applications 1.0,于 2004 年被 WHATWG 提出,于 2007 年被 W3C 接纳,并成立了新的 HTML 工作团队。HTML5 的第一份正式草案已于 2008 年 1 月 22 日公布。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。2012 年 12 月 17 日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的 HTML5 规范已经正式定稿。根据 W3C 的发言稿称:“HTML5 是开放的 Web网络平台的奠基石。 ” 2013 年 5 月 6 日, HTML 5.1 正式草案公布。该规范定义了第五次重大版本,第一次要修订万维网的核心语言:超文本标记语言(HTML) 。在这个版本中,新功能不断推出,以帮助 Web 应用程序的作者,努力提高新元素互操作性。HTML5 有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。(2) JavaScript 介绍JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端 Web 开发的脚本语言,常用来给 HTML 网页添北京语言大学信息科学学院学士学位论文第 3 页,共 24 页加动态功能,比如响应用户的各种操作。它最初由网景公司(Netscape)的Brendan Eich 设计,是一种动态、弱类型、基于原型的语言,内置支持类。JavaScript 库:指得是可以方便应用到现有开发体系中的、现成的代码资源。库不仅为大部分日常的 DOM 脚本编程工作提供了快捷的解决方案,而且也提供了许多独特的工具。虽然库使用起来很方便,但它们也并非能解决你所有的问题。在使用库之前,一定要保证真正理解 JavaScript 的 DOM 原理。这些库一般是一个(或多个)js(JavaScript 的缩写)文件,只要把他们导入你的网页就能使用了。jQuery:JavaScript 库中的新成员,提供 css 和 xpath 选择符查找元素、ajax、动画效果等。jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来 jQuery 核心库,而且会发布一个完整统一的jQuery 移动 UI 框架。支持全球主流的移动平台。 jQuery Mobile 开发团队说:能开发这个项目,我们非常兴奋。移动 Web 太需要一个跨浏览器的框架,让开发人员开发出真正的移动 Web 网站。今天,jQuery 驱动着 Internet 上的大量网站,在浏览器中提供动态用户体验,促使传统桌面应用程序越来越少。现在,主流移动平台上的浏览器功能都赶上了桌面浏览器,因此 jQuery 团队引入了 jQuery Mobile(或 JQM) 。JQM 的使命是向所有主流移动浏览器提供一种统一体验,使整个 Internet 上的内容更加丰富 — 不管使用哪种查看设备。JQM 的目标是在一个统一的 UI 中交付超级 JavaScript 功能,跨最流行的智能手机和平板电脑设备工作。与 jQuery 一样,JQM 是一个在 Internet 上直接托管、免费可用的开源代码基础。事实上,当 JQM 致力于统一和优化这个代码基时,jQuery 核心库受到了极大关注。这种关注充分说明,移动浏览器技术在极短的时间内取得了多么大的发展。与 jQuery 核心库一样,您的开发计算机上不需要安装任何东西;只需将各种 *.js 和 *.css 文件直接包含到您的 web 页面中即可。这样,JQM 的功能就好像被放到了您的指尖,供您随时使用。1.3 基于 PhoneGap 的快速开发平台本论文中采用的开发平台是 PhoneGap,开发环境是 Dreamweaver CS6+Eclipse Classic,开发语言是 HTML5&JavaScript。PhoneGap 是一个用基于 HTML,CSS 和 JavaScript 的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用北京语言大学信息科学学院学士学位论文第 4 页,共 24 页iPhone,Android,Palm,Symbian,WP7,Bada 和 Blackberry 智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外 PhoneGap 拥有丰富的插件,可以以此扩展无限的功能。PhoneGap 是免费的,但是它需要特定平台提供的附加软件,例如 iPhone 的 iPhone SDK,Android 的 Android SDK 等,也可以和 DW5.5 配套开发。开发原理如图 1.2 所示:图 1.2 开发原理图1.4 研究内容 app 界面设计设计 android 客户端的框架、每个界面的 UI,包括启动界面、注册界面、登陆界面、主界面等。 程序设计设计 UI 的交互形式以及每个界面的表现形式,比如启动界面是滑屏、登陆界面是弹出小窗口、主界面是列表等。 程序实现基于 Dreamweaver+PhoneGap+eclipse 实现客户端框架的搭建与功能的实现,并与后台进行连接。1.5 论文组织整个论文分为五章。论文的第一部分是绪论,主要讲述研究背景,开发语言,基于 PhoneGap 的快速开发平台,以及研究内容。第二部分是系统分析与模块设计,主要阐述整个互助汉语学习 App 的客户端结构设计与功能分析。第三部分是 UI 的详细设计和 PhoneGap 的使用,根据用户界面讲述功能交互,PhoneGap 如何调用移动设备内部软件如拍照、录音、摄像。第四部分是原型系统的介绍,主要讲述客户端界面设计、操作流程等。Dreamweaver CS6 Eclipse ClassicHTML5JavaScript(jQuery Mobile)PhonePhoneGap
    展开阅读全文
    1
      金牌文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

    暂无评论,赶快抢占沙发吧。

    关于本文
    本文标题:互助汉语学习App前端的设计与实现(无源码).rar
    链接地址:http://www.gold-doc.com/p-139182.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服客服 - 联系我们
    copyright@ 2014-2018 金牌文库网站版权所有
    经营许可证编号:浙ICP备15046084号-3
    收起
    展开