Team:Wellesley Desyne/Tips Tricks

From 2013.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 13: Line 13:
<!-- Title Area -->
<!-- Title Area -->
<li class="name">
<li class="name">
-
<h1><a href="#">WHCI</a></h1>
+
<h1><a href="https://2013.igem.org/Team:Wellesley_Desyne">WHCI</a></h1>
</li>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
Line 66: Line 66:
<div class="row">
<div class="row">
<div class="large-12 columns">
<div class="large-12 columns">
-
<h2><img src="https://static.igem.org/mediawiki/2013/0/03/Wellesley_logo.png">Wellesley HCI iGEM 2013</h2>
+
<a href="https://2013.igem.org/Team:Wellesley_Desyne" class="header-link"><h2><img src="https://static.igem.org/mediawiki/2013/0/03/Wellesley_logo.png">Wellesley HCI iGEM 2013</h2></a>
</div>
</div>
</div>
</div>
Line 79: Line 79:
<h3>Tips & Tricks</h3>
<h3>Tips & Tricks</h3>
-
<p>This section is intended to help future iGEM teams with troubleshooting widely used laboratory protocols. This page addresses different situations/issues we encountered this summer and possible solutions. </p>
+
<p>This section is intended to help future iGEM teams or developers intending to work with the software and platforms we used over this summer. </p>
<h4>Microsoft Surface Development</h4>
<h4>Microsoft Surface Development</h4>
-
  <ul class="bullet">
+
  <ul class="list_default">
     <li><a href="http://msdn.microsoft.com/en-us/library/ee786837(v=surface.10).aspx">
     <li><a href="http://msdn.microsoft.com/en-us/library/ee786837(v=surface.10).aspx">
         Microsoft's intro to Surface development</a></li>
         Microsoft's intro to Surface development</a></li>
     <li><a href="http://sethsandler.com/multitouch/">Intro to building a multi touch application</a></li>
     <li><a href="http://sethsandler.com/multitouch/">Intro to building a multi touch application</a></li>
-
     <li>Seeing examples of applications is immensely helpful to understand how to implement your application.
+
     <li><a href=http://www.codeplex.com/"> CodePlex</a> - allows you to see open source projects and download open source software. </li>
-
    Microsoft has <a href=http://www.codeplex.com/"> CodePlex</a>, which allows you to see open source projects and download open source software. </li>
+
<li> <a href="http://msdn.microsoft.com/en-us/library/ms754130.aspx"> Intro to WPF,</a>  
-
<p>Surface Development is built off of WPF (Windows Presentation Foundation), which provides the developer with a standard model to create rich and interesting User Interfaces. Definitely familiarize yourself with WPF if you want to develop for the Surface! <a href="http://msdn.microsoft.com/en-us/library/ms754130.aspx"> Intro to WPF,</a>  
+
<a href="http://www.wpftutorial.net/">Another WPF tutorial</a> - A necessary model to understand in order to create rich and interesting user interfaces for the Surface, which is built on WPF.
-
<a href="http://www.wpftutorial.net/">Another WPF tutorial</a></p>
+
<li> MVVM, based on the model-view-controller model, is another crucial model to understand. Also helpful for organizing the architecture of your code. <a href="http://blogs.msdn.com/b/erwinvandervalk/archive/2009/08/18/implementing-the-model-view-viewmodel-pattern.aspx">A brief overview of data MVVM can be found here.</a>
-
<p> The standard model mentioned above is MVVM, which is based on the model-view-controller model. Understanding this model is crucial to understanding how databinding, among other crucial concepts, will work in your application, and how to organize the architecture of your code. <a href="http://blogs.msdn.com/b/erwinvandervalk/archive/2009/08/18/implementing-the-model-view-viewmodel-pattern.aspx">A brief overview of data MVVM can be found here.</a></p>
+
<li><a href="http://stackoverflow.com/"> Stack Overflow</a> - A very helpful resource for debugging and understanding more about software development. In particular, <a href="http://stackoverflow.com/questions/129772/how-to-begin-wpf-development">this</a> Stack Overflow page is useful for tips on starting WPF development.</li>
-
<p><a href="http://stackoverflow.com/"> Stack Overflow</a> is a great site, both for debugging and for learning more about development. Don’t overlook this resource! In particular, check out <a href="http://stackoverflow.com/questions/129772/how-to-begin-wpf-development">this</a> particular Stack Overflow for tips on starting WPF development.</p>
+
<li>The <a href="http://msdn.microsoft.com/en-us/vstudio/hh341490.aspx, http://msdn.microsoft.com/en-us/library/vstudio/67ef8sbd.aspx">basics of programming in C#</a> ,whether you need to learn or just brush up.</li>
-
<p>The <a href="http://msdn.microsoft.com/en-us/vstudio/hh341490.aspx, http://msdn.microsoft.com/en-us/library/vstudio/67ef8sbd.aspx">basics of programming in C#</a> (whether you need to learn or just brush up)</li>
+
<li> In the process of building your application, you’ll most likely need to pull information from the <a href=" http://parts.igem.org/Registry_API?title=Registry_API"> iGEM registry</a> for specific parts. Make use of the Registry API, which allows you to extract information about a particular part efficiently.
-
<li> In the process of building your application, you’ll most likely need to pull information from the <a href=" http://parts.igem.org/Registry_API?title=Registry_API"> iGEM registry</a> for specific parts. Make use of the Registry API, which allows you to extract information about a particular part efficiently.</p>
+
</ul>
</ul>
-
<hr>
+
 
 +
<h4>Z Space</h4>
 +
<ul class="list_default">
 +
    <li><a href = "http://unity3d.com/">Unity3D</a></li>
 +
    <li><a href = "https://www.google.com/search?q=unity&oq=unity&aqs=chrome..69i57j0j5j0j69i60.2545j0&sourceid=chrome&ie=UTF-8"> Google </a> helps with developing in Unity</li>
 +
    <li>The <a href = "https://support.zspace.com/categories/20059046-Community-Forum"> zSpace </a> forums are helpful when getting started and developing for zSpace..</li>
 +
    <li><a href = "https://2013.igem.org/Team:Wellesley_Desyne/Notebook/CassieNotebook"> Cassie </a> created a <a href= "https://support.zspace.com/categories/20059046-Community-Forum"> post </a> on the zSpace forum which highlights what she learned from Unity and zSpace development over the summer. </li>
 +
</ul>
 +
 
 +
<h4>Web Development</h4>
 +
<ul class="list_default">
 +
    <li> <a href = "http://www.w3schools.com">W3 Schools </a> -A helpful resource for HTML, CSS and JavaScript</li>
 +
    <li><a href = "http://www.hongkiat.com/blog/48-excellent-html5-demos">HTML5 animation demos</a></li>
 +
    <li>The <a href = "https://dev.twitter.com" >Twitter API</a>, which we used to retrieve tweets</li>
 +
    <li> <a href = "https://developers.google.com/appengine/">Google App Engine</a> for our javascript framework</li>
 +
</ul>
 +
 
 +
<br>
  <img src="https://static.igem.org/mediawiki/2013/6/62/Whci_sponsor_logos.png">
  <img src="https://static.igem.org/mediawiki/2013/6/62/Whci_sponsor_logos.png">
 +
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_zepto.js"></script>
+
<script src="http://eastmaninteractive.com/igem/whci_zepto.js"></script>
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.js"></script>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.js"></script>
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.alerts.js"></script>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.dropdown.js"></script>
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.dropdown.js"></script>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.topbar.js"></script>
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.placeholder.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.tooltips.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.topbar.js"></script>
+
-
<script>
+
-
$(document).foundation();
+
<script>
 +
$(document).foundation();
</script>
</script>
</body>
</body>
</html>
</html>

Latest revision as of 15:28, 27 September 2013

Wellesley HCI iGEM Team: Notebooks

Tips & Tricks

This section is intended to help future iGEM teams or developers intending to work with the software and platforms we used over this summer.

Microsoft Surface Development

Z Space

  • Unity3D
  • Google helps with developing in Unity
  • The zSpace forums are helpful when getting started and developing for zSpace..
  • Cassie created a post on the zSpace forum which highlights what she learned from Unity and zSpace development over the summer.

Web Development


Retrieved from "http://2013.igem.org/Team:Wellesley_Desyne/Tips_Tricks"