大力老师为了强健班级学生体魄，推出乐跑活动，现开发“乐跑系统”，其功能需求如下：

①校园环形跑道需要设置4个打卡点，学生佩戴电子标签经过每处打卡点时，都会记录下该生经过该点的打卡时间，相应的数据上传到服务器。

②学生可以通过浏览器访问该系统，进入该系统的“登录模块”，登录后，会显示“欢迎页面”，其中包含“个人数据查询”、“排行榜”、“全校乐跑数据可视化”三个链接。

③单击“个人数据查询”链接进入个人数据查询页面，查询个人每次有效跑步时长（完整打完四个点并且总时长在8分钟内）。

④单击“排行榜”链接进入排行榜页面，显示有效跑步时长次数最多的20名学生信息。

⑤单击“全校乐跑数据可视化”进入数据可视化页面。

信息课代表承接了该系统的设计与开发，基于上述需求分析，设计了系统工作流程如1图所示，系统框架如2图所示。