1、移动互联网应用开发课程教学大纲课程名称：移动互联网应用开发学分及学时：2 学分 36 学时适用专业：物联网工程开课学期：第六学期开课部门：计算机与互联网学院先修课程：计算机网络原理考核要求：考试使用教材及主要参考书：移动 Web 开发实战，管西京编，上海交通大学出版社。一、课程性质和任务通过系统的理论学习和实践，使学生掌握移动 Web 基本知识；掌握 HTML5 新技术特性在表单使用、音频和视频应用、Canvas 绘图、数据存储以及文件操作处理方面的应用；掌握初步的实验技能，培养学生的科学思维能力、分析计算能力、实验研究能力和科学归纳能力解决问题的能力，为学习后续课程准备必要知识。二、课程教学
2、目的与要求本课程采用多媒体教学与板书教学相结合的教学手段，课程讲授与启案例教学、课堂讨论、解释实际现象、撰写课程论文等多种教学方式结合，实行互动研究型教学，重点培养学生的理论素养。因此，本课程要求课前必须阅读教材的相关部分和参考文献；课上主动参与讨论；课后按时完成布置的作业，积极进行教学互动交流。三、课程学时分配章序 课程内容（章题） 学时一 Web 开发标准于网页网站制作介绍 2二 Web 开发技术基础 3三 打造移动 Web 应用程序 3四 HTML5 在移动设备中 4五 使用表单元素 3六 音频和视频应用 3七 Canvas 绘图详解 4八 数据存储 3九 文件操作处理 3十 jQuer
3、y Mobile 基础 4十一 页面数据离线处理 2十二 使用 PhoneGap 框架 2四、课程教学中应注意的问题对物联网专业的学生，尽量补充课本以外的知识点，帮助学生们拓展物流的视野，夯实专业基本功。五、课程教学内容（一）Web 开发标准于网页网站制作介绍1、基本内容：Web 开发标准、CSS 网页布局标准、网页的基本构成元素。2、教学要求：通过本章的学习，学生正确了解 Web 开发标准、SS 网页布局标准；掌握网页的基本构成元素。3、重点、难点：网页的基本构成元素。4、教学建议：课堂讲授为主，上机与多媒体课件相结合，布置课后习题或课堂练习考查知识点掌握情况。（二）Web 开发技术基础1、
4、基本内容： 网页三剑客。2、教学要求：通过本章的学习，要求学生掌握网页三剑客。3、重点、难点：本章的重点网页三剑客。4、教学建议：让学生掌握网页三剑客。（三）打造移动 Web 应用程序1、基本内容：推理的相关知识、概念、分类、逻辑基础、证据理论。2、教学要求：通过本章的学习，要求学生理了解开发移动 Web 应用程序的流程；能熟练运用 Android 开发环境的搭建。3、重点、难点：Android 开发环境的搭建。4、教学建议：本章以上机课为主，利用案例进行授课。（四）HTML5 在移动设备中1、基本内容：HTML5 的新特新、用 HTML5 设计移动网站前的准备、将站点升级至HTML5 等知识
5、。2、教学要求：通过本章的学习，要求学生掌握 HTML5 全新功能3、重点、难点：HTML5 全新功能。4、教学建议：本章应用图文结合的方式，案例进行授课。（五）使用表单元素1、基本内容：表单元素的类型、属性。2、教学要求：通过本章的学习，使学生用表单实现动态网页的基础。3、重点、难点：表单元素。4、教学建议：本章应用图文结合的方式，案例进行授课。（六）音频和视频应用1、基本内容：HTML5 页面中实现播放音频和视频。2、教学要求：通过本章的学习，要求学生掌握 HTML5 页面中实现播放音频和视频。3、重点、难点：本章的重点处理音频和视频。4、教学建议：本章应用图文结合的方式，案例进行授课。（
6、七）Canvas 绘图详解1、基本内容：Canvas 绘图。2、教学要求：使学生较好地掌握蚁 HTML5 页面中绘制图形图像。3、重点、难点：Canvas 绘图。4、教学建议：本章应用图文结合的方式，案例进行授课。（八）数据存储1、教学基本内容：WEB 存储概述、WebStorage 存储方式、WebDB 存储方式。2、教学基本要求：了解 WEB 存储概述，探讨 WebStorage 存储方式、WebDB 存储方式。3、教学重点难点：WebStorage 存储方式、WebDB 存储方式。4、教学建议：本章应用图文结合的方式，案例进行授课。（九）文件操作处理1、教学基本内容：文件操作基础知识。2
7、、教学基本要求：了解 HTML5 中文件操作。3、教学重点难点：HTML5 中文件操作。4、教学建议：本章应用图文结合的方式，案例进行授课。（十）jQuery Mobile 基础1、教学基本内容：jQuery Mobile 基础。2、教学基本要求：了解 jQuery Mobile 基础。3、教学重点难点：jQuery Mobile 基础。4、教学建议：本章应用图文结合的方式，案例进行授课。（十一）页面数据离线处理1、教学基本内容：离线应用基础、检测本地缓存的更新状态。2、教学基本要求：了解离线应用基础。3、教学重点难点：离线应用。4、教学建议：本章应用图文结合的方式，案例进行授课。（十二）使用
8、 PhoneGap 框架1、教学基本内容：PhoneGap 简介、深入认识 PhoneGap 的优缺点。2、教学基本要求：了解 PhoneGap 简介。3、教学重点难点：PhoneGap 框架。4、教学建议：本章应用图文结合的方式，案例进行授课。撰 写 人：胡金萍审 核 人：学院院长：移动互联网应用开发实验教学大纲课程名称：移动互联网应用开发课程属性：限选实验属性：非独立设课适用专业：物联网工程学分及学时时：2 学分 36 学时 应开实验学期：第六学期应开实验项目数：7实验类型：综合性、验证性一、本门课程实验的目的与要求移动互联网应用开发授课对象物联网工程及计算机相关专业的本科学生。通过本课程
9、学习，使学生能熟练运用 HTML5 语言；利用 Dreamweaver 软件进行网站的创建、网页的布局、网页的编辑；利用 fireworks 软件设计网页界面，利用 Flash 设计网页动画特效，能够对企业建站项目进行策划、建设、维护和管理，能独立设计各类网站，并且通过学习可以获得从事网页编辑、网站策划、网络美工创作、动漫设计、网站程序开发、信息编辑、网络广告设计等工作的相应技能。培养学生网页设计和基本制作能力。了解网页制作和网站建设所需的基本知识，理解 HTML5 语言和 CSS 样式个属性以及JavaScript 语言的基本知识，掌握网页制作和网站建设所需的基本技能。根据任务需求能够建立客
10、户端的的动态网页和网站。能自行设计各种网页、编辑一定的平面图象、网络动画，并最终设计一个综合性的网站且编制简单的脚本上传到互联网上。 熟练掌握运用 Dreamweaver 网页制作软件制作网页、特别是制作动态网页的方法，掌握运用 Fireworks 图像处理软件进行网页中图形制作和运用 flash 动画制作软件设计网页中动画的方法，进而掌握将这三个软件互相配合，完成网页设计与制作任务的方法。移动互联网应用开发实验项目一览表实验序号 实验项目名称 实验类型 实验要求 实验学时 每组人数 备注实验一 网页版俄罗斯方块 综合性 必做 6 6实验二 制作一个颜色滑动 验证性 必做 4 6实验三 为视频设置素材图片并 显示播放时间 验证性 必做 4 6实验四 保存并读取登录 验证性 选做 4 6实验五 网上订餐系统 验证性 必做 6 6实验六 移动电话簿系统 验证性 必做 6 6实验七 个人博客网站 综合性 必做 6 6撰 写 人：胡金萍审 核 人：学院院长：
