上了一节《手机解锁》,把这节课的流程再重新梳理一下。
一、导入
问:手机屏幕解锁有几种形式?
答:面部解锁,指纹解锁,密码解锁,图案解锁,语音解锁等。
问:你们猜刘老师的手机是哪种解锁形式?
答:都不是。我的手机没有使用上面的功能,没有密码,直接滑动解锁。这种方式好不好?安全度不高,但是你们觉得有没有什么优点?方便,快捷,还省电。
今天,我们跟大家一起来制作一个滑动解锁的小程序。用鼠标代替手指,来完成手机的屏幕滑动解锁。
二、分析程序
请看程序效果。
问:谁用语言描述一下,你看到了什么?这个是如何解锁的?如何从锁屏界面进入主界面的?
答:拖动钥匙,钥匙碰到锁,锁打开,进入主屏幕,主屏幕有两个应用,鼠标放上去有放大效果。说明这里有触发事件。
教师板书:1.拖动钥匙,2.解锁效果,3.主界面图标效果。
我们把整个程序分成这三个任务来完成。
三、制作
1.布置任务一:设置钥匙可拖动的范围。
教师简单演示和提示,学生自己完成。学生操作,完成后当小老师。
2.布置任务二:解锁效果。视频演示。学生操作。
3.布置任务三:主界面图标动态效果制作。
知识点:手机交互,状态可见原则。
布置拓展任务:钥匙动态效果制作。添加音效。
升级任务:实时时间更新。
四、展示评价。
1.教师展示作品,评价作品。
2.学生进行自评和互评。
五、总结和测试
总结这节课的学习内容,填写两个问题。