-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
114 lines (106 loc) · 4.15 KB
/
index.php
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<div class="user-info row-spacing-8">
<span id="login">
<a href="loginPage.php"><button type="button" class="btn btn-default">Login</button></a>
</span>
<span id="signup">
<button type="button" class="btn btn-default">Signup</button>
</span>
</div>
</div>
</div>
<div class="row row-spacing-2">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="heading">
<h1>Home Page</h1>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="features">
<h2>Features</h2>
</div>
</div>
</div>
<div class="row row-spacing-4">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
<div class="content">
<div class="header">
<h3>Standard Assignments</h3>
</div>
<p>These assignments the students will receive randomly generated code and the student must guess what the output of the
code will be. This is a great exercise for understanding and following code.</p>
<div class="images">
<p>Step1: Once logged in, select course you wish to give an assignment and click the list of assignments tab</p>
<img src="images/instructor-home.png" />
</div>
<div class="images">
<p>Step2: Next click the "Create New Assignment" link</p>
<img src="images/standard-assignment2.png" />
</div>
<div class="images">
<p>Step3: Finally enter the credentials you wish for the particular assignment </p>
<img src="images/standard-assignment3.png" />
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
<div class="content">
<div class="header">
<h3>Unit Tests</h3>
</div>
<p>unit Tests are assignments in which an instructor can create a unit test for a particualr assignment and test it against the student's own
code to see if the assignment was completed correctly.</p>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
<div class="content">
<div class="header">
<h3>Instructor's Viewing Progress</h3>
</div>
<p>Instructors are able to see an up-to-date status on the their students and how they are doing on any assignment
in any class. This allows for the instructor to easily see who is passing and who is struggling. </p>
<div class="images">
<p>Step1: Once logged in, select course you wish to give an assignment and click the list of assignments tab</p>
<img src="images/instructor-home.png" />
</div>
<div class="images">
<p>Step2: On this page, click on the "progression by assignment" link </p>
<img src="images/progression1.png" />
</div>
<div class="images">
<p>Step3: Here you simply choose which assignment you which to see all student's grades. </p>
<img src="images/progression2.png" />
</div>
</div>
</div>
</div>
<div class="row row-spacing-4">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
<div class="content">
<div class="header">
<h3>Code Mirror</h3>
</div>
<p>CodeMirror is a code-editor component that can be embedded in Web pages that allows for color coordinated code and
proper indenting making inputing code in a text area less of a hassle. </p>
</div>
</div>
</div>
</div>
</body>
</html>