1 2014年全国职业院校技能大赛
“移动互联网应用软件开发”赛项规程
一、赛项名称
赛项编号： G-072
赛项名称：移动互联网应用软件开发
英语翻译： Mobile Application Development
赛项组别： 高职组
赛项归属产业：电子信息产业
二、竞赛目的
通过移动互联网应用软件开发大赛，培养高职计算机类相关专业学生软硬结合的产品开发意识和用户体验设计能力，激发其对移动互联网应用软件开发领域的学习和研究兴趣，提高其软件编程能力和职业素养，使学生顺应移动互联网的发展趋势，为中国移动互联网产业发展输送新鲜血液。此外，通过本次大赛，搭建校企合作的平台，提升高职计算机类专业学生能力素质与企业用人标准的吻合度，将行业资源、企业资源与教学资源相整合，引领高职院校在计算机类专业建设、课程体系建设、人才培养方案和人才培养模式等方面的改革方向，。同时，提升技能大赛与产业发展相同步的水平，提高职业教育服务经济发展方式转变和产业结构调整的能力。
三、竞赛内容与时间
竞赛采用实际操作形式，考查参赛选手对技术掌握的程度和操作的熟练程度。主办方安装统一的集成开发环境，并将赛题需求文档和所需素材（图片文件、声音文件及视频文件等）事先装入指定目录。参赛选手比赛期间禁止携带任何形式的参考资料以及手机、平板电脑、计算机等可以与外界进行网络联系的设备。比赛期间禁止与外界沟通和联络。
比赛项目命题由赛事组委会确定，比赛主题重点突出行业发展趋势，结合信息化和工业化融合的指导思想。比赛项目以移动智能农业
2 行业应用等为背景，反映当前移动互联网与物联网相结合的行业技术发展趋势。
比赛项目通过“功能模块编码”和“程序排错”两种形式来进行考查。竞赛组委会会提供给所有参赛选手一个完整项目的《需求说明书》、《详细设计说明书》和相应App的部分源代码，这些源代码同时包含缺陷。参赛选手需要完成整个项目剩余9个功能模块或函数的编码，并排除给出的源代码中所包含的3个缺陷。
移动应用开发课程标准
随着移动互联网的快速发展，移动应用开发已经成为IT行业的热门领域之一。为了培养更多具备移动应用开发能力的人才，许多高校和培训机构纷纷开设了移动应用开发课程。然而，由于行业发展迅速，各种技术不断更新，导致移动应用开发课程的教学内容和标准也需要不断进行修订和完善。本文旨在提出一套完备的移动应用开发课程标准，以期为相关教育机构和学习者提供指导和参考。
一、课程目标
1.1 掌握移动应用开发的基本理论和方法，具备独立开发移动应用的能力。
1.2 熟悉移动应用开发的前沿技术和发展趋势，具备不断学习和创新的能力。
1.3 培养学生团队协作意识，使其能够在实际项目中有效地参与到开发工作中。
二、课程内容
2.1 移动应用开发基础
（1）移动应用开发概述
（2）移动应用开发环境搭建
（3）移动应用开发工具介绍
（4）移动应用界面设计基础
（5）移动应用导航和布局设计
2.2 移动应用开发技术
（1）移动应用开发语言介绍
（2）移动应用开发框架
（3）移动应用网络通信技术
（4）移动应用数据库应用
（5）移动应用性能优化和调试
2.3 移动应用开发实践
（1）移动应用实战项目
（2）移动应用开发流程和方法
（3）移动应用测试和发布
（4）移动应用用户体验设计
（5）移动应用开发案例分析
三、教学方法
3.1 理论与实践相结合
在课堂教学中，要注重理论知识的传授也要引导学生进行实际操作，通过动手实践来巩固所学知识。
3.2 项目驱动教学
以项目为载体，让学生在实际项目中学习和实践，培养其解决问题和团队协作能力。
3.3 资源共享和交流
教师和学生之间要建立起良好的互动和交流机制，共享教学资源和经验，促进共同提高。
四、教学评估
4.1 平时作业
学生需要按时完成课堂作业和项目任务，以检验其对课程知识的掌握程度和实际能力。
4.2 期末考核
通过期末考核来综合评价学生的学习情况，包括理论知识的掌握程度和实际能力的表现。
龙源期刊网
HTML5在移动互联网开发中的应用分析
作者：樊蓉
来源：《电子技术与软件工程》2016年第04期
摘 要 科学技术的蓬勃发展，使得4G技术应用日益广泛。此种情况下，台式互联网已经无法满足人们对网络的需求，积极开发移动互联网已经成为必然情况。将HTML5技术运用到移动互联网开发中，可以方便APP的安装与使用，提高人们利用移动互联网的可能性。所以，将HTML5运用到移动互联网开发中是非常必要的。基于此点，本文将重点分析HTML5如何在移动互联网开发中应用。
【关键词】HTML5 移动互联网开发 应用分析
互联网已经成为人们日常工作、学习、生活的重要组成部分之一。而随着4G技术的推出与普及，基于台式机的传统互联网模式已经无法满足人们对互联网应用的需要。此种情况下，发展移动互联网是非常必要的。HTML5作为一系列开发网络应用的新技术集合体，科学、合理的应用到移动互联网开发中，可以增强移动互联网的标准性、应用性，使移动互联网可以有效应用，满足人们网络需求。所以，将HTML5应用到移动互联网开发中是非常有意义的。
1 HTML5技术的新特性分析
从广义的角度来讲，HTML5是指一系列用于开发网络应用的最新技术的结合，其中包括HTML、CSS3以及一系列全新的API。基于此点，可以将HTML5看作为移动设备的开发工具，应用在移动设备开发过程中，体现以下特点：
1.1 为移动平台制定表单元素
目前流行的、应用流畅的移动设备都具备触摸屏幕、虚拟键盘。如若不能合理设计触摸屏幕、虚拟键盘，将会影响用户体验效果。而HTML5技术的应用，利用为移动平台制定的表单元素，设定标准的触摸屏幕、虚拟键盘，可以提高移动设备的应用效果。
1.2 Canvas绘图
利用Canvas绘图来代替Flash插件，可以摆脱Flash插件在移动设备上表现的不稳定性，同时提高绘图效果，使用户体验多功能绘图。
（１）ＨＴＭＬ５中Ｗｅｂ Ｓｔｏｒａｇｅ ＡＰＩ技术比Ｃｏｏｋｉｅ ”＜ｂｒ／＞Ｌｏｎｇｉｔｕｄｅ：”＋ｐｏｓｉｔｉｏｎ．ｃｏｏｒｄｓ．１ｏｎｇｉｔｕｄｅ； 功能更强大，其不受数据大小限制，有较好的弹性和 ｝ 工
架构，当用户关闭浏览器后再次打开时能快速恢复＜／ｓｃｒｉｐｔ＞ 广 ｃ九 数据，不占用任何后台资源，减轻硬件设备压力，增 ３．２自由嵌入音视频技术的应用 在 移 加运行流畅性。在线ＡＰＰ支持边使用边下载的离线 传统的移动互联网开发方式对文字和音视频混 动 互 缓存技术，也支持只使用不下载的离线缓存技术。 排处理相对复杂，有的需要对文字、图片、音频、视频 联 网 下面的代码就是ｃａｃｈｅ ｍａｎｉｆｅｓｔ提供离线浏览： 进行拆分后，运用解析对应的ＵＲＬ方式进行处理。 开 发 ＜ｈｔｍｌ ｍａｎｉｆｅｓｔ＝”ｄｅｍｏ．ａｐｐｃａｃｈｅ”＞ 而ＨＴＭＬ５将这些网页元素放在一起进行混排。其 中 的 应 ＜ｂｏｄｙ＞Ｔｈｅ ｃｏｎｔｅｎｔ ｏｆ ｔｈｅ ｄｏｃｕｍｅｎｔ…… 代码如下： 用
＜／ｂｏｄｙ＞＜／ｈｔｍｌ＞＜ａｕｄｉｏ ｓｒｃ ”ａｕｄｉｏ．ｗａｖ”ｘ／ａｕｄｉｏ＞ （２）移动互联网开发为了充分发挥移动设备定＜ｖｉｄｅｏ ｓｒｃ＝”ｖｉｄｅｏ．ｗｎｑｖ”＞＜／ｖｉｄｅｏ＞ 位优势，运用Ｇｅｏｌｏｃａｔｉｏｎ ＡＰＩ技术，通过ＧＰＳ、ＷｉＦｉ 还可以通过一些参数来对媒体文件进行高级控 等方式让定位和导航嵌入到移动终端设备中，从而 制，以＜ｖｉｄｅｏ＞为例：＜ｖｉｄｅｏ ｓｒｃ＝”ｄｅｍｏ．ｍｐ４”ｃｏｎ一
定位更为精准、灵活。如我们常用的地图类应用，就ｔｒｏｉｓ ａｕｔｏ ｌｏｏｐ＞＜／ｖｉｄｅｏ＞
是运用ＨＴＭＬ５对于离线缓存及地理定位方面的功 ３．３ Ｃａｎｖａｓ绘图技术的应用
能，将地图下载到本地，然后配合定位进行搜索、导 Ｃａｎｖａｓ技术是一种透明、可以堆叠的绘制模
航，节省流量，进而获得用户的位置。下面代码是使 式。它可以在浏览器端解析并形成字、图形及动画 用ｇｅｔＣｕｒｒｅｎｔＰｏｓｉｔｉｏｎ（）方法地理定位实例，可返回 等，支持２Ｄ和３Ｄ绘图功能，能完成图片的移动、旋 用户位置的经度和纬度。 转、缩放等常规编辑功能。虽然其处理的图片不宜过
