VB编程设计制作电子像册-——基于任务驱动教学法的教学设计案例.doc

VB编程设计制作电子像册
——基于任务驱动教学法的教学设计案例
【课时安排】1课时
【 年 级 】高一
【学习目标】
◆知识与技能：
1、了解图像框控件的作用及VB支持的图像文件格式；
2、学会在窗体设计状态设置图像框的Stretch和Picture属性；
3、熟练掌握Loadpicture函数的使用方法，理解App.path的作用;
4、学会在编写事件处理过程代码中设置图像框的属性。
◆过程与方法：
1、体会运用编程解决问题的基本思想，逐步培养学生利用编程解决实际问题的能力；
2、掌握对象属性设置的两种方法:属性窗口和编写代码, 形成从不同的角度思考问题、采用不同的手段解决问题的能力；
3、发展学生自主学习和协作学习计算机编程的能力。
◆情感态度与价值观：
1、培养学生严谨的学习态度和主动探究的意识；
2、感受程序设计的神奇魅力，认识程序设计的重要性，提高学习编程的兴趣，增强运用计算机编程解决问题的意识；
3、树立合作精神，增强交流意识。
【学习重点】
1、在窗体设计状态设置图像框的Stretch和Picture属性；
2、Loadpicture函数的使用；
3、编写事件处理过程代码设置图像框的属性。
【学习难点】
1、Loadpicture函数的灵活运用;
2、编写事件处理过程代码设置图像框的属性。
【学习平台】基于互联网的多媒体网络教室
【教学方法】探究式任务驱动教学法
【任务设计】
一、任务描述
任务一：在程序设计阶段，利用图像框控件显示一幅图片。
任务二：在编写事件处理过程代码中，使用loadpicture函数在图像框中装入图片。
二、任务要求
1、参考样例进行制作，图片可以自由选择；
2、将窗体的标题设为“制作电子像册”；
3、用Loadpicture函数装入图片时，可以分别使用绝对路径和相对路径来实现；
4、以小组为单位，自主协作完成上述两个任务。
三、评价参考
评价标准参考下表：
评价表
评 价 项目
评价标准
过程性评价
双基掌握情况
描述图像框控件的作用
准确

基本准确
不准确
列举VB支持的图片文件格式
完整
基本完整
不完整
设置图像框控件的Stretch和Picture属性
熟练
基本掌握
没有掌握
loadpicture函数的使用
熟练
基本掌握
没有掌握
App.path的作用
理解
基本理解
没有理解
编写代码设置图像框控件属性
熟练
基本掌握
没有掌握
过程体验情况
对象属性设置的两种方法
熟练
基本掌握
没有掌握
根据具体问题,选用恰当的方法设置对象属性
熟练
基本掌握
没有掌握
情感形成情况
参与小组讨论，增强自己的交流意识
积极
一般
不积极
终结性评价
基本要求
界面设计
美观实用
良好
一般
程序运行
正常
有错误代码，不能运行
创新情况
作品在哪些方面具有创造性（如代码编写、思路方法、界面设计、个性表现力等方面）

教师点评

（填表说明：同学们根据实际情况如实填写上表，在对应的选项后打√。）
【学习进程】
一、创设情境，引入任务
在我们的日常生活中，有很多制作电子像册的软件,利用它们可以做出各式各样的像册，今天我们就自己动手编写一个“制作电子像册”程序，尝试一下作为“软件制作者”的感觉。
教师在大屏幕上展示任务一：在窗体设计状态，利用图像框控件来显示一幅图片。
二、任务分析，确定思路
教师引导学生与前边所学的控件做比较：在窗体设计状态，通过设置标签控件的有关属性可以显示文字等提示信息，那么要显示图片，就需要一个新的控件：图像框IMAGE控件，同样可以通过设置它的一些属性来装入图片。
三、围绕任务组织学生自主与协作学习
◆学习准备（学习平台和资源）：
1、共享教师机上的“评价表”及图片；
2、在教师机上建立一完全共享的文件夹“程序”，来存放学生的程序；
3、学生将教师机上共享的图片及“评价表”复制到自己的文件夹中。
◆学习过程：
学生的学习过程
教师的指导过程
（一）学生在教师的引导下，以小组为单位，通过读书、讨论、实际动手操作， 自主协作完成任务一。

（二）学生演示，其他同学观看。
引入控件→设置其picture属性，出现问题，学生讨论。
（三）师生共同解决此问题，得出结论：
在窗体设计状态，引入了图像框控件之后，一定要记住设置其Stretch属性。当属性值为TRUE时，将自动放大或缩小图像框中的图像，以与图像框大小相适应。
（四）学生回答：图片装入到了窗体中。通过思考实践得出：在装入图片的时候，要注意选择对象。
（一）给出任务，教师来回巡视，注意发现典型问题：引入了图像框之后，没有将其Stretch属性设置为TRUE，导致图像框撑大，图像显示不完整。教师也可在适当的时机提出这个问题，以引起学生注意。
（二）让出现上述问题的同学上台演示，并解释Stretch属性和picture属性。

（三）教师引导学生解决问题

（四）教师提问：在制作的过程中大家还出现了什么问题？
（五）教师对本任务进行小结：
1、观察、体会图像框控件的作用，了解VB支持的图像文件格式；
2、理解图像框的Stretch属性、Picture属性值不同设置的作用
点击图片二按钮
点击图片二按钮
小结完任务一之后，引入任务二并进行分析：任务一是通过属性窗口设置对象的属性，在任务二中，通过点击按钮让图像框显示不同的图片。同上节课的改变文字字体相同，需要在事件处理过程代码中设置对象的属性。
（一）学生参考课本，以小组为单位完成代码的编写，最后将工程所在的文件夹以自己的姓名来命名，并存放到教师机的“程序”文件夹下。

（二）小组演示自己的程序，并解释程序代码。其他同学可以提出自己的做法或见解，教师参与讨论。

（三）通过讨论，得出以下结论（让学生来回答）：
1、Loadpicture函数的功能是向图像框中装入图像，使用时注意绝对路径与相对路径的区别：
相对路径：image1.picture=loadpicture(app.path & “\文件名”)
绝对路径：image1.picture=loadpicture( “路径\文件名”)
2、在相对路径中用到了APP．PATH，它表示当前建立的工程所在的文件夹，使用了它之后，图片与工程必须保存到同一文件夹下。
3、编写代码时要搞清楚给哪个对象添加代码，进一步理解事件的概念。
（一）给出任务，教师巡回指导、点拨，在巡视过程中，注意发现任务完成比较好的小组。
教师提示：代码要在英文状态下输入，尤其是路径中的引号，否则会出现编译错误。
（二）让完成比较好的小组上台演示，并解释代码。学生在解释代码时，教师在适当的时候提出以下问题：
1、你的Loadpicture函数用的是绝对路径还是相对路径，它们有什么区别？
2、APP．PATH的含义是什么？
3、使用了APP．PATH之后要注意什么问题？
4、给哪个对象添加代码，按钮还是图像框？
（三）教师引导学生解决上述问题。

（四）教师对本任务进行小结、拓展：
1、学习在事件处理过程代码中设置图像框控件的属性；
2、熟练掌握Loadpicture函数的使用，注意相对路径与绝对路径的区别。
3、由图像框控件的学习，引出设置对象属性的两种方法：1、在程序设计阶段，通过属性窗口来直接设置对象的属性；2、在编写事件处理过程代码中设置对象的属性，其格式为：对象名称．属性名=属性值。
四、师生共同进行交流与评价
1、学生在教师的组织、指导下，参考“评价表”进行自评、互评，并将“评价表”通过网站递交给老师。
2、教师在巡视过程中注意发现典型作品，进行点评。点评时对于作品中的闪光点要多使用鼓励性语言，以提高学生的学习兴趣。
交流评价之后，根据反馈意见，学生进一步完善自己的作品。
五、小结
通过使用图像框控件,学习了对象属性设置的两种方法:1、在程序设计阶段，通过属性窗口来直接设置对象的属性；2、在编写事件处理过程代码中设置对象的属性，格式为：对象名称．属性名=属性值。其中编写代码是本节课的难点，课后要注意巩固练习。
六、课堂学习拓展
利用本节所学知识，为自己制作一个个人写真集。
【教学后记】
本节课利用任务驱动开展具体教学，教师在大屏幕上展示任务一样例，学生通过读书、小组讨论、教师点拨，熟悉图像框控件的常用属性及作用，有了任务一的基础，到任务二大部分同学都能自主探究解决问题。在学习过程中，同学们都能积极参与讨论、发表自己的意见，大部分同学都能完成任务。有及个别同学在编写代码时不知道给哪个对象添加代码，教师要及时辅导。对于制作比较好的同学，要给予鼓励，提高他们学习编程的兴趣。
7