Axure网站与App原型设计（全彩慕课版）（AxureRP10）- 教案 第9、10章 用中继器模拟数据库操作、美团App低保真原型设计

PAGE3PAGE第9章用中继器模拟数据库操作课程名称Axure网站与App原型设计（全彩慕课版）（AxureRP10）项目名称用中继器模拟数据库操作任务名称用中继器模拟数据库操作课时4项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标知识目标1．了解中继器、中继器的数据集、中继器的项。2．熟悉中继器的布局设计。3．掌握将数据绑定到中继器的方法。4．熟悉新增数据弹出框的设计方法。5．掌握中继器的新增、删除数据操作。能力目标1．可以设计中继器页面、新增数据弹出框。2．实现中继器的新增数据操作。3.实现中继器的行内删除数据、全局删除数据操作。素质目标1．培养踏实的工作态度。2．培养分析问题的能力。教学内容1.认识中继器2.中继器绑定数据3.新增数据弹出框设计4.中继器新增数据操作5.中继器删除数据操作6.小结教学重点中继器绑定数据、中继器新增数据操作、中继器删除数据操作教学难点中继器绑定数据、中继器新增数据操作、中继器删除数据操作教学准备1.装有Windows10系统的电脑2.教学课件PPT3.教材：Axure网站与App原型设计（全彩慕课版）（AxureRP10）人民邮电出版社作业设计利用中继器元件来设计余额宝转入记录及余额宝界面布局，同时将数据绑定到中继器元件上并显示出来。教学过程教学内容与过程（教学内容、教学方法、组织形式、教学手段）做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。【课前说明】分别从中继器的数据集、中继器的项来初步认识中继器，再对中继器动态存储数据，模拟数据操作新增数据、删除数据进行详细介绍。【目的】使学生从了解本章节的学习目标、学习重点、考评方式等方面明确学习本章节知识的要求和目标。掌握中继器动态管理数据的方法。一、认识中继器中继器元件包括中继器的数据集和中继器的项。二、中继器绑定数据1.中继器布局设计2.中继器数据绑定三、新增数据弹出框设计新增数据时，会用弹出框来显示新增数据的页面。四、中继器新增数据操作利用中继器元件和新增数据的弹出框来实现新增数据的操作。五、中继器删除数据操作1.行内删除数据2.全局删除数据同步训练：员工信息管理。本章讲解了中继器的管理功能，了解什么是中继器、中继器的数据集和中继器的项。学会将中继器的数据集里的数据绑定到中继器上显示出来，利用中继器元件动态地新增数据、删除行内数据、删除全局数据。本节课主要运用案例教学法，通过实战演练的方法加强对相关操作的理解，达到能够独立熟练解决实际问题的能力。教学评价方式以小组为单位，以完成案例的质量为评价标准，形成任务驱动，小组协作，质量与速度并存的课堂评价方式，促进学生的自主、创新学习的方式。第10章美团App低保真原型设计课程名称Axure网站与App原型设计（全彩慕课版）（AxureRP10）项目名称美团App低保真原型设计任务名称美团App低保真原型设计课时2项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标知识目标1．了解原型设计的思路及准备工作。2．熟悉原型设计的流程，包括母版设计、布局设计、交互设计。能力目标1．可以设计移动App的导航母版。2．可以设计移动App的页面布局。3.可以设计页面的轮播交互效果。4.可以设计页面上下滑动、页面切换的交互效果。素质目标1．形成严谨踏实的工作作风。2．树立正确的职业观。教学内容1.需求描述2.设计思路3.准备工作4.设计流程小结教学重点设计流程教学难点设计流程教学准备1.装有Windows10系统的电脑2.教学课件PPT3.教材：Axure网站与App原型设计（全彩慕课版）（AxureRP10）人民邮电出版社作业设计进行“外卖”页面内容的布局设计以及制作页面内容上下滑动的效果。教学过程教学内容与过程（教学内容、教学方法、组织形式、教学手段）做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。【课前说明】分别从绘制美团App低保真原型的需求描述、设计思路、准备工作、设计流程这几个方面对低保真原型设计进行详细介绍。【目的】使学生从了解本章节的学习目标、学习重点、考评方式等方面明确学习本章节知识的要求和目标。掌握低保真原型设计的制作方法。一、需求描述绘制美团App低保真原型的需求，包括底部标签导航、页面布局、海报轮播效果、上下滑动效果、页面切换显示效果。二、设计思路美团App低保真原型设计如下：整理需要用到的元件。避免重复制作需要设计底部标签导航母。用动态面板实现海报轮播、页面内容上下滑动效果。用打开链接方式实现页面切换交互效果。三、准备工作低保真原型设计不使用截图，颜色最好用黑、白、灰3种颜色。四、设计流程1.底部标签导航母版设计2.“美团”页面布局设计3.轮播效果制作4.“美团机票”页面布局设计5.“美团机票”页面上下滑动设计6.“美团”页面与“美团机票”页面切换显示效果同步训练：美团App低保真原型设计。本章节讲述了低保真原型设计的制作方法，