Team:SDU-Denmark/Tour13

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:SDU-Denmark/core/header| }}
{{:Team:SDU-Denmark/core/header| }}
<html>
<html>
-
<h2>A different wiki</h2>
+
<h2>Attributions</h2>
-
<h4>Our way of showing the world what we accomplished - intuitively and thoroughly</h4>
+
<h4>Showing gratitude to those we could not have done without</h4>
-
<a class="popupImg alignRight" style="width:300px" target="_blank"
+
<p class='intro'>
-
 
+
"I get by with a little help from my friends."
-
href="https://static.igem.org/mediawiki/2013/8/84/SDU2013_WikConstruction.jpg" title="Team members working hard to polish the wiki before wiki-freeze.">
+
<b>- John Lennon </b>
-
  <img src="https://static.igem.org/mediawiki/2013/8/84/SDU2013_WikConstruction.jpg" style="width:300px" />
+
-
Team members working hard to polish the wiki before wiki-freeze.
+
-
</a>
+
-
<p>
+
-
<span class="intro">Most of our team members</span> have never tried creating a wiki, so when Heidi’s boyfriend Kenneth offered to help us out a bit, we were quick to accept. As a professional software developer, Kenneth had a unique perspective, which shone throughout our preliminary meetings. We set out to present the best, most intuitive wiki possible; to improve the standard wiki experience. This very wiki is the result, and below are the keys to the wiki.
+
</p>
</p>
<p>
<p>
-
<span class="intro">Better overview: A metro-map of all pages</span><br>
 
-
A general issue observed on many wikis is that the user struggles to navigate. We designed a metro-style navigation bar at the top of each page, giving the user knowledge of his exact location.
 
-
While allowing a custom experience and viewing order, the navigation bar ensures that the user is never lost.
 
-
</p>
 
<p>
<p>
-
<span class="intro">Smarter tour: Usable by both casual and thorough readers</span><br>
+
<a class="popupImg alignRight" style="width:300px" target="_blank"
-
A lot of wiki-tours do a great job at introducing the reader to the project. However, users who want details are left to fend for themselves in a jungle of pages.
+
-
Our fix: Allowing our readers the freedom to choose between a quick and a detailed tour by including all pages in our tour.</br>
+
-
The result is an interactive wiki tour, which sets up a choice between digging deeper to detailed pages or fast-forward to the next major chapter. The two buttons (on the bottom of the screen) even have a small text explaining what you can expect to read on the coming pages. Also, take the time to click on our photos; this brings forward a detailed figure description.
+
-
</p>
+
href="https://static.igem.org/mediawiki/2013/9/9b/SDU2013_BioNordika_Logo.jpg" title="">
 +
  <img src="https://static.igem.org/mediawiki/2013/9/9b/SDU2013_BioNordika_Logo.jpg"
 +
style="width:300px" />
-
<p>
+
</a>
-
<span class="intro">Quicker navigation: Tour buttons and menu always visible</span><br>
+
<h4>Sponsors</h4>
-
Additional ease of navigation was created by ensuring that tour-buttons and menu are always available - even when scrolling through the text! While searching for a topic of interest, a traditional menu as a means of a shortcut may be desirable. Such a menu allows users to access a specific page that they might wish to revisit. Perhaps a certain page sprung to mind after completing the tour, perhaps a user accesses our wiki looking for a particular subject. The menu makes such personalized experiences easier and more user-friendly.
+
-
</p>
+
-
<p>
+
-
<span class="intro">Tooltips: Simplifying the text</span><br>
+
We would like to thank our sponsor <span class="intro"><a href="http://www.sdu.dk/en/" target="_blank">University of Southern Denmark</a></span> for giving us the funds for the project, making it possible for us to participate in iGEM. In particular, we would like to thank <b>Dean Henrik Pedersen</b> and <b>the Faculty of Science at University of Southern Denmark.</b> We would also like to thank <span class="intro"><a href="http://www.bionordika.dk/" target="_blank">Bionordika</a></span> for sponsoring the USER-enzymes.
-
To reach broader audiences, we wanted our wiki articles to be easily understandable without compromising the scientific aspect.
+
-
To solve this, we added <span class="tooltipLink">tooltips</span> <span class="tooltip"><span class="tooltipHeader">Tooltips</span>All tooltips are marked with bold, blue text to draw attention.</span> to many of our pages. The tooltips enable us to maintain short and precise texts with great scientific value, while explaining some of the more exotic words and abbreviations.</br>
+
-
We also use tooltips when <span class="sourceReference">quoting a source without cluttering the text.</span>
+
-
<span class="tooltip">
+
-
  <span class="tooltipHeader">Source</span>
+
-
  <i>A reference to our source will be placed here</i>
+
-
</span>
+
 +
</p>
 +
</br>
-
</p>
 
<p>
<p>
-
<span class="intro">Stay on track: Many external sites are shown as in-page dialogs</span><br>
+
<h4>Laboratory support</h4>
-
Sometimes we link to external content, such as our submitted parts. These links will open inside the page using a dialog box, which can be easily closed by clicking the escape button in the top right corner. This helps users stay on track when browsing our wiki.
+
-
 
+
 +
We would like to thank <b>Associate Professor Jakob Møller Jensen & The Microbiology group</b> and the rest of the <b>Department of Biochemistry and Molecular Biology</b> for letting us use their lab and equipment for the duration of the project.
</p>
</p>
 +
<p>
 +
<a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2013/9/97/SDU2013_SDU_Logo.jpg" title="">
 +
  <img src="https://static.igem.org/mediawiki/2013/9/97/SDU2013_SDU_Logo.jpg"
-
<br>
+
style="width:300px" />
-
<p>
+
</a>
-
<h2>Compliance with the iGEM 2013 wiki requirements</h2>
+
<b>Medical Laboratory Technician Simon Rose</b> helped us tremendously with safety; introducing us to the laboratory as well as aiding with the safety form. <br>
-
The <a href="https://2013.igem.org/Requirements/Wiki" target="_blank">wiki requirements’</a> primary purpose is to ensure that the wiki will continue to function, even several years from now. Also, it is important that future teams can look to previous wikis and learn from them; hopefully resulting in even better wikis in the future in the spirit of iGEM’s community sharing.
+
-
<br><br>
+
-
<span class="intro">All wiki requirements are met. </span>Below is an outline of focal points:<br>
+
 +
<b>Anders Boysen</b> helped troubleshoot when the PCR reactions were misbehaving.
 +
<br>
 +
<b>Mikkel Jørgensen</b> gave us a lifesaving course in primer design.
 +
<br>
 +
<b>Eva Lillebæk</b> answered our questions when needed in the everyday lab.
 +
<br>
 +
<b>Paul Stein</b> helped us with our characterization through NMR support.
 +
<br>
 +
<b>Lennart Bjerre Nielsen</b> and <b>Pernille Lassen</b> helped us with our characterization through MALDI support.
 +
<br>
 +
<b>Lise Junker Nielsen</b> helped us with our rubber purification process.
 +
<br>
 +
<b>PhD Tine Daa Schrøder</b> helped us with our Dynamic Light Scattering measurements.
 +
<br>
 +
<b>Professor Lars Porskjær Christensen, Hanne V. Hemmingsen, Dorthe Lillesø</b>, and <b>Brian Hermansen</b> all helped us with our GC characterization.
</p>
</p>
 +
</br>
<p>
<p>
-
<span class="intro">All pages, images, and files are hosted on the 2013.igem.org server</span><br>
+
<h4>General support</h4>
-
This also includes all necessary javascript and JQuery code needed for the wiki to function properly.
+
 +
The iGEM team from <span class="intro">DTU</span> hosted an iGEM crash course in April. They introduced us to the USER-cloning technique, which we have used for the duration  of our project.
 +
<br>
 +
<b>Sabina Kethelz</b> held a course in project management, giving us the tools to create a better group dynamic and to tackle any problem that arose.
 +
<br>
 +
<b>Birthe Vester</b> gave a lecture on antibiotic resistance at the DK meet-up.
 +
<br>
 +
<b>DTU</b> and <span class="intro">UNIK-Copenhagen</span> iGEM teams visited us at the DK meet-up and gave us some great feedback at the workshop.
 +
<br>
 +
<b>Bioscientific dissemination at SDU</b> gave us great feedback on our presentation in preparation of the jamboree.
 +
<br>
 +
<b>Claus Asger Lykkebo</b> did an amazing job, designing and creating our own logo.
</p>
</p>
-
<p>
 
-
<span class="intro">No flash was used in the making of this wiki</span><br>
+
</br>
-
Since flash is not open-source, it would be impossible for other teams to see how it is made. Besides, flash is not visible from many <span class="tooltipLink">modern mobile devices</span><span class="tooltip"><span class="tooltipHeader">Modern mobile devices</span>iPhones, iPads, Windows Phone 8 and Windows tablets.
+
-
</span>, which would make the wiki less accessible. Consequently, all animations were done using javascript.
+
-
 
+
-
</p>
+
<p>
<p>
 +
<h4>Technical support</h4>
-
<span class="intro">Project description on front page</span><br>
+
<b>Kristian Debrabant</b>, helped with the some of the technical programming for the modeling of our system.
-
To welcome new readers, the front page focuses on our project description.
+
<br>
-
 
+
<b>Kenneth Jensen</b> helped us a great deal with the creation of our wiki, teaching us how to create a userfriendly site. He also helped with the more complex programming, such as the tour menu, as well as helping with general layout and design issues<span class="tooltipLink">.</span><span class="tooltip"><span class="tooltipHeader">Zeus</span>Superman</span>
-
 
+
</p>
</p>
 +
</br>
<p>
<p>
-
<span class="intro">All pages are in the team namespace</span><br>
 
-
We made sure that all our pages are created in the correct namespace, in our case under the <span class="spceialWord">Team:SDU-Denmark.</span>
 
-
</p>
+
<div class="imageGallery galleryMedium alignCenter">
 +
<a class="galleryImg" target="_blank" href="https://static.igem.org/mediawiki/2013/3/31/SDU2013_Attri_1.JPG" title="We have shown USER-cloning to the public">
 +
<img src="https://static.igem.org/mediawiki/2013/a/af/SDU2013_Small_Attri_1.JPG">
 +
</a>
-
<p>
+
<a class="galleryImg" target="_blank" href="https://static.igem.org/mediawiki/2013/c/c8/SDU2013_Attri_2.JPG" title="We had a great intro to USER cloning <Andreas is batman!> ">
 +
<img src="https://static.igem.org/mediawiki/2013/b/be/SDU2013_Small_Attri_2.JPG">
 +
</a>
-
<span class="intro">There is a link to the completed safety form and an attributions section as part of the wiki</span><br>
+
<a class="galleryImg" target="_blank" href="https://static.igem.org/mediawiki/2013/8/8e/SDU2013_Attri_3.jpg" title="Great thanks to the other danish iGEM teams">
-
The completed safety form can be viewed on our <a href="https://2013.igem.org/Team:SDU-Denmark/Tour34">safety page.</a><br>
+
<img src="https://static.igem.org/mediawiki/2013/e/e9/SDU2013_Small_Attri_3.jpg">
-
The attributions page can be found <a href="https://2013.igem.org/Team:SDU-Denmark/Tour12">here.</a>
+
</a>
-
</p>
+
Us telling the public about USER-cloning and pictures from the DTU workshop. 
 +
</div>
-
<p>
+
</p>
-
<span class="intro">iGEM logo and user editing menu is found on the top of every page</span><br>
 
-
We kept the original iGEM logo in the header as a link to igem.org.
 
-
The user editing menu is also visible on every page, just above our header. Note that the header collapses to save space, and you may have to scroll to the top of the page to view it, exactly as it does on the igem.org site. This way, menus are in their expected positions and easily accessible to future teams.
 
-
 
-
 
-
</p>
 
</html>
</html>
{{:Team:SDU-Denmark/core/footer}}
{{:Team:SDU-Denmark/core/footer}}

Revision as of 19:23, 21 October 2013

Attributions

Showing gratitude to those we could not have done without

"I get by with a little help from my friends." - John Lennon

Sponsors

We would like to thank our sponsor University of Southern Denmark for giving us the funds for the project, making it possible for us to participate in iGEM. In particular, we would like to thank Dean Henrik Pedersen and the Faculty of Science at University of Southern Denmark. We would also like to thank Bionordika for sponsoring the USER-enzymes.


Laboratory support

We would like to thank Associate Professor Jakob Møller Jensen & The Microbiology group and the rest of the Department of Biochemistry and Molecular Biology for letting us use their lab and equipment for the duration of the project.

Medical Laboratory Technician Simon Rose helped us tremendously with safety; introducing us to the laboratory as well as aiding with the safety form.
Anders Boysen helped troubleshoot when the PCR reactions were misbehaving.
Mikkel Jørgensen gave us a lifesaving course in primer design.
Eva Lillebæk answered our questions when needed in the everyday lab.
Paul Stein helped us with our characterization through NMR support.
Lennart Bjerre Nielsen and Pernille Lassen helped us with our characterization through MALDI support.
Lise Junker Nielsen helped us with our rubber purification process.
PhD Tine Daa Schrøder helped us with our Dynamic Light Scattering measurements.
Professor Lars Porskjær Christensen, Hanne V. Hemmingsen, Dorthe Lillesø, and Brian Hermansen all helped us with our GC characterization.


General support

The iGEM team from DTU hosted an iGEM crash course in April. They introduced us to the USER-cloning technique, which we have used for the duration of our project.
Sabina Kethelz held a course in project management, giving us the tools to create a better group dynamic and to tackle any problem that arose.
Birthe Vester gave a lecture on antibiotic resistance at the DK meet-up.
DTU and UNIK-Copenhagen iGEM teams visited us at the DK meet-up and gave us some great feedback at the workshop.
Bioscientific dissemination at SDU gave us great feedback on our presentation in preparation of the jamboree.
Claus Asger Lykkebo did an amazing job, designing and creating our own logo.


Technical support

Kristian Debrabant, helped with the some of the technical programming for the modeling of our system.
Kenneth Jensen helped us a great deal with the creation of our wiki, teaching us how to create a userfriendly site. He also helped with the more complex programming, such as the tour menu, as well as helping with general layout and design issues.ZeusSuperman


Us telling the public about USER-cloning and pictures from the DTU workshop.