Difference between revisions of "Team:Cambridge-JIC/Practices"

 
(237 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
{{:Team:Cambridge-JIC/Templates/Menu}}
 
{{:Team:Cambridge-JIC/Templates/Menu}}
 
<html>
 
<html>
<section style="background-color: #fff">
+
 
     <div class="slide">
+
<section style="background-color: #fff; padding-top:30px">
        <div style="width: 80%; margin: 30px 50px;color:#000;min-height:0px">
+
     <div class="slide" style="min-height:200px">
            <h1>Human Practices: The Open Hardware Revolution</h1>
+
<center>
            <p style="font-size: 120%">In choosing the novel Hardware Track, this years’ Cambridge-JIC iGEM team has come across unexpected challenges. Unsurprisingly perhaps, these have often required us to look into fields of work that we have had little or no previous experience in. This has been particularly true when navigating the world of intellectual property law, including <span class="hl_2">hardware licensing</span> and <span class="hl_2">design copyright</span>. In developing Open Source Hardware (OSH) as part of the competition, we recognised the need for an easily-digestible, comprehensive and hardware-specific guide to ensuring the OSH is accessible to the community.
+
<img src="//2015.igem.org/wiki/images/e/e8/CamJIC-Home_Community.png" style="height:150px;">
</p>
+
</center>
            <h4>Open source hardware is hardware whose design is made publicly available so that anyone can study, modify, distribute, make, and sell the design or hardware based on that design.</h4>
+
    </div>
<h4>OSH is “free as in free speech, not free beer” or more formally <i>Libre</i> rather than <i>Gratis</i>.</h4>
+
</section>
 +
 
 +
<section style="background-color: #c6b2e4">
 +
    <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/2/22/CamJIC-Community_Outreach.png);position:relative">
 +
        <div style="right:37%;top:50%;font-size:20px;position:absolute">
 +
        <a class="btn btn-default btn-lg" href="//2015.igem.org/Team:Cambridge-JIC/Outreach" role="button" style="color:#3d3d3d;border-color:#3d3d3d">Learn More</a>
 +
        </div>
 +
<div style="left:15%;right:50%;top:25%;font-size:20px;position:absolute">
 +
      <p><b>Our survey </b> on the public perception of Synthetic Biology suggested communicating research was a challenge</p>
 +
      <p>By organising workshops for school students, we increased awareness of its potential benefits <b>for future generations</b></p>
 +
        </div>
 +
<div style="left:52%;right:10%;top:25%;font-size:20px;position:absolute">
 +
      <p>We introduced students to programming and modern microscopy techniques, <b> taking them beyond the school syllabus</b><p>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
</section>
 
</section>
  
<section style="background-color:#ababab">
+
<section style="background-color: #f3f3f3">
<div class="slide">
+
    <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/4/47/CamJIC-Community_Practices.png);position:relative">
<div style="width: 80%; margin: 30px 50px;color:#000;min-height:0px">
+
        <div style="right:15%;top:67%;font-size:20px;position:absolute">
<h2> Hardware Licensing </h2>
+
        <a class="btn btn-default btn-lg" href="//2015.igem.org/Team:Cambridge-JIC/OpenHardwareRevolution" role="button" style="color:#123a68;border-color:#123a68">Learn More</a>
</div></div></section>
+
        </div>
 +
<div style="left:60%;right:5%;top:9%;font-size:20px;position:absolute;color:#123a68">
 +
      <p>Developing hardware brings with it issues of <b>licensing, patent and copyright</b></p>
 +
      <p><b>From our experience,</b> navigating the legal jargon and complex procedures can be prohibitively time-consuming</p>
 +
        </div>
 +
<div style="left:40%;right:30%;top:60%;font-size:20px;position:absolute;color:#123a68">
 +
      <p><b>For iGEM teams</b><br>looking to release Open Source Hardware, we have made an interactive guide to use as a starting point</p>
 +
    </div>
 +
</section>
  
<section style="background-color:#12a34b">
+
<section style="background-color: #b1e7ad">
<div class="slide">
+
    <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/a/aa/CamJIC-About_Collaboration.png);position:relative">
<div style="width: 80%; margin: 30px 50px;color:#000;min-height:0px">
+
        <div style="right:76%;top:74%;font-size:20px;position:absolute">
<h2> Design Copyright </h2>
+
        <a class="btn btn-default btn-lg" href="//2015.igem.org/Team:Cambridge-JIC/Collaborations" role="button" style="color:#3d3d3d;border-color:#3d3d3d">Learn More</a>
</div></div></section>
+
        </div>
 
+
<div style="left:5%;right:40%;top:30%;font-size:20px;position:absolute;color:#1b4f18">
         <style>
+
      <p><b>The William and Mary iGEM team</b> are using GFP in the Interlab Measurement study</p>
            #cam-quiz {
+
      <p><b>The Glasgow iGEM team</b> are using GFP and RFP to make bioluminescent bacteria</p>
                background-color: #fff;
+
         </div>
                border: 5px solid;
+
<div style="left:13%;right:20%;top:57%;font-size:20px;position:absolute;color:#1b4f18">
                border-color: #a3c1ad;
+
      <p>Collaboration meant confirming the expression of their fluorescent proteins while <b>testing OpenScope's capabilities</b></p>
            }
+
        </div>
 
+
    </div>
            .cam-quiz-question, .cam-quiz-result {
+
</section>
                border: 5px solid;
+
                border-color: #a3c1ad;
+
                padding: 5px;
+
                margin: 0px;
+
            }
+
  
            .cam-quiz-question {
+
<section style="background-color:#fff">
                background-color: #fff;
+
    <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/d/d6/CamJIC-Project_Wiki.png); position:relative">
            }
+
        <div style="right:44%;bottom:65%;font-size:20px;position:absolute">
 
+
<a class="btn btn-default btn-lg" href="//2015.igem.org/Team:Cambridge-JIC/Wiki_Design" role="button" style="color:#123a68;border-color:#123a68">Learn More</a>
            .cam-quiz-answer.cam-quiz-selected {
+
        </div>
                font-weight: bold;
+
<div style="left:36%;right:29%;top:75%;font-size:20px;position:absolute;color:#123a68">
            }
+
        <p><b>A map of our entire wiki</b>, in case you can't find what you're looking for</p>
 
+
        <p><b>Some advice</b> for future iGEM teams on making a wiki</p>
            .cam-quiz-result {
+
        </div>
                background-color: #fff;
+
    </div>
            }
+
</section>
        </style>
+
        <script>
+
            quiz = function(elem){
+
                this.elem = $(elem);
+
                this.steps = [];
+
 
+
                this.step = function(question, answers) {
+
                    this.question = question;
+
                    this.answers = {};
+
                    this.bind = function(target, keys) {
+
                        if (typeof keys === "undefined") {
+
                            keys = Object.keys(this.answers);
+
                        }
+
 
+
                        for (var i=0; i<keys.length; i++) {
+
                            key = keys[i];
+
                            this.answers[key].target = target;
+
                        }
+
                    };
+
                    this.elem = function(quiz, index) {
+
                        elem = $('<div class="cam-quiz-question">');
+
                        elem.append($('<h3>').text(this.question));
+
                        for (key in this.answers) {
+
                            elem.append($('<div class="cam-quiz-answer">')
+
                                .text(this.answers[key].answer)
+
                                .data("key", key)
+
                                .data("step", this)
+
                                .data("quiz", quiz)
+
                                .data("index", index)
+
                                .click(function(){
+
                                    key = $(this).data("key");
+
                                    step = $(this).data("step");
+
                                    quiz = $(this).data("quiz");
+
                                    index = $(this).data("index");
+
                                    ref = quiz.steps[index];
+
                                    ref.elem.find('.cam-quiz-selected').removeClass('cam-quiz-selected');
+
                                    $(this).addClass('cam-quiz-selected');
+
 
+
                                    for (var i=quiz.steps.length; --i>index;) {
+
                                        quiz.steps[i].elem.remove();
+
                                        quiz.steps.pop();
+
                                    }
+
 
+
                                    quiz.steps[index].option = key;
+
                                    nstep = step.answers[key].target;
+
                                    switch (typeof nstep) {
+
                                        case "object":
+
                                            var nindex = quiz.steps.length;
+
                                            var nref = {
+
                                                'step': nstep,
+
                                                'elem': nstep.elem(quiz, nindex),
+
                                                'option': undefined
+
                                            };
+
                                            quiz.steps.push(nref);
+
                                            quiz.elem.append(nref.elem);
+
                                            break;
+
                                        case "function":
+
                                            options = [];
+
                                            for (var i=0; i<quiz.steps.length; i++) {
+
                                                options.push(quiz.steps[i].option);
+
                                            }
+
                                            var nref = {
+
                                                'step': undefined,
+
                                                'elem': $('<div class="cam-quiz-result">')
+
                                                    .append(nstep(options)),
+
                                                'option': undefined
+
                                            };
+
                                            quiz.steps.push(nref);
+
                                            quiz.elem.append(nref.elem);
+
                                            break;
+
                                        default:
+
                                            alert("Quiz error! Please contact the site maintainers....");
+
                                            break;
+
                                    }
+
                                }));
+
                        }
+
                        return elem;
+
                    };
+
 
+
                    for (key in answers) {
+
                        answer = answers[key];
+
                        this.answers[key] = {
+
                            'answer': answer,
+
                            'target': undefined
+
                        };
+
                    }
+
                };
+
 
+
                this.start = function(step) {
+
                    index = this.steps.length;
+
                    ref = {
+
                        'step': step,
+
                        'elem': step.elem(this, index),
+
                        'option': undefined
+
                    };
+
                    this.steps.push(ref);
+
                    this.elem.append(ref.elem);
+
                };
+
            };
+
 
+
            $(document).ready(function(){
+
                q = new quiz('#cam-quiz');
+
 
+
                step1 = new q.step("Do you want to release your product into the public domain?", {
+
                    0: "no",
+
                    1: "yes"
+
                });
+
                step2a = new q.step("Do you want complete legal control over your product at all times and to prevent derivatisation?", {
+
                    0: "no",
+
                    1: "yes"
+
                });
+
                step2b = new q.step("Do you want to have the option to legally impose conditions of use such as attribution?", {
+
                    0: "no",
+
                    1: "yes"
+
                });
+
                step3a = new q.step("Do you want to commercialise your product and make it proprietary?", {
+
                    0: "no",
+
                    1: "yes"
+
                });
+
                step3b = new q.step("Do you want to prevent your product and derivatives from being commercialised?", {
+
                    0: "no",
+
                    1: "yes"
+
                });
+
                step3c = new q.step("Your product could be released with no license. This gives you no control over its use, modification and commercialisation.", {
+
                    1: "OK"
+
                });
+
                step4a = new q.step("Your product is not open source, and should not be labeled as such. This route gives you the option to sell access to your code, designs and hardware.", {
+
                    1: "OK"
+
                });
+
                step4b = new q.step("A Copyleft license is most appropriate for your product. All derivative products must be under the same license.", {
+
                    1: "OK"
+
                });
+
                step4c = new q.step("A Permissive license is most appropriate for your product. Derivative products can be under different licenses.", {
+
                    1: "OK"
+
                });
+
                step5a = new q.step("Options for Permissive licenses include the BSD, MIT and CC Attribution licenses.", {
+
                    1: "Learn More"
+
                });
+
                step5b = new q.step("Do you want to license your hardware separately from the design files and code?", {
+
                    0: "no",
+
                    1: "yes"
+
                });
+
                step6a = new q.step("A TAPR OHL is most appropriate for your product. The software can be licensed under a FOSS license e.g. GPL.", {
+
                    1: "Learn More"
+
                });
+
                step6b = new q.step("A CERN OHL is most appropriate for your product.", {
+
                    1: "Learn More"
+
                });
+
 
+
                step1.bind(step2a, [0]);
+
                step1.bind(step2b, [1]);
+
                step2a.bind(step3a, [1]);
+
                step2b.bind(step3c, [0]);
+
                step2b.bind(step3b, [1]);
+
                step3a.bind(step4a, [1]);
+
                step3b.bind(step4b, [1]);
+
                step3b.bind(step4c, [0]);
+
                step4b.bind(step5b, [1]);               
+
                step4c.bind(step5a, [1]);
+
                step5b.bind(step6a, [1]);
+
                step5b.bind(step6b, [0]);
+
+
                q.start(step1);
+
            });
+
 
+
        </script>
+
  
    <section>
 
        <div id="cam-quiz" style="width: 80%; margin: 30px 50px"></div>
 
    </section>
 
  
 
</html>
 
</html>
 
{{:Team:Cambridge-JIC/Templates/Footer}}
 
{{:Team:Cambridge-JIC/Templates/Footer}}

Latest revision as of 00:08, 19 September 2015

Our survey on the public perception of Synthetic Biology suggested communicating research was a challenge

By organising workshops for school students, we increased awareness of its potential benefits for future generations

We introduced students to programming and modern microscopy techniques, taking them beyond the school syllabus

Developing hardware brings with it issues of licensing, patent and copyright

From our experience, navigating the legal jargon and complex procedures can be prohibitively time-consuming

For iGEM teams
looking to release Open Source Hardware, we have made an interactive guide to use as a starting point

The William and Mary iGEM team are using GFP in the Interlab Measurement study

The Glasgow iGEM team are using GFP and RFP to make bioluminescent bacteria

Collaboration meant confirming the expression of their fluorescent proteins while testing OpenScope's capabilities

A map of our entire wiki, in case you can't find what you're looking for

Some advice for future iGEM teams on making a wiki