“H5移动页面设计与制作”课程一体化标准
一体化课程名称
H5移动页面设计与制作
学时
72
svg和h5的关系典型工作任务描述
作为移动互联网时代的创新营销方式，图文声像并茂的H5在展示上更为活泼，表达清晰直观，加上承载内容信息量大，且易于制作、方便分享的先天优势，H5成为了企业提升营销推广力的利器，越来越多企业想借助H5的传播力，达到品牌推广、产品推销等目的,是网络营销工作人员的主要工作内容之一。
《网络营销》是有以一体化课程理论为指导，通过职业岗位调研、实践专家访谈,构建基于工作任务的一体化课程体系,以《H5微传单网络营销》工作任务为例,编制参考性学习任务教学大纲,建设一体化课程教学资源，建立课程考核与评价体系,探究出一体化课程开发与实践应用的有效方法。
工作内容分析
工作对象
1.设计主管的沟通、H5页面风格信息的获取，工作任务的明确；
2.工具的准备，H5制作流程的制定；
3.H5页面的处理与输出；
4.H5页面的命名与存储；
5.H5页面的改进与优化；
6.H5页面的交付，成品的验收。
工具、材料、设备
1.配备基于Windows 10操作系统的计算机，安装有MUGEDA软件、常用中文输入法；
资料
工作页、教材、优秀作品范例、操作素材。
工作方法
批量处理法、归类整理法、资料查询法等。
劳动组织方式
以4-6人为一小组，共同分析讨论明确任务要求、设计取向、时间要求等。最后，以个人独立工作的方式进行。
工作要求
1.能根据之前委托公司推广产品的素材和设计构想，小组讨论确定制作方案和分工方案，解决实际制作中出现的问题，在任务实战中激发学生的创新创业意识。
2.在教师指导下，以小组合作的方式，能在学习工作页问题指引下，自主学习微视频，认识MUGEDA制作平台基础编辑、互动功能、装饰功能、控件功能、趣味功能的用途和用法。
3.能用专业术语友好、礼貌地对他组作品提出至少两条修改建议。
4.能根据方案，完成委托公司推广产品的H5页面制作。在规定时间内，阐述作品的推广理念。养成团队合作习惯，培养责任担当的核心素养。
代表性工作任务
任务名称
任务描述
工作时间小时）
制作滚动动画的H5页面
清明节前夕，工作室接到一个粽子的产品推广工作单，作为工作室负责人的你希望制作一个简单的H5进行推广该产品。
8
制作三维转动H5页面
工作室接到XX有限公司的网络推广工作任务，作为工作室负责人的你希望制作一个时尚又有互动性的的H5进行推广该公司。
8
制作可以定制文字的H5节日贺卡
中秋节即将来临，XX公司要求设计可以定制文字的H5,要求节日贺卡开头有动画效果，结尾有公司植入广告。
8
制作摇一摇随机出现结果的H5页面
XX公司周年庆活动，希望制作一个抽奖性质的H5,要求活动新颖互动性强。
8
制作邀请函H5页面
XX公司年会，需要工作室制作一个高端大气的邀请函。
8
制作招聘广告H5页面
XXX电子商务有限公司因为业务发展良好，需要新招聘员工数名，希望工作室能制作一个有报名后台的H5。
8
制作手速测试类H5小游戏
XXX摄影公司，希望做一个有网络推广游戏，在游戏中植入本公司的业务。
12
制作手机广告动画H5页面
工作室在2018年做出了很多优秀的H5项目，并且有些作品获得了很好的口碑效应。甲方XX手机公司提出希望制作H手机广告。
12
72
课程目标
总体目标：
在老师的引导下，能根据顾客的要求合理选择H5样式和功能，并设计与制作H5页面，提升解决问题能力、决策能力和逻辑思维能力。
能力目标：
建立学生的H5应用能力，提升其在实际生产生活中的解决问题能力、决策能力、风险评估能力和逻辑思维能力。
知识目标：
1.初步了解超文本标记语言。
2.学会处理图片等素材。
3.学习H5设计与制作技巧。
4.独立进行H5移动页面设计与制作。
5.提升解决问题能力、决策能力和逻辑思维能力。
6.会用制作二维码。
素质目标：
1.培养勤奋、守纪、吃苦耐劳的工作态度； 
2.有责任感，勤奋好学，良好的沟通能力和协调能力，有团队合作精神； 
3.培养学生良好的职业道德，树立爱岗敬业的精神； 
4.具有踏实肯干的工作作风和主动、耐心的服务意思； 
5.培养学生自主、开放的学习能力。
学习内容
知识点：
1、Mugeda界面与舞台
​界面概览、菜单栏、快捷工具栏、时间轴、工具条 、页面栏、什么是舞台？、属性面板
2.  素材与媒体
图片/图片序列/GIF/PNG/SVG/JPG等、文本/富文本、网页、幻灯片、视频、声音、绘制素材、云字体
、可视化图表、建组 、裁剪组​
3：动画
时间轴以及图层 、选择工具、关键帧动画  、路径动画、进度动画  、变形动画、预置动画 、元件动画、分页/加载页、遮罩、动画运动
4：行为   
行为：行为添加以及触发事件、帧的行为、播放元件片段、改变元素属性、改变图片、设置定时器
5、控件
行为：陀螺仪、定时器、随机数、擦玻璃、绘画板功能、点赞
6：功能
功能：头像、昵称、定制图片、录制用户声音、定义分享信息
7：表单
表单:输入文字（输入框）、单选框、多选框、下拉菜单（列表框）、表单提交、默认表单／定制文字、动画关联
、属性关联、自动关联
8、API
【API的应用】在动画中添加代码、Mugeda API的整体结构、Mugeda对象、scene对象、aObject对象、工具API
、获取Mugeda后台数据
9、工作规范
文件尺寸、分辨率、彩模式等规范，文件命名与存储规范，文件管理与备份规范。
10、职业素养
相关法律法规、时间管理、沟通能力、理解能力、执行力
教学实施建议
（1）课程定位和性质
本课程是计算机技术及应用及其计算机相关专业的一门重要的专业必修课，是计算机技术及应用的专业核心课程。本课程目的是培养学生熟悉H5移动页面开发平台的使用，掌握构建H5设计与制作的基本知识，能够独立的制作H5移动页面,为今后从事网页设计与制作、H5开发和管理奠定基础。在H5设计制作的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。
（2）学情分析
基本情况：
1.该班学生50%多的同学属于“主动跟随型”，20%属于需要监督型，其余的是偏爱动手型。
2.该班学生对网络营销课程有较强的好奇心和求知欲；喜欢漂亮的图片，视觉性的性格，喜欢追求酷炫新鲜有趣的事物；个性化的需求迫切。
3.以往学业成绩分布差异分化明显，较差以下和优秀学生比例相当。
技能情况：
已经学习PS课程，具备一定图形图像处理能力；通过通用素质课程学习，写作能力和沟通表达能力有一定基础。薄弱点：部分学生操作技能较差，班级水平参差不齐，大部分同学没有美术基础，审美搭配总体较差。
（3）教学方法与手段
本教学设计融入翻转课堂和混合学习法的理念，以企业委托真实项目为载体，采用任务驱动法、自主探究法、情境模拟教学法、小组合作法等，按照学生认知发展规律，本任务以体验—探究—内化—应用迁移为主线设计，逐步推进，通过课前、课中、课后三个阶段来组织实施。
图 2教学设计
图 3主要教学方法
教学考核要求
本课程的评价考核方式以学习目标为导向，围绕学习过程设计评价要点，采用综合性评价方式，关注综合职业能力。
1.本课程的评价设计:
总成绩=平时成绩30% + 段考成绩30% + 期末考试40%
平时成绩：各次任务评分总和/任务数
2.任务的评价设计:
评价方式：自我评价、小组评价、教师评价
如下表：
综合评价表
姓名：                班级：                        组名：
序号
项    目
自我评价
小组评价
教师评价
1
学习兴趣（5分）
♦按时到场、无早退；
♦学习期间不使用手机、不玩游戏；
♦接受任务分配；
♦学习资料携带齐备
2
任务明确程度（5分）
♦能复述任务
♦知道完成任务需要的软件
3
学习主动性（5分）
♦课前有主动预习
♦主动回答老师提问
♦能独立规范操作
♦能独立查阅资料
4
协作精神（10分）
♦与本组同学关系融洽
♦接受组长任务分配
♦积极参与小组讨论
♦能主动帮助其他同学
5
时间观念（10分）
♦能按时完成工作任务
♦能按时完成工作页
6
工作页填写情况（5分）
♦能独立完成工作页内容
7
学习准备、计划决策（20分）
♦能够完成学习准备中的绝大部分任务
♦能够写出较完善的实施计划
8
光盘盘面效果图制作（30分）
♦效果图美观、清晰
9
展示评价（10分）
♦内容无错漏，有条理
♦语言流利，仪容仪态好
总    评

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。