在线判题系统(oj)效果分析图_在线代码编写平台开发分享

计算机专业的大学生应该都了解acm比赛,这种通过使用oj(online judge)系统在线编程刷题,实时反馈学习排名的方式能很大程度激发学生的学习热情。

6527cb3bdb7ee5f60cf02d9f389c2b98.png

oj学习排名界面

7280c2e9712a7b77baaf33cd93b9c26f.png

oj个人学习记录界面

只是oj平台一般都只适用后端语言,如java,c#, c++,C,phthon等。对于学习前端的学生,如何使用类似oj平台的思路,做一套在线学习平台,是我开发这套前端学习平台的初衷。

平台为学生提供一个可视化的在线编程环境,将前端开发中常的的知识点,拆解成一个一个的小案例,有详细的操作步骤,学生根据步骤的引导,一步一步完成实验,获得在平台中的积分,提高自己的学习排名。

5833c0b2d7c77e9ed86dbfc279ae7ad7.png

在线ide界面

使用github的打卡形式记录学生的学习轨迹,学生可以相互了解学习进度。

30f9409aaa11d5fe4957ec35c2b02811.png

学生个人中心界面

同时将各类案例根据难易程度进行发划分,方便学生由易入深逐步学习。

9829da19f4d566a62a002d58d646678c.png

案例库分类

系统还为教师提供了相关的教学工具,例如相似代码检测、代码编写轨迹记录等功能。可以方便教师对学生提交代码的批改。

整体来讲有如下优势:

1、互动式教学体验

在线集成WebIDE,教程与操作区同屏显示,且自带检验机制和步骤指引提示。

2、教学不再受环境约束:

在线实验环境,极速开启,教师与学生免除在代码共享过程中繁琐的开发环境配置。

3、真实企业项目案例:

丰富的企业项目,拆分成适合课堂教学的小案例,使学生掌握最前沿互联网技术。按知识点、难度进行分类分级,方便学生按需学习。

4、人工智能:

利用人工智能技术对学生的作业进行相似度检验,为教师提供评分参考。

5、轻松教学管理:

老师可轻松管理自己的学生、在线查看学生作业代码、运行效果,可查看学生代码编写轨迹、对比多个学生的代码相似度。

6、看得见的教学效果:

实时展示每个学生的学习、实验记录,优秀作品在线展示,使学生的每一次学习都充满乐趣。

目前系统正在部分高校试用,后期再给大家分享教学效果。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/572839.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

BZOJ1298:[SCOI2009]骰子的学问

Description Input 第一行为两个整数n, m。第二行有n个整数,为a1,a2, …, an。 Output 包含n行,每行m个1~nm的正整数,各不相同,以空格分开。如果有多解,输出任意一组解;如果无解,输出…

mysql交叉连接后生成的记录总数_4.mysql数据库创建,表创建模等模板脚本,mysql_SQL99标准的连接查询(内连接,外连接,满外连接,交叉连接)_MySQL...

--用root用户登录系统,执行脚本--创建数据库create database mydb61 character set utf8 ;--选择数据库use mydb61;--增加 dbuser1用户--创建用户‘dbuser61’密码为‘dbuser61’拥有操作数据库mydb61的所有权限GRANT ALL ON mydb61.* TO dbuser61 IDENTIFIED BY &q…

IIS网站或系统验证码不显示问题——使用了托管的处理程序,但是未安装或未完整安装 ASP.NET...

在IIS上发布了一个系统,但是登陆页面的验证码图片一直出不来,尝试了各种办法,权限、路径、继承父类路径等都不管用,进入Login.html,对着无验证码图片的图标,右键复制图片的网址,粘贴到地址栏,出…

mysql索引有字符集_07. 类型、字符集、引擎和索引

字符集是什么?为了更好的识别中文、日文、英文、希腊语。对于常用的符号进行了编码,这个编码就是字符集。字符集确定了文字的存储方式。字符集相当于是计算机中人类的语言。举个例子:我说的是英文,所以我存储的时候要用英文文字来…

oracle--第一天PLSQL--bai

第一天: -- 创建book表 create table book ( bid number primary key, bname varchar2(20) not null, price number(10,2) not null ) -- 插入数据 insert into book(bid,bname,price)values(20,西游记,170.5); insert into book(bid,bname,price)values(12,红楼梦,…

mysql性能优化的8个方法_关键的十个MySQL性能优化技巧

与所有的关系型数据库一样,Mysql仿佛是一头让人难以琢磨的怪兽。它会随时停摆,让应用限于停滞,或者让你的业务处于危险之中。事实上,许多最常见的错误都隐藏在MySQL性能问题的背后。为了确保你的MySQL服务器能够一直处于全速运行的…

修改自己的centos输入法

当自己的centos连上网时,就可以修改自己的输入法了 http://jingyan.baidu.com/album/da1091fb3e7f8a027849d681.html?picindex2 转载于:https://www.cnblogs.com/xiaoyoucai/p/6262054.html

new float查询长度 c++_C/C++经典面试题

面试题 1:变量的声明和定义有什么区别 为变量分配地址和存储空间的称为定义,不分配地址的称为声明。一个变量可以在多个地方声明, 但是只在一个地方定义。加入 extern 修饰的是变量的声明,说明此变量将在文件以外或在文件后面部分…

git相关资料

https://github.com/xirong/my-git 转载于:https://www.cnblogs.com/zhao1949/p/6265503.html

mysql动态变量查询_MySQL将变量传递给动态查询

对不起,如果这是一个基本问题! 直至现在我已经创造了PHP的MySQL查询和跨变量传递SQL调用中是这样的:MySQL将变量传递给动态查询$myparam $_GET["id_tbl"];mysql_select_db($database_camerich, $camerich);$query_rs_table sprin…

java8--IO(java疯狂讲义3复习笔记)

产生文件 File file new File("abc.txt");if(!file.exists()){System.out.println(file.exists());file.createNewFile();}System.out.println(file.getAbsolutePath()); 关于临时文件 1).放在指定目录,此时已项目为默认目录 File file File.createTempFile("…

python网络平台_python学习(九) 网络编程学习--简易网站服务器

python 网络编程和其他语言都是一样的,服务器这块步骤为:1. 创建套接字2. 绑定地址3. 监听该描述符的所有请求4. 有新的请求到了调用accept处理请求Python Web服务器网关接口(Python Web Server Gateway Interface,简称“WSGI”),…

LeetCode 451. Sort Characters By Frequency

Mediocre solution is O(nlgn) by using max-heap - but, remember bucket sort? it is O(n)转载于:https://www.cnblogs.com/tonix/p/6269000.html

rabbit和mysql事务_分布式事务原理及SpringBoot整合RabbitMQ实现可靠事件,TCC事务模型及接口幂等性...

分布式事务我们知道在单数据库系统中,实现数据的一致性,通过数据库的事务来处理比较简单。在微服务或分布式系统中,各个独立的服务都会有自己的数据库,而不是在同一个数据库中,所以当一组事务(如商品交易中&#xff0c…

rhel Linux 网络配置

--网络配置 vi /etc/sysconfig/network-scripts/ifcfg-eth0 1)DHCPDEVICEeth0BOOTPROTOdhcpONBOOTyes2)静态IP DEVICEeth0 BOOTPROTOnone IPADDR192.168.0.22 NETMASK255.255.255.0GATEWAY192.168.0.254DNS11…

如何下载php-5.5.38.tar.gz_搭建PHP服务器php-5.3.28.tar.gz

构建PHP运行环境PHP所用的软件 :php-5.3.28.tar.gz优化模块 :ZendGuardLoader-php-5.3-linux-glibc23-x86_64.tar.gz(两者之间版本一样)准备工作:卸载RPM安装的PHP[rootlocalhost php]# rpm -e php php-cli php-ldap php-common php-mysql --…

004-全局应用程序类Global.asax

服务器对象:Request、Response、Server、Session、Application、Cookie //功能1:为服务器对象注册Start、End处理 protected void Application_Start(object sender, EventArgs e){} protected void Application_End(object sender, EventArgs e){} 管道…

mysql创建表的时候日期给个默认值_mysql 创建表时 日期字段默认值为当前时间...

mysql 创建表时 日期字段默认值为当前时间mysql version 5.1在mysql创建表的时候经常会遇到创建日期字段需要设置当前时间为默认值的时候,就如sqlserver2000一样,把默认值设为getdate()即可,我在网上查了N久都没有查到使用有效的方法&#xf…

Android onKeyDown、onKeyUp、dispatchKeyEvent的区别

1. onKeyDown、onKeyUp、dispatchKeyEvent的区别和使用场景 区别:   1.1 onKeyDown、onKeyUp是按键事件的回调接口(冒泡式调用),dispatchKeyEvent是按键分发(隧道式分发) 1.2 onKeyDown接口的回调只…

python pandas 数据库_Python中pandas函数操作数据库

一:创建链接数据库引擎Pythonfrom sqlalchemy import create_engineengine create_engine(postgresql://user58.251.157.179:port/database,echo True)echo True ,会显示在加载数据库所执行的SQL语句。12345fromsqlalchemyimportcreate_engineenginecr…