forked from hakimel/reveal.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathOERuTechTalk.html
335 lines (322 loc) · 24 KB
/
OERuTechTalk.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
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>OERu open technology infrastructure and rationale</title>
<meta name="description" content="OERu open source technology infrastructure. Why we do it.">
<meta name="author" content="Dave Lane">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/solarized.css">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]><script src="lib/js/html5shiv.js"></script><![endif]-->
<!--custom CSS-->
<style>
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
text-transform: none;
}
.slides .logo a img, .slides .logo a:hover img, .slides .copyright a img {
border: none;
box-shadow: none;
background: transparent;
}
.instructions { width: 50%; font-size: 70% !important; }
.instructions tr {
padding: 3px;
border-bottom: dotted #444 1px;
margin-top: 5px;
}
.instructions tr:last-child { border-bottom: none; }
.left { text-align: left; margin-left: 10%;}
.mobile { width: 60% !important; }
</style>
</head>
<body>
<div class="reveal">
<div class="slides">
<section data-state="first">
<h1>OERu Open Tech Toolset</h1>
<h3>Dave Lane (<a href="https://twitter.com/lightweight">@lightweight</a>)</h3>
<p style="font-size: 80%">Open Source Technologist, OER Foundation</p>
<p>OERu 16.10 Meeting<br />
University of the Highlands and Islands<br/>
Inverness, Scotland - 3-5 October 2016</p>
<div class="footer">
<div class="logo" style="float: left; width: 32%"><a href="http://oeru.org"><img src="media/oeru_logo.png" alt="OERuniversitas Logo" style="width: 3.5em;" /></a>
</div>
<div class="copyright" style="float:left; width: 33%; text-align: center"><a title="Content on this site is licensed under a Creative Commons Attribution 4.0 International License." href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a>
</div>
<div class="logo" style="float: right; width: 32%"><a href="http://oerfoundation.org"><img src="media/oerf_logo.png" alt="OER Foundation Logo" style="width: 3.5em;" /></a>
</div>
</div>
<aside class="notes">
<p>Hello everyone, I'm Dave Lane, the OER Foundation's Open Source Technologist. I work with Wayne Mackintosh from our Christchurch Office, building and maintaining the mixture of technologies which make up the OERu's Technology Stack or Toolset.</p>
</aside>
</section>
<section>
<h1>OERu Minimum Viable Product</h1>
<h2>An accredited full year course of study</h2>
<aside class="notes">
<p>This toolset underlies the OERu Minimum Viable Product and is based on a collaborative authoring platform, <a href="http://wikieducator">Wikieducator.org</a> - built on the same technology underlying Wikipedia - combined with a delivery platform, <a href="http://course.oeru.org">Course.oeru.org</a> - built on the WordPress blog platform.</p>
<p>Our toolset also includes collaboration and communication tools to engage both educators and learners and we are incorporating analytical tools to help us measure the effectiveness of various practices we adopt.</p>
</aside>
</section>
<section>
<h1>How will it work?</h1>
<aside class="notes">
<p>If you're not already familiar with those technologies and how we're using them, my purpose today is to give you an idea of how this toolset will work in practice.</p>
</aside>
</section>
<section>
<section>
<h2>Step 1: Educators assemble OERs in <a href="https://wikieducator.org" title="Wikipedia for OERs">WikiEducator.org</a></h2>
<aside class="notes">
<p>OERu partner representatives assemble course materials in Wikieduator in collaboration with other educators. They can incorporate rich content [Rich text editing environment] and assessments [quiz] directly in the Wiki. All work is protected by version control [revisions]. It can be edited from anywhere, with any Internet-connected computer or device. </p>
</aside>
</section>
<section data-background="media/CoursePageWE_RichText.png" data-background-position="top" data-background-size="100%">
<aside class="notes">
<p>Editing a WikiEducator page with the RichTextEditor.</p>
</aside>
</section>
<section data-background="media/CoursePageRevisionsWE.png" data-background-position="top"
data-background-size="100%">
<aside class="notes">
<p>WikiEducator version control: a list of page revisions.</p>
</aside>
</section>
<section data-background="media/CoursePageRevisionsDiffWE.png" data-background-position="top" data-background-size="100%">
<aside class="notes">
<p>Showing differences between revisions.</p>
</aside>
</section>
<section data-background="media/CoursePageQuizWE.png" data-background-position="top">
<aside class="notes">
<p>Showing differences between revisions.</p>
</aside>
</section>
</section>
<section>
<section>
<h2>Step 2: Educators design Courses for independent study using OERu tools</h2>
<aside class="notes">
<p>Educators can plan and contribute to individual courses - and new collaborators brought up-to-speed - coordinating tasks through our "Kanban" planning board [Wekan screenshot], through email mailing lists [Groups screenshot] and their archives, and in our searchable Community forum [Community screenshot]. Educators can collaborate in real-time with other educators and us through our instant messaging Chat environment [Rocketchat screenshot].</p>
</aside>
</section>
<section data-background="media/WekanBoard.png" data-background-position="top" data-background-size="90%">
<aside class="notes">
<p>Our WeKan <a href="http://plan.oeru.org">kanban planning board</a>.</p>
</aside>
</section>
<section data-background="media/GroupsPage.png" data-background-position="top" data-background-size="90%">
<aside class="notes">
<p>An example of our <a href="http://onlinegroups.net">OnlineGroups.Net</a>-hosted <a href="http://groups.oeru.org">email list page</a>.</p>
</aside>
</section>
<section data-background="media/CommunityDiscourse.png" data-background-position="top" data-background-size="100%">
<aside class="notes">
<p>The front page of one of our two self-hosted <a href="http://discourse.org">Discourse</a> forums - this one primarily for our educator <a href="http://community.oeru.org">community</a>.</p>
</aside>
</section>
<section data-background="media/RocketChat_Tech.png" data-background-position="top" data-background-size="80%">
<aside class="notes">
<p>This is the Tech channel of our self-hosted <a href="http://rocket.chat">Rocket.Chat</a>-based <a href="https://chat.oeru.org">instant messaging platform</a> (that also supports file sharing, video conferencing, archive searching, and many other features).</p>
</aside>
</section>
</section>
<section>
<section>
<h2>Step 3: Courses offered by OERu</h2>
<aside class="notes">
<p>Any partner can "harvest" any course at any time, creating a "snapshottable" version for their institution.</p>
</aside>
</section>
<section data-background="media/CoursePageCSF101_WE-Outline.png" data-background-position="top" data-background-size="80%">
<aside class="notes">
<p>At the click of a button, a Wikieductor course represented by a Course Outline like <a href="http://wikieducator.org/Creating_sustainable_futures/CSF101/_Outline">this one</a> using materials held on WikiEducator, is automatically converted into a mobile-friendly WordPress site...</p>
</aside>
</section>
<section data-background="media/Sidebyside_WEandWP_CSF101.png" data-background-position="top" data-background-size="100%">
<aside class="notes">
<p>...either on a partner's own infrastructure or on our Course site [side-by-side screenshot of WE course -> WP course]. Of course, because the materials are openly licensed, partners have <em>express permission</em> to reuse the course materials even if that's by copying and pasting them into their preferred format. Here's <a href="http://course.oeru.org/csf101/learning-pathways/sustainability-is-entirely-possible/overview/">the page we've been looking at</a> as an illustration of how the WordPress snapshotting works. At the bottom of each WordPress Course page, there's a link back to <a href="http://wikieducator.org/Creating_sustainable_futures/CSF101/Sustainability_is_possible/Objectives">the WikiEducator page</a> from which it came...</p>
</aside>
</section>
<section data-background="media/CoursePageCSF101_WP-mobile.png" data-background-position="70% 1em" data-background-size="20% auto">
<p class="left mobile">Adaptive layout for our mobile learners.</p>
<aside class="notes">
<p>...and of course, the resulting WordPress pages are designed to be mobile-friendly, like <a href="http://course.oeru.org/csf101/learning-pathways/sustainability-is-entirely-possible/video-signpost/">this page, which includes a video signpost</a>.</p>
</aside>
</section>
</section>
<section>
<section>
<h2>Step 4: Learners take Courses</h2>
<aside class="notes">
<p>Learners can sign up for courses, either through partner institutions, or by signing up through OERu.org. This is particularly well suited to supporting "open boundary" courses. By registering, learners will be engaged with course-related instructional emails. These communications will be delivered through our learner engagement platform, Mautic, which will allow us to determine when learners act upon these emails. [CSF email screenshot]</p>
</aside>
</section>
<section data-background="media/MauticCourseEmail.png" data-background-position="top" data-background-size="80%">
<aside class="notes">
<p>This is a sample email sent via our Mautic learner engagement campaign to ensure timely and consistent messages - which can be pre-written - are delivered to coordinate our courses.</p>
</aside>
</section>
</section>
<section>
<section>
<h2>Step 5: Learners gain perspective by sharing</h2>
<aside class="notes">
<p>Learners can share and learn with one another though WENotes directly [screenshot], and via communication pulled from a wide variety of other places like suitably tagged posts on their own blogs, the OERu's Rocket.Chat, the OERu mailing lists, our learner Forums, and popular mainstream social media like Twitter and Google+.</p>
</aside>
</section>
<section data-background="media/WENotesExplanation3.png" data-background-position="top">
<aside class="notes">
<p>This is an example of WENotes filtered for a specific Course. It shows how participants in a Course can submit WENotes either directly through the Feed's WENotes entry form, or by creating appropiately tagged content elsewhere on the web, with examples here from the OERu Forums and an individual's WordPress blog.</p>
</aside>
</section>
</section>
<section>
<section>
<h2>Step 6: Learners request assessment from partners</h2>
<p>Branded course communications lead learners to partner assessment services and qualifications.</p>
<aside class="notes">
<p>Finally, upon completing a course, learners can be assessed by whatever means is deemed appropriate by the hosting partner institution, and earn credit upon meeting the assessment threshold. </p>
</aside>
</section>
<section data-background="media/PartnerOpportunities.png" data-background-position="top" data-background-size="100%">
<aside class="notes">
<p>Here is some of our new collateral - a partner-rebrandable <a href="https://www.youtube.com/watch?v=F4q3CjOQARI">Youtube Video</a> and a variety of brandable <a href="http://oeru.org/files/">promotional materials</a> like this course poster and rack card.</p>
</aside>
</section>
</section>
<section>
<section>
<h1>Permissionless Learning</h1>
<h2>Ability to fail (or not) anonymously</h2>
<aside class="notes">
<p>Throughout this process, motivated learners, anywhere in the world, can study these materials.</p>
</aside>
</section>
<section data-background="media/CoursePage-WP_Mobile.png" data-background-position="75% 1em" data-background-size="20% auto">
<p class="left mobile">Today, all a learner needs to improve their prospects is:<br/>
<span class="fragment"> aptitude, motivation, and opportunity - provided by any internet connected device.</span></p>
<aside class="notes">
<p>All they need is... aptitude, motivation, and an internet connected device [mobile screenshot of course.oeru.org].</p>
</aside>
</section>
</section>
<section>
<section>
<h1>Our toolset is entirely Open Source</h1>
<h2>Walking the "Open" talk</h2>
<h2></h2>
<aside class="notes">
<p>All of our tools are open source software. For us at the OER Foundation, it's about cultural alignment and consistency with our open principles - we don't just <em>talk</em> about being open.</p>
</aside>
</section>
<section>
<h1>For Partners...</h1>
<h2>Try before you (don't) buy</h2>
<h2>Adapt quickly and decisively</h2>
<h2>Remove barriers</h2>
<h2>Economies of scale without being small fish</h2>
<aside class="notes">
<p>For our partners, its an opportunity to experience and use tools that don't get aggressively marketed to you. The OERu tools that work well for you are there for the taking. You can cherry pick the ones you like best, and with our assistance, adopt them into your institutions. Also, with open source tools, you benefit from economies of scale - because these tools all have international user bases - but you get them without being treated like a small fish in a big pond. Plus, each open source tool your institution adopts will likely save you far more than your OERu annual membership fee. </p>
</aside>
</section>
<section>
<h1>For Learners...</h1>
<h2>Access and empowerment</h2>
<h2>Reversible choices</h2>
<h2>Uncompromised freedom</h2>
<aside class="notes">
<p>For our learners it means accessibility and empowerment - with our toolset, they won't be denied access of tools for lack of money for proprietary licenses, nor are they forced to sacrifice their freedoms in technology choice. Not only can learners *use* these tools to broaden their horizons, they're also encouraged to learn how they work, and make them even more fit-for-purpose.</p>
</aside>
</section>
<section data-background="media/OERuTechBlog.png" data-background-position="top" data-background-size="80%">
<aside class="notes">
<p>We've set up a <a href="https://tech.oeru.org">Technology Blog</a> as place to provide additional insights, how-tos, and case studies about compelling open source technologies.</p>
</aside>
</section>
</section>
<section>
<section>
<h1>Analytics</h1>
<p>Designed to measure OERu effectiveness</p>
<aside class="notes">
<p>We are increasingly building analytics tools like Piwik and Mautic into all of our services, so that, for example, course websites and associated email communication with students will be handled by systems that can measure the results of those communications. We want to be gathering information necessary to ensure the OERu is constantly learning, adapting, and improving.</p>
</aside>
</section>
<section data-background="media/MauticCampaignBuilder.png" data-background-position="top center" data-background-size="100%">
<aside class="notes">
<p>For exapmle, this is a Mautic campaign, showing the mapping of communication and the triggers for analytics events.</p>
</aside>
</section>
<section data-background="media/PiwikOERu.png" data-background-position="top" data-background-size="80%">
<aside class="notes">
<p>Here is a page of Piwik analytics - it's got signficant scope for customisation.</p>
</aside>
</section>
<section data-background="media/LinkShortener.png" data-background-position="top" data-background-size="90%">
<aside class="notes">
<p>Here is the admin interface for our Link Shortener, <a href="https://oer.nz/a">https://oer.nz</a>.</p>
</aside>
</section>
</section>
<section>
<h1>Acknowledgements</h1>
<p>The OERu <a href="https://oeru.org/news/senior-open-source-technologist-joins-the-oeru-family/">Platinum Partners</a></p>
<p>The OERu <a href="https://wikieducator.org/OERu/Planning/Technology_working_group">Technology Working Group</a></p>
<p style="font-size: 80%; color: #555">This presentation is available online: <a href="https://oer.nz/16">http://oer.nz/16</a></p>
<div class="footer">
<div class="logo" style="float: left; width: 49%"><a href="http://oeru.org"><img src="media/oeru_logo.png" alt="OERuniversitas Logo" style="width: 3.5em;" /></a>
</div>
<div class="logo" style="float: right; width: 49%"><a href="http://oerfoundation.org"><img src="media/oerf_logo.png" alt="OER Foundation Logo" style="width: 3.5em;" /></a>
</div>
</div>
<aside class="notes">
<p>I'd like to thank the OERu's Platinum Partners for funding my position, and the OERu Technology Working Group for supporting and helping guide my efforts over the past year! This presentation, including my speaking notes, is available at this short and sweet URL.</p>
</aside>
</section>
<section>
<h1>Credits</h1>
<p>This presentation was delivered with <a href="http://lab.hakim.se/reveal-js/">Reveal.JS</a> an open source presentation framework. Developers can <a href="https://github.com/hakimel/reveal.js">get the code</a> and others can use its point-and-click builder, <a href="https://slides.com">Slides.com</a>.</p>
<table class="instructions">
<tbody>
<tr><td class="left">Full Screen</td><td class="right">F</td></tr>
<tr><td class="left">Next Slide</td><td class="right">Space</td></tr>
<tr><td class="left">Speaker Notes</td><td class="right">S</td></tr>
<tr><td class="left">Thumbnail View</td><td class="right">Esc</td></tr>
</tbody>
</table>
<aside class="notes">
</aside>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// More info https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
history: true,
//transition: 'convex',
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>