移动互联网应用技术
Mobile Internet Application Technology
课程编号： | 109282 | 学分： | 2 |
开课单位： | 电子信息工程学院 | 总学时： | 32 |
课程类别： | 专业选修课 | 课程性质： | 限选 |
一、课程的性质和目的
本课程在介绍移动互联网基本理论的基础上，对移动互联网的最流行的技术，包括html5、css3、JS、Ajax等，进行理论与实践相结合的深入讲解。
二、课程教学内容及基本要求
掌握HTML5&CSS3最新技术，以及常见HTML5跨平台开发工具，能够完成跨平台WEBAPP、响应式布局网站、跨平台应用等的开发。
令学生具备扎实的HTML&CSS开发基础，能使用HTML5+CSS3开发兼容各大平台的兼容UI。
熟练使用JavaScript快速开发各种用户体验交互、展现动画以及前后台数据异步交互，熟练使用常用的JS框架如jQuery等。同时提升学生专业能力、沟通表达能力、学习能力、执行能力、环境适应能力、开拓创新能力、人际交往能力、组织管理能力。
（一）课程教学内容及知识模块顺序
1．知识单元一: HTML5介绍以及语法（4学时）
（1）知识点一:HTML5优势；
（2）知识点二:HTML5语法的的变化；
（3）知识点三：HTML5属性的变化；
（4）知识点四：HTML5的全局属性；
重点：HTML5的语法与传统HTML语法的区别，HTML5属性的变化的掌握。
难点：HTML5语法容易与HTML混淆，HTML5全局属性的理解。
2． 知识单元二: HTML5的结构（6学时）
（1）知识点一:新增的主体结构元素；
（2）知识点二:新增的非主体结构元素；
（3）知识点三:HTML5的结构；
重点：掌握HTML5新增的主体机构元素，新增的非主体结构元素。
难点：新增主体和非主体结构元素的的使用。
3． 知识单元三:表单与文件（4学时）
（1）知识点一:新增的属性；
（2）知识点二:自动验证；
（3）知识点三:显示验证；
（4）知识点四：取消验证；
（5）知识点五：增强页面元素；
（6）知识点六：文件API；
（7）知识点七：拖放API；
重点：自动验证功能的实现，取消验证的实现，显示验证的应用。
难点：新增属性的运用，自动验证取药验证的结合使用。
4． 知识单元四:多媒体播放（2学时）
（1）知识点一:video元素与audio元素；
（2）知识点二:属性；
（3）知识点三:方法；
（4）知识点四：事件处理；
重点：video元素和audio元素的使用，多媒体属性，方法的掌握。
难点：事件处理机制的理解。
5． 知识单元五:本地存储（4学时）
（1）知识点一:Web Storage介绍；
（2）知识点二:本地数据库；
重点：本地数据库的连接步骤；
难点：对本地数据库的操作。
6． 知识单元六:CSS3（6学时）
（1）知识点一:CSS3定义；
（2）知识点二:CSS3的作用；
（3）知识点三：CSS3的基本语法；
重点：了解CSS3的作用，CSS3基本语法的使用。
难点：用CSS3对页面布局控制。
7． 知识单元七:JavaScript（4学时）
（1）知识点一:Javascript概述；
（2）知识点二:Javascript基本语法；
（3）知识点三: JavaScript String内置对象；
（4）知识点四：JavaScript Window对象,对话框,定时器；
（5）知识点五：JavaScript Document对象,事件处理；
重点：javascript语法基础。
难点：javascript window对象和Document对象的运用。
8． 知识单元八: Ajax（2学时）
（1）知识点一: Ajax基本原理及开发过程；
（2）知识点二: JSON数据结构及使用方法；
（3）知识点三：jQuery基本语法、选择器；
（4）知识点四：jQuery函数；
（5）知识点五：jQuery事件与动画
重点：Ajax的开发过程，jQuery基本语法；
难点：Ajax与jQuery结合使用。
（二）课程的重点、难点及解决办法
重点：能够掌握html5和CSS3的基本语法，运用html5和CSS3开发静态网页结合Javascript和Ajax实现动态的交互效果，掌握HTML5新增的主体机构元素，新增的非主体结构元素；掌握HTML5新增的主体机构元素，新增的非主体结构元素；自动验证功能的实现，取消验证的实现，显示验证的应用；video元素和audio元素的使用，多媒体属性，方法的掌握；javascript语法基础；了解CSS3的作用，CSS3基本语法的使用；能够连接数据库，操作数据库。
难点：熟练运用html5和css3的响应标签完成网站网页制作，实现动态的效果，结合数据库完成数据提取验证，新增主体和非主体结构元素的的使用；新增属性的运用，自动验证取药验证的结合使用；事件处理机制的理解； javascript window对象和Document对象的运用。Ajax与jQuery结合使用。
办法：结合实例来让学生了；解html5等技术的运行原理。用案例的动态效果来调动学生学习的兴趣，调动学生对html5等技术的兴趣。充分运用动画效果，增加教学的感性与理性学习效果。通过习题和实验，使学生加深对教学内容的理解。
三、本课程与其它课程的联系与分工
本课程的先修课程：C语言
四、对学生能力培养的要求
通过本课程的教学，使学生掌握当下移动互联开发的有关技术，通过学习培养团队合作能力，掌握基本的软件开发技能，为社会培养高素质的软件人才。
五、课程学时分配
总学时32，其中讲课32学时。课程主要内容和学时分配见课程学时分配表。
课程学时分配表
  教学环节
时数 课程内容 | 讲课 | 上机 | 实验 | 习题及讨论 | 小计 |
HTML5介绍以及语法 | 4 |
|
|
| 4 |
HTML5的结构 | 6 |
|
|
| 6 |
表单与文件 | 4 |
|
|
| 4 |
多媒体播放 | 2 |
|
|
| 2 |
本地存储 | 4 |
|
|
| 4 |
CSS3 | 6 |
|
|
| 6 |
JavaScript | 4 |
|
|
| 4 |
Ajax | 2 |
|
|
| 2 |
总计 | 32 |
|
|
| 32 |
六、主要教学方法
采用案例教学方法，充分重视实践性教学环节，注重理论与应用相结合。让学生根据项目联系知识点，激发学生学以致用，用引导学，课后让学生访问各大网站，借鉴学习当下流行的网站技术，并安排习题课，使学生进一步理解课堂教学内容。
七、建议教材和主要教学参考书目
1．教材
[1]《精通HTML5 + CSS3+JavaScript网页设计》，刘增杰，清华大学出版社，2012年。
2．主要参考书
[1] 《HTML5+CSS3从入门到精通》，李东博，清华大学出版社，2013年
[2] 《网站开发案例课堂：HTML5+CSS3+JavaScript网页设计案例课堂》，刘玉红 ，清华大学出版社，2015年
[3] 《疯狂HTML 5/CSS3/JavaScript讲义》，李刚 ，电子工业出版社，2012年
[4] 《网页设计必学的实用编程技术：HTML5+CSS3+JavaScript》，陈婉凌， 清华大学出版社，2014年
八、课程考核
总评成绩由平时成绩和期末成绩组成，无期中考试。平时成绩占总评的40%，期末完成项目小练习占总评的60%。平时成绩从作业、上课出勤率等几方面进行考核。
九、说明
无
执笔人：卞璐审核人：赵航教学院长：王芳
