Difference between revisions of "Team:Wellesley TheTech/Project/Overview"

 
(13 intermediate revisions by one other user not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
−
 
−
<style type="text/css">
 
−
.banner { position: relative; overflow: auto; }
 
−
    .banner li { list-style: none; }
 
−
        .banner ul li { float: left; }
 
−
        .banner ul li img {max-width: 970px;}
 
−
 
−
ul.slide {
 
−
list-style-type: none;
 
−
list-style-image: none;
 
−
}
 
−
 
−
</style>
 
  
 
<div id="mainContainer">
 
<div id="mainContainer">
Line 25: Line 12:
 
</div>
 
</div>
  
−
<div id="menuBar" style="padding-top: 130px" >
+
<div id="menuBar" style="padding-top: 120px" >
 
<ul>
 
<ul>
 
    <li>TEAM
 
    <li>TEAM
Line 57: Line 44:
 
<h1>BACPACK OVERVIEW</h1>
 
<h1>BACPACK OVERVIEW</h1>
  
−
        <div class="banner">
+
<div class="css-slideshow" style="float:left; padding: 20px; padding-top:0px; width:500px">
−
            <ul class="slide">
+
    <figure><img src="https://static.igem.org/mediawiki/2015/f/fd/Wellesley_TheTech_DigitalComponent.png" style="width:500px" /><figcaption>Digital component of the exhibit</figcaption></figure>
−
                <li><img src="https://static.igem.org/mediawiki/2013/d/d7/Wellesley_slideshow_iGEM.jpg" /></li>
+
    <figure><img src="https://static.igem.org/mediawiki/2015/8/83/Wellesley_TheTech_WetlabComponent.png" style="width:500px" /><figcaption>Wet lab component of the exhibit</figcaption></figure>
−
                <li><img src="https://static.igem.org/mediawiki/2013/e/ee/Wellesley_slideshow_presentation.jpg" /></li>
+
    <figure><img src="https://static.igem.org/mediawiki/2015/b/b9/Wellesley_TheTech_Wetlab2.png" style="width:500px" /><figcaption>Interacting with the wet lab component</figcaption></figure>
−
                <li><img src="https://static.igem.org/mediawiki/2013/9/9f/Wellesley_slideshow_Eugenie.jpg" /></li>
+
    <figure><img src="https://static.igem.org/mediawiki/2015/f/fd/Wellesley_TheTech_DigitalComponent.png" style="width:500px" /><figcaption>Digital component of the exhibit</figcaption></figure>
−
                <li><img src="https://static.igem.org/mediawiki/2013/e/ee/Wellesley_slideshow_BACv2.jpg" /></li>
+
    <figure><img src="https://static.igem.org/mediawiki/2015/8/83/Wellesley_TheTech_WetlabComponent.png" style="width:500px" /><figcaption>Wet lab component of the exhibit</figcaption></figure>
−
                <li><img src="https://static.igem.org/mediawiki/2013/b/be/Wellesley_slideshow_zTree.jpg" /></li>
+
</div>
−
            </ul>
+
  
−
        </div>
 
  
 
<p>
 
<p>
 
&nbsp; BacPack For New Frontiers is an interactive exhibit that makes use of key human computer interaction concepts to introduce users to core synthetic biology concepts. Featuring both a digital and a wet-lab component, the exhibit’s aim is to provide a collaborative bio-tinkering platform for non-scientists that will foster learning of the applications and syntax of biological design. This digital component of the exhibit uses powerful multitouch surfaces that serve as makerspaces for users to digitally engineer and test bacteria that are helpful for extreme environments such as Mars, Antarctica, and the Deep Sea. The wet-lab component complements to the experience by providing visitors with the opportunity to create colorful representations of the bacteria they created virtually. This project aims to design, prototype, and evaluate a new interactive museum exhibit that engages visitors in a bio-design activity while facilitating learning of bio design concepts and skills. The goal is to create a novel bio-tinkering platform designed for non-scientists to foster skills for invention and innovation.
 
&nbsp; BacPack For New Frontiers is an interactive exhibit that makes use of key human computer interaction concepts to introduce users to core synthetic biology concepts. Featuring both a digital and a wet-lab component, the exhibit’s aim is to provide a collaborative bio-tinkering platform for non-scientists that will foster learning of the applications and syntax of biological design. This digital component of the exhibit uses powerful multitouch surfaces that serve as makerspaces for users to digitally engineer and test bacteria that are helpful for extreme environments such as Mars, Antarctica, and the Deep Sea. The wet-lab component complements to the experience by providing visitors with the opportunity to create colorful representations of the bacteria they created virtually. This project aims to design, prototype, and evaluate a new interactive museum exhibit that engages visitors in a bio-design activity while facilitating learning of bio design concepts and skills. The goal is to create a novel bio-tinkering platform designed for non-scientists to foster skills for invention and innovation.
 
</p>
 
</p>
 +
 +
 
<h2>Advantages of Virtual Biology</h2>
 
<h2>Advantages of Virtual Biology</h2>
 
<p>
 
<p>
Line 79: Line 66:
  
 
<h2>Learning Goals</h2>
 
<h2>Learning Goals</h2>
 +
<!--
 
<p>
 
<p>
 
To clearly define the teaching aims of our project, we divided the targeted user population by age, and established the concepts we wish the project to convey to each age group.
 
To clearly define the teaching aims of our project, we divided the targeted user population by age, and established the concepts we wish the project to convey to each age group.
Line 105: Line 93:
  
 
</p>
 
</p>
 +
-->
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2015/5/52/Wellesley_TheTech_LearningGoals.png" style="width:985px"/>
 +
</center>
 
</div>
 
</div>
  
  
 
</div>
 
</div>
−
 
−
<script>
 
−
$(function() {
 
−
$('.banner').unslider({
 
−
speed: 500,              //  The speed to animate each slide (in milliseconds)
 
−
delay: 3000,              //  The delay between slide animations (in milliseconds)
 
−
complete: function() {},  //  A function that gets called after every slide animation
 
−
keys: true,              //  Enable keyboard (left, right) arrow shortcuts
 
−
dots: true,              //  Display dot navigation
 
−
fluid: false              //  Support responsive design. May break non-responsive designs
 
−
});
 
−
});
 
−
  var unslider = $('.banner').unslider();
 
−
   
 
−
    $('.unslider-arrow').click(function() {
 
−
        var fn = this.className.split(' ')[1];
 
−
       
 
−
        //  Either do unslider.data('unslider').next() or .prev() depending on the className
 
−
        unslider.data('unslider')[fn]();
 
−
    });
 
−
$(document).foundation();
 
−
</script>
 
  
 
</html>
 
</html>

Latest revision as of 03:55, 19 September 2015

BACPACK OVERVIEW

Digital component of the exhibit
Wet lab component of the exhibit
Interacting with the wet lab component
Digital component of the exhibit
Wet lab component of the exhibit

  BacPack For New Frontiers is an interactive exhibit that makes use of key human computer interaction concepts to introduce users to core synthetic biology concepts. Featuring both a digital and a wet-lab component, the exhibit’s aim is to provide a collaborative bio-tinkering platform for non-scientists that will foster learning of the applications and syntax of biological design. This digital component of the exhibit uses powerful multitouch surfaces that serve as makerspaces for users to digitally engineer and test bacteria that are helpful for extreme environments such as Mars, Antarctica, and the Deep Sea. The wet-lab component complements to the experience by providing visitors with the opportunity to create colorful representations of the bacteria they created virtually. This project aims to design, prototype, and evaluate a new interactive museum exhibit that engages visitors in a bio-design activity while facilitating learning of bio design concepts and skills. The goal is to create a novel bio-tinkering platform designed for non-scientists to foster skills for invention and innovation.

Advantages of Virtual Biology

  Despite the richness of biology as the focus for open ended play and exploration (full of complexity, engaging phenomena, personal relevance, and direct application to daily experiences), the success of a “bio-maker space” brings the goals of tinkering tools (tangible, responsive, and open ended) and the confounders of biology tools (invisible/unintuitive, slow, and prescriptive) into direct conflict. Though authentic tangibles are ideal, virtual augmentation is often necessary to bring the time and size scales into the range of a human play session. Projects that combine digital and tangible affordances to create expressive parts are able to bridge time and size scales to simplify the design activity as well as integrate into collaborative virtual environments where complex interactivity can occur, emergent properties can arise, and creations can live or die depending on design.

Demo Video

Learning Goals