《移动端UI设计》“说课程”竞赛稿件
——智能产业学院-唐紫娟
各位领导老师下午好！我是智产学院软件技术系的唐紫娟，我的说课课程是【移动端UI设计】。
【移动端UI设计】课程在软件技术系前端开发和移动互联应用技术两个专业，二年级下学期开设，属于职业拓展必修课程，64学时4学分，考核方式采用的是项目考查式。本课程的前置课程包括创新设计方法论、网页设计与制作、Javaweb应用开发、VUE.JS 框架技术、Android 编程等程序编程课程，后置课程是跟岗实习、生产实习和顶岗实习。于学生已经修习完相对完整的程序编程课程之后，三年级的实习课程之前开课，时间安排恰当合理，有助于帮助学生从“程序员视角”向产品化的“用户视角”思维转换。
接下来我将从以下七个方面进行说课内容展示：课程定位、课程内容设置、课程设计、课程实施保障、课程建设成效、课程建设特色、课程诊断与改进。
一、课程定位
1.1课程培养目标
本课程“以能力为本位，以就业为导向，紧扣专业人才培养计划”，培养社会需求的职业应用型人才。
在大公司大团队里面，往往人数较多，分工细致，此时需要对上下游工作配合过程中能够做到一说就懂，一点就通，体现良好的专业性和适应性的程序员。而在初创公司小团队里，团队往往不愿意对简单的UI给与预算单独制作，但是产品又很希望有个性化界面提升用户好感度，此时能够胜任简单基本UI制作，解老板两难的程序员就变得很抢手，体现出了强大的岗位竞争力。
1.2课程目标拆解
基于课程定位，对本课程进行了四个维度的目标拆解，需要特别指出的是：现在技术革新非常的快，应用软件层出不穷，因此在技能目标上紧跟业界发展趋势，培养学生熟练掌握UI设计最主流设计软件的目标。由于视觉效果还有传达文化价值的属性，因此在思政目标上，培养学生树立正确的职业价值观、社会服务意识，家国情怀的目标。
二、课程内容设置
2.1课程内容选取思路
考虑到学生们即将进入实习岗位，因此我们希望课程提前模拟工作场景，形式上选择项目式案例式教学。另外，我们培养的是会UI的程序员，而不是美工，因此内容难度要适当，工具要轻量化。
2.2教学设置
经过多家出版社十几本教材的调研，最终选择了由中国工信出版集团和人民邮电出版社出版的《移动UI设计实战》。它分为五个教学模块，一和二分别是基本知识和图标设计专题，三四五是三个项目案例。项目展示如下：
第一张图是项目三，下面这两张图是我们的项目四，剩下的五张图是项目五。
2.3重难点解决办法
这三个项目的工艺生产流程、重难点，从内容上来讲是一样的，多且复杂。但是三个项目从制作复杂度、知识的易懂性、工具的操作性上，是迭代增量设计的，项目三没有掌握的技能，项目四还会出现，有机会再进行巩固。这样可以很好的帮助学生突破重难点的学习。
三、课程设计
3.1学情分析
为了比较好的进行课程设计，我们首先进行了学情分析：1、当代零零后，处于科学技术和信息产业飞速发展的时期，视野开阔，知识丰富，家境优渥，有比较强的优越感和自信心，有自己的看法和主见。因此在课程设计中，需以学生为主体，充分体现他们的主动性和自主意识。
2、由于他们从小接触互联网获取知识的途径非常多样化，很多同学不在乎课堂听讲，不过遇到学习困难，他们又不愿意花时间去钻研，不肯吃苦。作为老师可以从关爱学生出发，走进他们心里，得到他们认可，这样子在他们遇到困难的时候，才愿意求助于老师，从而喜欢你所教授的课程。
3、他们所处的教育时代是提倡鼓励快乐教育的时代。从小都是在鼓励声中长大的，因此在课程设置激励活动环节的时候，要紧扣学生的心理，设置有趣有料的课程活动，从而吸引他们积极参与课堂教学活动。
思政设计：
1、思政方法设计是用故事化，情景化的方式将思政内容导入到课堂教学中，强调思政的时间点和过程。让他们能够循序渐进。潜移默化的接受。
2、思政主体设计是帮助他们提升社会服务意识，突破自身惯性的认知模式，提升复杂问题的分析能力和综合应用能力。增强他们的家国情怀。3、思政手段主要借助数字化信息化资源，丰富学生学习体验。优化多元化的科学课程评价，利用互联网提升学生课外学习成效，合理“增负”。
3.2教学方法、教学手段
教学方法的主要特点是任务驱动项目导向，多种教学方法相结合，以学生为中心，真正做到教学做一体化。教学手段是传统课堂结合现代化教育技术。
3.3课程考核、课程评价
课程考核重点是学生的实际动手能力。过程考核与结果考核相结合，平时成绩占比40%期末大作业占比60%。课程评价遵守学校四维课程评价体系：自我评价、学生评教、同行评教、督导评教与巡查。
3.4举例：iOS界面尺寸规范单元模块
以项目三的“ios界面尺寸规范”单元模块为例。
本模块学习目标：
○了解项目定位的重要性；
○理解和掌握iOS界面设计尺寸规范；
重点：
○理解和掌握iOS界面设计尺寸规范；
难点：
○项目定位概念的引入和重要性说明；
○iOS界面设计尺寸规范概念的引入和重要性说明；
由于我们课程一周一次，间隔时间较长。因此，首先设计通过课程回顾的方式进行导课，帮助学生顺畅连贯的进入到本课程的学习。
第二步介绍学习目标，让学生直观感受到本项目的学习成果。告诉他们，四周之后，他们将具备制作本界面的能力，以及设计类似界面的能力，激发他们的学习期待感！四周之后，重复确认他们真的做到了，从而树立职业自信心和职业价值感。
在授新课的环节，采用“理论加演示加实践”的讲解模式。用三个问题一个情景，引发学生思考，顺势得出结论：在如此内卷的互联网行业，众多商务类型APP之所以能够生存并盈利，是因为各自做好了精准的项目定位，做出了产品差异化。用四个逐级深入的提问，探究不同APP的界面设计布局，引导学生自主思考得出结论：不管是哪个产品开发团队，不管他在哪个地域，都必须遵守相同的界面尺寸设计规范。从而完成以上两个学习目标。紧接着教师进行演示操作，利用工具制作一个符合iOS界面尺寸设计规范的页面布局。
最后请学生们上机操作。在学生们操作的过程中，我会走下讲台，进行观察和辅导，选出优秀作品进行展示，学生们普遍对同伴的作品很感兴趣，注意力一下子就吸引上来了。
课程最后一个环节是课程反思，以本课程为例，设计以提问探究的方式引导学生主动思考，然后顺势引入新概念。水到渠成，效果较好。需改进的地方：针对“界面尺寸规范的数据公开可查询，不用死记硬背”这条，可以现场安排学生使用百度查询操作直观感受一下。
在3月中旬的时候，本课程开设了一堂示范课教学，课堂气氛热烈，学生积极参与课堂活动。听课教师评价优秀。
四、课程实施保障
4.1教师团队
本课程的教师团队包含两人，均是双师，热爱教育事业，作风严谨。具备课程开发能力和指导学生实训能力。
4.2教学资源
教材教辅软件安装包一应俱全，课程标准教学计划教案全面数字化，信息化，职教云帮助实现资源共建共享，网络化平台化。海量互联网资源拓展师生教与学的深度与广度，还增加趣味性。
4.3教材建设
本课程的教材经过全面充分调研，从思想政治上和专业科学性上均具有领先性，是十三五高等院校数字精品课程规划教材，21年8月份第一次出版。另建设有教材备选库，在制定符合本学院学情的课程设计时，博采众长，用作参考。
4.4实践教学条件
本专业课实训教室配置有交互式在线学习和教学管理系统，设施先进，安装了最主流的windows10操作系统，大容量内存，工位数充足，保障人手一机。完全满足日常实践课上机操作。校外实训条件，学校与30多家企业签订了校外实习基地，均可覆盖本课程实践需要。
五、课程建设成效
|
图一是学生在独立完成的一个页面作品，完整度很高，细节可圈可点。
图二是我们的项目展示，采用项目式情景式的教学，采用了行业先进的新技术与软件。
图三是职教云上的课程资源建设成果。
六、课程建设特色
1、摒弃传统的纯理论式教学，采用项目式教学法，项目之间采用迭代增量的方式进行设计。
2、采用新技术与软件。教学过程中使用的软件与目前行业使用的主流软件一致。
3、教学教辅资源齐备。所有案例的相关素材、实验步骤均有，并配有微课视频方便学生反复研究。
4、课程思政上，课课融思政，处处显德育。
