GeoGebra如何在课堂展示

GeoMath

GeoGebra课堂演绎数学之舞。借助GeoGebra这一强大工具,我们将抽象的数学概念化为生动的图形与动态的演示,让每个公式和定理都在课堂上跳跃起来。

一、引言

GeoGebra是一个跨平台的动态数学软件,简称GGB。GGB网页版无需在本地电脑上安装,仅使用浏览器就可打开文件,使得教学课堂展示变得更加便捷。

然而,当前网络上给出方案存在资源整合、网速缓慢、更新困难等问题。以下笔者给出一种GGB网页版解决方案,其有如下特点:

  1. 🍄GGB与课程资源深度融合;

    1

  2. 🚀响应快速;

  3. 💡更新便捷,自动增删修改文件;

    2

二、技术框架

对技术不关心的同仁,直接跳过,进入使用方法部分

  1. 后端使用everything作为Http服务器,前端使用Bootstrap与Vue框架。everything将文件目录数据通过api以ajax的形式发送到前端,Bootstrap作为UI底层,Vue作为中间层解析数据显示到网页上。ggb打开并显示有两种方式:

    1. 利用网址传递ggb文件名(原生方式)
    2. 利用侧边栏的目录传递ggb文件名(ajax方式)
  2. 完全开源,代码注释清晰。

  3. 加入等待图标。GGB网页版,加载资源的速度慢,主要原因是加载的2E4AB5EF8F563036A0AFAADA47CC4EA4.cache.js文件过大,大小达到7M以上;加载js所以加入以下动态“等待图标”作为提示。

    3

  4. 加入GGB文件编辑模式,直接点击按钮打开即可编辑当前ggb文件。

三、使用方法

everything版(推荐💎)

要求操作系统为Windows

  1. 下载文件包并解压。
  2. 打开“everything.exe”开启http服务,设置端口(例如8888)。
  3. 用浏览器打开网址:localhost:8888,进入盘符和解压包路径,打开“index-everything.html”。

离线版

  1. 下载文件包并解压。

  2. 将自己的ggb文件添加到文件夹“ggbResources”的子文件夹中,也可以新建子文件夹。

  3. 双击“一键生成ggb文件目录.bat”,这将在assets目录下生成或更新data.js文件从而自动更新网页的文件列表。离线版无需everything服务器的支持。

  4. 离线版还要解决跨域问题。

    1. 复制一份Edge浏览器器快捷方式

    2. 右键--属性,在目标一栏原有字符的末尾加上下面的字符:--allow-file-access-from-files

      浏览器跨域

    3. 用浏览器快捷方式打开ggb-view.html文件

注:文件夹名称“ggbResources”不能修改,还有文件“一键生成ggb文件目录.bat”与其相对路径不能改变,无法正确生成目录。

局域网内的使用方法

学校班班通往往位于同一个局域网内,若使用everything版则方便快捷,只要记住IP地址就可远程打开。

对于离线版则需要做一定设置:

  1. 使用windows的文件共享功能,共享老师主机上的文件,则无需使用U盘进入教室;
  2. 文件共享后,使用“映射网络驱动器功能”将网络目录映射到本地某磁盘,这个过程可由bat批处理文件实现。

四、特别鸣谢

  1. 物理猫
  2. 课中引路人
  3. GeoGebra国内镜像

五、项目地址

在线演示

GeoGebra课堂演绎

下载地址

开源地址

六、联系方式

Email:303218145@qq.com

感谢留言,点赞支持💖!