Difference between revisions of "Team:NCKU Tainan/Integrated Human Practices"

Line 576: Line 576:
 
                         <div class="card">
 
                         <div class="card">
 
                             <div class="thumbnail">
 
                             <div class="thumbnail">
                                 <img src="https://static.igem.org/mediawiki/2018/6/61/T--NCKU_Tainan--attribution_president.png"
+
                                 <img src="https://static.igem.org/mediawiki/2018/8/8c/T--NCKU_Tainan--home_CIMG1024.jpg"
 +
                                    class="left">
 +
                            </div>
 +
                            <div class="right">
 +
                                <h1>Asia Pacific Conference</h1>
 +
                                <div id="cardtext"> Asia Pacific Conference is a
 +
                                    platform to communicate and receive feedback
 +
                                    from others.</div>
 +
                            </div>
 +
                            <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                data-target="#APC"><a>Read
 +
                                    More</a></div>
 +
                        </div>
 +
 
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="APC" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
 +
                            aria-hidden="true">
 +
                            <div class="modal-dialog" role="document">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLongTitle">Asia Pacific Conference</h5>
 +
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 +
                                            <span aria-hidden="true">&times;</span>
 +
                                        </button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <p class="hpcontent">During July 30 to August 3, our team attended the Asia
 +
                                            Pacific Conference which is
 +
                                            held by National Chung Hsing University, locates in Taichung city. Asia
 +
                                            Pacific Conference is a
 +
                                            platform that could let all of the iGEM teams in asia to communicate with
 +
                                            others, receive feedback
 +
                                            from others and generate new ideas. These can make iGEMers have a
 +
                                            opportunity to expand their
 +
                                            horizons instead of always cringing in your own corner and doing your own
 +
                                            things. During the
 +
                                            conference, several challenge has been occurred, including the cost of our
 +
                                            material. While, after
 +
                                            several time of discussion and interchange, we found that this is once of
 +
                                            our critical problem. We
 +
                                            are very appreciate for the suggestion of all the participant of Asia
 +
                                            Pacific Conference.</p>
 +
 
 +
                                        <p class="hpcontent">In these 4 days, we exhibit our project for all the
 +
                                            iGEMers to interchange our ideas and take
 +
                                            suggestions from others. We also found that other teams possess unique
 +
                                            projects that may advance
 +
                                            our new ear of technologies. We really appreciate for what we have learn in
 +
                                            these 4 days and we
 +
                                            hope to see them in the Giant Jamboree!</p>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/8/82/T--NCKU_Tainan--home_CIMG1027.jpg')"></div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
 
 +
                        <div class="card">
 +
                            <div class="thumbnail">
 +
                                <img src="https://static.igem.org/mediawiki/2018/4/48/T--NCKU_Tainan--home_MUTM.jpg" class="left">
 +
                            </div>
 +
                            <div class="right">
 +
                                <h1>Meetup with Tec-Monterrey</h1>
 +
                                <div id="cardtext">During the meeting, we came out with the idea to collaborate with
 +
                                    Tec-Monterrey.</div>
 +
                            </div>
 +
                            <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                data-target="#MUTM"><a>Read
 +
                                    More</a></div>
 +
                        </div>
 +
 
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="MUTM" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
 +
                            aria-hidden="true">
 +
                            <div class="modal-dialog" role="document">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLongTitle">Meetup with Tec-Monterrey</h5>
 +
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 +
                                            <span aria-hidden="true">&times;</span>
 +
                                        </button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <p class="hpcontent">We have a video meeting with Tec-Monterrey. After
 +
                                            introducing our project to them,
 +
                                            they had pointed out some aspects that we need to think more about. They
 +
                                            remind us to think about
 +
                                            our end product which can make our project more complete.</p>
 +
 
 +
                                        <p class="hpcontent">During the meeting, we came out with the idea to
 +
                                            collaborate with each other.
 +
                                            Their project has two
 +
                                            part. The main part is E-coding, which use bacteria to record the data.
 +
                                            Another part is to sense
 +
                                            the pollutant in river of Mexico, which is the part that we could link our
 +
                                            work. We had constructed
 +
                                            a pH alert system for low pH sensing, they suggest us to incorporate our ph
 +
                                            sensing construct in
 +
                                            their pollutant sensing system, making it to become more complete.</p>
 +
 
 +
 
 +
                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/4/48/T--NCKU_Tainan--home_MUTM.jpg')"></div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
 
 +
                        <div class="card">
 +
                            <div class="thumbnail">
 +
                                <img src="https://static.igem.org/mediawiki/2018/a/ad/T--NCKU_Tainan--home_IMG_9546.jpg"
 +
                                    class="left">
 +
                            </div>
 +
                            <div class="right">
 +
                                <h1>Meetup with CCU</h1>
 +
                                <div id="cardtext">On July 17, we have a meetup with NCCU. We hope we can
 +
                                    know more about each other's project and give some suggestion to benefit other's.</div>
 +
                            </div>
 +
                            <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                data-target="#MWC"><a>Read
 +
                                    More</a></div>
 +
                        </div>
 +
 
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="MWC" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
 +
                            aria-hidden="true">
 +
                            <div class="modal-dialog" role="document">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLongTitle">Meetup with CCU</h5>
 +
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 +
                                            <span aria-hidden="true">&times;</span>
 +
                                        </button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <p class="hpcontent">On July 17, we have a meetup with National Chung Cheng
 +
                                            University. We hope we can
 +
                                            know more about each other's project deeply and give some suggestion to
 +
                                            benefit each other's
 +
                                            project.</p>
 +
 
 +
                                        <p class="hpcontent">In the beginning, we greeted and introduced ourselves to
 +
                                            each other. Next, we
 +
                                            entered our project
 +
                                            presentation time. In this meet up, we had more familiar with each other's
 +
                                            project. We gave our
 +
                                            question and suggestion to CCU, and we also received great feedback from
 +
                                            them. We discussed our
 +
                                            construction in wet, design modeling in dry and activities communication in
 +
                                            human practice. We also
 +
                                            share future plan with each others to think about that is there a
 +
                                            possibility of cooperation.</p>
 +
 
 +
                                        <p class="hpcontent">After finished our conversation in presentation, we toured
 +
                                            them in NCKU and had
 +
                                            lunch with them. In
 +
                                            this less formal time, we could communicate more relaxing with each other
 +
                                            and share our project in
 +
                                            a more pleasant way.</p>
 +
 
 +
                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/a/ad/T--NCKU_Tainan--home_IMG_9546.jpg')"></div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
 
 +
                        <div class="card">
 +
                            <div class="thumbnail">
 +
                                <img src="https://static.igem.org/mediawiki/2018/4/4c/T--NCKU_Tainan--home_41865980_2184107668533289_6524635370842226688_n.jpg"
 +
                                    class="left">
 +
                            </div>
 +
                            <div class="right">
 +
                                <h1>Meet up with OT-2 principal, Kristin</h1>
 +
                                <div id="cardtext"> We met up with OT-2 principal, Kristin, and we have asked several
 +
                                    problems and share our
 +
                                    project.</div>
 +
                            </div>
 +
                            <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                data-target="#OT2"><a>Read
 +
                                    More</a></div>
 +
                        </div>
 +
 
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="OT2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
 +
                            aria-hidden="true">
 +
                            <div class="modal-dialog" role="document">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLongTitle">Meet up with OT-2 principal,
 +
                                            Kristin</h5>
 +
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 +
                                            <span aria-hidden="true">&times;</span>
 +
                                        </button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <p class="hpcontent">During the meet-up, we asked her some problem about our
 +
                                            robot that we have met in
 +
                                            this morning and she answered us that there are still some components being
 +
                                            shipped so hopefully we
 +
                                            could wait until those components to arrive. For the software problem, she
 +
                                            build a forum for all
 +
                                            the iGEM teams which got the robot so that we could discuss online or
 +
                                            sharing all kinds of protocol
 +
                                            with each other.</p>
 +
 
 +
                                        <p class="hpcontent">We also briefly introduce our project but since we don't
 +
                                            have too much time so she
 +
                                            can only
 +
                                            suggested us to study more related topic of iGEM. She is willing to have
 +
                                            next video meeting with us
 +
                                            and expertly we could show her our device next time. We were so glad to
 +
                                            have this talk that day .
 +
                                        </p>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/4/4c/T--NCKU_Tainan--home_41865980_2184107668533289_6524635370842226688_n.jpg')"></div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
 
 +
                        <div class="card">
 +
                            <div class="thumbnail">
 +
                                <img src="https://static.igem.org/mediawiki/2018/a/a6/T--NCKU_Tainan--home_IMG_20180709_224051.jpg"
 
                                     class="left">
 
                                     class="left">
 
                             </div>
 
                             </div>
 
                             <div class="right">
 
                             <div class="right">
 
                                 <h1>Meetup with Tec Chihuahua</h1>
 
                                 <h1>Meetup with Tec Chihuahua</h1>
                                 <div id="cardtext">We finished a video meeting with Tec-Monterry. Their project
+
                                 <div id="cardtext">During our talk with Tec Chihuahua, we receive many useful
                                    has two part.
+
                                     recommendations and advices.</div>
                                    The main part is E-coding, which use
+
                                    bacteria to record the data. Another part is to sense the pollute in
+
                                     Mexico. </div>
+
 
                             </div>
 
                             </div>
                            <h9>9</h9>
 
                            <h6>JULY</h6>
 
 
                             <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 
                             <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
                                 data-target="#exampleModalLong"><a>Read More</a></div>
+
                                 data-target="#TCHH"><a>Read
 +
                                    More</a></div>
 +
                        </div>
  
 +
                        <!-- Modal -->
 +
                        <div class="modal fade" id="TCHH" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
 +
                            aria-hidden="true">
 +
                            <div class="modal-dialog" role="document">
 +
                                <div class="modal-content">
 +
                                    <div class="modal-header">
 +
                                        <h5 class="modal-title" id="exampleModalLongTitle">Meetup with Tec Chihuahua</h5>
 +
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 +
                                            <span aria-hidden="true">&times;</span>
 +
                                        </button>
 +
                                    </div>
 +
                                    <div class="modal-body">
 +
                                        <p class="hpcontent">We have a nice talk with members from Tec Chihuahua.
 +
                                            First, we introduce our
 +
                                            project to each other.</p>
 +
                                        <p class="hpcontent">During our talk, we receive many useful recommendations
 +
                                            and advices especially for
 +
                                            our
 +
                                            constructions and cost of our main device. The considering these aspects
 +
                                            which also leads us to
 +
                                            more focus on the value of our project to be applied on the industries
 +
                                            sides. Eventually, as we are
 +
                                            communicating for our main ideas and project, we found that Tec Chihuahua
 +
                                            seems to have a great
 +
                                            ideas on solving the problem of larvae-killing bacteria. According to
 +
                                            researchers, the extinction
 +
                                            of bee will also lead the human society to face the acute problem which is
 +
                                            the shortage of food
 +
                                            sources. By considering this knotty dilemma, team Tec Chihuahua have
 +
                                            outcome this with the
 +
                                            technologies of synthetic biology. In addition, we also give our suggestion
 +
                                            such as constructing a
 +
                                            control system on their project so that there will be an awareness on the
 +
                                            shortage of material or
 +
                                            overusing of their materials.</p>
  
 +
 +
 +
                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/a/a6/T--NCKU_Tainan--home_IMG_20180709_224051.jpg')"></div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 
                         </div>
 
                         </div>
  

Revision as of 14:17, 29 September 2018

Integrated Human Practices

Follow us

Contact us

igem.ncku.tainan@gmail.com
No.1, Daxue Rd., East Dist., Tainan City 701, Taiwan (R.O.C.)