Difference between revisions of "Team:NAU-CHINA/Software"

 
(22 intermediate revisions by 4 users not shown)
Line 6: Line 6:
 
     <meta charset="utf-8" />
 
     <meta charset="utf-8" />
 
     <title>Software</title>
 
     <title>Software</title>
 +
    <script>
 +
        $(document).ready(function () {
 +
            $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/f/f3/T--NAU-China--bannercloud.png')
 +
        });
 +
    </script>
 
     <style>
 
     <style>
−
 
+
         .top-title {
−
         .topLine {
+
             margin:0 !important;
−
              
+
             position: absolute !important;
−
             /*width:100%;
+
             font-size: 9vw !important;
−
             height:300px;*/
+
             color: #3f3f41 !important;
−
             background: url(https://static.igem.org/mediawiki/2018/3/35/T--NAU-CHINA--InPageLine.svg);
+
            top:42vh !important;
 +
            left:9vw !important;
 
         }
 
         }
  
−
        .main-content {
 
−
            margin:0 10% 0 10%;
 
−
            text-align:justify;
 
−
        }
 
−
        img {
 
−
            display: block;
 
−
            margin: 0 auto;
 
−
        }
 
−
        figure img {
 
−
            display: block;
 
−
            margin:15px auto 15px auto;
 
−
            /*width:800px;*/
 
−
        }
 
−
        figure {
 
−
            /*background-color:whitesmoke;*/
 
−
            margin-top:15px;
 
−
            margin-bottom:30px;
 
−
            /*border:dotted 1px #000;*/
 
−
        }
 
−
 
−
        figcaption {
 
−
            font-size: 1.2em;
 
−
            text-align: center;
 
−
            font-family: 'Times New Roman','sans-serif';
 
−
        }
 
−
 
−
        ._table {
 
−
            /*text-align: left;*/
 
−
        }
 
−
        .textblock {
 
−
            margin-bottom:5em;
 
−
        }
 
−
        .section {
 
−
            margin-bottom:2.5em;
 
−
        }
 
 
         .main-content h1 {
 
         .main-content h1 {
 
             font-family: 'Avenir Next Condensed',sans-serif;
 
             font-family: 'Avenir Next Condensed',sans-serif;
−
             color: #a01111;
+
             color: #3f3f41;
 
             margin:32px 0 !important;
 
             margin:32px 0 !important;
 
             margin-left:40px !important;
 
             margin-left:40px !important;
Line 59: Line 30:
 
         }
 
         }
  
−
.main-content h2 {
 
−
font-size:24px !important;
 
−
            margin:19px 0 !important;
 
−
            font-weight:bold !important;
 
−
        }
 
−
 
−
#HQ_page p {font-size:19.2px;}
 
−
 
−
 
−
        .main-content p {
 
−
            font-family: 'Avenir Light','Helvetica',sans-serif !important;
 
−
            /*font-size: 1.2em !important;*/
 
−
            line-height:2em;
 
−
        }
 
−
        .scale img{
 
−
          background-size:contain|cover;
 
−
          width:100%;
 
−
          height: auto;
 
−
        }
 
−
        p{text-indent:2em}
 
 
     </style>
 
     </style>
 
</head>
 
</head>
 
<body>
 
<body>
−
  <!--<div class="topLine">
+
    <div class="topLine">
−
<img src="https://static.igem.org/mediawiki/2018/3/35/T--NAU-CHINA--InPageLine.svg" width="1500"/>
+
        <p class="top-title">iGEMCloud</p>
−
<p>InterLab</p>
+
    </div>
−
</div>-->   <div class="scale">
+
    <div class="main-content">
−
    <img src="https://static.igem.org/mediawiki/2018/f/f3/T--NAU-China--bannercloud.png"/ width=“100%”>  
+
        <div class="textblock">
−
     </div>  
+
            <h1>Overview </h1>           
−
<div class="main-content">
+
            <p>We developed iGEMCloud to solve some of iGEM's current problems, with its immediacy, openness and interactivity. At present, all the information about iGEM comes from many websites. They are scattered, cluttered and unfriendly to personal user.</p>
 +
            <p>So we have created this application(So far, it is android based, and we hope to launch the iOS version in the future) , which is hoped to be a information gathering platform that receives the latest information of iGEM, a micro-blog that allows all users to participate in discussions in group or individual, and a community that built for iGEMers all around the world.</p>
 +
 
 +
 
 +
        </div>
 +
     </div>
 +
 
 +
<div class="main-content">
 
<div class="textblock">
 
<div class="textblock">
−
<h1>Overview </h1>          
+
<h1>Instructions</h1>  
−
<p>Regarding the planning of this HP-related event, we have conceived a more unique idea - the development and production of iGEM's exclusive app which we call iGEMCloud. At present, all the information about iGEM in China's participating regions comes from: QQ group, WeChat group, Post bar, Zhihu, iGEM official website, etc. The information about the events that these platforms can get is more scattered and in a certain The timeliness, authenticity, and referability of the information obtained on these platforms are not guaranteed.</p>
+
<div class="divvideo">
−
</div>
+
  <video src="https://static.igem.org/mediawiki/2018/6/60/T--NAU-China--cloud.mp4"  align="center" controls="controls" width="1000px">
−
</div>
+
</video>      
−
<div class="main-content">
+
</div>          
−
<div class="textblock">
+
−
<h1>Instructions of usage</h1>          
+
 
<p>1.Register an account with your email address, enter the verify code, and use this address to log in.</p>
 
<p>1.Register an account with your email address, enter the verify code, and use this address to log in.</p>
−
<p>2.In the application, you can receive official news, notifications, etc. so that you can get the latest news of iGEM events in a timely, convenient and accurate manner.</p>
+
<p>2.In the application, you can receive official news, notifications, etc. And so that you can get the latest news of iGEM events in a timely, convenient and accurate way.</p>
−
<p>3.Users can write blog posts in the discussion forum for all users to browse. The blog post is in the form of pictures + text. The blog posts are classified into different sections, such as experiment, seek help, etc. so that you can share your ideas with all iGEM participants.<br>
+
<p>3.Users can write blog posts in the discussion forum for all users to browse. The blog post is in the form of pictures + text. The blog posts are classified into different sections, such as experiment, seek help, etc. And so that you can share your ideas with all iGEM participants.</p>
−
Excellent blog posts will be tagged so that they could be discovered by users. At the same time, users who see the blog post written by you can comment or reply to you. The content of the reply is in the form of image + text. When you find a nice blog post, click on the star symbol in the upper right to bookmark it for later reading.</p>
+
<p>Excellent blog posts will be tagged so that they are discovered by users. At the same time, users who see the blog posts written by you can comment or reply to you. The content of the reply is in the form of image + text. When you find a nice blog post, click on the star symbol in the upper right to bookmark it for later reading.</p>
−
<p>4.If you want to remind specific users to view the content you posted, you can remind him by "@" and "user nickname".</p>
+
<p>4.If you want to remind specific users to view the content you have posted, you can remind the user to view this blog post or comment by "@" + "user nickname".</p>
 
<p>5.You can search for blog posts in one or more keywords in the app, and sort the search results by time, number of view , and collection. You can also search for users or teams.</p>
 
<p>5.You can search for blog posts in one or more keywords in the app, and sort the search results by time, number of view , and collection. You can also search for users or teams.</p>
−
<p>6.You can follow the teams or users that you think are worthy of attention so that you can view their published content more easily in the future.</p>
+
<p>6.You can follow the teams or users that you think are worthy of attention so that you can view their published content more easily in the future.</p>  
−
<p>7.Each user can create or join a team, become a member, and use their team space, the team creator is the captain. The captain can edit the team information in the team space to introduce others to the team and show the team research direction.Only members of the team can post in the team space, but everyone can view it, the captain can also add albums in the team space, members of the team can post photos in the album.</p>
+
<p>7.Each user can create or join a team, become a member, and use their team space. The team creator is the captain who can edit the team information in the team space for others to join and show the team research direction. Only members of the team can post in the team space, but everyone can view it. Also, the captain can add albums in the team space,where members of the team can post photos.</p>
 
<p>8.This app has built-in gadgets that may be needed for the lab and more other features will be added in the future...</p>
 
<p>8.This app has built-in gadgets that may be needed for the lab and more other features will be added in the future...</p>
 
</div>
 
</div>
 
</div>  
 
</div>  
−
<div class="main-content">
+
 
−
<div class="textblock">
+
   
−
<h1>What it could be</h1>
+
    <div class="main-content">
−
<div class="section">
+
        <div class="textblock">
−
<h2>A information gathering platform:</h2>
+
            <h1>What it could be</h1>
−
<p>We will gather information from other website to release,and we hope to build contact with some organization to get instant and accurate information.The user of this app can share their information in it,if it is valuable and reliable,we will push it to everyone.</p>
+
            <div class="section">
−
</div>
+
                <h2>An information gathering platform:</h2>
−
<div class="section">
+
                <p>We will gather information from other website to release, and we hope to build contact with some organization to get instant and accurate information. The user of this app can share their information in it. If it is valuable and reliable, we will push it to everyone.</p>
−
<h2>A platform for interaction between teams:</h2>
+
            </div>
−
<p>Through the form of the team space,each team can easily interact with other teams.This will strengthen the connection between iGEM teams and produce countless positive possibilities.</p>
+
            <div class="section">
−
</div>
+
                <h2>A platform for interaction between teams:</h2>
−
<div class="section">
+
                <p>Through the form of the team space, each team can easily interact with other teams. This will strengthen the connection between iGEM teams and cause countless positive possibilities.</p>
−
<h2>An iGEM community:</h2>
+
            </div>
−
<p>Each iGEMer could leave a footprint here,show themselves here.Everyone here is part of the iGEM.</p>
+
            <div class="section">
−
<p>The App we conceived can provide comprehensive information on the release of events, each team to register their own team home page, various activities related to iGEM, question answer and experience sharing , topic discussion, experimental supplies, and more.
+
                <h2>An iGEM community:</h2>
 +
                <p> Each iGEMer could leave a footprint here and show themselves here. Everyone here is part of the iGEM.</p>
 +
                <p>The App we conceived can provide comprehensive information on the release of events, each team to register their own team home page, various activities related to iGEM, question answer and experience sharing , topic discussion, experimental supplies, and more.
 
</p>
 
</p>
−
</div>
+
            </div>
−
</div>
+
        </div>
−
</div>
+
    </div>
−
<div class="main-content">
+
    <div class="main-content">
−
<div class="textblock">
+
        <div class="textblock">
−
<h1>How to get it</h1>     
+
       <img src="https://static.igem.org/mediawiki/2018/2/2c/T--NAU-China--software1.png">
−
<p>Scan the QR code to get the application.</p>
+
            <h1>Get it</h1>    
−
<figure>        
+
−
<img src="https://static.igem.org/mediawiki/2018/2/2c/T--NAU-China--software1.png">
+
−
</figure>
+
−
</div>
+
−
</div>
+
  
 +
            <p>Scan the QR code to get the application and click it to go to the github page.</p>
 +
               
 +
                    <a href="https://github.com/reindeerup/iGEMCloud/releases"> <img src="https://static.igem.org/mediawiki/2018/a/aa/T--NAU-China--software4.png"> </a>
 +
             
 +
         
 +
        </div>
 +
    </div>
  
 
        
 
        
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{NAU-CHINA/footer}}

Latest revision as of 03:49, 18 October 2018

Template:2018_NAU-CHINA

header
Software

iGEMCloud

Overview

We developed iGEMCloud to solve some of iGEM's current problems, with its immediacy, openness and interactivity. At present, all the information about iGEM comes from many websites. They are scattered, cluttered and unfriendly to personal user.

So we have created this application(So far, it is android based, and we hope to launch the iOS version in the future) , which is hoped to be a information gathering platform that receives the latest information of iGEM, a micro-blog that allows all users to participate in discussions in group or individual, and a community that built for iGEMers all around the world.

Instructions

1.Register an account with your email address, enter the verify code, and use this address to log in.

2.In the application, you can receive official news, notifications, etc. And so that you can get the latest news of iGEM events in a timely, convenient and accurate way.

3.Users can write blog posts in the discussion forum for all users to browse. The blog post is in the form of pictures + text. The blog posts are classified into different sections, such as experiment, seek help, etc. And so that you can share your ideas with all iGEM participants.

Excellent blog posts will be tagged so that they are discovered by users. At the same time, users who see the blog posts written by you can comment or reply to you. The content of the reply is in the form of image + text. When you find a nice blog post, click on the star symbol in the upper right to bookmark it for later reading.

4.If you want to remind specific users to view the content you have posted, you can remind the user to view this blog post or comment by "@" + "user nickname".

5.You can search for blog posts in one or more keywords in the app, and sort the search results by time, number of view , and collection. You can also search for users or teams.

6.You can follow the teams or users that you think are worthy of attention so that you can view their published content more easily in the future.

7.Each user can create or join a team, become a member, and use their team space. The team creator is the captain who can edit the team information in the team space for others to join and show the team research direction. Only members of the team can post in the team space, but everyone can view it. Also, the captain can add albums in the team space,where members of the team can post photos.

8.This app has built-in gadgets that may be needed for the lab and more other features will be added in the future...

What it could be

An information gathering platform:

We will gather information from other website to release, and we hope to build contact with some organization to get instant and accurate information. The user of this app can share their information in it. If it is valuable and reliable, we will push it to everyone.

A platform for interaction between teams:

Through the form of the team space, each team can easily interact with other teams. This will strengthen the connection between iGEM teams and cause countless positive possibilities.

An iGEM community:

Each iGEMer could leave a footprint here and show themselves here. Everyone here is part of the iGEM.

The App we conceived can provide comprehensive information on the release of events, each team to register their own team home page, various activities related to iGEM, question answer and experience sharing , topic discussion, experimental supplies, and more.

Get it

Scan the QR code to get the application and click it to go to the github page.

footer