exam_evaluate/index.php at main · 404-Coders/exam_evaluate · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="./dist/css/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
    <script src="./node_modules/waypoints/lib/noframework.waypoints.min.js"></script>
    <title>Exam Evaluator</title>
</head>

<body id="body">
    <?php
    if (isset($_GET['email']) === true) {
        if ($_GET['email'] == "exist")
            echo '
                    <script>
                        swal("Error", "Email Already Exist!", "error").then(name => {
                                window.location.href = "./";
                        });
                    </script>';
    }

    if (isset($_GET['success']) === true) {
        if ($_GET['success'] == "data-added") {
            echo '<script>
                        swal("Success", "You\'re registered sucessfully!", "success").then(name => {
                                window.location.href = "./";
                        });
                    </script>';
        }
    }
    ?>
    <header>
        <nav class="nav">
            <div class="nav__logo">
                <img draggable="false" src="./resources/images/logo.svg" alt="Logo" id="navLogoimg draggable="false"" style="display: none;">
                <div class="web-name">
                    <p class="nav__web-name" style="margin-left: 10px;">Exam Evaluator</p>
                </div>
            </div>
            <div class="nav__menu">
                <button id="signinBtn" class="white-button nav__button">Sign In</button>
                <button id="signupBtn" class="primary-button nav__button">Register</button>
            </div>
        </nav>
    </header>


    <section class="intro">
        <div style="height: 1px; width: 100%; margin-bottom: 25px;"></div>
        <div class="intro__icon">
            <img draggable="false" style="margin-top: -10px !important;" src="./resources/images/logo.svg" alt="Logo">
        </div>
        <div style="height: 4px; width: 100%;" id="waypoint"></div>
        <div class="intro__head" id="introHeadID">Onscreen Evaluation of Answer sheets</div>
        <div class="body-text intro__body">Onscreen Evaluation or digital answer sheet evaluation provides many advantages for the education institutes to simplify post examination activities leading to result processing.</div>
    </section>
    <section class="why-app">
        <div class="why-app__text">
            <div class="why-app__text__blue-head">
                Why Onscreen marking system ?
            </div>
            <div class="why-app__text__body body-text">
                Onscreen Marking System is useful to evaluate answer sheets in digital format.
                During Covid 19 pandemic, education has shifted completely to digital mode. As teachers were never familiar with online mode, this website offers them an easy alternate of checking students answer sheet and examination activities leading to result processing.
                After evaluating answer sheets teacher can download compiled result of each class in PDF format.
                Students can export to email or download their result in all subjects in compiled form in PDF format.
            </div>
        </div>
        <div class="why-app__photo1">
            <img draggable="false" src="./resources/images/why-app-photo.jpg" alt="why-app?">
        </div>

    </section>
    <!-- Register Sectiton -->
    <section class="register" id="register">
        <div class="register__overlay">

        </div>
        <div class="register__content">
            <div class="register__details">
                <img draggable="false" class="register__cancel" id="rContent" src="./resources/images/cancel.svg" alt="" srcset="">
                <h1>Welcome to Exam Evaluator</h1>
                <div class="register__forms">
                    <img draggable="false" src="./resources/images/signup.jpg" alt="Sign Up">
                    <form action="./resources/php/registration.php" onsubmit="return validateForm()" method="POST" class="form">
                        <input class="form__input" type="text" id="tea_name" name="tea_name" required placeholder="Name">
                        <input class="form__input" type="email" name="tea_email" placeholder="Email ID">
                        <input class="form__input" type="text" name="tea_picture" placeholder="Picture(Google Drive Link)">
                        <input class="form__input" type="password" id="tea_pass" name="tea_pass" required placeholder="Password">
                        <input class="form__input" type="password" id="tea_con_pass" name="tea_con_pass" placeholder="Confirm Password">
                        <button type="submit" class="primary-button" name="submit">Submit</button>
                    </form>
                </div>
            </div>
    </section>

    <!-- Teacher Section -->
    <section class="features">
        <div class="features__heading">
            <img draggable="false" src="./resources/images/feature.svg" alt="Features">
            <h1>Features</h1>
        </div>
        <div class="features__feature">
            <div class="features__feature__teacher feature_box">
                <h1>Teacher</h1>
                <img draggable="false" src="./resources/images/teachers.jpg" alt="">
                <ol class="featureList">
                    <li><strong>Create Class : </strong>Teacher can create a class by specifying Class name & Subject.</li>
                    <li><strong>Modify / Delete : </strong>Teacher can modify class details or can even delete class.</li>
                    <li><strong>Load Students : </strong>After creating a class, teacher shall upload link of Class List. By doing so, all student data will get stored in Database.</li>
                    <li><strong>Export Result : </strong>Compiled result of students can be downloaded in PDF format.</li>
                    <li><strong>Examine Answersheets : </strong>Clicking this button answersheet along with a small form is displayed. Teacher can enter marks gained in each question. Cumulative marks is calculated simultaneously and by clicking on submit button marks get stored in the data base.</li>


                </ol>
            </div>
            <div class="features__feature__teacher feature_box">
                <h1 class="yellow">Student</h1>
                <img draggable="false" src="./resources/images/students.jpg" alt="Students">
                <ol class="featureList">
                <li><strong>Upload Answersheet : </strong>Student have to enter the link of the PDF uploaded on Google Drive.</li>
                <li><strong>Show Answersheet : </strong>Student can view the uploaded answersheet to verify if he/she uploaded the correct PDF.</li>
                <li><strong>Result Board : </strong>It displays list of all subjects whose PDFs has been uploaded, marks in each question and total marks gained along with the PDF uploaded.</li>
                <li><strong>Download Marksheet : </strong>Student can download or export the marksheet through mail which specifies subject name & the marks gained in respective subject</li>
                </ol>
            </div>

        </div>
    </section>

    <!-- Our team -->
    <section class="team">
        <h1>Meet Our Team Members</h1>
        <div class="team__teamMembers">
            <div class="team__teamMember">
                <img draggable="false" src="./resources/images/team-members/deepak.jpg" alt="Deepak Kumar">
                <h2>Deepak Kumar</h2>
            </div>
            <div class="team__teamMember">
                <img draggable="false" src="./resources/images/team-members/jasveen.jpg" alt="Jasveen Kaur">
                <h2>Jasveen Kaur</h2>
            </div>
            <div class="team__teamMember">
                <img draggable="false" src="./resources/images/team-members/kushdeep.jpg" alt="Kushdeep Singh">
                <h2>Kushdeep Walia</h2>
            </div>
            <div class="team__teamMember">
                <img draggable="false" src="./resources/images/team-members/aastha.jpg" alt="Aastha Bhasin">
                <h2>Aastha Bhasin</h2>
            </div>
            <div class="team__teamMember">
                <img draggable="false" src="./resources/images/team-members/dev.jpg" alt="Devender Kumar">
                <h2>Devender Kumar</h2>
            </div>
        </div>
        <div class="team__background">
        </div>
    </section>
    <script src="./resources/js/script.js"></script>
    <script src="./resources/js/waypoint.js"></script>
    <script src="./resources/js/responsive.js"></script>

</body>

</html>