通过二维码分享
分享二维码

复制下方链接,或使用浏览器原生菜单进行分享:

夜间模式:
自动
浅色
深色
A Level国际考/校内评估进行中,Ken的学习之旅预祝同学们考试顺利,考出优异的成绩!

Ken的学习计时器设置和使用教程

  目录

你好!我叫Ken,我是一名来自广东碧桂园学校的高中学生。欢迎来到Ken的学习之旅网站和学习方法!

有了计时器,你就能让自己在有限的时间内集中注意力高效学习。

我最近使用了编程知识,制作了自己的计时器,目前公众版已开放下载和使用。

在这篇教程中,我将会教你在不用编程知识的情况下设置和使用我的计时器。

1. 准备好设备

第一个步骤就是准备一些时钟设备。

时钟有着两个版本:单机版和服务器版。

我在家里的房间会使用服务器版,用破旧的手机当成时钟屏幕,在外面用电脑和单机版。

使用服务器版需要先准备以下设备:

  • 用作服务器的电脑(可以是台式电脑)
  • 手机、iPad、平板电脑作为时钟屏幕
我的桌面时钟屏幕设备

这些设备需要连接到同一个WiFi网络或局域网中,并且服务器需要设置静态的IP地址。

在苹果iPhone或iPad中,你可以直接使用自带的Safari浏览器,不需要在App Store中下载额外的浏览器。

2. 下载文件和运行环境

第二个步骤就是下载代码文件和运行环境软件。

点击下方按钮下载代码文件zip压缩包,稍后还会上传到GitHub等平台中。

  下载

最新版本:1.0 (更新于2022.04.15)

除了文件以外,你还需要下载一些运行环境软件。

首先是服务器端的Apache/Nginx、PHP和MySQL,但你可以使用三合一服务器MAMP,这样就不需要编程知识了。

第二个软件是服务器端的Visual Studio Code,它用来在服务器中编辑代码文件。

你还需要在所有设备上安装Google ChromeFirefox、Safari等浏览器。

3. 安装和设置服务器端

首先,你需要在用于服务器的电脑中设置下载好的服务器程序("Apache/Nginx + PHP + MySQL"或MAMP)。

你可能想要修改MySQL数据库的用户名和密码,你可以自行上网查找教程。默认用户名和密码都是root。

接下来,你可以遵循"readme_zh_cn.txt"文件中的指引进行设置。

随后,解压下载好的压缩包,并将文件夹放到服务器程序的"htdocs"文件夹中。在本教程中,我以MAMP服务器程序为例。

你可以根据以下步骤,打开Windows服务器中的"htdocs"文件夹:

Windows MAMP htdocs Folder
Move Timer to htdocs Folder

在macOS系统中,你可以在应用程序中找到MAMP文件夹:

macOS MAMP htdocs Folder

需要注意的是,里面只能有一层文件夹,这取决于你所使用的解压软件(WinRAR、7-Zip):

Correct Folders
Incorrect Folders

用Visual Studio Code打开"config.php"文件,设置MySQL用户名和密码,以及服务器的根密码。根密码用来防止未经授权的数据更改和控制。

config.php File

默认根密码是"A1b2C3"(大写AC,小写b)。如需修改根密码,请在浏览器中打开"http://localhost/ken_study_timer/md5.php"以获取密码的MD5加密值,并粘贴到"config.php"文件中。

打开浏览器,输入"http://localhost/ken_study_timer/dbibit.php",在MySQL程序中初始化数据库。

注意:请先检查MAMP程序设置中的端口号,并使用对应的端口。比如说,如果你在使用8080端口,则输入"http://localhost:8080/ken_study_timer/dbibit.php",如果你在使用8888端口,则输入"http://localhost:8888/ken_study_timer/dbibit.php"。总之,你需要在localhost后面加一个英文冒号(:),以及对应的端口号。

设置静态IP地址

随后,你需要给服务器设置一个静态局域网IP(v4)地址。

你可以在网上查找教程,但我在这里将会简短地教你如何进行设置:

在Windows电脑上,按"Win + R",输入"cmd",输入"ipconfig"获取当前的IP地址。

Get IP Address on Command Prompt

打开控制面板 - 网络设置 - IPv4属性,复制获取到的信息,并改为新的IP地址。

Windows Static IP Address

在macOS电脑上,你可以简单选择“使用DHCP和手动设置IP地址”选项,然后设置一个IP地址。

macOS Static IP Address

新的静态IP地址应该在DHCP(即自动分配地址的地址池)范围外,防止IP地址冲突。比如说,如果DHCP分配的范围是192.168.10.100到192.168.10.199,你就可以使用192.168.10.15。

你现在可以在同一WiFi下的其它设备的浏览器中访问"http://<服务器静态IP>/ken_study_timer/"。如果你能看到如下界面,并且服务器可以访问百度等网站,说明服务器端设置成功

Timer Main Interface

4. 设置管理端

随后你可以设置管理端。你可以使用服务器电脑或同一WiFi下的其它设备。

在浏览器中输入"http://<服务器静态IP>/ken_study_timer/",然后点击“管理端”。

点击“添加新的时钟组”,设置组名和管理密码,然后点击“添加”。你可以在同一台服务器中给不同房间的时钟设置不同的时钟组。

Add a New Clock Group

然后使用相同的登录信息进行登录。

随后,你可以在里面添加一些提醒事项,它们会在指定的时间点中显示。

Add Reminders

5. 设置屏幕端

最后一步就是在手机或平板电脑上设置屏幕端。

首先,确保它们和服务器端连接了同一个WiFi。

打开浏览器,输入"http://<服务器静态IP>/ken_study_timer/",点击“屏幕端”,使用相同的登录信息进行登录。

关闭屏幕旋转锁定,将屏幕旋转为横向,点击最上方的按钮开启屏幕唤醒锁定,防止自动熄屏。

你还可以在浏览器中调整文字缩放比例。

向下滚动屏幕,直到时钟在屏幕中央出现为止。

大功告成!你现在可以在管理端中控制时钟。你可以使用时钟和计时器,以及调节屏幕亮度。

我自己会在睡觉前15分钟调整自己时钟的屏幕亮度为0.7,使屏幕变暗,睡觉时调整为0,熄灭屏幕。

附加技巧:使用API接口

你还可以使用API接口,使用更多的方法,以及进行更方便的控制。

比如说,你可以在苹果的捷径APP和Siri语音助手中控制时钟。

在URL:"http://<服务器静态IP>/ken_study_timer/api/post.php"中使用GET或POST请求(表单,不是JSON格式),传入如下参数,即可使用:

参数 传值
name 自己设定的组名
password 自己设定的管理密码
edit_type mode, brightness, timer_time, timer_status

在不同的情况下,还有一些额外的参数:

在时钟和定时器之间进行切换

参数 传值
edit_type mode
mode clock或timer-reset * (比如说clock)

* 在这里,如果你需要切换到计时器模式,"reset"是必须要有的,是timer-reset而不是timer。

调节屏幕亮度

参数 传值
edit_type brightness
brightness 0.0到1.0的数字 (比如说0.7)

设定计时器时间

参数 传值
edit_type timer_time
hr 0-99小时 (比如1)
min 0-59分钟 (比如45)
sec 0-59秒 (比如 0)

开始和暂停计时器

参数 传值
edit_type timer_status
status start或pause (e.g. start)

使用苹果捷径APP和Siri语音助手

一个很好的API例子就是使用苹果的捷径功能。这样不仅可以在Siri中使用语音命令进行控制,还可以用Apple Watch进行控制。

在这里,我使用了它自带的API模块,发送POST请求和传入参数。

Timer with Apple Shortcut

在我的Apple Watch连上家里WiFi的前提下,我上床以后,只要在Apple Watch上说“嘿,Siri!关闭房间时钟屏幕”,手表就会向服务器发送指令,熄灭时钟屏幕。

你还可以添加其它的快捷方式,比如说将屏幕变暗和开启屏幕。

Timer with Apple Siri

使用单机版

在zip压缩文件中,有着一个"standalone"文件夹。你可以在Chrome等浏览器中打开index.html,调整浏览器的屏幕大小,即可使用。

分享这篇文章: