Team:SYSU-China/page human practice app

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:SYSU-China/header/temp}}
+
{{:Team:SYSU-China/header/wikireset}}
{{:Team:SYSU-China/header/jscss}}
{{:Team:SYSU-China/header/jscss}}
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Apple App-Sun Yat-sen Univ.</title>
<title>Apple App-Sun Yat-sen Univ.</title>
 +
<link type="text/css" href="menu.css" rel="stylesheet" />
 +
<script type="text/javascript" src='https://2011.igem.org/Team:SYSU-China/temp/jquery.js?action=raw&ctype=text/javascript'></script>
 +
<script type="text/javascript" src="menu.js"></script>
 +
<script type="text/javascript" src="scrollTo.js"></script>
 +
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript">
<script type="text/javascript" language="javascript">
$(function(){
$(function(){
Line 22: Line 28:
   <div class="page_WholeContainer">  
   <div class="page_WholeContainer">  
    
    
-
<!--------here begins the manu bar section--!-->
+
<!--------here begins the manu bar section--!--><!-- #BeginLibraryItem "/Library/manu.page.lbi" --><!-- #BeginLibraryItem "/Library/manu.lbi" --><!--------here begins the manu bar section--!-->
     <div class="title_container">
     <div class="title_container">
     <div id="menu">
     <div id="menu">
       <ul class="menu">
       <ul class="menu">
-
         <li><a href="index.thml"><span></span></a></li>
+
         <li><a href="https://2011.igem.org/Team:SYSU-China"><span></span></a></li>
         <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_news"><span>NEWS</span></a></li>
         <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_news"><span>NEWS</span></a></li>
         <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_story"><span>STORY</span></a></li>       
         <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_story"><span>STORY</span></a></li>       
Line 32: Line 38:
           <div>
           <div>
               <ul>
               <ul>
-
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_modules_construction"><span>Modules Construction</span></a>
+
                 <li><a href="https://2011.igem.org/Team:SYSU-China/project_bacterial_migration"><span>Bacterial Migration</span></a>
-
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_modules_verification"><span>Modules Verification</span></a></li>
+
                 <li><a href="https://2011.igem.org/Team:SYSU-China/project_Cesium_Absorption"><span>Cesium Absorption</span></a></li>
-
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_functional_construction"><span>Functional Verification</span></a></li>
+
                 <li><a href="https://2011.igem.org/Team:SYSU-China/project_Aggregation_Recovery"><span>Aggregation & Recovery</span></a></li>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_notes"><span>Notes</span></a></li>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_notes"><span>Notes</span></a></li>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_datapage"><span>Data Page</span></a></li>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_datapage"><span>Data Page</span></a></li>
Line 44: Line 50:
           <div>
           <div>
               <ul>
               <ul>
-
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_app"><span>App</span></a>
+
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_app"><span>iOS App</span></a>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_labcraft"><span>LabCraft Board Game</span></a></li>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_labcraft"><span>LabCraft Board Game</span></a></li>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_workshop"><span>Workshop</span></a></li>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_workshop"><span>Workshop</span></a></li>
Line 56: Line 62:
               <ul>
               <ul>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_aboutus_team_members"><span>Team Members</span></a>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_aboutus_team_members"><span>Team Members</span></a>
-
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_aboutus_special_thanks"><span>Spcial Thanks</span></a></li>
+
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_aboutus_special_thanks"><span>Special Thanks</span></a></li>
-
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_aboutus_LT"><span>Logo and T-shirt</span></a></li>
+
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_aboutus_LT"><span>Visual Identity</span></a></li>
               </ul>
               </ul>
             </div>
             </div>
Line 64: Line 70:
       </ul>
       </ul>
     </div><!--here ends the manu!-->
     </div><!--here ends the manu!-->
 +
    <div id="logo_bar"><a href="https://2011.igem.org/Team:SYSU-China"><img src="https://static.igem.org/mediawiki/2011/2/25/Logo_green.png" width="93" height="125" /></a></div>
     </div><!--here ends the title_container!-->
     </div><!--here ends the title_container!-->
-
     <div id="logo_bar"></div>  
+
       
-
<!--------here ends the title_section------!-->
+
      
-
 
+
   
 +
<!--------here ends the title_section------!-->     
 +
<!-- #EndLibraryItem --><div id="page_downmanu_clearer"></div>
 +
<!-- #EndLibraryItem --><!--------here ends the title_section------!-->
<div class="page_clear_and_introBar">
<div class="page_clear_and_introBar">
-
   <img src="https://static.igem.org/mediawiki/igem.org/6/6a/Page_human_pratice_apple_app_introBar.png" width="958" height="65" /></div>
+
   <img src="https://static.igem.org/mediawiki/2011/4/49/Page_title_bar_app.png" width="958" height="65" /></div>
<!------here begins the main content section--!-->
<!------here begins the main content section--!-->
    
    
Line 75: Line 85:
<!---------------------------------------------!-->
<!---------------------------------------------!-->
<div class="page_content_LsideBar">
<div class="page_content_LsideBar">
-
   <div class="page_content_bgBar"><img src="https://static.igem.org/mediawiki/igem.org/b/b1/Page_human_pratice_apple_app_bg.jpg" width="632" height="600" />
+
   <div class="page_content_bgBar"><img src="https://static.igem.org/mediawiki/2011/7/79/Pagehead_app.jpg"/>
     <div id="page_content_baBar_details"><a href="#page_content_textBar_enterTEXT">See Details</a></div>
     <div id="page_content_baBar_details"><a href="#page_content_textBar_enterTEXT">See Details</a></div>
   </div>
   </div>
Line 82: Line 92:
       <h2>SynBio Intro</h2>
       <h2>SynBio Intro</h2>
       <br />
       <br />
-
       <p>&nbsp;&nbsp;&nbsp;&nbsp;SynBio Intro is an app runs on iPhone / iPod Touch. It was designed to provide an all-in-one experience of modern biotechnology from explaining &ldquo;what is DNA&rdquo; to building an organism on your own. With easy language and friendly UI, you will get a joyful but deep impression on how synthetic biology works and change our lives.</p>
+
       <p>SynBio Intro is an app runs on iPhone / iPod Touch. It was designed to provide an all-in-one experience of modern biotechnology from explaining "what is DNA" to building an organism on your own. With easy language and friendly UI, you will geta joyful but deep impression on how synthetic biology works and change our lives.</p>
-
       <p>&nbsp;&nbsp;&nbsp;&nbsp;The app is available on App Store. <a href="http://itunes.apple.com/us/app/synbio-igem-intro/id468666589?ls=1&amp;mt=8">Visit App Sotre</a></p>
+
      <br />
 +
       <p>The app is now available for free on App Store. Visit App Store</p>
 +
      <br />
 +
      <p>With hundreds of downloads, we've collected some of the comments below:</p>
 +
      <br />
 +
      <p>"The illustrations are fancinating and the introductions are easy to understand. The puzzle is really a challenge so that I have to read the content carefully, think it over, fully understand it and then get the answer. I really learned a lot from the friendly app."</p>
 +
      <p>-- Knightly, a student in English major</p>
 +
      <br />
 +
      <p>"The app is pretty good. You'll know that as soon as you download it."</p>
 +
      <p>-- comment from App Store (China)</p>
 +
      <br />
 +
      <p>"Pretty lovely! SynBio is not as difficult as I think!"</p>
 +
      <p>-- Ngating Wong from Australia</p>
 +
      <br />
 +
      <p>"Could not be better!"</p>
 +
      <p>-- Maojie Lee, a student in English major</p>
</div>     
</div>     
   </div>
   </div>
</div>
</div>
<!---------------------------------------------!-->
<!---------------------------------------------!-->
-
<div class="page_content_RsideBar">
+
<div id="page_content_RsideBar">
   <div class="page_content_videoBar">
   <div class="page_content_videoBar">
-
<br/>
+
    <!-- #BeginLibraryItem "/Library/small vedio.lbi" -->
-
<h1>Please watch our animination</h1>
+
    <script type="text/javascript" src="Library/jquery.fancybox-1.3.4.pack.js"></script>
-
     <iframe width="307" height="225" src="http://www.youtube.com/embed/KymdcolAhcE?rel=0" frameborder="0" allowfullscreen></iframe>
+
     <link rel="stylesheet" type="text/css" href="Library/jquery.fancybox-1.3.4.css" media="screen" />
-
 
+
    <script src="Library/youtube_player.js"></script>
-
<br/>
+
    <a id="youtube_player" href="http://www.youtube.com/watch?v=Ghxmpo7SKC0&feature=feedwll;feature=player_embedded#at=41"><img src="https://static.igem.org/mediawiki/2011/2/2e/Tour_2.jpg" width="307" height="173" /></a> <!-- #EndLibraryItem --></div>
-
<h4>to see the full version of this animation,<a href="http://biogeek.kilu.de/animation.avi
+
-
">click here to download</a> </h4>
+
-
<br/>
+
-
  </div>
+
   <div class="page_content_relatedBar_humanpractice_app">
   <div class="page_content_relatedBar_humanpractice_app">
     <h2>Pages we think helpful:</h2>
     <h2>Pages we think helpful:</h2>
Line 115: Line 136:
   </div><!--here ends the mainpage_project_WholeContainer!-->
   </div><!--here ends the mainpage_project_WholeContainer!-->
-
<!--here begins the contact_bottombar!-->
+
<!--here begins the contact_bottombar!--><!-- #BeginLibraryItem "/Library/contact_bottombar.lbi" --><div class="contact_bottombar">
-
    <div class="contact_bottombar">
+
      <p><a href="https://2011.igem.org/Main_Page">2011 iGEM Mainpage</a></p>
 +
      <p><a href="https://igem.org/Team_Wikis?year=2011">2011 iGEM Team wikis</a></p>
 +
 
       <p>From the 2011 iGEM team SYSU-China (2011)</p>
       <p>From the 2011 iGEM team SYSU-China (2011)</p>
       <p>Sun Yat-Sen University, Guangzhou, China</p>
       <p>Sun Yat-Sen University, Guangzhou, China</p>
Line 122: Line 145:
       <p><a href="http://eng.sysu.edu.cn/">visit the Sun Yat-sen university website</a></p>
       <p><a href="http://eng.sysu.edu.cn/">visit the Sun Yat-sen university website</a></p>
       <p>Thanks Apycom jQuery Menus and <a href="http://apycom.com/">visit their website</a>
       <p>Thanks Apycom jQuery Menus and <a href="http://apycom.com/">visit their website</a>
-
   </div>
+
   </div><!-- #EndLibraryItem --><!--here ends the contact_bottombar!-->
-
    <!--here ends the contact_bottombar!-->
+
</div><!--here ends the backgroud_shadow_bar!-->
</div><!--here ends the backgroud_shadow_bar!-->
</body>
</body>
</html>
</html>

Revision as of 17:38, 25 October 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Apple App-Sun Yat-sen Univ.

SynBio Intro


SynBio Intro is an app runs on iPhone / iPod Touch. It was designed to provide an all-in-one experience of modern biotechnology from explaining "what is DNA" to building an organism on your own. With easy language and friendly UI, you will geta joyful but deep impression on how synthetic biology works and change our lives.


The app is now available for free on App Store. Visit App Store


With hundreds of downloads, we've collected some of the comments below:


"The illustrations are fancinating and the introductions are easy to understand. The puzzle is really a challenge so that I have to read the content carefully, think it over, fully understand it and then get the answer. I really learned a lot from the friendly app."

-- Knightly, a student in English major


"The app is pretty good. You'll know that as soon as you download it."

-- comment from App Store (China)


"Pretty lovely! SynBio is not as difficult as I think!"

-- Ngating Wong from Australia


"Could not be better!"

-- Maojie Lee, a student in English major

2011 iGEM Mainpage

2011 iGEM Team wikis

From the 2011 iGEM team SYSU-China (2011)

Sun Yat-Sen University, Guangzhou, China

Address: 135# Xingang Rd.(W.), Haizhu Guangzhou, P.R.China

visit the Sun Yat-sen university website

Thanks Apycom jQuery Menus and visit their website