generated from usf-cs360-spring2020/template-bulma
-
Notifications
You must be signed in to change notification settings - Fork 0
/
grade.html
155 lines (126 loc) · 6.83 KB
/
grade.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Reqiurements</title>
<!-- Load Bulma from CDN (consider saving it to repository instead) -->
<!-- https://bulma.io/ -->
<link rel="stylesheet" href="https://jenil.github.io/bulmaswatch/lux/bulmaswatch.min.css">
<!-- Load Font Awesome 5 (free) icons -->
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
</head>
<body>
<div id="navigation">
</div>
<script>
$(function(){
$("#navigation").load("navbar.html");
});
</script>
<section class="section">
<div class="container">
<div class="content">
<h4 id="alpha-release">Alpha Release</h4>
<ul>
<li>
<p><strong>Website Requirements:</strong></p>
<ul class="task-list">
<li class="task-list-item">
<p><input type="checkbox" class="task-list-item-checkbox" checked="checked"><strong> Home/Landing Page</strong>: the dedicated page that describes the <strong>overall narrative</strong> and provides <strong>clear navigation</strong> to the other pages.</p>
</li>
<li class="task-list-item">
<p><input type="checkbox" class="task-list-item-checkbox" checked="checked"><strong> About Page</strong>: A separate page that describes you and your motivation behind this project.</p>
</li>
<li class="task-list-item">
<p><input type="checkbox" class="task-list-item-checkbox" checked="checked"><strong> Dataset Page</strong>: A separate page that describes the original dataset. includes: the dataset <strong>attribution</strong>, the <strong>license</strong> for the dataset, the <strong>size</strong> of the dataset, the content of the dataset</p>
</li>
<li class="task-list-item">
<p><input type="checkbox" class="task-list-item-checkbox" checked="checked"><strong> Prototypes Page or Section</strong>: A separate page (or pages) that will include your various prototypes and feedback you received on those prototypes.</p>
</li>
</ul>
</li>
<li>
<p><strong> Prototype Requirements:</strong></p>
<ul class="task-list">
<li class="task-list-item">
<p><input type="checkbox" class="task-list-item-checkbox" checked="checked"> Create a simple prototype of your dataset</p>
</li>
</ul>
</li>
</ul></div>
</ul></div>
<div class="container">
<div class="content">
<h4 id="Beta-release">Beta Release</h4>
<ul>
<li>
<p><strong>Website Requirements:</strong></p>
<ul class="task-list">
<li class="task-list-item">
<p><input type="checkbox" class="task-list-item-checkbox" checked="checked"><strong> Refined Theme</strong>: A more refined and clearly marked (ideally using a section heading) section the <strong>Home/Landing Page</strong> with the overall narrative or theme for your project. </p>
</li>
<li class="task-list-item">
<p><input type="checkbox" class="task-list-item-checkbox" checked="checked"><strong> Prototype Page</strong>:A new prototype page (the alpha prototype should be on a separate page) for the beta prototype. This page should include the prototype, and the following clearly marked writeups: <strong>Question</strong>,<strong>Answer</strong>,<strong>Encoding</strong> ,<strong>Interactivity </strong></p>
</li>
</ul>
</li>
<li>
<p><strong> Prototype Requirements:</strong></p>
<ul class="task-list">
<li class="task-list-item">
<p><input type="checkbox" class="task-list-item-checkbox" checked="checked"> The visualization prototype may be created using any tool and does not have to be interactive. However, it does have to be one of the visualization techniques listed for your primary final project visualization.</p>
</li>
</ul>
</li>
</ul></div>
</ul></div>
<div></div>
<div class="container">
<div class="content">
<h4 id="Beta-release">Final Release</h4>
<ul>
<li>
<p><strong>Website Requirements:</strong></p>
<ul class="task-list">
<li class="task-list-item">
<p><input type="checkbox" class="task-list-item-checkbox" checked="checked"><strong> Peer Feedback </strong>: Add a feedback page or section to your prototype page with the feedback you received.
Include both the asynchronous peer feedback you received.
Include the live synchronous feedback you received from the instructor.
Include any changes you made based on the feedback you received. </p>
</li>
<li class="task-list-item">
<p><input type="checkbox" class="task-list-item-checkbox" checked="checked"><strong> Final Visualization </strong>:Add a dedicated page to your final visualization(s). The visualization(s) should be the primary focus on that page. You should also include the following clearly marked writeups on the same page:
Encoding: Explain to general users how your data is encoded and how to interpret your visualization(s).
Interactivity: Explain to general users how to interact with your visualization(s).
Findings: Explain a major finding from your visualization to general users. This should help support your overall narrative or theme. You can pose this in a question/answer format like your prototype page.</p>
</li>
</ul>
</li>
<li>
<p><strong> Prototype Requirements:</strong></p>
<ul class="task-list">
<li class="task-list-item">
<p><input type="checkbox" class="task-list-item-checkbox" checked="checked"> Make something awesome.
At least one advanced highly-interactive visualization must be implemented in D3 version 3. You may also supplement that with additional visualizations using D3 or any other visualization tool.</p>
</li>
</ul>
</li>
</ul></div>
<!-- End page content -->
</ul></div>
</ul></div>
</ul></div>
</div>
</section>
<div id="footer">
</div>
<script>
$(function(){
$("#footer").load("footer.html");
});
</script>
<!-- End mobile menu responsiveness -->
</body>
</html>