可视化编程的概念与方法--

1 / 21 可视化编程的概念与方法 - 莲 山课件 m#TRS_AUToADD_1238374488995mARGIN-ToP:0px;mARGIN-BoTTom:0px#TRS_AUToADD_1238374488995PmARGIN-ToP:0px;mARGIN-BoTTom:0px#TRS_AUToADD_1238374488995TDmARGIN-ToP:0px;mARGIN-BoTTom:0px#TRS_AUToADD_1238374488995DIVmARGIN-ToP:0px;mARGIN-BoTTom:0px#TRS_AUToADD_1238374488995LImARGIN-ToP:0px;mARGIN-BoTTom:0px/*-jSoN-:margin-top:0,margin-bottom:0,p:margin-top:0,margin-bottom:0,td:margin-top:0,margin-bottom:0,div:margin-top:0,margin-bottom:0,li:margin-top:0,margin-bottom:0-*/ 【导读】 在 VB 教学过程中，教师往往为了传授知识而设计一些与学生生活实际脱离的任务，学生普遍反应对所学的内容不感兴趣，学习热情不高。本课的教学任务精心设计，由学生的学习生活中提炼出来，大大激发了学生的学习欲望。本课在培养学生的学习兴趣有所突破。 【教材内容分析】 2 / 21 本课使用的教材是广东教育出版社出版的算法与程序设计信息技术（选修 1）。 本节内容为该书的第三章第一节课，但在实际教学过程中将其调整为第二章第一节课。主要内容 是对可视化编程中的对象、属性、方法事件等概念的讲解。在学习了这些概念后学生在上课时不仅知道了这些专业术语，同时也能掌握代码的书写位置和书写格式。为后面的教学奠定坚实的基础。 【学生情况分析】 本课教学对象为高一学生。经过第一章的学习，学生已经熟悉 VisualBasic6 0 的环境界面，对代码的书写有简单认识。另外高一学生具有思维活跃、想象力丰富、学习欲望强的学习特点， 【教学设计思路】 依据新课标中提出 “ 强调问题解决，倡 导运用信息技术进行创新实践活动 ” 的理念。以学生为主体，结合高中学生的生活和学习实际设计问题，让学生在感受与体验的过程中3 / 21 构建知识结构，掌握程序设计中的概念，并将所学的知识积极地应用到解决学习、生活等实际问题中。 【教学方法】 任务驱动、演示法、讲解法。 【教学资源】 教学演示文稿（ PPT）、记事本小程序（ EXE）和源代码 【教学目标】 一、知识与技能目标 1能够结合日常生活中的具体事例分析说出它的属性、方法、事件，从而加深对属性、方法、事件概念和关系的理解。 2能够利用控件工具在窗体上创建命令按钮、文本框等对象，并学会通过属性窗口修改对象的 caption、 Text属性值。 4 / 21 3能够正确书写鼠标单击事件过程的程序代码（书写位置和书写格式）。 二、过程与方法 1通过教师以生活中的手机为例进行讲解，明白对象、属性、方法、事件的概念。 2通过制作简单记 事本小程序，体会 VB中对象、属性、方法、事件之间的关系。 三、情感态度与价值观 1由日常生活中的具体实例的讲解引出计算机中的概念，形成运用已有知识领悟新知识的习惯。 2通过制作简单记事本实例，体验编程带来的成就感，激发学生学习 VB 编程的兴趣。 【教学重点】 5 / 21 1对象、属性、方法、事件等概念。 2属性、方法代码的语法格式和书写方法。 【教学难点】 对象、属性、方法、事件概念之间的关系。 【教学过程设计】 环节一引入环节 教师：同学们都用过 word软件进行文字编辑， word软件具有很强大的编辑功能。比如，点击加粗命令按钮，文字就加粗了，点击倾斜命令按钮，文字就变倾斜了。本节课的任务就是和老师一起编写一个记事本小程序。 教师：这是我用 VB 编写的一个小程序，请看大屏幕。如果单击这个命令按钮（显示文字为 B 的命令按钮）文本框中的文字会加粗。如果单击这个命令 按钮（显示文字为 I 的命令按钮）文本框中的文字会 （让学生自己说） 6 / 21 学生：文字变倾斜（同学表现出很新奇的样子） 教师：单击这个命令按钮（显示文字为颜色的命令按钮）可以改变文字的颜色。在制作之前，大家先来学习几个概念。 环节二讲解对象的属性、方法、事件概念 教师：在现实生活中把这种看得见摸得着的物体叫做什么？（教师同时指着黑板，课桌椅） 学生：实物 物体 东西 （学生列举 了很多种称呼） 教师：我们也可以把它们称之为对象。对象是人们要进行研究的任何事物，从最简单的整数到复杂的物体均可看作对象，它不仅能表示具体的事物，还能表示抽象的规则、计划或事件等等。（写板书：对像 研究的事物） 教师：这个手机（两款手机之一）是不是一个对象？ 7 / 21 学生：是。 教师：这个手机（另一款式的手机）也是一个对象。尽管都是对象，我们还是可以区分它们，请大家仔细观察一下这两个对象，从外观上描述一下这两个对象有什么不同？ 学生：手机的颜色不同，样式不同一个翻盖的另一个是直板的，品牌也不同 。（写板书：颜色、样式、品牌 ） 教师：手机的颜色、样式、品牌等等这些被称之为对象的属性。换句话说也就是它的性质。（写板书：属性 性质） 教师：在购买手机的时，不仅关注它的外观，还会关心手机的 （让学生接着往下说） 学生：功能 教师：这个手机都有什么功能？ 学生：发短信、接电话、打电话、拍照 （写板 书：发短息、接打电话、拍照 ） 8 / 21 教师：把对象具有的功能被称之为对象的方法。（写板书：方法 功能） 教师：（演示）如果我用这个手机给它（另一款手机）打电话，它会有什么反应？（教师现场操作，其中一手机响铃了） 学生：手机铃响了。 教师：它为什么响铃了？因为有电话打入了。还可以这样描述：手机在来电这件事情的刺激，做出了响铃的反应。把对象受到的外部给它的刺激称之为对象的事件。（写板书：事件 刺激） 教 师：举个例子，（从背后轻拍了某位同学的肩膀，同学回头看了我一眼）在他被拍了回头看了我一眼这个过程中，谁受到了刺激谁作出了反应？ 学生：张扬（学生名）受到了刺激，张扬作出了反应。 教师：刚才的这两个例子都是同一个对象受到刺激作出9 / 21 反应。再举一个例子，开关被按下去了，灯亮了。不考虑开关和灯之间的联系，从表面上看谁受到了刺激，谁作出了反应。（举这个例子是为了帮助学生理解后面的鼠标单击按钮，文本框中的文字发生改变过程中，事件作用在哪个对象上，哪个对象做出反应） 学生：手 灯 开关（学会回答不准确） 教师：从刚才的现象分析，我们看到的效果是灯亮了。如果开关不被按下去灯是不会亮的，灯亮了只是一个结果。所以在刚才这个过程中应该是开关受到了刺激，灯做出了反应。（空几秒钟给学生思考） 通过对这两个例子的分析，可以归纳出：可以同一个对象受到刺激作出反应；还有可能是一个对象受到刺激，另一个对象作出反应，但是两个对象之间有关联的。例如，开关和灯之间就是有电线连接的。 环节三结合小程序理解概念 教师：刚才结合生活中的例子对对象、属性、方法、事件的概念有了一定的了解，下面结合本节课任务进一步学习10 / 21 这些概念在 VB中是如何体现的。请把 VisualBasic 打开。 打开 VB 以后，首先看到这个灰色窗体就是一个对象。除了窗体对象外，还可以利用左侧的工具箱中的工具创建新的对象。结合今天的任务，我们还需要创建一个文本框对象和三个命令按钮对象。 教师：首先选中控件工具箱中的工具，然后将指针放到窗体上，会发现指针变成了十字形，按住鼠标左键 不要松手拖动鼠标，就创建了相应的对象。请大家按照此方法，依次在窗体中创建所需要的四个对象。 学生：（按照教师说的方法完成四个对象的创建） 教师：对象是有属性的，我们可以通过右下角的属性窗口来修改对象的属性值。 教师：目前一共有五个对象。而属性窗口只有一个，属性窗口究竟从属于哪个对象？ 11 / 21 教师：在 VB 中遵循这样一个原则，要修改哪个对象的属性值就先选中这个对象，属性窗口就会对应的显示选中对象的属性。命令按钮上一般都有一些文字， 对使用者有提示作用，可以通过修改命令按钮的 caption 属性值来修改命令按钮上面显示的文字。 学生：（学生修改三个命令按钮的 caption 属性值，做的快的同学尝试修改文本框中显示的内容） 教师：（小结）可以通过修改文本框的 text属性值来修改文本框显示的文字。 教师：（运行程序发现不能达到想要效果）需要添加代码后才能达到预想的效果。进入代码编辑状态。分析任务，我们的愿望是单击这个命令按钮（显示文字为 B 的命令按钮），文本框中的文字就变粗体了。这个命令按钮叫什么？ 学生： B、 B 按钮（此时，学生还不知道对象的名称）。 教师：这个命令按钮是叫 B 吗？在 VB 中每个对象都有自己的名称。怎样知道每个对象的名称呢？首先要选中这个命令按钮， 属性后面的值就是它的名字。这个12 / 21 命令按钮的名称是 command1。牢记每个对象的名称，对编写代码是非常重要的，现在我们来看下每个对象的名称都是什么。 学生：（和老师一起逐一查看每个对象的名称并牢记对象的名 称） 教师：我们的愿望是单击 command1 命令按钮后文本框中的文字就变粗体了。在这个过程中，谁受到了的刺激，谁做出了的反应？（这样问的目的是使学生跟前面的问题相联系） 学生： command1 受到了刺激， text1做出了反应。 教师： command1 受到了怎样的刺激， text1做出了怎样的反应？ 学生： command11 被鼠标单击了， text1 中的文字变粗了。 教师：这个过程如何通过代码来实现？首先 在通用菜单下找到 command1。在英文中表示 “ 单击 ” 的单词是 click。13 / 21 然后在声明菜单中找到 click事件，在这里默认的就是 click事件。 Text1 中的文字做出了加粗的反应，通过修改 Text1的一个属性值实现文字变粗的效果。对象的 (重音强调 )属性， “ 的 ” 我们用 “ ” 来代替。在英文中 “ 字体 ” 的单词是 Font， “ 加粗 ” 单词是 Bold合在一起就是 FontBold。现在明白为什么在 word 中为什么用 B 来表示文字加粗了吧，表示文字倾斜的是那个属性？ (同时在教师机上写代码，当按下 “ ” 后悬浮菜单展开 ) 学生： FontItalic（学生可能不清楚表示倾斜的单词，但是知道 Word 软件中 I 按钮来控制文字是否倾斜，所以对照着悬浮菜单学生知道是 FontItalic 属性） 教师：现在体现出学习英语的重要性了。代码写完整Text1 FontBold=True。请分别完成 command1_click 事件过程代码和 command2_click 事件过程代码。 学生：（积极地编写代码，很快就有人写完了，写的快的同学尝试写 command3 的 click事 件过程代码但未成功） 14 / 21 学生甲：（在讲台前展示自己写的代码，并讲解） 教师：学生甲做的非常好，看来这两个按钮的事件过程代码大家都会写了。巡视中发现很多同学都在尝试写command3_click 事件过程的代码了，要想实现打开颜色对话框改变字体颜色的效果目前拥有的五个对象都不具备这个功能，换句话说这五个对象都不具备打开颜色对话框的方法，要实现弹出颜色对话框还需要添加另外一个对象。 教师：首先找到 microsoftcommonDialogcontrol6 0控件，在控件工具箱上单击鼠标右键在弹出的对话框中选择“ 部件 ” ， 接 着 在 弹 出 的 窗 口 中 选 择“microsoftcommonDialogcontrol6 0” 。单击确定，完成控件的添加。第二，在控件工具箱中选中该控件，在窗体上创建新的对象 commonDialog1 。 学生：（跟着教师的讲解，一步步完成操作） 教师：利用 commonDialoge1 的 showcolor 方法来打开颜色对话框，代码如何书写呢？同样用 “ ” 来连接对象名和方法名。 commonDialog1 Showcolor。 15 / 21 学 生 ：（ 按 照 教 师 的 讲 解 添 加 代 码commdialog1 Showcolor，并观察运行结果，发现虽然颜色对话框可以打开，但是文本框中的文字却不改变颜色） 教师：大家在运行程序后发现文字的颜色并没有改变，为什么呢？ commonDialog1 的 Showcolor 方法只是实现了打开颜色对话框，而要想 Text1中文字颜色的改变，还需要修改 Text1的 Forecolor 属性值。代码如下： commonDialog1 Showcolor Text1 Forecolor=commonDialog1 color 学生：（按照讲解完成代码编写，并运行程序查看是否正确，完成快的同学帮助未完成的同学） 教师总结（幻灯片）： 1对象。 在 VB 中除了窗体对象外，还可以通过控件工具箱创建新的对象。 16 / 21 2属性。 今天这节课上我们学习了两种修改属性值的方法。 可以在属性窗口中 修改对象的属性值 可以在编写代码后程序运行时修改属性值。格式为：对象名属性名 =属性值（） 3事件。一般就是指鼠标或键盘等事件，可以在过程的下拉命令按钮中找到。格式为：对象名 _事件名 4方法。指对象所具有的功能。语法格式为：对象名方法名 参数 5属性和方法的语法格式的区别。虽然属性名和方法名与对象名之间都用 “ ” 来连接，但属性名后面有 “ ” 。而方法名后面一般会有参数而没有 “ ” 。 环节四 细节完善（提高任务） 17 / 21 教师：巡视时有人问我， “ 为什么我们按钮上面显示的文字样式怎么和您的不一样呢？ ” 可是我看到咱们班安顿同学和我制作的样式是一样的，我们请安顿同学给大家讲讲他是怎么做的？ 安顿同学：除了需要修改命令按钮的 caption 属性外，我们还要修改命令按钮 Font属性的属性值。单击 Font属性右侧的按钮，在弹出的对话框中修改字体样式。 学生：（同学按照安顿的讲解，完善自己的小程序） 【课后反 思】 本节课紧紧围绕记事本小程序展开，以手机为例使学生对对象、属性、方式、事件等概念有了感性的认识，然后在进入到 VB的世界，进一步加深对这些概念的理解。 1兴趣是最好的老师 新课程的一个重要理念是改变以往课堂结构中单纯以18 / 21 教师的教为主，学生只是被动接受的教学格局，教学的关键是调动学生学习的积极性、主动性，主动的去学习、思考和探究。本节课中的任务大大调动了学生的积极性。本节课上一开始就给学生展示了一个记事本小程序，在展示完程序所具有的 “ 神奇 ” 功 能后，学生对此产生了浓厚的学习兴趣。由教学实践来看，本节课上学生表现出了很强的求知欲。写完 command1_click 和 command2_click 事件过程的代码后，学生积极主动的开始思考写下个过程代码如何书写，尤其是更改文本框字体颜色这部分代码，动作快的学生主动尝试代码的编写，并在课堂上就要求老师快点讲，快点讲。本节课上充分展现了学生的自主学习，由被动学习变为了主动学习。 2知识讲解也采用 “ 任务驱动 ” 本节课中对对象的 caption 属性和名称属性的讲解有了小小 的尝试。由于他们默认的属性值是相同的，为了将他们加以区别在以往的上课时我总是对比着讲这两个属性，结果事与愿违，学生反而将这两个属性混淆起来了。而这次我做了小小的改进：首先在界面设计时，我强调一般命令按钮上会显示一些提示性文字，我们可以通过修改他的 caption属性来修改这些提示性文字。对象的名称属性并没有马上讲19 / 21 解，而是在需要写代码时我才提问 “ 鼠标单击那个命令按钮 ” 学生一般会用命令按钮上显示的文字来称呼这个命令按钮，这时我紧紧的抓住他们的回答反