如何禁用浏览器功能和快捷键进行全屏在线考试?

时间:2015-06-03 06:04:01

标签: javascript php jquery twitter-bootstrap codeigniter

我是OES(在线考试系统)的新手。我想用安全的环境进行在线考试,用户将无法作弊 请帮忙。

我正在使用带有PHP框架的Codeigniter用于后端和bootstrap,JS和JQuery用于用户端或前端。

我已经创建了一个直接工作正常的考试模块。但我想限制用户采取错误的方式告诉我最好的方法,或建议我可以获取详细信息的任何链接。

这是我的assessment.php视图文件

    <?php
    $temp = "";
    $sr_no = 0;
    $assessment = $response['assessment'];
    $test_time = $this->session->userdata('test_time') * 60;
    $questions = $response['questions'];
    $total_que = count($questions);
    $i = $que_no - 1;
    $question = $questions[$i];
    $sr_no++;
    $temp.="<div class='form-group'><input  type='hidden' name='que_id' value='" . $question['que_id'] . "'>";
    if ($total_que == $que_no) {
        $i = $que_no - 1;
        $temp.="<input  type='hidden' name='que_no' value='$i'>";
    } else {
        $temp.="<input  type='hidden' name='que_no' value='$que_no'>";
    }
    $temp.="<label class='col-md-2'>Que. $que_no)</label>
                        <label class='col-md-10'>" . $question['que_dscp'] . "</label>";
    if ($question['que_type'] == "d") {
        $temp.="<div class='col-lg-9 bottom'>";
        if (isset($question['selected_options'])) {
            $temp.="<textarea style='height: 100px;' disabled name='ans_" . $question['que_id'] . "[]'  class='form-control'>" . $question['selected_options'][0] . "</textarea>";
        } else {
            $temp.="<textarea style='height: 100px;' name='ans_" . $question['que_id'] . "[]'  class='form-control'></textarea>";
        }
        $temp.="</div>";
    } else {
        foreach ($question['options'] as $option) {
            $temp.="<div class='col-lg-9 bottom'>
                        <div class='input-group'>
                            <div class='input-group-addon'>";
            if ($question['que_type'] == "ma") {
                if (isset($question['selected_options'])) {
                    if (in_array($option['option_id'], $question['selected_options'])) {
                        $temp.="<input type='checkbox' checked disabled >";
                    } else {
                        $temp.="<input type='checkbox' disabled >";
                    }
                } else {
                    $temp.="<input type='checkbox' name='ans_" . $question['que_id'] . "[]' value='" . $option['option_id'] . "'>";
                }
            } else if ($question['que_type'] == "sa") {
                if (isset($question['selected_options'])) {
                    if (in_array($option['option_id'], $question['selected_options'])) {
                        $temp.="<input type='radio' checked disabled >";
                    } else {
                        $temp.="<input type='radio' disabled >";
                    }
                } else {
                    $temp.="<input type='radio' name='ans_" . $question['que_id'] . "[]' value='" . $option['option_id'] . "'>";
                }
            }
            $temp.="</div>
                            <input type='text' readonly value='" . $option['option_dscp'] . "' class='form-control'>
                        </div>
                    </div>";
        }
    }
    $temp.="</div>";
    $temp1 = "";
    $sr_no = 0;
    foreach ($questions as $question1) {
        $sr_no++;
        $temp1.="<a href='" . base_url() . "user/assessment/index/" . $assessment['test_id'] . "/$sr_no' class='btn btn-info'>$sr_no</a> ";
    }
    ?>
    <script type="text/javascript" src="<?php echo base_url(); ?>resource/js/TimeCircles.js"></script>
    <link href="<?php echo base_url(); ?>resource/css/TimeCircles.css" rel="stylesheet">     
    <div class="container">    
        <div class="page-header center">
            <h1><?php echo $assessment['test_name']; ?> <small><?php echo $title; ?> </small></h1>
        </div>
        <?php $this->load->view('alert'); ?>
        <div class="panel panel-default col-md-4" style="padding: 0;">
            <!-- Default panel contents -->
            <div class="panel-heading">Questions Navigation</div>
            <div class="panel-body" >
                <?php echo "$temp1"; ?>
            </div>
            <div id="test_time" data-timer="<?php echo "$test_time"; ?>"></div>
        </div>
        <div class="panel panel-default col-md-8" style="padding: 0;">
            <!-- Default panel contents -->
            <div class="panel-heading">Assessment Questions</div>
            <div class="panel-body" >
                <?php echo validation_errors(); ?>
                <form id="signupform" action="<?php echo base_url(); ?>user/assessment/submit" class="form-horizontal" method="POST"> 
                    <input type="hidden" name='test_id' value='<?php echo $assessment['test_id']; ?>'>
                    <input type="hidden" name='user_id' value='<?php echo $this->session->userdata('user_id'); ?>'>
                    <?php echo "$temp"; ?>
                    <div class="form-group">
                        <!-- Button --> 
                        <div class="col-md-offset-6 col-md-6">
                            <?php
                            if ($que_no == 1) {
                                ?>
                                <a href="#" disabled class='btn btn-danger'>Previous</a>
                                <?php
                            } else {
                                ?>
                                <a href="<?php echo base_url(); ?>user/assessment/index/<?php echo $assessment['test_id']; ?>/<?php echo ($que_no - 1); ?>" class='btn btn-info'>Previous</a>
                                <?php
                            }
                            if (isset($question['selected_options'])) {
                                ?>
                                <button id="btn-signup" disabled type="submit" class="btn btn-danger"><i class="icon-hand-right"></i> &nbsp Save</button>
                                <?php
                            } else {
                                ?>
                                <button id="btn-signup" type="submit" class="btn btn-info"><i class="icon-hand-right"></i> &nbsp Save</button>
                                <?php
                            }
                            if ($total_que == $que_no) {
                                ?>
                                <a href="#" disabled class='btn btn-danger'>Next</a>
                                <?php
                            } else {
                                ?>
                                <a href="<?php echo base_url(); ?>user/assessment/index/<?php echo $assessment['test_id']; ?>/<?php echo ($que_no + 1); ?>" class='btn btn-info'>Next</a>
                                <?php
                            }
                            ?>
                        </div>
                    </div>
                    <input type="hidden" id="time_taken" name="time_taken" >
                    <div id="Countdown" style="width: 50%;"></div>
                </form>
                <a href="<?php echo base_url(); ?>user/assessment/solved/<?php echo $assessment['test_id']; ?>/<?php echo $this->session->userdata('user_id'); ?>" class='btn btn-info'>Finish Test</a>
            </div>
        </div>
    </div>
    <script>
        $("#test_time").TimeCircles();
        $("#Countdown").TimeCircles({
            "animation": "smooth",
            "bg_width": 0.8,
            "fg_width": 0.1,
            "circle_bg_color": "#60686F",
            "time": {
                "Days": {
                    "text": "Days",
                    "color": "#FFCC66",
                    "show": false
                },
                "Hours": {
                    "text": "Hours",
                    "color": "#99CCFF",
                    "show": false
                },
                "Minutes": {
                    "text": "Minutes",
                    "color": "#BBFFBB",
                    "show": true
                },
                "Seconds": {
                    "text": "Seconds",
                    "color": "#FF9999",
                    "show": true
                }
            }
        });

        $("#btn-signup").click(function() {
            $("#time_taken").val($("#Countdown").TimeCircles().getTime());
        });
    </script>
    <script type="text/javascript">
        setInterval(ajaxCall, 1000); //300000 MS == 5 minutes
        function ajaxCall() {
            var test_time=$("#test_time").TimeCircles().getTime();
            if(test_time >= 0){
                $.post("<?php echo base_url(); ?>user/assessment/set_test_time", { test_time : test_time }, function(data, status) {
                    });
            }else{
                 $.get("<?php echo base_url(); ?>user/assessment/solved/<?php echo $assessment['test_id']; ?>/<?php echo $this->session->userdata('user_id'); ?>",function(data, status) {
                       location.reload();
                    });
            }

        }
    </script>
    <script type="text/javascript">
        $(function () {
          $(document).bind('contextmenu', function (e) {
            e.preventDefault();
          });
        });
        function disableF5(e) { if ((e.which || e.keyCode) == 116 ||(e.which || e.keyCode)==8) e.preventDefault(); };
        $(document).on("keydown", disableF5);

    </script>

以下是我的home.php视图文件,我将用户重定向到assessment.php

<?php
$temp = "";
$sr_no = 0;
foreach ($assessments as $assessment) {
    $solved = $assessment['solved'];
    $test_id = $assessment['test_id'];
    $test_name = $assessment['test_name'];
    $status = $assessment['status'];
    if ($status == "1") {
        $status = "Active";
    } else {
        $status = "InActive";
    }
    $sr_no++;
    $temp.="<tr>
                <td></td>
                <td>$sr_no</td>
                <td>$test_name</td>
                <td>$status</td>";
                 if($solved=="0"){
                    $temp.="<td><a target='_blank' class='btn btn-info' onClick='return confirm(\"Are you sure want to Start Assessment...!\");' href='javascript:window.open(\"".base_url()."user/assessment/index/$test_id\",\"User Assessment\", \"titlebar=no,toolbar=no,menubar=no,width=screen.width,height=screen.height,fullscreen=yes\");' title='Take Test'>Take Test</a></td>";     
                 }else if($solved=="1"){
                    $temp.="<td><a class='ml10' href='".base_url()."user/assessment/view/$test_id' title='View'>
                    <i class='glyphicon glyphicon-search'></i></a></td>";
                 }   
        $temp.="</tr>";
}
?>
<link rel="stylesheet" href="<?php echo base_url(); ?>resource/css/bootstrap-table.css">
<div class="container">    
    <div class="page-header center">
        <h1>User Assessment System! User Dashboard <small><?php echo $title; ?> </small></h1>
    </div>
    <?php $this->load->view('alert'); ?>
    <div class="panel panel-default">
        <!-- Default panel contents -->
        <div class="panel-heading">Manage Assessment</div>
        <div class="panel-body" >
            <!-- Table -->
            <table class="table" id="userstable" data-toggle="table" data-pagination="true"  data-show-refresh="true" data-export-types="{'pdf','xml','joson','png','excel'}" data-show-export="true" data-show-toggle="true" data-show-columns="true" data-search="true">
                <thead>
                    <tr>
                        <th data-field="state" data-checkbox="true"></th>
                        <th>#</th>
                        <th data-field="que_dscp" data-sortable="true">Assessment Name</th>
                        <th data-field="status" class="text-center">Status</th>
                        <th data-field="ques" class="text-center">Start/View Test</th>
                    </tr>
                </thead>
                <tbody>
                    <?php echo "$temp"; ?>
                </tbody>
            </table><br>
        </div>
    </div>
</div>
<script src="<?php echo base_url(); ?>resource/js/bootstrap-table.js"></script>
<!-- put your locale files after bootstrap-table.js -->
<script src="<?php echo base_url(); ?>resource/js/bootstrap-table-en-US.js"></script>

4 个答案:

答案 0 :(得分:2)

绝对没有办法限制某人不在你控制的地方 无论你对我的浏览器甚至我的操作系统做了什么,我总是可以使用第二台电脑,或者我的手机,或者周围有一本书,一张纸,或一个知道东西的朋友。

检测此类事物的唯一方法是在整个时间内拍摄用户的相机 除此之外,您还必须使用相机拍摄屏幕,而不是通过屏幕录像机,因为否则我可能只是使用虚拟机进行测试,其中浏览器始终全屏显示,但我可以从VM中选择alt-Tab并做任何我想做的事情,而屏幕录像机只能看到VM的内部。

因此,您实际上无法限制用户 - 您唯一可以尝试的是监视他们。
这需要至少一个麦克风和两个摄像头,可能更多 - 一个用于拍摄屏幕(以便您事后可以实际识别某些东西),其余用于拍摄用户及其整个可能的视野(不要忘记)天花板,可能有写作或其他东西)。当然,麦克风是为了确保用户在考试期间没有声音输入 - 这也意味着他们不能佩戴耳机,否则他们可能会使用一些基于声音的界面。
例如,我想象一个服务,在热键激活后,打开一个不可见的浏览器窗口,捕获你的键盘输入,点击返回进行谷歌搜索,让你通过箭头键/ 返回 / 选项卡 / 退格键 / Esc 并读取您“选择”的任何文字。
我相信在操作系统X上,人们只需要找到一种方法让窗户看不见 - 然后他们可以激活语音,将他们的起始页面设置为谷歌并使用Automator创建一个服务,打开一个新的浏览器窗口(无形),然后他们可以分配一个热键 此外,所有录音都应实时传输,否则用户有机会篡改它们。

现在我写了这篇文章,我意识到这可能是Information Security的一个问题。

答案 1 :(得分:0)

这可能对你有所帮助, 你可以压制一些可能对你有所帮助的keydown事件,但你不能禁用所有事件,

window.addEventListener('keydown', function (event) {
    // if the keyCode is 16 ( shift key was pressed )
    // Here you can specify which key events you want to disable
    if ((event.which || event.keyCode) === 16) {
        // prevent default behaviour
        event.preventDefault();
        // Few Browser also need return false, to disable keydown events
        return false;
    }
});

答案 2 :(得分:0)

对于有限的浏览器功能, 您可以使用Javascript的window.open函数,它需要一些参数。例如,见下面

如果您查看third parameters,它会执行您要查找的技巧,它会禁用toolbar以及所有这些内容。

window.open('exampage.html','some_name_for_this_window','titlebar=no,toolbar=no,menubar=no,width=400,height=350');

请查看Mozilla Docs,了解您可以禁用或启用的其他功能。它可能会帮助你

在用户点击和交互的后端,你有codeigniter的SESSION库来处理

答案 3 :(得分:0)

我有一个关闭的类似question。经过一些在线搜索,找到了这个名为safeexambrowser的神奇软件,目前适用于windows和mac os。它基于Firefox / gecko引擎,可帮助您禁用键盘快捷键,并禁止用户使用任何其他应用程序。

这适用于standallone Web应用程序。请检查这是否符合您的要求。