《大数据可视化分析》第4周-1.docx

PAGE10

PAGE

大数据可视化分析课程教案首页4-1

一、核心要素

章节名称

项目2低代码可视化工具

任务拓展使用FineReport实现农业平台大屏制作

教学课时

2

授课班级

大数据技术2401班

授课时间

第4周-1

授课地点

介夫楼307

教学目标

知识目标

通过创建决策报表，了解FineReport决策报表的相关知识；

了解FineReport文件数据集的相关知识；

能力目标

通过创新决策报表，培养学生构建项目整体架构的能力；

通过构建模板数据集，培养学生数据感知的能力；

通过设置拖拽数据图表，培养学生数据图表认知的能力。

素质目标

1.通过工具整理、座椅归位等，培养学生细致、认真做事的责任心；

2.通过制作农业相关项目，培养学生科技助农的意识；

3.通过了解中国软件发展进步史，树立学生的民族自信心和自豪感。

教学内容

主要内容

使用文件数据集，进行农业数据的分析，并进行FineReport决策报表的展示

重点

本地数据集的导入

难点

能使用SQL语句进行数据结合查询

教法改革

教学方法

问答法/范例教学法

教学手段

（1）通过课堂讨论提出问题和相关视频学习，活跃课堂气氛并激发学生的学习兴趣；（2）教材、电子课件、超星信息化教学。

教学反思

学生因缺乏SQL基础影响数据集创建效率，需教师额外辅导拖慢整体进度。

二、教学设计

教学步骤

教学内容与情境设计

教师活动

学生活动

时间分配

一、导入课堂

本任务将数据文件Excel中关于农业平台的数据，进行农业数据平台的绘制。通过FineReport软件，可任意选择农资产品市场价格、农户技术培训人数等数据。参考上述销量报表大屏制作的操作步骤，实现农业平台大屏的制作，任务效果如2-76所示。

教师演示，引导思考

明确本节课的目标效果

5分钟

二、介绍文件数据集

数据集类型可分为数据库查询、内置数据集、文件数据集、SAP数据集、存储过程、多维数据库、关联数据集及树数据集。

数据库查询是指从定义好的数据库连接中，也就是数据源中使用SQL语句来选择需要的字段，一般是直接对数据源中的数据库表直接进行操作；

文件数据集则是指以txt文本文件、Excel文件和XML文件中的数据为数据集，并以二维表的结构展示在数据集当中。

教师讲解

学生观看演示并思考

5分钟

三、任务拓展

1）添加外部数据集

1）添加外部数据集

（1）将Excel放置在报表工程的路径下。添加Excel数据集前需要将对应的Excel文件复制至报表工程的%FR_HOME%\webapps\webroot\WEB-INF\reportlets\data目录下（不支持获取本地电脑其他目录下的文件），如图2-77所示。

图2-77Excel放置在规定路径

（2）添加Excel数据集。在FineReport中添加文件数据集，设置“文件类型”为Excel，x选中“本地文件”，添加“农业数据平台-经济作物产值.xlsx”文件，名字命名为“经济作物产值（柱状图）”，单击“确定”按钮，即可在模板数据集中看到新添加的Excel数据集，如图2-78所示。

图2-78添加Excel数据集

2）新建决策报表

在“文件”选项卡中选择“新建决策报表”命令，在多模块中选择倒数第3个模块，设置页面像素比为1280:800，缩放为95%。

教师操作演示

跟随教师演示，结合工单进行操作

10分钟

三、任务拓展

3）添加“农业平台大屏”主标题

3）添加“农业平台大屏”主标题

（1）将简约蓝组件包中的“大屏标题2-简约蓝”组件拖入主标题，修改名称为“农业数据平台”。

（2）设置字体为“微软雅黑”，大小为24，颜色为白色，加粗、文本居中。

4）添加“农资产品市场价格”报表块并编辑组件

（1）从data文件夹中导入“农业数据平台_农资产品市场价格.xlsx”文件，名字命名为“农资产品市场价格（表格）”，勾选“第一行包含列标题”复选框。

（3）拖动“报表块”组件至大屏的中间模块，点击“编辑”按钮，在第1行添加表格标题，命名为“农资产品市场价格”，设置字体为“幼圆”，大小为16，颜色为白色，加粗、文本居中，背景颜色为“深蓝”。

（4）在第2行添加各个列标题，设置字体为“微软雅黑”，大小为11，颜色为黑色，加粗、居中。

（5）将指定数据：产品种类、产品名称、最高价、均价、上市量、发布日期、单位拖入对应单元格。选中“产品种类”所在的A3单元格，在“单元格元素”组件中，将此单元格设置为“列表”。

（6）实现各行数据滚动显示，在决策大屏中选中此报表块，选择“事件”选项卡，点击“添加事件”，选择“初始化后”，在脚本代码处添加如下代码：

setTimeout(function(){

_g().getWidgetByNam