-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathlearningimpact_ysu.html
More file actions
452 lines (389 loc) · 13.1 KB
/
Copy pathlearningimpact_ysu.html
File metadata and controls
452 lines (389 loc) · 13.1 KB
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
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Integrating YouSeeU in MindTap using LTI</title>
<meta name="description" content="A presentation on Integrating YouSeeU in MindTap using LTI">
<meta name="author" content="Claude Vervoort">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/reveal.min.css">
<link rel="stylesheet" href="css/theme/default.css" id="theme">
<!-- For syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<link rel="stylesheet" href="css/extra.css">
<!-- If the query includes 'print-pdf', include the PDF print sheet -->
<script>
if( window.location.search.match( /print-pdf/gi ) ) {
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'css/print/pdf.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
}
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section>
<img class="onlyshadow" src='learningimpact_ysu/title.png'>
<h3>Using <b>LTI</b> to provide deep integration of YouSeeU Video Assessment in MindTap.</h3>
<ul>
<li>What worked</li>
<li>What was missed</li>
</ul>
<p>
<small><a href="email:claude.vervoort@cengage.com">Claude Vervoort</a> - Architect, <a href="http://www.cengage.com/mindtap">MindTap team - Jeff Lewis PhD, CLO, YouSeeU</a></small>
</p>
</section>
<section>
<img class="nobkg" src='learningimpact_ysu/youseeu.png'>
<p>
<b>synchronous (live capture)</b> and <b>asynchronous</b> speech video delivery, recording and grading
</p>
<aside class="notes">
</aside>
</section>
<section>
<img class="nobkg" src='learningimpact_ysu/mindtap.png'>
<p>
<b>Courseware</b> platform assembling rich content and activities in a customizable environment.
</p>
<p>
<b>MindApps</b> are used to actually deliver Content and Activities.
</p>
<aside class="notes">
</aside>
</section>
<section>
<h1>Demo!</h1>
<aside class="notes">
</aside>
</section>
<section>
<h2>Standards at Play</h2>
<p>
Rating on how LTI played out for main integration points:
</p>
<ul>
<li>Launching an Assessment</li>
<li>Adding/Editing an Activity</li>
<li>Submission and Grading</li>
<li>Master and Courses</li>
<li>Roster</li>
</ul>
<aside class="notes">
</aside>
</section>
<section>
<section>
<h2>Launching an Assessment</h2>
<p>
When clicking on the Learning Path, the right assessment opens in the right state for current user.
</p>
<a href="#" class="image navigate-down">
<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
</a>
</section>
<section>
<h2>Basic LTI Launch</h2>
<img class="nobkg" src="learningimpact_ysu/integration-03.svg">
</section>
<section>
<pre><code data-trim contenteditable>
POST http://youseeu.com/lti
lti_message_type: basic-lti-launch-request
#where
context_id: 46
context_title: 'Course Name'
#who
user_id: 1234455
roles: 'Instructor'
lis_person_name_family: 'Smith'
lis_person_name_given: 'Samantha'
#what
custom_ref_id: 'asst-345'
custom_activity_enddate: 1399519279
custom_course_enddate: 1399892453
#trust
oauth_consumer_key: 'mindtap'
oauth_sign: '6mzAT1/8K9y3Bu2co417WT2g0Dc='
</code></pre>
</section>
<section>
<p>custom_activity_end_date</p>
<h2>take 🕐 peer review</h2>
</section>
<section>
<h2>Verdict</h2>
</section>
<section>
<img class="nobkg" src='learningimpact_ysu/borat-thumbs-up-transparent.png'>
<p><small>That is what Basic Launch is for, however too much reliance on custom params</small></p>
</section>
</section>
<section>
<section>
<h2>Adding an Activity</h2>
<p>
As an editor or an Instructor, I want an integrated authoring environment to add or edit YouSeeU activities in MindTap.
</p>
<a href="#" class="image navigate-down">
<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
</a>
</section>
<section>
<h2>Content Item Request Launch</h2>
<img class="nobkg" src="learningimpact_ysu/integration-01.svg">
</section>
<section>
<h2>1: Content Item Request</h2>
<pre><code data-trim contenteditable>
POST http://youseeu.com/lti
lti_message_type: ContentItemSelectionRequest
#add flow continutation
content_item_return_url: http://mindtap.com/nb/service/lti/contentItemSelectionReturn
data: mindtap-continutation-data
#where
context_id: 46
context_title: 'Course Name'
#who
user_id: 1234455
roles: 'Instructor'
#trust
oauth_consumer_key: 'mindtap'
oauth_sign: '6mzAT1/8K9y3Bu2co417WT2g0Dc='
</code></pre>
</section>
<section>
<h2>2: YouSeeU responds</h2>
<pre><code data-trim contenteditable>
POST http://mindtap.com/nb/service/lti/contentItemSelectionReturn
content-items: {
"@context": ["http://purl.imsglobal.org/ctx/lti/v1/ContentItemPlacement",
"http://mindtap.cengage.com/static/nb/jsonld/contentitem.jsonld"],
"@graph": [{
"@type": "ContentItemPlacement",
"placementOf": {
"@type": "LtiLink",
"mediaType": "application/vnd.ims.lti.v1.launch+json",
"title": "Subjective Assessment",
"activityRefId": "12ad5g",
"mtScorable": {
"pointsPossible": 34.53
}
}
}]
}
data: mindtap-continutation-data
</code></pre>
</section>
<section>
<h2>3: Back in Mindtap,</h2>
<p>Instructor submits</p>
<p>...or cancel</p>
</section>
<section>
<h2>Limitations</h2>
<ul>
<li>No confirmation when truly added</li>
<li>No grading information</li>
<li>No Edit flow</li>
<li>No Delete notification</li>
</ul>
</section>
<section>
<h2>Content Item: more than LTI Links</h2>
<ul>
<li>Also for embedding (Rich Text Editor)</li>
<li>Images, video, HTML snippets, IFrames</li>
<li><a href="http://www.imsglobal.org/lti/" target="_blank">Draft Specifications</a></li>
</ul>
</section>
<section>
<h2>Verdict</h2>
</section>
<section>
<img class="nobkg" src='learningimpact_ysu/a-team-thumbs-up-ignazio-d.jpg'>
<p><small>Fills a key gap. Will evolve!</small></p>
</section>
</section>
<section>
<section>
<h2>Submission and Grading</h2>
<p>
As an Student, I need to know in MindTap the status of my activity, in progress, submitted, graded.
</p>
<a href="#" class="image navigate-down">
<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
</a>
</section>
<section>
<h2>Basic Outcome Service (the POXes)</h2>
<img class="nobkg" src="learningimpact_ysu/integration-05.svg">
</section>
<section>
<pre><code>
POST http://youseeu.com/lti
lti_message_type: basic-lti-launch-request
#who, where, what, trust as before
#Outcome
lis_outcome_service_url: http://local.mindtap/nb/service/ltiOutcome/saveAttempt/
lis_result_sourcedid: '3e39d9bd-77df-4cb4-8070-07ca76c75c52'
</code></pre>
</section>
<section>
<h2>POX example</h2>
<pre><code>
<imsx_POXBody>
<replaceResultRequest>
<resultRecord>
<sourcedGUID>
<sourcedId>3124567</sourcedId>
</sourcedGUID>
<result>
<resultScore>
<language>en</language>
<textString>0.92</textString>
</resultScore>
</result>
</resultRecord>
</replaceResultRequest>
</imsx_POXBody>
</code></pre>
</section>
<section>
<h2>States Mapping</h2>
<ul>
<li>In Progress: on 1st launch (attempt created)</li>
<li>Submitted: POX ReplaceResult, empty Result</li>
<li>Graded: POX ReplaceResult, 0-1 grade rescaled</li>
<li>Reset (YSU initiated): POX DeleteResult</li>
<li>Reset (MindTap initiated): Callback Proprietary</li>
</ul>
</section>
<section>
<h2>Graded by <span style='color:#F82'>System</span></h2>
<p>No information about the actor :(</p>
</section>
<section>
<h2>Verdict</h2>
</section>
<section>
<img class="nobkg" src='learningimpact_ysu/spock_thumbs_up.jpg'>
<small>Too limited and clunky to grow into, but worked! Looking forward to <span style="color:#F82">Rich Outcomes</span>.</small>
</section>
</section>
<section>
<section>
<h2>Masters and Courses</h2>
<p>As an Instructor, I want a course with great content and activities
that I can then customize</p>
</section>
<section>
<h2>=> Each course is a modifiable copy of a Master</h2>
<img class="nobkg" src="learningimpact_ysu/integration-02.svg">
</section>
<section>
<h2>Source Context</h2>
<pre><code data-trim contenteditable>
POST http://youseeu.com/lti
lti_message_type: basic-lti-launch-request
#where
context_id: 46
#on every launch, used to do Lazy copy of YouSeeU context
source_context_id: 34
</code></pre>
</section>
<section>
<h2>Verdict</h2>
</section>
<section>
<img class="nobkg" src='learningimpact_ysu/spock_thumbs_up.jpg'>
<small>Proprietary semantics using LTI plumbing</small>
</section>
</section>
<section>
<section>
<h2>Roster</h2>
<p>As an Instructor, I need to setup group activities in advance. Late enrollment on 1st student launch is not enough.</p>
</section>
<section>
<h2>MindTap ROSTER Service</h2>
<pre><code data-trim contenteditable>
# All Course enrollment
GET http://{mindtap}/roster/{contextId}
# Feed like Pull api for update
GET http://{mindtap}/roster/{contextId}?since={unix_timestamp}
#secured with simple HTTP Header signature using LTI Shared Secret
</code></pre>
</section>
<section>
<h2>Verdict</h2>
</section>
<section>
<img class="nobkg" src='learningimpact_ysu/thumbs_down_gladiator.gif'>
<p><small>But bot for long! Membership Service cooking...</small></p>
</section>
</section>
<section>
<section>
<h2>so, final Verdict?</h2>
</section>
</section>
<section>
<section>
<h2>Awesome :)</h2>
<ul>
<li>Bootstrap integration (basic integration quickly up and running)</li>
<li>Lingua Franca</li>
<li>A model to grow into</li>
<li>Experience can be shared for next integrations and the community</li>
<ul>
</section>
</section>
<section>
<section>
<h1>Q & A</h1>
<small>images from:
http://www.reactiongifs.us/thumbs-down-gladiator/
http://www.dailymail.co.uk/news/article-2296269/From-guns-thumbs-Film-fans-shoot-classic-movie-moments-weapons.html
http://somofos.com/wp-content/uploads/2012/04/borat-thumbs-up-1.jpeg</small>
</section>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.min.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
// Parallax scrolling
// parallaxBackgroundImage: 'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg',
// parallaxBackgroundSize: '2100px 900px',
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
]
});
</script>
</body>
</html>