Difference between revisions of "What is it"

From gsm
Jump to: navigation, search
Line 4: Line 4:
 
<span style="font-size: 20.5px; color: grey;">'''HYPERBODY | Interactive Lecture'''</span><br>
 
<span style="font-size: 20.5px; color: grey;">'''HYPERBODY | Interactive Lecture'''</span><br>
 
<br>
 
<br>
<div style="height:30px; width: 850px; margin:0px; padding: 0px; padding-top: 20px; border: 0px;">
+
 
<div style="float:left; width: 158px; height 30px; border: 1px solid #aaa;background: #726658; margin-right:10px; " align="center">
+
 
[[Lecture1|'''LECTURE 1''']]
+
<html>
 +
<style>
 +
div#headercontainer {
 +
width: 850px;
 +
height: 350px;
 +
margin: 0px;
 +
margin-bottom: -25px;
 +
padding: 0px;
 +
border: 0px;
 +
color: white;
 +
background: white url(http://gsm.hyperbody.nl/images/2/24/HYP_IL_GRASSROOT-01.png);
 +
}
 +
 
 +
 
 +
div#button {
 +
float: right;
 +
width: 100px;
 +
height: 30px;
 +
margin-right: 10px;
 +
margin-top: 310px;
 +
background: #726658;
 +
opacity: 0.9;
 +
}
 +
div#mainbutton {
 +
float: left;
 +
width: 100px;
 +
height: 30px;
 +
margin-right: 20px;
 +
margin-top:220px;
 +
align: center;
 +
opacity: 1;
 +
}
 +
div#headercontainer a:link    {color: white; text-decoration: none; opacity: 1;}
 +
div#headercontainer a:visited {color: white; text-decoration: none; opacity: 0.9;}
 +
div#headercontainer a:active  {color: black; text-decoration: none; opacity: 1;}
 +
div#headercontainer a:hover  {color: black; text-decoration: none; opacity: 1;}
 +
</style>
 +
</html>
 +
<div id="headercontainer">
 +
<div id="mainbutton" align="center">
 +
[[Lecture1 |'''#LECTURE 1''']]
 +
</div>
 +
<div id="button" align="center">
 +
[[Lecture2 |'''#LECTURE 2''']]
 
</div>
 
</div>
<div style="float:left; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px; " align="center">
+
<div id="button" align="center">
[[Lecture1|'''LECTURE 2''']]
+
[[Lecture3 |'''#LECTURE 3''']]
 
</div>
 
</div>
<div style="float:left; width: 200px; height 30px; border: 1px solid #aaa; margin-right:10px; " align="center">
+
<div id="button" align="center">
[[Lecture1|'''LECTURE 2''']]
+
[[Lecture4 |'''#LECTURE 4''']]
 
</div>
 
</div>
<br>
 
  
[[File:HYP_IL_GRASSROOT-01.png|850px]]
+
----
  
 
'''What is it?'''
 
'''What is it?'''

Revision as of 12:22, 9 June 2016



HYPERBODY | Interactive Lecture



What is it?



The GSM 3 symposium employs an interactive presentation set-up. This relies on an app for interactive lectures, which was developed by Hyperbody and was employed in lectures worldwide. The app allows the public to interfere with the lecturer via tweets and via selecting images from a pool of images. The lecturer responds by giving comments on the tweets and by linking the image that is chosen by the public with an image of the lecturer’s own choice, therewith building a bridge between the pair of images. Naturally the interventions are followed up by a spoken dialogue between lecturers/actors and the members of the public who had chosen the selected image.

Why Hyperbody Online Interactive Lecture?


HYP IL GRASSROOT2-02.png HYP IL GRASSROOT2-04.png


How does it work?



1_Previous to lecture
HYP IL GRASSROOT2-03.png


2_During Lecture
HYP IL GRASSROOT-09.png HYP IL GRASSROOT-08.png


3_Remote Participation
HYP IL GRASSROOT-05.png


HYP IL GRASSROOT-06.png