-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
204 lines (183 loc) · 9.89 KB
/
about.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
<!doctype html>
<html lang="en" data-bs-theme="auto">
<head><script src="assets/js/color-modes.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<title>IMMA Deep Viewpoints</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="canonical" href="https://getbootstrap.com/docs/5.3/examples/starter-template/">
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.container-fluid {
margin-right: auto;
margin-left: auto;
max-width: 900px
}
</style>
</head>
<body style="background-color: rgb(232, 232, 232);">
<div class="container-fluid">
<nav class="navbar navbar-dark bg-dark px-3 sticky-top">
<a class="navbar-brand" href="index.html">IMMA Deep Viewpoints</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="development.html">Development</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="acknowledgements.html">Acknowledgements</a>
</li>
</ul>
</div>
</nav>
<div class="px-3 pt-3 bg-white" style="width: 100%;">
<h2 class="text-body-emphasis" id="about">About</h2>
<p class="fs-5">
Available scripts are shown on the homepage of Deep Viewpoints. Scripts can be searched by related exhibitions, artworks, themes or authors. Deep Viewpoints separates following a script from viewing the responses of others. This is to promote a diversity of responses, encouraging the visitor to take part for themselves without being overly influenced by other people's perspectives.
</p>
<div class="row align-items-end mb-3">
<div class="col-lg-8">
<div class="row">
<img src="dv-home.png" alt="A script shown on the Deep Viewpoints homepage" style="width: 100%">
</div>
</div>
<div class="col-lg-4">
<div class="row">
<span class="ml-2">A script shown on the Deep Viewpoints homepage. The visitor can choose to view the script and/or see other people's responses to the script.</span>
</div>
</div>
</div>
<p class="fs-5">
Each of the stages that comprise a script can be one of four types. A statement stage provides information and does not request any input from the follower of the script. A question stage asks a single question, for example about one or more artworks, to which the script follower can provide a response. A help text can be associated with the question, which the visitor can reveal for further assistance.
</p>
<div class="row align-items-end mb-3">
<div class="col-lg-8">
<div class="row">
<div class="col">
<img src="bqbc.png" alt="A statement stage" style="width: 100%">
</div>
<div class="col">
<img src="ncp.png" alt="A question stage" style="width: 100%">
</div>
</div>
</div>
<div class="col-lg-4">
<div class="row">
<span class="ml-2">A statement stage (left) and a question stage (right).</span>
</div>
</div>
</div>
<p class="fs-5">
A multi-question stage asks a set of questions about the same artworks. The author of the script can decide whether to present the questions in a predefined sequence or to be shuffled in a random order. A multi-question stage has an optional help text that can provide guidance on how to answer the questions (e.g. look slowly at the artwork from side to side) or who the questions are for (e.g. these questions are for anyone who has lived in another country). A story stage provides a story stem or story opener and instructions on how to continue the story.
</p>
<div class="row align-items-end mb-3">
<div class="col-lg-8">
<div class="row">
<div class="col">
<img src="hyag.png" alt="A multi-question stage" style="width: 100%">
</div>
<div class="col">
<img src="sjh.png" alt="A story stage" style="width: 100%">
</div>
</div>
</div>
<div class="col-lg-4">
<div class="row">
<span class="ml-2">A multi-question stage (left) and a story stage (right).</span>
</div>
</div>
</div>
<p class="fs-5">
In collaboration with the <a class="link-primary link-underline-opacity-0 link-underline-opacity-100-hover" href="https://polifonia-project.eu">EU H2020 Polifonia project</a>, Deep Viewpoints has been extended to support music as well as visual art. This was to enable cross-modal experiences exploring how music affects what you see in visual art and conversely how visual art affects what you hear in music.
</p>
<div class="row align-items-end mb-3">
<div class="col-lg-8">
<div class="row">
<div class="col">
<img src="eknm.png" alt="A script stage asking how an artwork sounds" style="width: 100%">
</div>
<div class="col">
<img src="bu.png" alt="A script stage suggesting how an artwork might sound" style="width: 100%">
</div>
</div>
</div>
<div class="col-lg-4">
<div class="row">
<span class="ml-2">Scripts exploring the relationship between visual art and music.</span>
</div>
</div>
</div>
<p class="fs-5">
Responses to a script are shown in the style of a question-and-answer interview. The visitor can like any responses that they read.
</p>
<div class="row align-items-end mb-3">
<div class="col-lg-8">
<div class="row">
<img src="dv-responses.png" alt="Responses to a script" style="width: 100%">
</div>
</div>
<div class="col-lg-4">
<div class="row">
<span class="ml-2">Responses to a script shown in the style of a question-and-answer interview.</span>
</div>
</div>
</div>
<p class="fs-5">
Deep Viewpoints can be used by citizen curators to develop and share their own scripts. First, the script author can build their own personal selection of works by searching the IMMA collection.
</p>
<div class="row align-items-end mb-3">
<div class="col-lg-8">
<div class="row">
<img src="dv-artworks.png" alt="Artworks page of Deep Viewpoints" style="width: 100%">
</div>
</div>
<div class="col-lg-4">
<div class="row">
<span class="ml-2">Building a personal selection of artworks from the IMMA collection.</span>
</div>
</div>
</div>
<p class="fs-5">
The selected artworks can then be used in script authoring. Each script can be associated with any number of the personally selected works. A script is created as a sequence of stages. Zero or more artworks can be presented in each stage.
</p>
<div class="row align-items-end mb-3">
<div class="col-lg-8">
<div class="row">
<img src="dv-authoring.png" alt="Script authoring page of Deep Viewpoints" style="width: 100%">
</div>
</div>
<div class="col-lg-4">
<div class="row">
<span class="ml-2">Authoring a script as a sequence of stages.</span>
</div>
</div>
</div>
<p class="fs-5">
Script authors can moderate which responses to their script are published on Deep Viewpoints. If logged into the application, users maintain control over their responses to the scripts, and can delete or edit them at any time. An edited response that had previously been approved may return to the moderation queue for consideration by the script author. The application therefore provides each user control over their own contributions within the space of citizen curated content, whether authoring or responding to scripts.
</p>
<div class="row text-center py-4">
<div class="col text-center">
<a href="https://spice.kmi.open.ac.uk/demos/imma-slow-looking/home" class="btn btn-secondary mb-3" role="button" style="min-width: 14em">IMMA Deep Viewpoints <i class='fa fa-link'></i></a>
</div>
</div>
</div>
<footer class="py-2 px-3 text-body-secondary border-top bg-light">
<figcaption class="mt-3 text-left blockquote-footer">Paul Mulholland</figcaption>
</footer>
</div>
<script src="assets/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>