Axure网站与App原型设计（全彩慕课版）（AxureRP10）- 教案 第1-6章 Axure原型设计简介-用Axure母版减少重复工作

PAGE2PAGE第1章Axure原型设计简介课程名称Axure网站与App原型设计（全彩慕课版）（AxureRP10）项目名称Axure原型设计简介任务名称Axure原型设计简介课时2项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标知识目标1．了解原型及其分类。2．掌握AxureRP10的安装与汉化。3．熟悉AxureRP10工作界面的六大区域。4．了解原型设计的流程。能力目标1．能够独立安装与汉化AxureRP10。2．掌握在AxureRP10中添加元件、设置交互效果的方法。素质目标1．培养对原型设计流程的理解能力。2．培养认真严谨的学习态度。教学内容1.软件原型及其分类2.安装AxureRP103.认识AxureRP10的工作界面4.理解原型设计流程5.小结教学重点安装与汉化AxureRP10、在AxureRP10中添加元件和设置交互效果教学难点在AxureRP10中设置交互效果教学准备1.装有Windows10系统的电脑2.教学课件PPT3.教材：Axure网站与App原型设计（全彩慕课版）（AxureRP10）人民邮电出版社作业设计安装与汉化AxureRP10。教学过程教学内容与过程（教学内容、教学方法、组织形式、教学手段）做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。【课前说明】分别从软件原型及分类、AxureRP10的安装、工作界面、添加元件、设置交互效果等基础知识点进行初步的了解。【目的】使学生从了解本章节的学习目标、学习重点、考评方式等方面内容，明确学习本章节知识的要求和目标。一、什么是软件原型及其分类有哪些？从软件原型的概念和分类入手，介绍了草图原型、低保真原型、高保真原型，理解它们的优缺点以及适用的场合。二、安装AxureRP10下载、安装并汉化AxureRP10软件。三、认识AxureRP10的工作界面了解工作界面的6个区域以及它们的功能，认识元件库中的元件，掌握元件的基础使用方法。四、理解原型设计流程掌握需求分析、页面架构设计、低保真原型设计、原型评审以及高保真原型设计的方法。添加元件到工作区域并进行相应的设置。通过学习，学生能够了解软件原型及其分类，掌握AxureRP10的工作界面及其元件的基础功能，安装AxureRP10本节课通过对软件原型设计的深入理解，掌握AxureRP10元件的基础功能，为后面内容的学习打下基础。教学评价方式以小组为单位，小组协作，质量与速度并存的课堂评价方式，促进学生的自主、创新学习的方式。第2章用页面区域管理页面课程名称Axure网站与App原型设计（全彩慕课版）（AxureRP10）项目名称用页面区域管理页面任务名称用页面区域管理页面课时1项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标知识目标1．了解页面区域的结构、意义及使用注意事项。2．掌握页面区域的使用方法。能力目标1．掌握新建、删除、移动页面等操作。2．可以进行页面层级管理。素质目标1．培养自主学习的能力。2．培养创造性思维。教学内容1.了解页面区域2.管理页面3.规划软件栏目结构4.小结教学重点页面区域的使用方法、规划软件栏目结构教学难点规划软件栏目结构教学准备1.装有Windows10系统的电脑2.教学课件PPT3.教材：Axure网站与App原型设计（全彩慕课版）（AxureRP10）人民邮电出版社作业设计通过页面区域规划清华大学门户网站栏目教学过程教学内容与过程（教学内容、教学方法、组织形式、教学手段）做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。【课前说明】分别从页面区域、管理页面区域等知识点对页面区域的使用方法进行了解。【目的】使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本章节知识的要求和目标。一、了解页面区域页面区域是由按钮和页面有两部分组成，通过页面区域管理软件页面。二、管理页面通过按钮和快捷菜单来管理页面，通过按钮、快捷菜单来新建页面、移动页面、删除页面以及搜索页面。三、规划软件栏目结构通过实战学会规划软件的页面机构，进一步加深对页面区域的使用方法的理解。规划蓝月亮官网栏目结构通过学习，学生能够掌握页面管理的方法，并且学会规划软件栏目结构。教学评价方式以小组为单位，小组协作，质量与速度并存的课堂评价方式，促进学生的自主、创新学习的方式。第3章用Axure元件库“搭积木”课程名称Axure网站与App原型设计（全彩慕课版）（AxureRP10）项目名称用Axure元件库“搭积木”任务名称用Axure元件库“搭积木”课时4项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标知识目标1．了解元件库中的各种元件。2．掌握线框图元件的使用方法。3．掌握流程图元件的使用方法。4．了解图标元件库。5．熟悉载入元件库和自定义元件库的方法。能力目标1．掌握线框图的常用元件、互动元件、表单元件、菜单和表格元件、标记元件的使用方法。2．掌握流程图元件的使用方法。能够自定义元件库。素质目标1．培养独立思考、分析问题的能力。2．培养提出问题和解决问题的能力。教学内容1.绘制线框图所用的元件2.绘制流程图所用的元件3.丰富的图标元件库4.载入元件库和自定义元件库5.小结教学重点线框图、流程图的使用方法教学难点线框图、流程图的使用方法教学准备1.装有Windows10系统的电脑2.教学课件PPT3.教材：Axure网站与App原型设计（全彩慕课版）（AxureRP10）人民邮电出版社作业设计1．设计个人简历的教育经历模块。2.设计个人简历的工作经验模块。教学过程教学内容与过程（教学内容、教学方法、组织形式、教学手段）做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。【课前说明】从元件库的各种元件入手，分别介绍线框图、流程图中的元件的使用方法。【目的】使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习知识的要求和目标。一、绘制线框图所用的元件1.常用元件的使用方法。2.互动元件的使用方法。3.表单元件的使用方法。4.菜单和表格元件的使用方法。5.标记元件的使用方法。二、绘制流程图所用的元件使用流程图元件绘制在线考试系统流程图。三、丰富的图标元件库绘制原型时，使用图标元件库里的图标元件。四、载入元件库和自定义元件库AxureRP10支持载入其他元件库，也可以自己制作元件库。同步训练：制作个人简历表的基本信息。通过学习，学生学会线框图、流程图中一些经常使用的元件的使用方法，也可以载入其他元件库或是自己制作元件库。本节课主要运用案例教学法，通过对元件的使用方法进行讲解，使学生达到能够熟练运用元件设计原型的能力。教学评价方式以小组为单位，以完成案例的质量为评价标准，形成任务驱动，小组协作，质量与速度并存的课堂评价方式，促进学生的自主、创新学习的方式。第4章用Axure动态面板制作动态效果课程名称Axure网站与1App原型设计（全彩慕课版）（AxureRP10）项目名称用Axure动态面板制作动态效果任务名称用Axure动态面板制作动态效果课时2项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标知识目标1．了解动态面板的使用方法。2．掌握动态面板的常用功能。能力目标1．可以创建动态面板、编辑动态面板的状态。2．熟练使用动态面板的常用功能。素质目标1．养成良好的学习习惯。2．培养团结合作精神。教学内容动态面板的使用方法2.动态面板的常用功能3.小结教学重点动态面板的常用功能教学难点动态面板的交互效果教学准备1.装有Windows10系统的电脑2.教学课件PPT3.教材：Axure网站与App原型设计（全彩慕课版）（AxureRP10）人民邮电出版社作业设计完成京东注册页面的制作教学过程教学内容与过程（教学内容、教学方法、组织形式、教学手段）做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。【课前说明】掌握创建、编辑动态面板2．掌握通过大纲区域管理动态面板3.掌握动态面板的常用功能分别从创建编辑动态面板、管理动态面板、使用动态面板等知识点进行初步的了解。【目的】使学生从了解本章节的学习目标、学习重点、考评方式等方面明确学习本章节知识的要求和目标。一、动态面板的使用方法1.创建动态面板2.编辑动态面板3.管理动态面板二、动态面板的常用功能1.显示与隐藏效果2.调整大写以适合内容3.滚动条设置4.固定到浏览器5.100%宽度6.从动态面板脱离7.动态面板转换为母版8.普通元件转换为动态面板同步训练：制作淘宝登录页面选项卡的切换效果。本章是非常重要的一章，动态面板常用功能是必须要掌握的内容。在实际项目过程中，动态面板的交互效果，可以应用到各个场景下，以满足业务的需求。通过学习，学生要学会创建动态面板、编辑动态面板、设置动态面板的交互效果，用于满足复杂场景的业务使用。本节课主要运用案例教学法，通过对动态面板的深入理解，掌握动态面板的相关操作，达到能够独立熟练使用动态面板来解决问题的能力。教学评价方式以小组为单位，以完成案例的质量为评价标准，形成任务驱动，小组协作，质量与速度并存的课堂评价方式，促进学生的自主、创新学习的方式。第5章用Axure变量制作丰富的交互效果课程名称Axure网站与App原型设计（全彩慕课版）（AxureRP10）项目名称用Axure变量制作丰富的交互效果任务名称用Axure变量制作丰富的交互效果课时2项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标知识目标1．理解全局变量和局部变量的含义以及使用方法。2．掌握在页面之间传递变量值的方法。能力目标1．可以给全局变量、局部变量赋值。2．实现在页面间传递变量值及高级交互效果。素质目标1．培养良好的沟通能力和表达能力。2．培养获取、处理和传播信息的能力。教学内容1.全局变量和局部变量的使用方法2．变量在页面间传递3．实战4.小结教学重点创建变量、变量赋值、变量在页面间传递教学难点变量赋值、变量在页面间传递教学准备1.装有Windows10系统的电脑2.教学课件PPT3.教材：Axure网站与App原型设计（全彩慕课版）（AxureRP10）人民邮电出版社作业设计简易计算器，完成以下内容：（1）参考数字按钮“1”的功能，完成数字“3”单击时的触发事件。（2）给小数点按钮添加单击时的触发事件，实现小数的加、减、乘、除操作。教学过程教学内容与过程（教学内容、教学方法、组织形式、教学手段）做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。【课前说明】分别从创建变量和变量赋值两个方面来进行初步的了解。【目的】使学生从了解本章节的学习目标、学习重点、考评方式等方面明确学习本章节知识的要求和目标。一、全局变量和局部变量的使用方法1.全局变量的定义2.局部变量的定义3.变量赋值二、变量值在页面间传递1.新建全局变量2.新建局部变量3.变量赋值4.页面触发时间同步训练：制作简易计算器，实现数字1、数字2的加减乘除操作本章主要讲述了全局变量和局部变量的使用。通过学习，学生要掌握创建全局变量、创建局部变量、变量赋值、变量在页面间传递，能够实现高级交互效果。本节课主要运用案例教学法，通过对全局变量和局部变量的理解，达到能够独立熟练运用变量的能力。教学评价方式以小组为单位，以完成案例的质量为评价标准，形成任务驱动，小组协作，质量与速度并存的课堂评价方式，促进学生的自主、创新学习的方式。第6章用Axure母版减少重复工作课程名称Axure网站与App原型设计（全彩慕课版）（AxureRP10）项目名称用Axure母版减少重复工作任务名称用Axure母版减少重复工作课时2项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标知识目标1．了解母版及其使用方法。2．熟悉制作母版的2种方式。3．掌握母版的3种拖放行为。能力目标1．可以熟练制作母版。2．可以将元件转换为母版。素质目标1．培养自主学习和终身学习的能力。2．培养团队协作和资源整合能力。教学内容母版功能简介母版的3种拖放行为实站小结教学重点母版功能简介、母版的3种拖放行为教学难点母版的3种拖放行为教学准备