-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
week_4_presentation.html
156 lines (132 loc) · 8.37 KB
/
week_4_presentation.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
<!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>TDDE39 Week 4 | Collaborative interaction with physical-digital objects</title>
<link rel="stylesheet" href="dist/reset.css">
<link rel="stylesheet" href="dist/reveal.css">
<link rel="stylesheet" href="dist/theme/black.css">
<!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" href="plugin/highlight/monokai.css">
</head>
<body>
<div class="reveal">
<div class="slides">
<style type="text/css">
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
word-wrap: normal;
-webkit-hyphens: manual;
-moz-hyphens: manual;
hyphens: manual;
}
</style>
<section>
<h3 style="text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue">Collaborative interaction <br> with physical-digital objects</h3>
</section>
<section>
<h3 style="text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue">A few questions on collaborative interaction</h3>
<ul>
<li class="fragment">Does the physical set-up lead users to collaborate by subtly constraining their behavior?</li>
<li class="fragment">Can all users see what is going on and get their hands on the central objects of interest?</u></li>
<li class="fragment">Does the representation build on users’ experience? Does it connect with their skills and invite them into interaction?</li>
</ul>
<span class="reference" style="bottom:-100px;text-align:left">Getting a Grip on Tangible Interaction: A Framework on Physical Space and Social Interaction (2006) <br> by Eva Hornecker and Jacob Buur</span>
</section>
<section>
<iframe src="https://player.vimeo.com/video/48600713?h=854e460907" width="640" height="480" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<span class="reference" style="bottom:-100px">Luminous Room Urp (1999) by MIT Tangible Media Group</span>
</section>
<section>
<iframe width="560" height="315" src="https://www.youtube.com/embed/uIwZRQHAeT8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<span class="reference" style="bottom:-100px;text-align:left">A Tangible Interface for Organizing Information Using a Grid (2002) <br> by Robert J. K. Jacob, Hiroshi Ishii, Gian Pangaro, James Patten</span>
</section>
<section>
<iframe width="560" height="315" src="https://www.youtube.com/embed/KFK9NrjIacg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<span class="reference" style="bottom:-100px;text-align:left">Multi-plié: A Linear Foldable and Flattenable Interactive Display to Support Efficiency, Safety and Collaboration (2019) <br> by Sylvain Pauchet, Jean-Luc Vinot, Catherine Letondal, Alexandre Lemort, Claire Lavenir, <br> Timothée Lecomte, Stéphanie REY, Valentin Becquet, Guillaume Crouzet</span>
</section>
<section>
<iframe src="https://player.vimeo.com/video/29233028?h=79dcd2ffb3" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<span class="reference" style="bottom:-100px">Mediated Body (2011) by Mads Hobye and Jonas Löwgren</span>
</section>
<section>
<iframe src="https://player.vimeo.com/video/44537894?h=8cb7f86950" width="640" height="480" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<span class="reference" style="bottom:-100px">inTouch (1998) by Scott Brave, Andrew Dahley, Hiroshi Ishii</span>
</section>
<section>
<iframe src="https://player.vimeo.com/video/79179138?h=9ba59f3cec" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<span class="reference" style="bottom:-100px;text-align:left">inFORM - Interacting With a Dynamic Shape Display (2013) <br> by Daniel Leithinger, Sean Follmer, Alex Olwal, Akimitsu Hogge, Hiroshi Ishii</span>
<aside class="notes">
</aside>
</section>
<section>
<iframe width="560" height="315" src="https://www.youtube.com/embed/guPZxoTkJUk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<span class="reference" style="bottom:-100px;text-align:left">The Light Orchard (2017) <br> by James Hallam, Clement Zheng, Noah Posner, Heydn Ericson, Matthew Swarts, and Ellen Yi-Luen</span>
</section>
<section>
<iframe src="https://player.vimeo.com/video/394485745?h=d4c50ee927" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<span class="reference" style="bottom:-100px;text-align:left">THE LIGHTWAVES - interactive light sculpture (2020) by panGenerator</span>
</section>
<section>
<h3 style="text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue">A few questions on collaborative interaction</h3>
<ul>
<li class="fragment">Does the physical set-up lead users to collaborate by subtly constraining their behavior?</li>
<li class="fragment">Can all users see what is going on and get their hands on the central objects of interest?</u></li>
<li class="fragment">Does the representation build on users’ experience? Does it connect with their skills and invite them into interaction?</li>
</ul>
</section>
<section>
<h3 style="text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue">Team project (Feb 14-Mar 21)</h3>
<p style="text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue">Design and prototype a physical-digital object concept informed by the knowledge built up in the design and coding sessions.</p>
</section>
<section>
<h3 style="text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue">Team project</h3>
<ul>
<li class="fragment">Find an <u>idea, situation, or a topic</u> around which you would like to design a physical-digital object</li>
<li class="fragment">Sketch the initial idea(s) with code using Arduino and <u>generate a few concepts</u></li>
<li class="fragment">Select and <u>detail one of the concepts</u>, prototyping one or two core use cases or interaction sequences</li>
<li class="fragment"><u>Create a poster</u> communicating your design concept and insights from the process</li>
</ul>
</section>
<section>
<h3 style="text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue">Deliverables</h3>
<ul>
<li class="fragment">Poster communicating your design concept and insights from the process (group work)</li>
<li class="fragment">Reflection paper where you talk about your experience and learnings from the exercises and the team project (individual work)</li>
<li class="fragment">Submission date: Saturday, March 26</li>
</ul>
</section>
<section>
<h3 style="text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue">For next week</h3>
<ul>
<li class="fragment">Find a topic/theme that you would like to work on for the project and upload it to a shared document on Lisam</li>
<li class="fragment">Teaming up until next week?</li>
</ul>
</section>
</div>
</div>
<script src="dist/reveal.js"></script>
<script src="plugin/notes/notes.js"></script>
<script src="plugin/markdown/markdown.js"></script>
<script src="plugin/highlight/highlight.js"></script>
<script>
// More info about initialization & config:
// - https://revealjs.com/initialization/
// - https://revealjs.com/config/
Reveal.initialize({
hash: true,
// Display presentation control arrows
controls: false,
// Learn about plugins: https://revealjs.com/plugins/
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
});
// Reveal.configure({ showNotes: 'separate-page' });
// Reveal.configure({ showNotes: 'true' });
</script>
</body>
</html>