PAGE10
PAGE
大数据可视化分析课程教案首页6-2
一、核心要素
章节名称
项目4智慧农业大屏数据传输
任务4.1JavaScript基础
4.1.1JavaScript简介
教学课时
2
授课班级
大数据技术2401班
授课时间
第6周-2
授课地点
介夫楼307
教学目标
知识目标
1.掌握JavaScript循环的相关知识。
2.掌握JavaScript的函数定义与调用。
3.了解使用jQuery操作DOM的方法。
4.了解JSON数据结构。
5.了解使用jQuery加载JSON数据的方法。
能力目标
1.能分析Excel表格中的数据，构成JSON对象结构数据。
2.能使用jQuery将数据显示在页面的指定位置。
3.能使用jQuery加载本地JSON文件，解析并提取相关数据。
4.能使用浏览器的调试工具查看指定位置代码。
素质目标
1.在完成任务后，协助其他小组成员完成相关任务，培养团队协作能力。
2.通过对任务功能的理解，完成相关功能开发，培养理解能力。
3.通过描述功能的研发过程，在小组内相互演练、讲解，培养表达能力。
4.通过功能实现，了解与掌握相关知识并对其应用，培养学习能力。
教学内容
主要内容
任务准备JavaScript简介
重点
JavaScript事件及事件驱动。
难点
DOM对象和DOM对象；
JavaScript的函数定义与调用。
教法改革
教学方法
问答法/范例教学法
教学手段
（1）通过课堂讨论提出问题和相关视频学习，活跃课堂气氛并激发学生的学习兴趣；（2）教材、电子课件、超星信息化教学。
教学反思
?课堂互动深度不足??：采用问答互动后，多数学生仅在表层回应。后续需设计阶梯式问题链，例如：从这个图表能展现什么趋势？进阶到若改为环形图会损失什么信息？为什么？
二、教学设计
教学步骤
教学内容与情境设计
教师活动
学生活动
时间分配
一、课程导入与任务要求
本任务分别通过使用jQuery操作DOM和使用jQuery读取文本中的JSON数据两种方式，完成智慧农业大屏中的公司简介、技术资源数据和农资产品市场价格等内容的拼接与展示。其中，技术资源数据的内容以分页标签的形式进行展示，农资产品市场价格以滚屏消息的形式进行展示，效果如图所示。本项目所含内容作为后续项目的基础，需要全面掌握。
教师演示，引导思考
明确本节课的目标效果
10分钟
二、JavaScript简介
4.1.1JavaScript简介
JavaScript是Netscape公司的布兰登·艾奇(BrendanEich)为1995年发布的NetscapeNavigator2开发的一种名为LiveScript的脚本语言。在NetscapeNavigator2浏览器发布前夕,将LiveScript改为了JavaScript。JavaScript诞生时,其主要目的是处理一些由服务器负责的输入验证操作(前端验证)，增强网页的交互型。如今，JavaScript的用途早已不再局限于简单的数据验证，而是具备了与浏览器窗口及其内容等几乎所有方面交互的能力。
JavaScript是一种解释性脚本语言，代码不需要进行预编译)，主要用于向HTML页面添加交互行为。它可以直接嵌入HTML页面，但一般写成单独的js文件，这样有利于结构和行为的分离。JavaScript具有跨平台特性，在绝大多数浏览器的支持下，可以在多种平台中运行,如Windows、Linux、macOS、Android、iOS等。
同学们观看幻灯片，进行思考，提出问题，教师进行答疑和解决。
教师讲解演示与答疑
学生观看演示并同步操作
20分钟
三、JavaScript引入方式
1.JavaScript引入方式
在HTML中使用JavaScript有3种方式。
(1)在页面中直接嵌入JavaScript,即通过在script标签和/script标签之间直接编写JavaScript程序代码,script标签可以被放置在html文档的任何位置,
(2)作为标签的属性值使用，如作为某个元素的事件属性或超链接的herf属性值。例如,通过“javascript:”调用js函数。
(3)链接外部JavaScript文件。通过“scriptsrc=目标文档的URL/script”引入外部JavaScript文件。
同学们查看运行结果，提出问题，教师进行答疑和解决。
——————————————————————————————————
思政内容：
通过对任务功能的理解，完成相关功能开发，培养理解能力。
教师讲解演示与答疑
学生观看演示并同步操作
20分钟
四、JavaScript