-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathworkshops.html
202 lines (177 loc) · 17.3 KB
/
workshops.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
<!DOCTYPE html><html style="font-size: 16px;"><head>
<title>Workshops | The Storytelling Project</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<script src="/js/infusion-all.js"></script><style type="text/css">.fl-progEnhance-basic, .fl-ProgEnhance-basic { display: none; } .fl-progEnhance-enhanced, .fl-ProgEnhance-enhanced { display: block; }</style>
<!-- UIO stylesheets -->
<link rel="stylesheet" type="text/css" href="css/Enactors.css">
<link rel="stylesheet" type="text/css" href="css/PrefsEditor.css">
<link rel="stylesheet" type="text/css" href="css/SeparatedPanelPrefsEditor.css">
<script src="/js/handlebars.js"></script>
<script src="/js/markdown-it.js"></script>
<script src="/js/equals.js"></script>
<script src="/js/helper.js"></script>
<script src="/js/jsonify.js"></script>
<script src="/js/md-common.js"></script>
<script src="/js/messageHelper.js"></script>
<script src="/js/renderer.js"></script>
<script src="/js/ajaxCapable.js"></script>
<script src="/js/hasRequiredOptions.js"></script>
<script src="/js/md-client.js"></script>
<script src="/js/messageHelper_1.js"></script>
<script src="/js/renderer_1.js"></script>
<script src="/js/templateAware.js"></script>
<script src="/js/templateFormControl.js"></script>
<script src="/js/templateManager_1.js"></script>
<script src="/js/templateMessage.js"></script>
<script src="/js/templateRequestAndRender.js"></script>
<script src="/js/base-page.js"></script>
<script src="/js/templateManager.js"></script>
<script src="/js/ui.js"></script>
<script src="/js/ui-authorControls.js"></script>
<script src="/js/ui-menu.js"></script>
<script src="/js/UIOMultilingualDemo.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Vollkorn:400,700|Work+Sans:400,500,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/storyTelling.css">
<link rel="stylesheet" href="css/fluid.css">
<script src="/js/storyTellingServerUI.js"></script>
<link rel="stylesheet" type="text/css" href="css/learningReflections.css"></head>
<body class="fl-theme-prefsEditor-default" style="line-height: 1.15;">
<div class="sjrk-prefsEditor-container">
<!-- BEGIN markup for Preference Editor -->
<div class="flc-prefsEditor-separatedPanel fl-prefsEditor-separatedPanel" id="fluid-id-4zptffwt-1343">
<!--
This div is for the sliding panel bar that shows and hides the Preference Editor controls in the mobile view.
A separate panel bar for mobile displays is needed to preserver the correct tab order.
-->
<div class="fl-panelBar fl-panelBar-smallScreen">
<span class="fl-prefsEditor-buttons">
<button class="flc-slidingPanel-toggleButton fl-prefsEditor-showHide" role="button" aria-controls="fluid-id-4zptffwt-2072" aria-label="Show Display Preferences" aria-pressed="false" aria-expanded="false">+ Show Preferences</button>
<button class="flc-prefsEditor-reset fl-prefsEditor-reset" aria-controls="fluid-id-4zptffwt-2072" role="button" style="display: none;"><span class="fl-icon-undo"></span> Reset</button>
</span>
</div>
<!-- This is the div that will contain the Preference Editor component -->
<div class="flc-slidingPanel-panel flc-prefsEditor-iframe" id="fluid-id-4zptffwt-2072" aria-label="User Preferences" role="group" style="height: 0px;"><iframe class="flc-iframe fl-prefsEditor-separatedPanel-iframe" src="SeparatedPanelPrefsEditorFrame.html" style="display: none; height: 0px;"></iframe></div>
<!--
This div is for the sliding panel bar that shows and hides the Preference Editor controls in the desktop view.
A separate panel bar for desktop displays is needed to preserver the correct tab order.
-->
<div class="fl-panelBar fl-panelBar-wideScreen">
<span class="fl-prefsEditor-buttons">
<button class="flc-slidingPanel-toggleButton fl-prefsEditor-showHide" role="button" aria-controls="fluid-id-4zptffwt-2072" aria-label="Show Display Preferences" aria-pressed="false" aria-expanded="false">+ Show Preferences</button>
<button class="flc-prefsEditor-reset fl-prefsEditor-reset" aria-controls="fluid-id-4zptffwt-2072" role="button" style="display: none;"><span class="fl-icon-undo"></span> Reset</button>
</span>
</div>
</div>
<!-- END markup for Preference Editor -->
</div>
<div class="sjrk-st-author-controls-container sjrkc-st-author-controls-container"></div>
<header class="sjrk-st-page-header-container sjrkc-st-page-header-container"><div class="sjrk-st-page-header">
<a href="index.html" class="sjrk-st-page-header-main-title">The<br>Storytelling<br>Project</a>
</div>
<div class="sjrk-st-top-menu">
<nav>
<ul>
<li><a href="workshops.html">Workshops</a></li>
<li><a href="resources.html">Resources</a></li>
<li><a href="storyBrowse.html">Browse Stories</a></li>
</ul>
</nav>
<a class="sjrk-st-edit-link" href="http://staging-stories.floeproject.org/storyEdit.html">Explore tool</a>
</div>
</header>
<!-- This div is for the table of contents feature provided by the Preferences Editor -->
<div class="flc-toc-tocContainer toc"></div>
<main class="sjrk-st-page-content-container">
<div class="sjrk-main-container">
<div class="sjrk-st-menu sjrkc-st-menu" id="fluid-id-4zptffwt-3248"></div>
<div class="sjrk-st-workshops sjrkc-st-workshops"><div class="sjrk-st-page-body">
<section class="sjrk-st-lr-knockout">
<h1>Workshops</h1>
</section>
<section class="sjrk-st-lr-2column sjrk-st-lr-serif">
<div><p>Storytelling can help us articulate our thoughts, feelings, and experiences; it can build confidence and create a sense of belonging and connection. Storytelling workshops can be a community experience that helps us uncover and express our stories.</p>
<p>During our workshops, participants reflected on their learning experiences and shared their stories of learning challenges and successes. Some expressed their stories with a voice recording, a drawing, written words or a video. Many shared their stories with the world by publishing them on the Storytelling website. Workshops were co-designed and facilitated with the goal to engage all individuals within diverse groups in finding, telling and sharing stories of learning.</p>
</div>
<img src="/images/storytelling_workshop_5.png" alt="Multicoloured textured child’s dress lying on a table amongst digital tablets, pads of paper, sticky notes and markers. The dress is being touched by a human hand.">
</section>
<section class="sjrk-st-lr-2column">
<div>
<h2>Web Theme Storytelling Workshop</h2>
<div class="sjrk-st-lr-serif">
<p>The Web Theme workshop took approximately three hours and has two parts which were run on separate days. The structure of the workshop looks like this:</p>
<p><strong>Day one:</strong> activities were aimed at helping students self-reflect on personal learning experiences and discover their stories about learning they wanted to share with the world. These activities included Web of strings and Spider web story mapping.</p>
<p><strong>Day two:</strong> Demo the Digital Story Building Tool, support participants in assembling their stories in the tool and publish to the Storytelling site. Students are encouraged to take photos, videos or use other creative mediums to help tell their digital stories—this can be assigned as homework.</p>
<p>We facilitated this workshop several times with high school students and their teachers in school classrooms. Students who attended the workshops were newcomers, refugees, and spoke various languages.</p>
<p><a href="https://wiki.fluidproject.org/display/fluid/Outreach+and+Workshop+Resources?preview=/175669542/175669554/StoryTelling%20Project%20Workshop%20Activities%E2%80%94High%20School%20Students.docx">You can get a more detailed description of the process and activities in the facilitation guide.</a> Use all or some of the of the activities; adapt and remix and then share your new resource back with the community!</p>
</div>
</div>
<img src="/images/storytelling_workshop_6.png" alt="Several people sit around tables talking with each other, interacting on digital devices and writing on pads of paper and sticky notes.">
</section>
<section class="sjrk-st-lr-2column">
<div class="sjrk-st-lr-serif">
<h3>Resources used in this workshop</h3>
<p><a href="https://wiki.fluidproject.org/display/fluid/Outreach+and+Workshop+Resources?preview=/175669542/175669554/StoryTelling%20Project%20Workshop%20Activities%E2%80%94High%20School%20Students.docx">Highschool Storytelling Workshop Guide</a></p>
<p><a href="https://guide.inclusivedesign.ca/activities/WebOfStrings.html">Web of Strings: group activity</a></p>
<p><a href="https://wiki.fluidproject.org/display/fluid/Learning+web+mapping+activity">Web of Learning Mapping: activity</a></p>
<p><a href="https://wiki.fluidproject.org/display/fluid/Learning+web+mapping+activity?preview=/177307658/177307660/WEB%20to%20plot%20learning%20ease%20and%20difficulty.pdf">Web of Learning Mapping: PDF template</a></p>
<p><a href="https://wiki.fluidproject.org/display/fluid/Outreach+and+Workshop+Resources?preview=/175669542/175669550/Contributor%20License%20Agreement%20-%20Simplified.docx">Simplified Contributor License Agreement: docx</a></p>
<br>
<h3>What we Learned at the workshops</h3>
<p><strong>A story about the Web of strings activity:</strong> In one workshop we didn’t have enough strings for everyone to participate in the web of strings activity. We came up with the solution to cut the strings in half to double the number. What we found was shorter strings meant those holding the strings needed to be physically closer together, even touching shoulder-to-shoulder. We also noticed that with a tighter circle the sound (there was a lot of cheering, laughing, oohing and awing) was amplified because you are so close to others. While we attempted to include everyone in the activity, we actually created more potential barriers. It is very likely that the tighter grouping of participants would not be a comfortable experience for sensory sensitivities. Also, devices such as walkers or wheelchairs would require more space. Plus the close proximity to each other might also have cultural implications for those who don’t feel comfortable being too close to the opposite sex for an extended period of time or gender plays a significant role in power structures.</p>
<p><a href="https://wiki.fluidproject.org/pages/viewpage.action?pageId=175669594">Find out more about what we learned during the workshops here.</a></p>
<p><a href="resources.html">Visit the resources page</a></p>
</div>
<figure>
<img src="/images/storytelling_workshop_7.png" alt="A web is formed by several long ropes intersecting in the middle. Students hold the ends of the ropes and together move a ball siting in the middle of the web into a container.">
<figcaption>It is likely a tighter grouping of participants would not be a comfortable experience for sensory sensitivities.</figcaption>
</figure>
</section>
<section class="sjrk-st-lr-2column">
<div>
<h2>My Story Storytelling Workshops</h2>
<div class="sjrk-st-lr-serif">
<p><strong>The My Story workshop has three activities:</strong> “All about me bag”, “My life as a river”, and “assemble and publish your story” (there is a “Hamburger structure for story building” scaffold to support writing if that is the medium of choice to tell a story). Each activity has a unique structure and includes unique tasks. For example, “All about me bag” asks participants to place items in a bag that tells a story about themselves and “My life as a river” asks participants to consider a river as a metaphor for life events and to draw their river in a way that feels true to their life experiences.</p>
<p>We facilitated this workshop twice, first with an English-speaking youth activist group and second with a diverse group of newcomers from different parts of the world who spoke many different languages and were learning English. The activist group participated both remotely and in person and was the shortest workshop we conducted (1 hour) while the newcomer group was the longest (5 hours).</p>
</div>
</div>
<div></div>
</section>
<section class="sjrk-st-lr-2column">
<div class="sjrk-st-lr-serif">
<h3>Resources used in this workshop</h3>
<p><a href="https://wiki.fluidproject.org/display/fluid/Outreach+and+Workshop+Resources?preview=/175669542/175669555/StoryTelling%20Project%20Workshop%20Activities%E2%80%93Adults.docx">Storytelling Workshop Guide</a></p>
<p><a href="https://wiki.fluidproject.org/display/fluid/All+About+Me+Bag">All About Me Bag: activity</a></p>
<p><a href="https://wiki.fluidproject.org/display/fluid/My+Life+as+a+River">My Life as a River: activity</a></p>
<p><a href="https://wiki.fluidproject.org/display/fluid/Outreach+and+Workshop+Resources?preview=/175669542/175669610/StoryStructure.pdf">Hamburger Story Structure: PDF</a></p>
<p><a href="https://wiki.fluidproject.org/display/fluid/Outreach+and+Workshop+Resources?preview=/175669542/175669550/Contributor%20License%20Agreement%20-%20Simplified.docx">Simplified Contributor License Agreement: docx</a></p>
<br>
<h3>What we Learned at the workshops</h3>
<ul>
<li>In a short session, it would likely be more effective to use one activity and add components instead of switching to different types of activities, allowing participants to gradually build upon their ideas and develop the story they want to tell. Perhaps by encouraging experiences about learning for both the “All about me bag” and “My life as a river” activities participants could then create their learning story to share with the world.</li>
<li>These types of activities can lead to sharing very personal moments and experiences which can be challenging to communicate in a language that is not your own. Writing stories in English was a significant barrier for participants who were just learning English to comfortably express their emotions and thoughts. In later workshops, we were more explicit in encouraging participants to express stories in their native language to create a more comfortable space for sharing personal experiences.</li>
<li>People perceived and behaved differently about their personal stories in private group spaces versus public digital spaces. When we had live group conversations, participants seemed to feel more comfortable sharing their personal stories and contributing to the activities. In contrast, when we asked them to publish some of the same stories using the digital storytelling website, many of them were not willing to do so. It seemed that they had built a circle of trust with the people in the workshop but they did not know or trust people who might access their stories in a public space. We noticed almost a similar experience in all of our other storytelling workshops when we transitioned to publishing a story on the Storytelling website. To bridge this gap, we provided further information about the project goals and made sure participants were aware of the option to publish their stories anonymously.</li>
</ul>
<p><a href="https://wiki.fluidproject.org/pages/viewpage.action?pageId=175669583">Find out more about what we learned during the workshops here.</a></p>
<p><a href="resources.html">Visit the resources page.</a></p>
</div>
<figure>
<img src="/images/storytelling_workshop_8.png" alt="Paper bag sitting on a table with a sticker on the front that reads: All About Me Bag, Directions: Put 3 things in the bag that tells a story about yourself. If an item doesn’t fit in the bag take a photo or video of it, place a reminder note in the bag and bring the device with the photo or video to the workshop. Bring your bag to the workshop!">
<figcaption>“All about me bag” asks participants to place items in a bag that tells a story about themselves.</figcaption>
</figure>
</section>
</div>
</div>
</div>
</main>
<footer class="sjrk-st-page-footer-container sjrkc-st-page-footer-container"><div class="sjrk-st-page-footer-text-container">
<p>The Storytelling Project is led by the <a href="https://idrc.ocadu.ca/">Inclusive Design Research Centre</a> at OCAD University with an open community of contributors. Supported by the <a href="https://www.hewlett.org/">William and Flora Hewlett Foundation</a> and the <a href="http://www.oakfnd.org/">Oak Foundation</a>.</p>
<p>Stories on this site are distributed under the <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 licence</a>. Please email us at <a href="mailto:[email protected]">[email protected]</a> if you wish to remove your story from this website.</p>
</div>
<div class="sjrk-st-page-footer-logo-container">
<a class="sjrk-st-page-footer-oak-logo" href="http://www.oakfnd.org/" aria-label="Oak Foundation Website"></a>
<a class="sjrk-st-page-footer-hewlett-logo" href="https://www.hewlett.org/" aria-label="William and Flora Hewlett Foundation Website"></a>
<a class="sjrk-st-page-footer-idrc-logo" href="https://idrc.ocadu.ca/" aria-label="Inclusive Design Research Centre Website"></a>
</div>
</footer>
</body></html>