Difference between revisions of "Team:Bristol/Collaborations"

Line 1: Line 1:
{{Bristol/head}}
+
{{Bristol/head}} {{Bristol/navbar}}
{{Bristol/navbar}}
+
 
<html>
 
<html>
 +
 
<body>
 
<body>
  
Line 13: Line 13:
 
     </div>
 
     </div>
 
     <div class="fadeIn">
 
     <div class="fadeIn">
       <p class="lead Up">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
       <p class="lead Up"></p>
 
     </div>
 
     </div>
  
 
     <hr class="featurette-divider">
 
     <hr class="featurette-divider">
  
     <div class="row parts align-items-center fadeIn">
+
     <div class="row parts align-items-center">
       <div class="col-md-12 Up">
+
       <div class="col-md-12 fadeIn">
         <h2>IDE</h2>
+
         <h2 class="featurette-heading Up">IDE</h2>
 
         <p>
 
         <p>
           We created <a target="_blank"href="https://2017.igem.org/Team:Bristol/IDE">iGEM Development Environment (IDE)</a>, a tool which allows faster and easier Wiki editing</a>. We shared this tool with the iGEM community and spoke with a lot of teams who were interested in using IDE. We Skyped many of these teams, explaining how to use IDE as well as gaining valuable feedback. We collaborated with the following teams, who used IDE to help build their Wiki:
+
           We created <a target="_blank" href="https://2017.igem.org/Team:Bristol/IDE">iGEM Development Environment (IDE)</a>, a tool which allows faster and easier Wiki editing</a>. We shared this tool with the iGEM community and spoke with a lot of teams
 +
          who were interested in using IDE. We Skyped many of these teams, explaining how to use IDE as well as gaining valuable feedback. We collaborated with the following teams, who used IDE to help build their Wiki:
 
         </p>
 
         </p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
  
      <!-- <div class="col-md-12 Right notebook">
+
    <div class="row parts align-items-center fadeIn">
          <p class="lead">
+
      <div class="col-md-9 Left">
              <ul class="list-group">
+
        <p>&#8226;&#160;<a target="_blank" href="https://2017.igem.org/Team:UNOTT/Collaborations">University of Nottingham</a><br>"The IDE was not very difficult to get set up and this was coming from someone who has only just learnt html coding (I have used
                <li class="list-group-item">&#8226;&#160;<a target="_blank" href="https://2017.igem.org/Team:UNOTT/Collaborations">University of Nottingham</a>"The IDE was not very difficult to get set up and this was coming from someone who has only just learnt html coding (I have used python before). Using it was slightly more difficult however this was more due to me having gaps in my knowledge of html coding. With that said, Albert was extremely helpful with helping me use it so I could design our wiki page how we had planned it. There were a few problems due to the IDE being coded in Linux while I am doing all my editing in Windows but I think these may have been fixed in an updated version of the IDE.<br><br>"It helped me by allowing me to test creative ideas, animations, layouts and much more without editing our actual wiki. This means I was not interfering with what anyone else was doing on our wiki by making big changes to the css files or navigation bar."</li>
+
          python before). Using it was slightly more difficult however this was more due to me having gaps in my knowledge of html coding. With that said, Albert was extremely helpful with helping me use it so I could design our wiki page how we had planned
                <li class="list-group-item">&#8226;&#160;<a target="_blank"href="https://2017.igem.org/Team:Munich/Collaborations">Munich</a>"All in all, the IDE is a helpful tool to develop the wiki faster. The strongest feature of it is how fast changes actually come through. At least for our team, whenever we changed the code in a template on the iGEM servers, we had to delete the cache to see the changes on pages using the templates, which was bothersome. With the IDE we only had to edit the code, refresh and were able to immediately see the modifications. That made the implementation of the css files and specially templates for menu and footer easier and more convenient. We also liked the possibility to, at least to a certain extent, work without internet connection, as it meant we could make some changes almost everywhere, for example the subway. However, a current problem is the need of an initial connection so the local server can be set up and that, sometime after the server is set up, it seems to expire. We would like to see IDE running 100% locally without needing a starting internet connection other that, say, the very first time is used."</li>
+
          it. There were a few problems due to the IDE being coded in Linux while I am doing all my editing in Windows but I think these may have been fixed in an updated version of the IDE.<br><br>"It helped me by allowing me to test creative ideas,
                <li class="list-group-item">&#8226;&#160;<a target="_blank" href="https://2017.igem.org/Team:Sydney_Australia/Collaborations">University of Sydney</a>
+
          animations, layouts and much more without editing our actual wiki. This means I was not interfering with what anyone else was doing on our wiki by making big changes to the css files or navigation bar."</p>
                  "Since none of our team had experience with python, we had some difficulty setting up the IDE but once we understood how python worked it was a bit easier. Maybe you could use something simpler than python in the future?
+
      </div>
                  <br><br>"One way you could make the set-up and use of IDE easier is to include more screenshots in your explanation for setting it up on github.
+
      <div class="col-md-3 Right">
                  <br><br>"You've designed the IDE tool very well overall! Although our team had some difficulty with python, the way it was designed through python was very clever.
+
        <img src="https://static.igem.org/mediawiki/2017/3/3d/T--Bristol--UK.png" alt="">
                  <br><br>"For our team, I think the most useful thing would be to make the tool easier to use for people who have no experience with coding, particularly by providing more detail in your instructions and explanations."</li>
+
      </div>
                <li class="list-group-item">&#8226;&#160;<a target="_blank" href="https://2017.igem.org/Team:CCA_San_Diego/Collaborations">CCA San Diego</a></li>
+
                <li class="list-group-item">&#8226;&#160;<a target="_blank" href="https://2017.igem.org/Team:CCA_San_Diego/Collaborations">Wawrick</a>&#160;Wawrick pointed out...</li>
+
  
                <li class="list-group-item">UCL</li>
+
      <div class="col-md-9 Left">
                <li class="list-group-item"><a href="https://2017.igem.org/Team:ICT-Mumbai/Collaborations">ICT Mumbai</a></li>
+
        <p><br>&#8226;&#160;<a target="_blank" href="https://2017.igem.org/Team:Munich/Collaborations">Munich</a><br>"All in all, the IDE is a helpful tool to develop the wiki faster. The strongest feature of it is how fast changes actually come through.
                <li class="list-group-item"><a href="https://2017.igem.org/Team:Exeter/Collaborations"></a>Exeter?</li>
+
          At least for our team, whenever we changed the code in a template on the iGEM servers, we had to delete the cache to see the changes on pages using the templates, which was bothersome. With the IDE we only had to edit the code, refresh and were
                <li class="list-group-item">text</li>
+
          able to immediately see the modifications. That made the implementation of the css files and specially templates for menu and footer easier and more convenient. We also liked the possibility to, at least to a certain extent, work without internet
 +
          connection, as it meant we could make some changes almost everywhere, for example the subway. However, a current problem is the need of an initial connection so the local server can be set up and that, sometime after the server is set up, it
 +
          seems to expire. We would like to see IDE running 100% locally without needing a starting internet connection other that, say, the very first time is used."</p>
 +
      </div>
 +
      <div class="col-md-3 Right">
 +
        <img src="https://static.igem.org/mediawiki/2017/1/14/T--Bristol--Germany.png" alt="Germany">
 +
      </div>
  
              </ul>
+
      <div class="col-md-9 Left">
            </p>
+
        <p><br>&#8226;&#160;<a target="_blank" href="https://2017.igem.org/Team:Sydney_Australia/Collaborations">University of Sydney</a>
       </div> -->
+
          <br>"Since none of our team had experience with python, we had some difficulty setting up the IDE but once we understood how python worked it was a bit easier. Maybe you could use something simpler than python in the future?
 +
          <br><br>"One way you could make the set-up and use of IDE easier is to include more screenshots in your explanation for setting it up on github.
 +
          <br><br>"You've designed the IDE tool very well overall! Although our team had some difficulty with python, the way it was designed through python was very clever.
 +
          <br><br>"For our team, I think the most useful thing would be to make the tool easier to use for people who have no experience with coding, particularly by providing more detail in your instructions and explanations."</p>
 +
       </div>
 +
      <div class="col-md-3 Right">
 +
        <img src="https://static.igem.org/mediawiki/2017/1/1d/T--Bristol--Australia.png" alt="Australia">
 +
      </div>
  
       <div class="row parts align-items-center fadeIn">
+
       <div class="col-md-9 Left">
        <div class="col-md-9 Left">
+
        <p><br>&#8226;&#160;<a target="_blank" href="https://2017.igem.org/Team:Warwick/Collaborations">University of Wawrick</a>
          <p>&#8226;&#160;<a target="_blank" href="https://2017.igem.org/Team:UNOTT/Collaborations">University of Nottingham</a><br>"The IDE was not very difficult to get set up and this was coming from someone who has only just learnt html coding (I have used python before). Using it was slightly more difficult however this was more due to me having gaps in my knowledge of html coding. With that said, Albert was extremely helpful with helping me use it so I could design our wiki page how we had planned it. There were a few problems due to the IDE being coded in Linux while I am doing all my editing in Windows but I think these may have been fixed in an updated version of the IDE.<br><br>"It helped me by allowing me to test creative ideas, animations, layouts and much more without editing our actual wiki. This means I was not interfering with what anyone else was doing on our wiki by making big changes to the css files or navigation bar."</p>
+
          <br>"Your tool was able to accurately display what the site would look like (including our bugs on the page). This was helpful in identifying errors and making changes without having to constantly upload the site to test it on the iGEM wiki."
        </div>
+
          <br><br>Wawrick also pointed out a number of issues they found with IDE and with the instructions for how to use it, which allowed us to rectify these issues to make IDE easier to use for future teams. For example, they discovered an issue with running the build script on Windows, which we were then able to correct.
        <div class="col-md-3 Right">
+
        </p>
          <img src="https://static.igem.org/mediawiki/2017/3/3d/T--Bristol--UK.png" alt="">
+
      </div>
        </div>
+
      <div class="col-md-3 Right">
 +
        <img src="https://static.igem.org/mediawiki/2017/3/3d/T--Bristol--UK.png" alt="UK">
 +
      </div>
  
        <div class="col-md-9 Left">
+
      <div class="col-md-9 Left">
          <p><br>&#8226;&#160;<a target="_blank"href="https://2017.igem.org/Team:Munich/Collaborations">Munich</a><br>"All in all, the IDE is a helpful tool to develop the wiki faster. The strongest feature of it is how fast changes actually come through. At least for our team, whenever we changed the code in a template on the iGEM servers, we had to delete the cache to see the changes on pages using the templates, which was bothersome. With the IDE we only had to edit the code, refresh and were able to immediately see the modifications. That made the implementation of the css files and specially templates for menu and footer easier and more convenient. We also liked the possibility to, at least to a certain extent, work without internet connection, as it meant we could make some changes almost everywhere, for example the subway. However, a current problem is the need of an initial connection so the local server can be set up and that, sometime after the server is set up, it seems to expire. We would like to see IDE running 100% locally without needing a starting internet connection other that, say, the very first time is used."</p>
+
        <p><br>&#8226;&#160;<a target="_blank" href="https://2017.igem.org/Team:CCA_San_Diego/Collaborations">CCA San Diego</a>
        </div>
+
          <br>"Although we did not use the IDE for the bulk of our wiki development, CCA iGEM tested the IDE, and found it very convenient to use when uploading content for certain pages of our wiki because it is much faster than the default iGEM wiki environment. In addition to providing us with the IDE, Bristol iGEM recommended a software tool, Bootstrap, which was also useful for us."
        <div class="col-md-3 Right">
+
        </p>
          <img src="https://static.igem.org/mediawiki/2017/1/14/T--Bristol--Germany.png" alt="Germany">
+
      </div>
        </div>
+
      <div class="col-md-3 Right">
 +
        <img src="https://static.igem.org/mediawiki/2017/9/91/T--Bristol--USA.png" alt="USA">
 +
      </div>
  
        <div class="col-md-9 Left">
 
          <p><br>&#8226;&#160;<a target="_blank" href="https://2017.igem.org/Team:Sydney_Australia/Collaborations">University of Sydney</a>
 
            <br>"Since none of our team had experience with python, we had some difficulty setting up the IDE but once we understood how python worked it was a bit easier. Maybe you could use something simpler than python in the future?
 
            <br><br>"One way you could make the set-up and use of IDE easier is to include more screenshots in your explanation for setting it up on github.
 
            <br><br>"You've designed the IDE tool very well overall! Although our team had some difficulty with python, the way it was designed through python was very clever.
 
            <br><br>"For our team, I think the most useful thing would be to make the tool easier to use for people who have no experience with coding, particularly by providing more detail in your instructions and explanations."</p>
 
        </div>
 
        <div class="col-md-3 Right">
 
          <img src="https://static.igem.org/mediawiki/2017/1/1d/T--Bristol--Australia.png" alt="Australia">
 
        </div>
 
  
 
         <div class="col-md-9 Left">
 
         <div class="col-md-9 Left">
           <p><br>&#8226;&#160;<a target="_blank" href="https://2017.igem.org/Team:CCA_San_Diego/Collaborations">CCA San Diego</a>
+
           <p><br>&#8226;&#160;<a target="_blank" href="https://2017.igem.org/Team:Tel-Hai/Team/Collaborations">Tel-Hai</a>
             <br>
+
             <!-- <br>Text -->
 
           </p>
 
           </p>
 
         </div>
 
         </div>
 
         <div class="col-md-3 Right">
 
         <div class="col-md-3 Right">
           <img src="https://static.igem.org/mediawiki/2017/9/91/T--Bristol--USA.png" alt="USA">
+
           <img src="https://static.igem.org/mediawiki/2017/9/98/T--Bristol--Israel.png" alt="Israel">
 
         </div>
 
         </div>
 +
    </div>
  
        <div class="col-md-9 Left">
+
    <hr class="featurette-divider">
          <p><br>&#8226;&#160;<a target="_blank" href="https://2017.igem.org/Team:Warwick/Collaborations">University of Wawrick</a>
+
            <br>Wawrick pointed out a number of issues they found with IDE and with the instructions for how to use it, which allowed us to rectify these issues to make IDE easier to use for future teams.
+
          </p>
+
        </div>
+
        <div class="col-md-3 Right">
+
          <img src="https://static.igem.org/mediawiki/2017/3/3d/T--Bristol--UK.png" alt="UK">
+
        </div>
+
  
        <!-- <div class="col-md-9 Left">
+
    <div class="row parts align-items-center fadeIn">
          <p><br>&#8226;&#160;<a target="_blank" href="#">Team</a><br>Text</p>
+
      <div class="col-md-4">
        </div>
+
        <img class="featurette-image" src="https://static.igem.org/mediawiki/2017/e/ef/T--Bristol--CollabCCA.jpg">
        <div class="col-md-3 Right">
+
      </div>
          <img src="https://static.igem.org/mediawiki/2017/3/3d/T--Bristol--UK.png" alt="UK">
+
      <div class="col-md-4">
        </div> -->
+
        <img class="featurette-image" src="https://static.igem.org/mediawiki/2017/8/82/T--Bristol--CollabNott.jpg">
 +
      </div>
 +
      <div class="col-md-4">
 +
        <img class="featurette-image" src="https://static.igem.org/mediawiki/2017/1/16/T--Bristol--CollabExeter.jpg">
 +
      </div>
  
 +
      <div class="col-md-12">
 +
        <p class="team"><i>Skype sessions with CCA San Diego, Nottingham and Exeter.</i></p>
 
       </div>
 
       </div>
  
 
+
    </div>
  
 
     <hr class="featurette-divider">
 
     <hr class="featurette-divider">
  
 
+
     <div class="row parts align-items-center fadeIn">
<div class="row parts align-items-center fadeIn">
+
  <div class="col-md-4">
+
     <img class="featurette-image" src="https://static.igem.org/mediawiki/2017/e/ef/T--Bristol--CollabCCA.jpg">
+
  </div>
+
  <div class="col-md-4">
+
    <img class="featurette-image" src="https://static.igem.org/mediawiki/2017/8/82/T--Bristol--CollabNott.jpg">
+
  </div>
+
  <div class="col-md-4">
+
    <img class="featurette-image" src="https://static.igem.org/mediawiki/2017/1/16/T--Bristol--CollabExeter.jpg">
+
  </div>
+
 
+
  <div class="col-md-12">
+
    <p class="team"><i>Skype sessions with CCA San Diego, Nottingham and Exeter.</i></p>
+
  </div>
+
 
+
</div>
+
 
+
 
+
 
+
      <hr class="featurette-divider">
+
 
+
<div class="row parts align-items-center fadeIn">
+
 
       <div class="col-md-9 Up">
 
       <div class="col-md-9 Up">
         <h2>University of Sydney - insulin prices</h2>
+
         <h2 class="featurette-heading Up"><b>University of Sydney</b> - insulin prices</h2>
 
         <p>
 
         <p>
           We assisted the <a target="_blank"href="https://2017.igem.org/Team:Sydney_Australia">University of Sydney iGEM team</a> with data collection for their economic model of insulin affordability, by contacting a local GP to obtain the current costs of 3 different brands of insulin.
+
           We assisted the <a target="_blank" href="https://2017.igem.org/Team:Sydney_Australia">University of Sydney iGEM team</a> with data collection for their economic model of insulin affordability, by contacting a local GP to obtain the current costs
 +
          of 3 different brands of insulin.
 
         </p>
 
         </p>
 
       </div>
 
       </div>
Line 138: Line 123:
 
         <img src="https://static.igem.org/mediawiki/2017/1/1d/T--Bristol--Australia.png" alt="Australia">
 
         <img src="https://static.igem.org/mediawiki/2017/1/1d/T--Bristol--Australia.png" alt="Australia">
 
       </div>
 
       </div>
</div>
+
    </div>
  
  <div class="">
+
    <div class="">
    <p>Icons made by <a href="http://www.freepik.com/">Freepik</a> from www.flaticon.com</p>
+
      <p>Icons made by <a href="http://www.freepik.com/">Freepik</a> from www.flaticon.com</p>
  </div>
+
    </div>
  
 
   </div>
 
   </div>
  
 
</body>
 
</body>
 +
 
</html>
 
</html>
 
{{Bristol/footer}}
 
{{Bristol/footer}}

Revision as of 13:25, 31 October 2017


IDE

We created iGEM Development Environment (IDE), a tool which allows faster and easier Wiki editing. We shared this tool with the iGEM community and spoke with a lot of teams who were interested in using IDE. We Skyped many of these teams, explaining how to use IDE as well as gaining valuable feedback. We collaborated with the following teams, who used IDE to help build their Wiki:

• University of Nottingham
"The IDE was not very difficult to get set up and this was coming from someone who has only just learnt html coding (I have used python before). Using it was slightly more difficult however this was more due to me having gaps in my knowledge of html coding. With that said, Albert was extremely helpful with helping me use it so I could design our wiki page how we had planned it. There were a few problems due to the IDE being coded in Linux while I am doing all my editing in Windows but I think these may have been fixed in an updated version of the IDE.

"It helped me by allowing me to test creative ideas, animations, layouts and much more without editing our actual wiki. This means I was not interfering with what anyone else was doing on our wiki by making big changes to the css files or navigation bar."


• Munich
"All in all, the IDE is a helpful tool to develop the wiki faster. The strongest feature of it is how fast changes actually come through. At least for our team, whenever we changed the code in a template on the iGEM servers, we had to delete the cache to see the changes on pages using the templates, which was bothersome. With the IDE we only had to edit the code, refresh and were able to immediately see the modifications. That made the implementation of the css files and specially templates for menu and footer easier and more convenient. We also liked the possibility to, at least to a certain extent, work without internet connection, as it meant we could make some changes almost everywhere, for example the subway. However, a current problem is the need of an initial connection so the local server can be set up and that, sometime after the server is set up, it seems to expire. We would like to see IDE running 100% locally without needing a starting internet connection other that, say, the very first time is used."

Germany


• University of Sydney
"Since none of our team had experience with python, we had some difficulty setting up the IDE but once we understood how python worked it was a bit easier. Maybe you could use something simpler than python in the future?

"One way you could make the set-up and use of IDE easier is to include more screenshots in your explanation for setting it up on github.

"You've designed the IDE tool very well overall! Although our team had some difficulty with python, the way it was designed through python was very clever.

"For our team, I think the most useful thing would be to make the tool easier to use for people who have no experience with coding, particularly by providing more detail in your instructions and explanations."

Australia


• University of Wawrick
"Your tool was able to accurately display what the site would look like (including our bugs on the page). This was helpful in identifying errors and making changes without having to constantly upload the site to test it on the iGEM wiki."

Wawrick also pointed out a number of issues they found with IDE and with the instructions for how to use it, which allowed us to rectify these issues to make IDE easier to use for future teams. For example, they discovered an issue with running the build script on Windows, which we were then able to correct.

UK


• CCA San Diego
"Although we did not use the IDE for the bulk of our wiki development, CCA iGEM tested the IDE, and found it very convenient to use when uploading content for certain pages of our wiki because it is much faster than the default iGEM wiki environment. In addition to providing us with the IDE, Bristol iGEM recommended a software tool, Bootstrap, which was also useful for us."

USA


• Tel-Hai

Israel

Skype sessions with CCA San Diego, Nottingham and Exeter.


University of Sydney - insulin prices

We assisted the University of Sydney iGEM team with data collection for their economic model of insulin affordability, by contacting a local GP to obtain the current costs of 3 different brands of insulin.

Australia

Icons made by Freepik from www.flaticon.com