Team:Paris Bettencourt/Minder

From 2014.igem.org

(Difference between revisions)
 
(67 intermediate revisions not shown)
Line 52: Line 52:
background-color : transparent;
background-color : transparent;
}
}
-
        #fond {
+
.project {
-
                width : 100%
+
-
                height : 300px;
+
-
background : rgb(225,0,112);
+
-
}
+
-
#part1 {
+
width : 100%;
width : 100%;
display : inline-block;
display : inline-block;
-
                height : 700px;
 
}
}
-
#part1 p {
+
        .project_right {
 +
                width : 45%;
 +
                display : inline-block;
 +
                float: right;
 +
                margin-left : 2.5%;
 +
                margin-right : 2.5%;
 +
        }
 +
        .project_right .text {
                 display : inline-block;
                 display : inline-block;
vertical-align : middle;
vertical-align : middle;
position : relative;
position : relative;
-
width : 44%;
 
-
margin-left : 5%;
 
-
                font-size : 15px;
 
-
}
 
-
#part1 img {
 
-
position : absolute;
 
-
width : 348px;
 
-
                height : 500px;
 
-
                left : 61%;
 
-
}
 
-
#part2 {
 
width : 100%;
width : 100%;
-
display : inline-block;
+
margin-left : 4%;
-
                height : 700px;
+
                margin-right : 4%;
-
}
+
-
#part2 p {
+
-
display : inline-block;
+
-
vertical-align : middle;
+
-
position : relative;
+
-
width : 44%;
+
-
margin-left : 5%;
+
                 font-size : 15px;
                 font-size : 15px;
-
 
+
        }
-
}
+
.project .text1 {
-
#part2 img {
+
-
position : absolute;
+
-
width : 44%;
+
-
                left : 51%;
+
-
}
+
-
#part3 {
+
-
width : 100%;
+
-
display : inline-block;
+
-
                height : 700px;
+
-
}
+
-
#part3 p {
+
display : inline-block;
display : inline-block;
vertical-align : middle;
vertical-align : middle;
position : relative;
position : relative;
-
width : 44%;
+
width : 43%;
-
margin-left : 5%;
+
margin-left : 4%;
 +
                margin-right : 4%;
                 font-size : 15px;
                 font-size : 15px;
 +
                float : left;
}
}
-
#part3 img {
+
.project .text2 {
-
position : absolute;
+
float : right;
-
width : 22%;
+
width : 43%;
-
                 left : 62%;
+
                 margin-right : 4%;
-
}
+
-
#part4 {
+
-
width : 100%;
+
-
display : inline-block;
+
-
                height : 700px;
+
-
}
+
-
#part4 p {
+
-
display : inline-block;
+
-
vertical-align : middle;
+
-
position : relative;
+
-
width : 44%;
+
-
margin-left : 5%;
+
                 font-size : 15px;
                 font-size : 15px;
}
}
-
#part4 img {
+
        .project .list {
-
position : absolute;
+
                position : absolute;
-
width : 348px;
+
                margin-left : 5%;
-
                 height : 500px;
+
        }
-
                 left : 61%;
+
      .singleimage {
-
}
+
                 width : 50%;
-
#part5 {
+
                 margin-left : 25%;
-
width : 100%;
+
      }
-
display : inline-block;
+
      .doubleimage {
-
                height : 700px;
+
                width : 100%;
-
}
+
      }
-
        #part5 p {
+
      .legend1 {
                 display : inline-block;
                 display : inline-block;
-
vertical-align : middle;
+
                margin-left : 25%;
-
position : relative;
+
                margin-right : 25%;
-
width : 44%;
+
                 font-size : 11px;
-
margin-left : 5%;
+
        }
-
                 font-size : 15px;
+
         .legend2 {
-
}
+
                 font-size : 11px;
-
         #part5 img {
+
        }
-
position : absolute;
+
-
width : 22%;
+
-
                 left : 62%;
+
-
                border : solid 1px rgb(0,0,0);
+
-
}
+
#top {
#top {
position : fixed;
position : fixed;
Line 171: Line 128:
z-index : 60;
z-index : 60;
}
}
 +
        #fond {
 +
                width : 100%
 +
                height : 300px;
 +
background : rgb(255,0,99);
 +
        }
 +
#headtable {
 +
width : 92.5%;
 +
height : 300px;
 +
text-align : center;
 +
background : rgb(255,0,99);
 +
                margin-right : 3.75%;
 +
                margin-left : 3.75%;
 +
}
 +
#headtable tr td {
 +
width : 33.333%;
 +
heigth : 100%;
 +
color : rgb(255,255,255);
 +
                font-size : 14px;
 +
}       
 +
        #headtable tr td b {
 +
              font-size : 18px;
 +
        }
         .text1 {
         .text1 {
-
              text-align : justify;
 
               margin-left : 5%;
               margin-left : 5%;
               margin-right : 5%;
               margin-right : 5%;
 +
        }
</style>
</style>
<body>
<body>
Line 181: Line 160:
<img src="https://static.igem.org/mediawiki/2014/f/f3/PB14minder.png" class=nameimg>
<img src="https://static.igem.org/mediawiki/2014/f/f3/PB14minder.png" class=nameimg>
</div>
</div>
 +
<div id=fond>
 +
        <table id=headtable>
 +
<tr>
 +
<td><b>BACKGROUND</b></br><br>
 +
<p class=text1>Mobile dating apps, like Tinder or POF (Plenty Of Fish), have become increasingly popular in recent years and the concept of online dating is now starting to influence other sectors of human relations. Jobr, for example, is an app that connects recruiters with people who are looking for a job. How can we use the great potential of the online dating concept in the scientific world? </p></td>
 +
<td><b>AIMS</b></br><br>
 +
<p class=text1>We want to make an android app that allows you to present your scientific idea to the world, read the ideas of others, and get in contact with people to discuss or create projects. Through the app you can receive feedback on your own ideas and give feedback to other users by liking or disliking their ideas. </p></td>
 +
<td><b>ACHIEVEMENTS</b></br><br>
 +
<p class=text1>Our answer to Tinder is Minder. You can create ideas, rate other users' ideas, view an idea's like/dislike statistics, and find additional details and contact information for ideas you like. </p></td>
 +
</tr>
 +
</table>
 +
        </div>
<table id=tablelien>
<table id=tablelien>
<tr>
<tr>
<td><a href="#part1">Introduction</a></td>
<td><a href="#part1">Introduction</a></td>
-
<td><a href="part2">Homepage</a></td>
+
<td><a href="#part2">Homepage</a></td>
<td><a href="#part3">Create an idea</a></td>
<td><a href="#part3">Create an idea</a></td>
                         <td><a href="#part4">View all your ideas</a></td>
                         <td><a href="#part4">View all your ideas</a></td>
Line 195: Line 186:
<br>
<br>
-
<div id=part1>
+
<div id=part1 class=project>
-
<h6>Introduction</h6><br>
+
<div class=text1><h6>Introduction</h6><br>
-
<p>Mobile dating apps, like tinder or POF (Plenty Of Fish), have become more and more popular over the last years. The concept of online dating is starting to influence other sectors of human relations. One attempt was the establishment of the employment website <a href="http://www.newscientist.com/article/dn25172-tinderstyle-matchmaking-helps-you-bag-your-next-job.html#.VCaNx_l_tS0">Emjoyment</a>. Although this website did not have the expected success, we were thinking about ways to connect strategies of online dating with the scientific world.<br>
+
<p>Ideas are more sexy than sex. Mobile dating apps like Tinder bring people together to explore shared goals. We want to bring this energy to creative people with ideas in science and beyond.<br><br>
-
Our solution is minder. An android app that allows you to present your scientific idea to the world, read the ideas of others and get in contact with people to discuss and create projects. An idea consists of one sentence. In its first version, minder will show you ideas from other users based on tags selected by you. You can decide if you like an idea by selecting the like or dislike button. A third button, for reporting an idea, is used for quality control. If you like an idea, you reach a page with a brief description of the idea and a way to get in contact with the user. The second version of minder will include a chat function to establish immediate contact between all users who like an idea.<br>
+
Our idea is Minder: an app to share ideas. Present your idea to the world or find hot new ideas from others. Ideas are expressed in 140 characters and navigated with a single touch. See something you like? You can get in touch with the originator or with other Minders who share your interest. When two or more people get together to share ideas, who knows what might happen?<br><br>
-
Minder cooperates with <a href="http://ideastorm.io/">ideaweave</a>, a website for people to brainstorm and create projects together. Ideas in minder correspond to challenges in ideaweave. A challenge consists of a short title and a brief description. It allows people to discuss about it and create projects regarding the challenge. Users of minder are automatically registered in the ideaweave database, enabling them to create challenges and projects on the website. On the other hand, the challenges in ideaweave can be incorporated in minder as ideas. This cooperation helps both platforms to gain accessibility and users.<br>
+
Current Features:<br>
-
Minder is our attempt to connect people with great ideas and to help them in the process of building a project.<br>
+
<ul><li>Input, store, and browse ideas.</li>
 +
<li>One touch like, pass, or flag for inappropriate inputs.</li>
 +
<li>Get more details and contact info when you like an idea.</li>
 +
<li>See how many people like and dislike your idea.</li></ul><br>
 +
 
 +
Planned Features:<br>
 +
<ul><li>Count your likes and rank the popularity of your idea.</li>
 +
<li>Geolocate active users with ideas near you.</li>
 +
<li>Text message and chat with idea originators.</li></ul><br>
 +
Minder cooperates with ideaweave, a web platform for building shared creative projects. Ideas in Minder can become challenges in ideaweave. Ideaweave supports forum discussion, file sharing, and collaborative work tools. Starting with a single touch, Minder can turn one person with an idea into a group of people working together.<br><br>
You can find the source code for minder on GitHub.</p>
You can find the source code for minder on GitHub.</p>
-
<img src="https://static.igem.org/mediawiki/2014/c/c6/MinderLogopb.png">
+
</div>
 +
 
 +
<div class=text2>
 +
 
 +
                <p><img class=singleimage src="https://static.igem.org/mediawiki/2014/0/03/MinderLogoWithPhonepb.png"><br>
 +
                <span class=legend1><b>Figure 1. The logo of Minder.</b> This is shown while the app loads.</span></p>
 +
</div>
 +
</div><br><br><br><br>
 +
<div class=project>
 +
<div id=part2 class=text1><h6>The Homepage</h6><br>
 +
<p>The homepage of Minder shows you the ideas of other users one at a time. If you like the idea, click the like button, otherwise select the dislike button. If you think that an idea is not appropriate or is a duplicate of another idea, you can flag it with the report button. If you liked an idea, a page with further description of the idea and the contact information of the user who created it appears. On this page you are also given a link to see the next idea. Minder will only show you ideas that you have not rated yet. If you have seen all ideas in the database, you are given the option to see old ideas again.
 +
By selecting the menu button in the upper left corner of the homepage, you can navigate through the different functions of Minder, set tags and language filters for the displayed ideas, and log out. </p>
</div>
</div>
-
<div id=part2>
+
<div id=part3 class=text2>
-
<h6>The Homepage</h6><br>
+
-
<p>The homepage of minder shows you the ideas of other users, one at a time. If you like the idea, click the like button, otherwise select the dislike button. If you think that the idea is not appropriate or is a duplicate of another idea, you can report it with the report button. If you liked an idea, a page with further description of the idea and the contact information of the user who created it appears. On this page, you can select to see the next idea. Minder will only show you ideas that you have not rated yet. If you have seen all ideas in the database, you can select to see old ideas again.  
+
<h6>Create an Idea</h6><br>
-
By selecting the menu button in the upper left corner of the homepage, you can navigate through the different functionalities of minder, set tags and language filters for the displayed ideas or log out. </p>
+
<p>This page gives you the opportunity to define your idea and to share it with the Minder community. You need to select a title that describes your idea in a short, precise way and specifies the language of the idea. Your idea will be rated by the other users based on the title. You should also write a short paragraph of additional information. If you want to be contacted by the users who like your idea, you can include your contact information on this page. </p>
-
<img src="https://static.igem.org/mediawiki/2014/3/38/TheHomepagepb.png">
+
 
 +
</div></div><br>
 +
<div class=project>
 +
<div class=text1>
 +
<p><img class=doubleimage src="https://static.igem.org/mediawiki/2014/8/88/MinderHomepagepg.png"><br>
 +
                <span class=legend2><b>Figure 2. Design concept of Minder's homepage.</b> On this page you can rate ideas and manage all of Minder's functions through a user friendly menu.</span></p>
 +
</div>
 +
<div class=text2>
 +
 
 +
<p><img class=singleimage src="https://static.igem.org/mediawiki/2014/d/d6/MinderCreateIdeapb.png"><br>
 +
                <span class=legend1><b>Figure 3. Design concept of Minder's page to create a new idea.</b> On this page you can create a new idea. The idea needs a title and a language; all other information is optional. The created idea will be stored in the database of the ideaweave project.</span></p>
 +
</div></div><br><br><br><br>
 +
 
 +
<div class=project>
 +
<div id=part4 class=text1><h6>View All Your Ideas</h6><br>
 +
<p>On this page you can see a list of all the ideas that you have created. Clicking on an idea will open a page with the rating of your idea and the opportunity to edit or delete it. But be careful, editing your idea will erase all of its rating information. </p>
</div>
</div>
-
<div id=part3>
+
        <div id=part5 class=text2>
-
<h6>Create an idea</h6><br>
+
<h6>View All Liked Ideas</h6><br>
-
<p>This page gives you the opportunity to define your idea and to share it with the minder community. You need to select a title that describes your idea in a short and precise way. Your idea will be rated by the other users based on the title. You should also define the language of your idea and write a short paragraph of additional information. If you want to be contacted by the users who like your idea, you can include your contact information on this page. </p>
+
                <p>This page shows a list of all ideas you have liked. By selecting an idea you can view its detailed description and contact information. If you are not interested in an idea anymore, you can delete it from the list. However, you should consider that this will delete your like of the idea and effect the idea's rating. </p>
-
<img src="https://static.igem.org/mediawiki/2014/f/fa/CreateAnIdeapb.jpg">
+
        </div></div><br>
-
</div>
+
<div class=project>
-
<div id=part4>
+
<div class=text1>
-
<h6>View all your ideas</h6><br>
+
<p><img class=doubleimage src="https://static.igem.org/mediawiki/2014/8/81/MinderViewMyIdeas.png"><br>
-
<p>On this page you can see a list of all the ideas that you have created. Clicking on an idea will open a page with the rating of your idea and the opportunity to edit or delete it. But be careful, editing your idea will erase all rating information on it. </p>
+
                <span class=legend2><b>Figure 4. Design concept of Minder's page to view your created ideas.</b> This page shows all ideas you created. Selecting an idea will give you more information and enables editing and deletion.</span></p>    
-
<img src="https://static.igem.org/mediawiki/2014/f/f4/MinderViewIdeaspb.png">
+
</div>
-
</div>
+
<div class=text2>
-
        <div id=part5>
+
<p><img class=singleimage src="https://static.igem.org/mediawiki/2014/f/f4/MinderViewIdeaspb.png"><br>
-
                <h6>View all liked ideas</h6><br>
+
               
-
                <p>This page shows a list of all ideas you have liked. By selecting an idea, you can view its further description and contact information. If you are not interested in an idea anymore, you can delete it from the list. However, you should consider that this will delete your like of the idea and effect the rating. </p>
+
<span class=legend1><b>Figure 5. Design concept of Minder's page to view your liked ideas.</b> This page shows all ideas you have liked. Selecting an idea will give you the idea's additional information.</span></p>
-
<img src="https://static.igem.org/mediawiki/2014/0/06/ViewAllLikedIdeaspb.jpg">
+
</div></div><br><br>
-
        </div>
+
</body>
</body>
</html>
</html>
{{:Team:Paris_Bettencourt/Footer}}
{{:Team:Paris_Bettencourt/Footer}}

Latest revision as of 03:50, 18 October 2014

BACKGROUND

Mobile dating apps, like Tinder or POF (Plenty Of Fish), have become increasingly popular in recent years and the concept of online dating is now starting to influence other sectors of human relations. Jobr, for example, is an app that connects recruiters with people who are looking for a job. How can we use the great potential of the online dating concept in the scientific world?

AIMS

We want to make an android app that allows you to present your scientific idea to the world, read the ideas of others, and get in contact with people to discuss or create projects. Through the app you can receive feedback on your own ideas and give feedback to other users by liking or disliking their ideas.

ACHIEVEMENTS

Our answer to Tinder is Minder. You can create ideas, rate other users' ideas, view an idea's like/dislike statistics, and find additional details and contact information for ideas you like.

Introduction Homepage Create an idea View all your ideas View all liked ideas

Introduction

Ideas are more sexy than sex. Mobile dating apps like Tinder bring people together to explore shared goals. We want to bring this energy to creative people with ideas in science and beyond.

Our idea is Minder: an app to share ideas. Present your idea to the world or find hot new ideas from others. Ideas are expressed in 140 characters and navigated with a single touch. See something you like? You can get in touch with the originator or with other Minders who share your interest. When two or more people get together to share ideas, who knows what might happen?

Current Features:

  • Input, store, and browse ideas.
  • One touch like, pass, or flag for inappropriate inputs.
  • Get more details and contact info when you like an idea.
  • See how many people like and dislike your idea.

Planned Features:
  • Count your likes and rank the popularity of your idea.
  • Geolocate active users with ideas near you.
  • Text message and chat with idea originators.

Minder cooperates with ideaweave, a web platform for building shared creative projects. Ideas in Minder can become challenges in ideaweave. Ideaweave supports forum discussion, file sharing, and collaborative work tools. Starting with a single touch, Minder can turn one person with an idea into a group of people working together.

You can find the source code for minder on GitHub.


Figure 1. The logo of Minder. This is shown while the app loads.





The Homepage

The homepage of Minder shows you the ideas of other users one at a time. If you like the idea, click the like button, otherwise select the dislike button. If you think that an idea is not appropriate or is a duplicate of another idea, you can flag it with the report button. If you liked an idea, a page with further description of the idea and the contact information of the user who created it appears. On this page you are also given a link to see the next idea. Minder will only show you ideas that you have not rated yet. If you have seen all ideas in the database, you are given the option to see old ideas again. By selecting the menu button in the upper left corner of the homepage, you can navigate through the different functions of Minder, set tags and language filters for the displayed ideas, and log out.

Create an Idea

This page gives you the opportunity to define your idea and to share it with the Minder community. You need to select a title that describes your idea in a short, precise way and specifies the language of the idea. Your idea will be rated by the other users based on the title. You should also write a short paragraph of additional information. If you want to be contacted by the users who like your idea, you can include your contact information on this page.



Figure 2. Design concept of Minder's homepage. On this page you can rate ideas and manage all of Minder's functions through a user friendly menu.


Figure 3. Design concept of Minder's page to create a new idea. On this page you can create a new idea. The idea needs a title and a language; all other information is optional. The created idea will be stored in the database of the ideaweave project.





View All Your Ideas

On this page you can see a list of all the ideas that you have created. Clicking on an idea will open a page with the rating of your idea and the opportunity to edit or delete it. But be careful, editing your idea will erase all of its rating information.

View All Liked Ideas

This page shows a list of all ideas you have liked. By selecting an idea you can view its detailed description and contact information. If you are not interested in an idea anymore, you can delete it from the list. However, you should consider that this will delete your like of the idea and effect the idea's rating.



Figure 4. Design concept of Minder's page to view your created ideas. This page shows all ideas you created. Selecting an idea will give you more information and enables editing and deletion.


Figure 5. Design concept of Minder's page to view your liked ideas. This page shows all ideas you have liked. Selecting an idea will give you the idea's additional information.



Centre for Research and Interdisciplinarity (CRI)
Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor
Paris Descartes University
24, rue du Faubourg Saint Jacques
75014 Paris, France
+33 1 44 41 25 22/25
paris-bettencourt-igem@googlegroups.com
Copyright (c) 2014 igem.org. All rights reserved.

Retrieved from "http://2014.igem.org/Team:Paris_Bettencourt/Minder"