获取组件以及设置组件属性(8课)
Animate CC 2017课件(8)
图2-178 CheckBox组件
图2-179 CheckBox组件的“属性”面板
boBox 组件
ComboBox组件为下拉列表框的形式，如图2-180所示。用户可以在弹出的 下拉列表框中选择其中一个选项。在舞台中添加ComboBox组件后，可以通过 “属性”面板设置ComboBox 组件的相关参数，如图2-181所示。该面板的主 要参数含义如下。
2.8 组件
组件是一些复杂的带有可定义参数的影片剪辑符号。一个组件就是一段 影片剪辑，其所带的参数由用户在创建Animate CC 影片时进行设置，其中的 动作脚本API 供用户在运行时自定义组件。组件旨在让开发人员重用和共享代 码，封装复杂功能，让用户在没有“动作脚本”时，也能使用和自定义这些 功能。
图2-182 RadioButton组件
图2-183 RadioButton组件的“属性”面板
●groupName：单击按钮的组名称，一组单选按钮有一个统一的名称。 ● label：用于设置单选按钮上的文本内容。 ● labelPlacement：用于确定按钮上标签文本的方向。该参数可以是下
列4 个值之一，即left、right、top 或bottom，其默认值为right。 ● selected：用于设置单选按钮的初始值为被选中或取消选中。被选中
图2-172 “组件”面板 图2-173 选择要使用的组件 图2-174 选择舞台中的组件 图2-175 “属性”面板
2.8.2. 组件的分类与应用
下面主要介绍几种典型组件的参数设置与应用。
1.Button 组件
Button组件为一个按钮，如图2-176所示。使用按钮可以实现表单提交 以及执行某些相关的行为动作。在舞台中添加Button组件后，用户可以通过 “属性”面板设置Button组件的相关参数，如图2-177所示。该面板的主要 参数含义如下。
误差理论与数据处理课程综合性实验平台设计
第41卷 第6期吉林大学学报(信息科学版)Vol.41 No.62023年11月Journal of Jilin University (Information Science Edition)Nov.2023文章编号:1671⁃5896(2023)06⁃0969⁃07误差理论与数据处理课程综合性实验平台设计收稿日期:2022⁃03⁃11基金项目:国家自然科学基金资助项目(42104142);吉林大学本科教改基金资助项目(2019XYB223);吉林省教育厅基金资助项目(JJKH20211052KJ)作者简介:刁庶(1986 ),女,长春人,无锡职业技术学院讲师,博士,主要从事电子信息技术研究,(Tel)86⁃151****1151(E⁃mail)diaoshu@;通讯作者:王春杰(1977 ),女,吉林东丰人,长春人文学院讲师,主要从事大学生创新创业研究,(Tel)86⁃130****1609(E⁃mail)249664606@㊂刁 庶1,蒋川东2,田宝凤2,王春杰3(1.无锡职业技术学院控制技术学院,江苏无锡214121;2.吉林大学仪器科学与电气工程学院,长春130062;3.长春人文学院理工学院,长春130117)摘要:针对 误差理论与数据处理”课程理论性强,计算公式多,而传统教学中存在重理论㊁轻实践问题,基于Matlab APP(Application)Designer,设计了综合性实验系统APP㊂分别实现了随机误差㊁系统误差和粗大误差等基本概念和最小二乘拟合等典型算法的快速实现和可视化㊂同时,依托 地面核磁共振”实际工程数据,设计了系统误差和粗大误差的去除方法㊂该综合性实验平台不仅能培养学生的应用能力,还能使科研与教学有机结合,便于学生理解和掌握抽象概念,提高学生的学习兴趣㊂关键词:误差理论与数据处理;最小二乘拟合;实验设计中图分类号:TP301.6;TH701文献标志码:ADesign of Comprehensive Experimental Platform for Error Theory and Data ProcessingDIAO Shu 1,JIANG Chuandong 2,TIAN Baofeng 2,WANG Chunjie 3(1.School of Control Technology,Wuxi Institute of Technology,Wuxi 214121,China;2.College of Instrumentation and Electrical Engineering,Jilin University,Changchun 130062,China;3.Institute of Technology,Changchun Humanities and Sciences College,Changchun 130117,China)Abstract :For the course error theory and data processing ”,which is highly theoretical and has many calculation formulas,while traditional teaching focuses on theory and ignores practical problems,based on Matlab APP(Application)Designer,a comprehensive experimental system APP is designed.The basic concepts such as random error,systematic error and gross error and typical algorithms such as least square fitting are realized and visualized respectively.Based on the actual engineering data of ground nuclear magnetic resonance,the methods for removing systematic errors and gross errors are presented.This comprehensive experimental platform cultivates students’application ability and completes the organic combination of scientific research and teaching.The experimental platform is convenient for students to understand and master abstract concepts,and improve students’interest in learning.Key words :error theory and data processing;least square fitting;design of experimental0 引 言误差理论与数据处理”是测控技术及仪器专业的一门主要学科专业基础课,通过学习该课程,学生可以掌握误差的基本性质与处理方法㊁误差合成与分配㊁不确定度㊁最小二乘等相关基本概念,并对079吉林大学学报(信息科学版)第41卷其他专业课程以及科研工作的开展均具有重要的理论支撑作用[1⁃2]㊂但该课程概念抽象,内容较为单调㊁枯燥,且目前存在对实验环节重视不足等问题[3⁃4]㊂大学生的课堂教学在改革中不断追求新的突破,不再受限于书本上的理论知识,特别是对于工科学生在实施卓越工程师计划及国际工程认证的标准规范课程建设中,授课教师要做到一是对课程内容讲解应实现 渗透式”教学,将理论知识的精髓传达给学生,使其学到其根本,内化于心[5];二是进一步让学生更好理解理论,发散思维,将授课教师的实际科研工作经历溶于课程并将相关的科研案例引入到课堂教学中,做到理论来源于实践,并指导实践,且 实践是检验真理的唯一标准”,从而使理论与实践有机结合,贯穿于课程全过程,注重培养学生发现㊁提炼㊁分析和解决复杂工程问题能力[6]㊂为获得更高质量的育人效果,通过将工程教育理念定义为创新型㊁综合化及全周期,在大学生入校之初即全程㊁各环节优化人才培养质量,旨在培养学生的动手实践能力㊁创造性思维㊁建造和服务能力㊂着力提升学生解决复杂工程问题能力,加大课程整合力度,推广实施案例教学㊁项目式教学等研究性教学方法,注重综合性项目训练㊂因此,笔者设计了误差与数据处理课程的综合性实验APP(Application)㊂该实验平台不仅实现了随机误差㊁系统误差和粗大误差等抽象概念的可视化,以提高学生兴趣,同时还通过引入地面核磁共振数据,实现了最小二乘拟合和不确定度计算的工程实践应用,实现了教学与科研有机结合,以增强学生的理解和掌握能力,培养学生的应用能力㊂1 地面磁共振数据特征地面磁共振测深(MRS:Magnetic Resonance Sounding)是一种直接探测地下水的地球物理方法,其原理是基于水中氢质子的弛豫特性差异产生的核磁共振效应实现水体赋存状态探测[7]㊂在地面磁共振实际测量中,受环境和仪器系统的影响,测量数据不可避免地受到噪声的干扰,如下:V R=V MRS+V spike+V harmonic+V random,(1)其中V MRS为NMR(Nuclear Magnetic Resonance)信号,V spike为尖峰噪声㊁V harmonic为谐波噪声㊁V random为随机噪声㊂尖峰噪声㊁工频及其谐波噪声以及高斯噪声,即为对应的粗大误差㊁系统误差和随机误差[8⁃9]㊂V MRS 计算公式如下:V MRS=e0e-t/T*2cos(2πf L t+φ),(2)其中e0和T*2分别为初始振幅和弛豫时间,φ为初始相位,f L为拉莫尔频率,t为时间㊂尖峰噪声干扰是由噪声源偶然产生的,且没有固定频率和规律的尖峰噪声㊂尖峰噪声干扰源包括:大气噪声干扰,如雷电产生的火花放电,属于脉冲宽带干扰,其覆盖从几赫兹到100MHz以上㊂在时域具有持续时间短㊁幅度极大的特征,如下[10]:V spike=A sδ(t-t0)g R(t),(3)其中A s为尖峰噪声幅度,g R(t)为接收系统的脉冲响应㊂工频及其谐波是由高压输电线等电气设备产生的,由N个谐波相累加组成(工频为基频)㊂在频域,仅工频及其整数倍频点处具有较大能量,如下:V harmonic=∑N n=1A n cos(2πf0t+φn),(4)其中f0为谐波基频,A n和φn分别为第n个谐波的幅度和相位,N为谐波个数㊂2 APP设计与实现Matlab APP Designer作为一种基于Web技术的程序开发构建平台,与传统的GUI(Graphical User Interface)相比,具有可以在Web端运行的优点㊂因此笔者采用Matlab APP Designer设计了误差理论与数据处理课的综合性实验平台,不仅满足日常实验教学需求,同时为虚拟仿真实验课程建设奠定基础㊂APP界面主要包含函数菜单栏,历史记录,图形显示区和参数功能设置区,如图1所示㊂其中函数菜单栏包含信号与误差生成㊁误差消减㊁最小二程拟合及不确定度计算3部分㊂历史记录显示本次实验的时间及各个功能的使用记录㊂图形显示区分别在时域和频域对误差以及误差消减结果进行实时展示㊂参数功能设置区可以对噪声的生成㊁消除等方法的参数(幅度,频率等)进行设置㊂具体实现方法如下:首先,添加工具栏㊁选项卡组㊁坐标区㊁按钮㊁下拉框等组件,并设置其属性㊂其次,编写误差生成㊁误差消减㊁最小二程拟合及不确定度计算等函数代码,编写组件对应的回调函数㊂最后,运行并打包APP㊂图1 误差与数据处理课程的综合性实验APPFig.1 The comprehensive experimental APP of the error and data processing 3 实验内容设计笔者以地面核磁共振实际工程数据为例,结合误差理论与数据处理教材,实现多种误差基本概念和最小二程等典型算法的快速实现和可视化㊂主要模块如图2所示㊂粗大误差是由人为的或自然引发的,测量结果明显偏离真值误差,具有偶然性和破坏性㊂系统误差是由测量装置或方法的问题导致测量结果与真值之间的误差,包括恒定和变化系统误差㊂图2 误差与数据处理实验模块Fig.2 Error and data processing experimental module 随机误差是由很多因素引起的综合结果,与真值的差值可正可负,有大有小,不可预测,但满足一定的统计分布㊂根据误差性质可对3类误差进行消除或抑制,然后进行参数估计㊂通常参数估计可使用最小二乘方法,对非线性方程的参数估计,可将非线性方程线性化,进而使用最小二乘方法㊂参数估计后还需对估计结果的不确定度进行分析㊂分析思路是先对测量数据进行精度估计,获得测量数据的不确定度㊂然后利用误差合成方法,将参数估计的精度用测量数据的精度表示,从而获得参数估计值的不确定度㊂3.1 误差基本性质实验为配合误差理论与数据处理实验教学,使学生能正确认识误差的性质及产生的原因,掌握消除或减小误差的基本方法与措施㊂笔者结合实际工程中的地面磁共振测量数据,设置了随机㊁系统和粗大误差以及减小和消除方法实验内容,如图3所示㊂在误差基本性质分析实验中,首先在参数功能设置区signal 选项卡分别设置磁共振FID (Free Induction Decay)信号的幅度㊁弛豫时间㊁频率和相位信息,以产生FID 信号㊂APP 开始运行后,首先会读取参数组,判断读取的参数组数是否等于所设置数量,如果数量相等,则运行下一步,如不等,则往下继续读取参数组㊂在读取参数后,根据式(2)生成共振信号㊂根据所设置的共振信号数,将所生成的共振信号进行相加,则可以得到目标信号㊂随后判断信号生成部分是否设置了噪声,如存在噪声,将噪声和共振信号相加,并且在图形显示部分显示,如不存在噪声,则直接显示所生成的共振信号㊂其次,设置粗大误差的数量㊁幅度以及持续时间等参数㊂当粗大误差生成后,先读取粗大误差的生179第6期刁庶,等:误差理论与数据处理课程综合性实验平台设计成个数和影响时间,再根据使用randi 函数在影响时间内随机确定尖峰噪声的生成位置,然后生成模拟经滤波器采集后的尖峰噪声样式,获取粗大误差的最大幅值后,根据所设参数,最后生成粗大误差㊂设置系统误差的基频㊁幅度参数;当生成系统误差后,APP 依次往下读取系统误差的参数组,然后判断当前读取系统误差参数组数量是否等于所设置数量,如果不相等,则继续往下读取参数组,若相等则导入谐波的幅度和个数㊂当导入以上参数后,则可根据谐波表达式(4)生成单个系统误差,并将生成的单个系统误差进行相加,直到生成的单个系统误差个数等于所设置个数,则可将已生成的系统误差加入噪声部分,并将误差部分与FID 信号进行相加,则可得到加入系统误差的共振信号㊂当设置好随机误差的幅值与信噪比后,则可以按下按钮 RUN”运行程序,生成随机误差㊂最后通过勾选功能(add in)分别或同时增加3种不同误差,并在图形显示区,显示其时域和频域特征㊂图3 参数设置界面Fig.3 Parameter setting interface 文中设置FID 信号的初始振幅为100nV,弛豫时间为0.2s,拉莫尔频率为2330Hz,初始相位为45°㊂粗大误差的幅度为500nV,粗大误差长度为5ms(与实际磁共振测量数据相符),每组FID 数据中最大粗大误差个数为2㊂系统误差设置为基频是50Hz 的正弦波,幅度呈均值为10nV㊁方差为零的正态分布,相位服从(-π,π)间均匀分布,即模拟了实际工程中的工频及其谐波噪声㊂在随机误差生成部分中,设置的参数是随机误差的幅值和信噪比㊂随机误差的标准差设置为10nV,确定随机误差产生的范围,使用randn 函数生成随机误差㊂包含误差的数据的时间域和功率谱密度如图4中黑色曲线所示,由图4时域图可以明显看出粗大误差特征,即幅值远大于FID 信号且持续时间较短;由功率谱可以看出周期性系统误差特征,其频率固定为基频(50Hz)的整数倍频㊂图4 误差生成及消除图形显示结果Fig.4 Graphical results of error generation and elimination 279吉林大学学报(信息科学版)第41卷3.2 误差处理方法在误差数据处理实验中,在误差消减设置界面尖峰误差处勾选 enable”,设置其作用时间及阈值,由于尖峰噪声产生的时间是随机生成的,所以在设置作用时间时需要包括所有尖峰存在时间㊂粗大误差的判断采用能量运算方法[11],即通过计算MRS 信号能量E [V MRS (t )]和尖峰噪声能量E [V spike (t )],判断数据中是否存在粗大误差:E [V R (t )]=E [V MRS (t )]+E [V spike (t )]㊂(5) 当没有尖峰噪声时,E [V spike (t )]=0㊂由于尖峰噪声的瞬时能量远大于MRS 信号能量,因此当存在尖峰噪声时,E [V R (t )]结果大幅增加㊂剔除粗大误差后,利用自回归函数建模方法,计算尖峰噪声段的MRS 数据,以实现粗大误差的消除[12]㊂周期性系统误差采用基于工频谐波建模方法消除[13]㊂谐波建模原理是根据测量数据估计基频和每个谐波的幅度和相位,然后基于式(4)建立谐波噪声V harmonic 模型㊂但求解谐波参数是一个非线性的优化问题,可通过先搜索谐波基频,再求解幅值和相位的方法进行简化㊂搜索基频可采用均匀搜索或迭代搜索[14]方法㊂在使用工频建模方法前,首先要设置其谐波类型(单基频或双基频的工频谐波)㊂其次,选择目标信号的基频为50/60/16Hz㊂在设置完成后,运行( Run”)得到误差消减后结果如图4中蓝色曲线所示,可以看出粗大误差和系统误差均得到了较好的抑制,仅剩余少量随机误差㊂这是由于随机误差大小和方向都不固定,难以校正或采取某种技术措施的办法消除,只能通过多次叠加取平均方式减小㊂3.3 最小二乘拟合及不确定度计算实验由于MRS 信号的初始振幅和弛豫时间分别和地下含水层的含水量和孔隙度直接相关,初始相位和图5 最小二乘拟合及不确定度计算模块Fig.5 Least squares fitting and uncertainty calculation module拉莫尔频率分别和地下电阻率和地磁场直接相关,因此准确提取MRS 的上述4个参数具有重要意义㊂为加深对最小二乘法㊁回归分析理解,掌握不确定度计算方法,笔者设计了最小二乘拟合及不确定度计算模块,如图5所示㊂该模块可以选择非线性拟合,似然估计+马尔科夫链蒙特卡洛(MCMC:Markov Chain Monte Carlo)或总体最小二乘实现FID 参数估计[14⁃15]㊂文中以非线性拟合方法为例,初始振幅㊁弛豫时间㊁频率差和相位分别设置为50nV,0.1s,0Hz 和-180°;初始相位的最大和最小值为1000nV 和0,弛豫时间的最大和最小值为1s 和0.01s,频率偏量的最大值和最小值为2Hz 和-2Hz,初始相位的最大和最小值为180°和-180°㊂利用最小二乘精度估计方法得到其不确定度,磁共振信号经过包络检测后得到两个正交分量:x =e 0e -t /T *2cos(2πd f t +φ),(6)y =e 0e -t /T *2sin(2πd f t +φ),(7)其中d f =f T -f L 为频率偏差㊂首先将非线性表达式转换为线性表达式E =log(x 2+y 2)=log(e 0)-t /T *2,(8)F =arctan(y /x )=2πd f t +φ,(9) 利用线性最小二乘方法求解式(8)㊂对式(9)整理成矩阵形式Ax =b ,得到x 1和x 2,则e 0=e x 1,T *2=-1/x 2㊂为计算不确定度,对x 1和x 2进行精度估计㊂首先,测试数据的精度估计为σb =∑n i =1v 2i /(n -2),(10)379第6期刁庶,等:误差理论与数据处理课程综合性实验平台设计其中v∈V=Ax-b㊂通过计算C-1=(A T A)-1=d11d12d21déëêêùûúú22,得到σx1=d11σb和σx1=d22σb㊂再根据误差合成得到σe0=∂f∂x1σx1=e x1σx1和σT*2=∂f∂x2σx2=1T22σx2㊂同理,利用最小二乘方法求解式(4),只需修改b=[F1F1 F n],得到x1=φ,x2=2πd f㊂因此,φ=x1,d f=x2/2π㊂计算φ和d f的不确定度为σφ=∂f∂x1σx1=σx1和σd f=∂f∂x2σx2=12πσx2㊂拟合结果见图5中 Parameter estimation”模块(第1行),同时得到了参数的拟合结果和最大值㊁最小值㊂4 结 语笔者基于Matlab APP Designer,设计并实现了误差理论与数据处理课的综合性实验平台㊂该实验平台设置了误差基本性质与处理方法和最小二乘拟合及不确定度计算两大实验模块㊂通过结合实际工程中的地面磁共振测量数据,有助于学生加深随机误差㊁系统误差和粗大误差的理解,掌握最小二乘法和不确定度的计算方法㊂该实验平台不仅满足日常实验教学需求,启发学生思考和解决测量精度等科研问题的能力,同时为进一步的虚拟仿真实验课程建设奠定基础㊂参考文献:[1]费业泰.误差理论与数据处理[M].第6版.北京:机械工业出版社,2010.FEI Y T.Error Theory and Data Processing[M].Sixth Edition.Beijing:Machinery Industry Press,2010.[2]罗清华,焉晓贞,彭宇,等. 误差理论与数据处理”课程研究型教学探索[J].电气电子教学学报,2016,38(3):55⁃57.LUO Q H,YAN X Z,PENG Y,et al.The Research⁃Based Teaching Explore of Error Theory and Data Processing”Course [J].Journal of EEE,2016,38(3):55⁃57.[3]徐志玲,赵玉晓,金骥,等. 误差理论与数据处理”立体化课程设计与实践[J].实验室研究与探索,2014,33(11): 191⁃194.XU Z L,ZHAO Y X,JIN J,et al.A Stereo Design for the Course of Error Theory and Data Processing”[J].Research and Exploration in Laboratory,2014,33(11):191⁃194.[4]绳飘,张振华,闫勇刚,等.科教结合的 误差理论与数据处理”实验教学设计[J].实验技术与管理,2018,35(7): 213⁃216.SHENG P,ZHANG Z H,YAN Y G,et al.Teaching Design on Experiment of Error Theory and Data Processing”with Combination of Scientific Research and Teaching[J].Experimental Technology and Management,2018,35(7):213⁃216.[5]孙鹏,冯新宇,王蕴恒,等.误差理论与数据处理课程教学改革与实践[J].实践探索,2017(7/8):68⁃69. SUN P,FENG X Y,WANG Y H,et al.Teaching Reform and Practice of Error Theory and Data Processing Course[J]. Shijian Tansuo,2017(7/8):68⁃69.[6]田宝凤,蒋川东,易晓峰,等. 误差理论与数据分析”在卓越工程师培养计划下的教学改革研究[J].教育现代化, 2018,5(30):29⁃30,34.TIAN B F,JIANG C D,YI X F,et al.Research on Teaching Reform of Error Theory and Data Analysis”under the Excellent Engineer Training Plan[J].Education Modernization,2018,5(30):29⁃30,34.[7]林君,蒋川东,段清明,等.复杂条件下地下水磁共振探测与灾害水源探查研究进展[J].吉林大学学报(地球科学版),2012,42(5):1560⁃1570.LIN J,JIANG C D,DUAN Q M,et al.The Situation and Process of Magnetic Resonance Sounding for Groundwater Investigations and Underground Application[J].Journal of Jilin University(Earth Science Edition),2012,42(5): 1560⁃1570.[8]田宝凤,朱慧,易晓峰,等.基于谐波建模和自相关的磁共振信号消噪与提取方法研究[J].地球物理学报,2018,61 (2):767⁃780.TIAN B F,ZHU H,YI X F,et al.Denoising and Extraction Method of Magnetic Resonance Sounding Signal Based on 479吉林大学学报(信息科学版)第41卷Adaptive Harmonic Modeling and Autocorrelation [J].Chinese Journal of Geophysics,2018,61(2):767⁃780.[9]LARSEN JAKOB JUUL,BEHROOZMAND AHMAD.Processing of Surface⁃Nuclear Magnetic Resonance Data from Sites withHigh Noise Levels [J].Geophysics,2016,81(4):75⁃83.[10]LARSEN JAKOB JUUL,DALGAARD ESBEN,AUKEN ESBEN.Noise Cancelling of MRS Signals Combining Model⁃Based Removal of Powerline Harmonics and Multichannel Wiener Filtering [J ].Geophysical Journal International,2013(2):828⁃836.[11]万玲,张扬,林君,等.基于能量运算的磁共振信号尖峰噪声抑制方法[J].地球物理学报,2016,59(6):2290⁃2301.WAN L,ZHANG Y,LIN J,et al.Spikes Removal of Magnetic Resonance Sounding Data Based on Energy Calculation [J].Chinese Journal of Geophysics,2016,59(6):2290⁃2301.[12]JIANG C D,LIN J,DUAN Q M,et al.Statistical Stacking and Adaptive Notch Filter to Remove High⁃Level ElectromagneticNoise from MRS Measurements [J].Near Surface Geophysics,2011,9(5):459⁃468.[13]MÜLLER⁃PETKEMIKE,BRAUN MARTINA,HERTRICH MARIAN,et al.MRSmatlab A Software Tool for Processing,Modeling,and Inversion of Magnetic Resonance Sounding Data [J].Geophysics,2016,81(4):9⁃21.[14]LEGCHENKO ANATOLY,VALLA PIERRE.Processing of Surface Proton Magnetic Resonance Signals Using Non⁃LinearFitting [J].Journal of Applied Geophysics,1998,39(2):77⁃83.[15]蒋川东,常星,孙佳,等.基于L 1范数的低场核磁共振T_2谱稀疏反演方法[J].物理学报,2017,66(4):239⁃250.JIANG C D,CHANG X,SUN J,et al.Sparse Inversion Method of T2Spectrum Based on the L 1Norm for Low⁃Field Nuclear Magnetic Resonance [J].Acta Physica Sinica,2017,66(4):239⁃250.(责任编辑:刘东亮)579第6期刁庶,等:误差理论与数据处理课程综合性实验平台设计。
《Web前端开发技术》课程标准
《Web前端开发技术》课程标准一、课程定位《Web前端开发技术》本课程是计算机软件技术专业、计算机网络技术专业的一门专业必修课，本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过多个项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。
充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
二、课程目标通过本课程学习掌握VUE的知识体系，模板语法、组件、过渡动画、生命周期等基础内容。
掌握VUE基本概念、VUE实例、VUE模板语法、VUE生命周期、VUE组件及组件间通信、VUE过渡与动画；掌握VUE-CLI脚手架、脚手架配置、APP路由、单页面APP创建、APP组件开发、VUE-CLI组件间传参、VUE-CLI插槽、组件切换过渡动画、编译打包处理。
培养学生web前端开发能力。
同时，通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、创新的精神，培养良好的职业道德，为学生学习动态网站开发相关课程提供知识和技术支持。
通过项目的实现，让学生具备良好的综合素质和职业道德，能够吃苦耐劳、爱岗敬业、团结合作。
1．知识目标（1）理解Vue编程理念与直接操作Dom的差异（2）Vue常用的基础语法（3）理解MVVM设计模式（4）掌握Vue的组件和实例（5）掌握前端组件化，全局样式与局部样式（6）掌握父子组件传值与组件参数校验（7）熟悉Vue 中的动画特效（8）理解Vue中的CSS动画原理2．能力目标（1）具备Vue常用的基础语法应用能力（2）具备使用Vue编写TodoList功能的能力（3）具备插槽的使用，动态组件的应用能力（4）具备Vue-cli脚手架工具的使用的能力（5）具备组件化思维修改TodoList的能力（6）具备Vue中使用animate.css库的能力（7）具备Vue中同时使用过渡与动画效果能力（8）具备Vue中使用Velocity.js库的能力（9）具备Vue中动画的封装能力3．素质目标具有社会主义和共产主义的理想信念具有改革开放的意识和强烈的竞争意识具有良好的行为规范和社会公德以及较强的法制观念具有良好的职业道德和质量服务意识具有不断学习、不断创新的进取精神具有团队协作精神和较强的协调能力及独立工作的能力具有健康的体魄和良好的心理素质能吃苦耐劳、爱岗敬业三、课程设计1．设计思想以校企合作为切入点，以培养职业能力为核心，以项目教学为主要手段，积极探索教学方法与成绩评价方法的创新，保证课程目标的实现。
《动画设计与制作》课程标准
《动画设计与制作》课程标准课程代码：14031180 建议课时数：68 学分：4适用专业：计算机应用技术先修课程：《计算机应用基础》后续课程：《网页美工》、《网页设计与制作》一、前言1.课程的性质该课程是江苏省五年制高职计算机网络技术专业的一门专业方向课程。
其任务是：让学生熟练掌握Flash动画制作技术，培养学生平面动画设计创意的思维和技巧，使学生不仅具有平面动画基本设计能力和高级制作能力，还具有良好的语言和文字表达能力，并养成诚信、刻苦、善于沟通和团队合作的职业素质，成为符合网站开发、广告设计、电子杂志制作、游戏开发等社会岗位需求的高级平面动画制作职业技术人才。
2.设计思路该课程是依据高级平面动画制作工作领域和工作任务设置的。
其总体设计思路是，打破以知识传授为主要特征的传统学科课程模式，转变为以工作任务为中心组织课程内容，并让学生在完成具体项目的过程中学会完成相应工作任务，并构建相关理论知识，发展职业能力。
课程内容突出对学生职业能力的训练，理论知识的选取紧紧围绕工作任务完成的需要来进行，同时又充分考虑了高等职业教育对理论知识学习的需要，并融合了相关职业资格证书对知识、技能和态度的要求。
项目设计以当前高级平面动画制作时典型的实际工作任务为线索来进行。
教学过程中，要通过校企合作，校内实训基地建设等多种途径，采取工学结合等形式，充分开发学习资源，给学生提供丰富的实践机会。
教学效果评价采取过程评价与结果评价相结合的方式，通过理论与实践相结合，重点评价学生的职业能力。
依据各学习项目的内容总量以及在该门课程中的地位分配各学习项目的学时数。
二、课程目标（一）总体目标：通过本课程的学习，学生能灵活运用Flash软件进行作品创作，从而达到专业学习的要求和满足市场与社会发展的需求。
（二）具体目标：1.知识目标（1）能说出Flash动画的工作原理与特点，了解其应用范围与发展趋势；（2）熟悉Flash CS3的工作界面，能说出各种面板的功能和使用方法；（3）能描述出逐帧动画、形状补间动画、动作补间动画的制作要点；（4）能描述出三大元件的制作原理、功能与特点；（5）能描述出滤镜与时间轴特效动画、引导线动画、遮罩动画的制作要点；（6）能写出常用的ActionScript2.0语言的格式、语法要求以及函数功能；（7）能描述出鼠标交互动画的工作原理以及构成；（8）能描述出组件的功能及相应参数设置；（9）能写出常用的ActionScript3.0语言的格式、语法要求以及函数功能。
教程8
CheckBox。 Selected：将复选框的初始值设为选中（true） 或取消选中（false）。 LabelPlacement：确定复选框上标签文本的方向， 该参数可以是下列4个值之一：left、right、top 或 bottom，默认值是right。
8.2.3 UI组件详解
步进器NumericStepper组件 NumericStepper组件允许用户逐个通过一 组经过排序的数字。 该组件由显示在上下箭头按钮旁边的数字 组成。 当单击上下箭头按钮时，数字将根据 stepSize参数的值增大或减小，直到松开鼠 标按钮或达到最大/最小值为止。
8.1.1 动态文本
常用指令 （3）TextField.removeTextField()指令 作用：删除由createTextField创建的文本字 段。 语法：my_txt.removeTextField() 例如：textBox.removeTextField();//删除 textBox文本
8.2.3 UI组件详解
标签组件
一个标签组件就是一行文本。 可以指定一个标签采用Html格式。
也可以控制标签的对齐和大小。
Label组件没有边框，不能具有焦点，并且
不广播任何事件。 在应用程序中，经常使用一个Label组件为 另一个组件创建文本标签。
8.2.3 UI组件详解
标签组件
来实现。
在删除组件实例时，除了将场景上的组件
实例删除外，还要打开【库】面板，将其 中的编译剪辑也删除掉。
8.2.2 用动作脚本控制组件
控制组件 用Action对组件进一步编程控制的方法：
使用on()处理函数 使用一个调度程序/侦听器事件模型
电脑入门教程 第8课
删除Windows XP组件中的游戏。
电脑基础实例上机系列丛书
清华大学出版社
电脑入门教程
8.4.2 添加“扫雷”程序到“开始”菜
单中
删除后的Windows组件，用户可以再将其添 加到“开始”菜单中，方法是当打开如图822所示对话框后，在列表框中单击“扫雷” 前的 复选框，使其变成标记，然后单击 按钮，当回到如图8-20所示对话框中后单击 按钮 ，系统开始安装“游戏”组件中 的“扫雷”程序，完成后单击 按钮关 闭对话框即可。
“屏幕保护程序”下拉列表框 按钮 按钮 “等待”数值框 按钮. 复选框。
电脑基础实例上机系列丛书
清华大学出版社
电脑入门教程
电脑基础实例上机系列丛书
清华大学出版社
电脑入门教程
8.3 设置任务栏和“开始”菜单
“外观和主题”窗口中单击 链接，将打开 “任务栏和「开始」菜 单属性”对话框，在该对话框中可进行 任务栏和“开始”菜单的相关设置，下 面分别进行介绍。
电脑基础实例上机系列丛书 清华大学出版社
电脑入门教程
本章要点
设置桌面外观 设置任务栏和“开始”菜单 添加或删除Windows XP的组件 设置鼠标属性 查看系统信息 设置用户账户
电脑基础实例上机系列丛书 清华大学出版社
电脑入门教程
8.1 认识控制面板
控制面板其实是一个特殊的文件夹，里 面包含了不同的设置工具。用户可以通 过控制面板对Windows XP系统进行设 置。
电脑基础实例上机系列丛书
清华大学出版社
电脑入门教程
2.
单选项
当选中该单选项后，“开始”菜单将变成 Windows 2000以前版本的样式。单击按钮， 将打开“自定义经典「开始」菜单”对话框。 下面对该对话框中的选项进行讲解。 “自定义经典「开始」菜单”对话框 “「开始」菜单”栏 “高级「开始」菜单选项”列表框
8第八章GUI
《JAVA程序设计》课程
8.1组件
8.1.1 项目(8-1)描述 请设计出如下登录窗口，如图8-1所示。
图8-1 登录窗口
《JAVA程序设计》课程
8.1组件
8.1.2 项目知识准备 （1）AWT 图形用户界面（Graphics User Interface,GUI）就是为应用程序提供一个图形化界面，方便用户和用户程序实 现友好交互的一个桥梁。常用的GUI图形界面开发工具分为以下两种： AWT（Abstract Window ToolKit,抽象窗口工具包）。AWT依赖具体的平台来构件图形用户界面的外观，所以使 用AWT编制的程序中在不同的平台上运行，会出现不同的运行效果。AWT工具包javax.awt，包括对话框，按钮， 复选框，列表，菜单，滚动条和文本域，高级窗口，可视控件如文本框和下压按钮，以及在屏幕上绘制图象的 简单元素有相似的功能。组件类，是所有图形界面元素的超类。图8-1表示组件的分层结构.
《Java 程序设计》课程 第八章 GUI
主讲人： 谢先伟
2017年3月
Java程序设计
汇报提纲
1、GUI顶层容器 2、GUI常用组件 3、GUI常用布局 4、GUI事件处理模型、监听机制和常用事件
《JAVA程序设计》课程
学习目标
1、了解AWT、Swing包的相关概念； 2、理解组件的概念，掌握对常用组件的使用； 3、理解容器的概念，掌握对常用容器的使用； 4、理解组建布局管理的概念，掌握对常用布局的使用 5、理解事件处理过程，掌握对事件处理过程的使用；
《JAVA程序设计》课程
8.1组件
表8-2 JFrame的方法及方法说明
方法
方法说明
Component配置参数详解
})
2.组件的生命周期函数
Component({ lifetimes: { // 在组件实例刚刚被创建时执行，注意setData不能被调用，所以不适合用来获取数据 created () { console.log('实例刚刚被创建完毕') }, // 在组件实例进入页面节点树时执行，可以用来获取数据 attached () { console.log('页面渲染之前调用') }, // 页面初次渲染完毕调用
Component({
behaviors: [classicBeh],
lifetimes: {
created () {
// 可以拿到公共混入的数据
console.log(this.data.msg) } } })
} })
4.监听器的使用
// 监听数据的变化，可以监视 setData改变数据就会触发监视器 Component({
data: { count: 0, name: '小美'
}, observers: {
count (val) {
console.log(val) },
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
获取组件以及设置组件属性(8)
上一节我们讲到了如何在.xml文件里配置我们的界面，这里说的界面，说白了就是我们的Activity，但res/layout下的.xml 文件仅限于配置我们的Activity上界面，如果想要让Activity有具体的功能，就需要我们在这个布局文件相对应的.java 文件里写java代码实现了。
----------------------------
设置组件id
刚开始先纠正一下，Activity上的TextView(文本显示)、EditText(文本输入框)、Button(按钮).....等等我们通常应该称他们叫“组件”，而在Windows窗体程序里按钮输入框什么的通常才叫“控件”，这只是个称呼而已，无所谓，大家能理解就好，以后我们改称它们叫组件。
大家通过前面几节的学习，对android程序也有了一定了解，细心的人会发现，我们写出来的程序是非常非常简单的，用一句话来形容就是“不会动的”，那要怎么才能让它们动起来呢？这需要我们在.java源码编写代码完成。
这里还是以之前的HellowWorld为例子，打开其中的newone.xml和NewActivity.java（最先启动的那一个Activity的.xml和.java）. 写代码之前我们先要思考一个问题，假使现在Activity上的各种组件好比一支军队，我们要怎么才能指挥这支军队呢？有人会说，我们先要知道士兵的名字，比如T extView(文本显示)、EditText(文本输入框)、Button(按钮)....这些。
但是，一个Activity上可以有很多个TextView，所以TextView(文本显示)、EditText(文本输入框)、Button(按钮)....这些只能说是士兵们的“兵种”，而不是具体到某一个士兵的“名字”，每个组件都得有一个专有的名字，这个名字叫做组件的“id”。
很遗憾的是我们之前配置的那些组件还没有配置id，所以我们现在一起来配置一下。
组件的id是组件的一个属性，我们上节有讲到组件的属性是在.xml文件里进行布局的时候就可以设置的，还有印象吗？id属性配置的语法如下：android:id="@+id/id名字"
现在我们在newone.xml配置两个TextView(文本显示)，并分别给他们加上id。
比如第一个T extView的id设置为name，我们加上这样一句：android:id="@+id/name"，配置好了代码如下图：
OK，id就设置完了，运行起来你们应该会看到两行文字:“这是组件1”、“这是组件2”。
----------------------------
获取Activity上的组件，并动态改变属性
设置好了id，我们回到NewActivity.java正式开始写java代码（值得提醒的，之前我们很多地方多是复制粘贴的，所以没有说，写代码的标点符号要用英文符号，当然双引号的里的字符串可以有中文的地方才可以写中文标点，如果不小心把标点用错了的地方会报错的）。
代码从setContentView(yout.newone);的下一行开始写，首先，我们要根据第一个TextView组件的id来获取组件，获取组件的代码:
TextView text = (TextView)super.findViewById();
这句代码3个地方坐下解释：
TextView :
.这是我们要获取组件的类型，这里我们要获取的是TextView ，如果要获取EditText就行EditText，获取Button就写Button...
text
.紧随TextView 后面的这text是我们为获取到的控件取的名字（就这样理解吧），你也可以取其他，记得要用英文。
等下我们要操作哪个组件，就操作哪个组件获取时候取的这个名字~
.R.id.xxx，这个xxx就是我们在.xml里给组件的设置的id名，“这是组件1“那句话我给设置的id是name，这里的xxx 就写name。
.
ok，获取到了组件，我们在写一句代码来改变一下这个组件的某个属性的值:
text.setText("好个飞飞");
通过上面这句代码test组件的文本值改为”好个飞飞“（原本是"这是组件1",等下运行再看）。
解释下set和get：set的意思一般为"设置"，get的意思一般为"获取"，"xxx.setYYY(zzzz);"的意思就是把xxx组件的YYY属性的值设置为zzzz。
"xxx.getYYY();"的意思就是获取xxx组件的YYY属性的值，比如文本框中输入的值获取。
这里的YYY是指控件的属性，和.xml里的android:YYY=""里的YYY是相通的，只是在java代码里属性名首字母要大写，当然组件有很多属性没有在.xml里写的我们一样可以在java代码里进行设置。
代码写好了如下：
OK，运行一下看效果：
我们可以看到，原本应该显示的"这是组件1”，变成了"好个飞飞"，这我们在java代码了获取组件，并修改了它的文本属性值的原因~由于我们没有设置事件让手机程序与我们进行交互，只是让程序在一运行起来的时就通过代码改变了它的值。
等我们以后学习了事件，我们就可以通过按钮点击动态改变组件的值，那样会看起来更生动吧。
好，这节课就上这样。
-----------------------
课后练习：
上节课我们就说到不同组件有很多属性值的，本节课中的例子，只是设置了Text（文本属性），你也可以试试修改T extSize （文字大小）等等在.xml有的东西，更多属性在我给你们的资料里有提到。
提示：android:yy="zz"--->"xx组件.setYy("zzz");"。