-
Notifications
You must be signed in to change notification settings - Fork 0
/
feedback.html
300 lines (236 loc) · 12 KB
/
feedback.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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
<!doctype html>
<!--
Material Design Lite
Copyright 2015 Google Inc. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
https://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License
-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Introducing Lollipop, a sweet new take on Android.">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Android</title>
<!-- Page styles -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="mdl/material.min.css">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="tl-styles.css">
<link rel="stylesheet" href="feedback-styles.css">
<style>
#view-source {
position: fixed;
display: block;
right: 0;
bottom: 0;
margin-right: 40px;
margin-bottom: 40px;
z-index: 900;
}
</style>
</head>
<body>
<div style="display:none" class="movie-player-overlay tangerine-overlay">
<img style="position: relative;
top: 50%;
transform: translateY(-50%);" width="85%" src="assets/movie-player.png">
</div>
<div class="site mdl-layout mdl-js-layout">
<div class="tangerine-header mdl-layout__header mdl-layout--fixed-header">
<div class="mdl-layout__header-row tangerine-header-row">
<a href="index.html" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<img class="tangerine-logo-image" src="images/tangerineLogo.png" height="32px">
</a>
<!-- Add spacer, to align navigation to the right in desktop -->
<div class="android-header-spacer mdl-layout-spacer"></div>
<!-- Right aligned menu below button -->
<button id="demo-menu-lower-right" class="mdl-button mdl-js-button mdl-button--icon">
<i class="material-icons">more_vert</i>
</button>
</div>
<div class="mdl-layout__tab-bar mdl-js-ripple-effect">
<a href="#fixed-tab-1" class="mdl-layout__tab is-active">Feedback</a>
<a href="#fixed-tab-2" class="mdl-layout__tab">Survey Data</a>
<a href="#fixed-tab-3" class="mdl-layout__tab">Moments</a>
</div>
</div>
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="demo-menu-lower-right">
<li class="mdl-menu__item"><a href="index.html">Home</a></li>
<li class="mdl-menu__item">Settings</li>
<li class="mdl-menu__item">Logout</li>
</ul>
<div class="android-content mdl-layout__content">
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<!-- Wide card with share menu button -->
<style>
</style>
<div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect">
<div class="mdl-tabs__panel is-active" id="feedback">
<section class="mdl-layout__tab-panel is-active" id="fixed-tab-1">
<div class="page-content">
<div class="tangerine-feedback--text-pad">
<h1> Feedback </h1>
<p class="tangerine-card--p">Based on your classroom observations and student assessment, the following are some of the areas the teacher needs
to work on. You may focus your discussion on the top 3 items. Lesson duration: 50 minutes</p>
</div>
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
<h4 class="tangerine-feedback-title">Comprehension (Before the story)</h4>
<ol>
<li>Read the title.</li>
<li>Discuss the picture.</li>
<li>Ask the pupils to make a prediction</li>
<li>Check to see if the pupil's prediction was correct after they read the story.</li>
</ol>
<div class="mdl-card__actions mdl-card--border">
<a class="open-movie-player mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
<img width=250 src="assets/watch-training.png">
</a>
</div>
</div>
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
<h4 class="tangerine-feedback-title">Homework</h4>
<p class="tangerine-feedback-title">Demonstrate how to do the homework with the classwork examples.</p>
</div>
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
<h4 class="tangerine-feedback-title">Perky Pace</h4>
<p class="tangerine-feedback-title">Remember to review your lesson before you give it. You can review by practicing it, review parts that you are unsure
about, and timing yourself as you practice.</p>
</div>
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
<h4 class="tangerine-feedback-title">Staying on Pace</h4>
<p class="tangerine-feedback-title">It is important to teach Tusome lessons every day. If you fall behind in your Tusome lessons, your children will
not be able to read or perform well on exams. If you are falling behind, teach two Tusome lessons on one day to
catch up.
</p>
</div>
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
<h4 class="tangerine-feedback-title">Student Assessment Results</h4>
<p class="tangerine-feedback-title">The students that were assessed in this class achieved on average 623 correct items per minute.</p>
<ol>
<li class="tangerine-feedback-title">For Kiswahili, the end of grade benchmark is 17 correct items per minute in Class 1 and 45 correct items per minute
in Class 2.</li>
<li class="tangerine-feedback-title">For English, the end of grade benchmark is 30 correct items per minute in Class 1 and 65 correct items per minute
in Class 2.</li>
</ol>
<p class="tangerine-feedback-title">
Use this information in your discussions with the teacher.
</p>
</div>
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
<h4 class="tangerine-feedback-title">TAC/Coach Notes</h4>
<p class="tangerine-feedback-title">How did the feedback session go? What do you hope the teacher will change for next time?</p>
</div>
</div>
</section>
<section class="mdl-layout__tab-panel" id="fixed-tab-2">
<div class="page-content">
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
<div class="mdl-card__supporting-text">
<h5>Did the teacher teach the song?</h5>
</div>
<div class="mdl-card__supporting-text">
<button class="mdl-button mdl-js-button mdl-button--raised"> Yes </button>
<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> No </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> Not Applicable </button>
</div>
</div>
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
<div class="mdl-card__supporting-text">
<h5>What Phonemic Awareness activities were modeled?</h5>
</div>
<div class="mdl-card__supporting-text">
<button class="mdl-button mdl-js-button mdl-button--raised"> Thumbs up/Thumbs down </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> Blending </button>
<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Segmenting </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> Not applicable </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> This section was skipped </button>
</div>
</div>
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
<div class="mdl-card__supporting-text">
<h5>What Vocabulary strategies were modeled?</h5>
</div>
<div class="mdl-card__supporting-text">
<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Gesture </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> Make a sentence </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> Give definition </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> Point to something </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> Use a picture </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> Give another word in English/MT or Kiswahili</button>
<button class="mdl-button mdl-js-button mdl-button--raised"> Not applicable </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> This section was skipped </button>
</div>
</div>
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
<div class="mdl-card__supporting-text">
<h5>Did the teacher define the word correctly?</h5>
</div>
<div class="mdl-card__supporting-text">
<button class="mdl-button mdl-js-button mdl-button--raised"> Yes </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> No </button>
<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Not Applicable </button>
</div>
</div>
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
<div class="mdl-card__supporting-text">
<h5>Did the teacher support the children to make sentences with the words?</h5>
</div>
<div class="mdl-card__supporting-text">
<button class="mdl-button mdl-js-button mdl-button--raised"> Yes </button>
<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> No </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> Not Applicable </button>
</div>
</div>
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
<div class="mdl-card__supporting-text">
<h5>Was there any grammar activity in the lesson?</h5>
</div>
<div class="mdl-card__supporting-text">
<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Yes </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> No </button>
</div>
</div>
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
<div class="mdl-card__supporting-text">
<h5>What Comprehension (before the story) activities were modeled?</h5>
</div>
<div class="mdl-card__supporting-text">
<button class="mdl-button mdl-js-button mdl-button--raised"> Read title </button>
<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Talk about picture(s) </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> Prediction </button>
<button class="mdl-button mdl-js-button mdl-button--raised"> This section was skipped </button>
</div>
</div>
</div>
</section>
<section class="mdl-layout__tab-panel" id="fixed-tab-3">
<div class="page-content" style="margin:15px 15px">
<img width=260 src="assets/feedback-lesson-duration.png">
<p style="margin: 10px 15px">
These are the moments you captured. Item you do not save will be deleted.
</p>
<img src="assets/feedback-audio.png" width="100%">
<img src="assets/feedback-bookmarked.png" width="100%">
<img src="assets/feedback-photos.png" width="100%">
<img src="assets/feedback-audio.png" width="100%">
<img src="assets/feedback-photos.png" width="100%">
</div>
</section>
</div>
</div>
</div>
<div class="mdl-layout__obfuscator">
</div>
<script src="scripts.js"></script>
<script src="mdl/material.min.js"></script>
</body>
</html>