Difference between revisions of "Team:UI-Indonesia/HP/Silver"

Line 56: Line 56:
 
     vertical-align: middle;
 
     vertical-align: middle;
 
     }
 
     }
 +
 +
    <!-- TAB STYLE -->
 +
 +
    ul.tab {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow: hidden;
 +
    border: 1px solid #ccc;
 +
    background-color: #f1f1f1;
 +
    }
 +
 +
    /* Float the list items side by side */
 +
    ul.tab li {float: left;}
 +
 +
    /* Style the links inside the list items */
 +
    ul.tab li a {
 +
    display: inline-block;
 +
    color: black;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
    transition: 0.3s;
 +
    font-size: 17px;
 +
    }
 +
 +
    /* Change background color of links on hover */
 +
    ul.tab li a:hover {
 +
    background-color: #ddd;
 +
    }
 +
 +
    /* Create an active/current tablink class */
 +
    ul.tab li a:focus, .active {
 +
    background-color: #ccc;
 +
    }
 +
 +
    /* Style the tab content */
 +
    .tabcontent {
 +
    display: none;
 +
    padding: 6px 12px;
 +
    -webkit-animation: fadeEffect 1s;
 +
    animation: fadeEffect 1s;
 +
    }
 +
 +
    @-webkit-keyframes fadeEffect {
 +
    from {opacity: 0;}
 +
    to {opacity: 1;}
 +
    }
 +
 +
    @keyframes fadeEffect {
 +
    from {opacity: 0;}
 +
    to {opacity: 1;}
 +
    }
 +
 +
    <!-- TAB STYLE -->
 
     </style><!-- header section -->
 
     </style><!-- header section -->
 
     <header>
 
     <header>
Line 124: Line 179:
 
             <div class="row">
 
             <div class="row">
 
                 <!-- SPACE KOSONG -->
 
                 <!-- SPACE KOSONG -->
−
               
+
<article>
−
                <h2>HUMAN PRACTICES</h2>
+
<h2>Education</h2>
−
                <p>We’re having three main scope of human practices which are Education, Social Engagement, and Social Studies. Upbringing HIV as our theme, pros and cons regarding HIV vaccine were beyond our concern. </p>
+
−
               
+
−
                <h3>EDUCATION</h3>
+
−
                <p>To understand the position of synthetic biology and its application, in this case is DNA Vaccine for HIV/AIDS, in our society, we believe that education can be used to spark our citizens’ interest while also to spread the awareness regarding synthetic biology and its application.
+
−
                For detailed information please visit our <a>href="https://2016.igem.org/Team:UI-Indonesia/Integrated_Practices">Integrated Human Practice Page</a></p>
+
−
               
+
−
                <p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;text-indent:-18.0pt;line-height:normal'><span lang=EN-US
+
−
style='font-size:12.0pt'>A.<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+
−
</span></span><u><span style='font-size:12.0pt'>Booth at National Education
+
−
Fair</span></u></p>
+
  
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
<h3 class="nopaddingtop">Booth at Indonesian Education Fair</h3>
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>Goals: To
+
<div class="row">
−
introduce and educate people about synthetic biology &amp; HIV/AIDS in
+
<div class="col-md-6 text-col-left">
−
correlation to our iGEM project.</span></p>
+
<p>Goals: To introduce and educate people about synthetic biology & HIV/AIDS in correlation to our iGEM project.</p>
 +
<p>Target audience: Students, stakeholders and expertise in education field, and participating NGO in Education Fair</p>
 +
<p>
 +
Target output : </p>
 +
<ul>
 +
<li>Poster presentation</li>
 +
<li>Public education </li>
 +
<li>Live presentation of educational learning model for basic principle of synthetic biology</li>
 +
</ul>
 +
</div>
 +
<div class="container">
 +
<div class="col-md-6 img-100">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/e/e2/Edu_Fair-UI.jpg/320px-Edu_Fair-UI.jpg" class="img-responsive" width="304" height="236">
 +
<p class="kuvateksti">
 +
Minister of Education and Culture Republic Indonesia visited our Booth
 +
</p>
 +
</div>
 +
<div class="col-md-6 img-100">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/9/9e/Edu_Fair2-UI.jpg/320px-Edu_Fair2-UI.jpg" class="img-responsive" width="304" height="236">
 +
<p class="kuvateksti">
 +
Public ambience at National Education Fair
 +
</p>
 +
</div>
 +
</div>
  
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
<h3>Website Synbio.id</h3>
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>Target
+
<div class="row">
−
audience: Students, stakeholders and expertise in education field, and
+
<div class="col-md-6 text-col-justify">
−
participating NGO in Education Fair</span></p>
+
<p>
 +
Goals: Providing online ‘one-stop’ educational access to learn synthetic biology </p>
 +
<p>
 +
Target audience: Netizens, esp. Indonesia netizens</p>
 +
</div>
 +
<div class="col-md-6 img-100">
 +
<img src= "https://static.igem.org/mediawiki/2016/e/eb/Synbio_id-UI.jpg" class="img-responsive" >
 +
<p class="kuvateksti">
 +
This is how our Synbio.id home page looked like. Click <a href="http://synbio-id.com/">here</a> to visit our website
 +
</p>
 +
</div>
 +
</div>
 +
<article>
 +
<h3>School Visit</h3>
 +
<div class="row">
 +
<div class="col-md-6 text-col-justify">
 +
<p>Goals: Sparking science interest in synthetic biology to high schooler, as well as educating them about HIV/AIDS as part of our core issue</p>
 +
<p>Target audience: Junior high school student (K-8 & K-9 students)</p>
 +
        <p>Output: “Have Fun with Synthetic Biology!” handbook</p>
 +
</div>
 +
<div class="col-md-6 img-100">
 +
<img src="./Team_Aalto-Helsinki_Outreach - 2014.igem.org_files/Aalto_Helsinki_wiki_punchcard.png" class="img-responsive">
 +
<p class="kuvateksti">
 +
The punch card for wiki changes. The only bad time for making the wiki is 7 am. The bigger the circle, the more commits (changes) were made on the wiki code at a time.
 +
</p>
 +
<img src="./Team_Aalto-Helsinki_Outreach - 2014.igem.org_files/Aalto_Helsinki_Commit_Graph.png" class="img-responsive">
 +
<p class="kuvateksti">
 +
The timeline of wiki changes. We did start early, but there still might've been a bit work left to do on the final week.
 +
</p>
 +
</div>
 +
</div>
 +
</article>
  
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
<!-- SPACE EDIT -->
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>Output: </span></p>
+
<article>
 +
<h2>Social Studies</h2>
 +
<p>To conclude and comprehend findings and responses we have got in Education and Social Engagement program, and simultaneously in interviews that we have conducted with experts and people who have involved in specific issues, we analyze and sum it up into infographic and report handbook to be used as source for recommendation and information especially for people working on issues that revolves in synthetic biology and HIV/AIDS issues. </p>
  
−
<p class=MsoListParagraphCxSpMiddle style='margin-top:0cm;margin-right:0cm;
+
<h3 class="nopaddingtop">Special Talk: Afternoon Talk with HIV/AIDS Counselor</h3>
−
margin-bottom:0cm;margin-left:72.0pt;margin-bottom:.0001pt;text-indent:-36.0pt;
+
<div class="row">
−
line-height:normal'><span lang=EN-US style='font-size:12.0pt'>1.<span
+
<div class="col-md-6 text-col-left">
−
style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+
<p> Speakers: Mrs. Tika from Kramat Hospital, Jakarta </p>
−
</span></span><span lang=EN-US style='font-size:12.0pt'>Poster presentation</span></p>
+
<ol>
−
 
+
<li>Status quo of HIV/AIDS treatment in Indonesia</li>
−
<p class=MsoListParagraphCxSpMiddle style='margin-top:0cm;margin-right:0cm;
+
<li>Engagement method for new HIV-positive person </li>
−
margin-bottom:0cm;margin-left:72.0pt;margin-bottom:.0001pt;text-indent:-36.0pt;
+
<li>Problems within HIV/AIDS treatment in Indonesia </li>
−
line-height:normal'><span lang=EN-US style='font-size:12.0pt'>2.<span
+
  </ol>
−
style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+
</div>
−
</span></span><span lang=EN-US style='font-size:12.0pt'>Public education</span></p>
+
</div>
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-top:0cm;margin-right:0cm;
+
−
margin-bottom:0cm;margin-left:72.0pt;margin-bottom:.0001pt;text-indent:-36.0pt;
+
−
line-height:normal'><span lang=EN-US style='font-size:12.0pt'>3.<span
+
−
style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+
−
</span></span><span lang=EN-US style='font-size:12.0pt'>Live presentation of
+
−
educational learning model for basic principle of synthetic biology</span></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-top:0cm;margin-right:0cm;
+
−
margin-bottom:0cm;margin-left:72.0pt;margin-bottom:.0001pt;line-height:normal'><u><span
+
−
lang=EN-US style='font-size:12.0pt'><span style='text-decoration:none'>&nbsp;</span></span></u></p>
+
−
 
+
−
<div align=center>
+
−
 
+
−
<table class=MsoTableGrid border=0 cellspacing=0 cellpadding=0
+
−
style='border-collapse:collapse;border:none'>
+
−
<tr>
+
−
  <td width=373 valign=top style='width:280.0pt;padding:0cm 5.4pt 0cm 5.4pt'>
+
−
  <p class=MsoListParagraphCxSpMiddle style='margin:0cm;margin-bottom:.0001pt;
+
−
  line-height:normal'><span style='font-size:12.0pt'><img border=0 width=306
+
−
  height=203 id="Picture 1" src="https://static.igem.org/mediawiki/2016/e/e2/Edu_Fair-UI.jpg"></span></p>
+
−
  </td>
+
−
  <td width=147 valign=top style='width:110.1pt;padding:0cm 5.4pt 0cm 5.4pt'>
+
−
  <p class=MsoListParagraphCxSpLast style='margin:0cm;margin-bottom:.0001pt;
+
−
  line-height:normal'><span style='font-size:12.0pt'><img border=0 width=302
+
−
  height=201 id="Picture 2" src="https://static.igem.org/mediawiki/2016/9/9e/Edu_Fair2-UI.jpg"></span></p>
+
−
  </td>
+
−
</tr>
+
−
<tr>
+
−
  <td width=373 valign=top style='width:280.0pt;padding:0cm 5.4pt 0cm 5.4pt'>
+
−
  <p class=MsoListParagraphCxSpFirst align=center style='margin:0cm;margin-bottom:
+
−
  .0001pt;text-align:center;line-height:normal'><span style='font-size:12.0pt'>Ministry
+
−
  of Education and Culture Republic Indonesia visited our Booth</span></p>
+
−
  </td>
+
−
  <td width=147 valign=top style='width:110.1pt;padding:0cm 5.4pt 0cm 5.4pt'>
+
−
  <p class=MsoListParagraphCxSpLast align=center style='margin:0cm;margin-bottom:
+
−
  .0001pt;text-align:center;line-height:normal'><span style='font-size:12.0pt'>National
+
−
  Education Fair</span></p>
+
−
  </td>
+
−
</tr>
+
−
</table>
+
−
 
+
−
</div>
+
−
 
+
−
<p class=MsoListParagraphCxSpFirst style='margin-top:0cm;margin-right:0cm;
+
−
margin-bottom:0cm;margin-left:72.0pt;margin-bottom:.0001pt;line-height:normal'><u><span
+
−
lang=EN-US style='font-size:12.0pt'><span style='text-decoration:none'>&nbsp;</span></span></u></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-top:0cm;margin-right:0cm;
+
−
margin-bottom:0cm;margin-left:72.0pt;margin-bottom:.0001pt;line-height:normal'><u><span
+
−
lang=EN-US style='font-size:12.0pt'><span style='text-decoration:none'>&nbsp;</span></span></u></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;text-indent:-18.0pt;line-height:normal'><span lang=EN-US
+
−
style='font-size:12.0pt'>B.<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+
−
</span></span><u><span lang=EN-US style='font-size:12.0pt'>School Visit</span></u></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>Goals:
+
−
Sparking science interest in synthetic biology to high schooler, as well as
+
−
educating them about HIV/AIDS as part of our core issue</span></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>Target
+
−
audience: Junior high school student (K-8 &amp; K-9 students) </span></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>Output:
+
−
“Have Fun with Synthetic Biology!” handbook</span></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>&nbsp;</span></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>&nbsp;</span></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>&nbsp;</span></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>&nbsp;</span></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>&nbsp;</span></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>&nbsp;</span></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;text-indent:-18.0pt;line-height:normal'><span lang=EN-US
+
−
style='font-size:12.0pt'>C.<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+
−
</span></span><u><span lang=EN-US style='font-size:12.0pt'>Synbio.id</span></u></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>Goals:
+
−
Providing online ‘one-stop’ educational access to learn synthetic biology</span></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>Target
+
−
audience: Netizens, esp. Indonesia netizens</span></p>
+
−
 
+
−
<p class=MsoListParagraphCxSpMiddle style='margin-bottom:0cm;margin-bottom:
+
−
.0001pt;line-height:normal'><span lang=EN-US style='font-size:12.0pt'>&nbsp;</span></p>
+
−
 
+
−
<div align=center>
+
−
 
+
−
<table class=MsoTableGrid border=0 cellspacing=0 cellpadding=0
+
−
style='border-collapse:collapse;border:none'>
+
−
<tr>
+
−
  <td width=376 valign=top style='width:282.3pt;padding:0cm 5.4pt 0cm 5.4pt'>
+
−
  <p class=MsoListParagraphCxSpLast style='margin:0cm;margin-bottom:.0001pt;
+
−
  line-height:normal'><img border=0 width=362 height=204 id="Picture 3"
+
−
  src="https://static.igem.org/mediawiki/2016/e/eb/Synbio_id-UI.jpg"></p>
+
−
  </td>
+
−
</tr>
+
−
<tr>
+
−
  <td width=376 valign=top style='width:282.3pt;padding:0cm 5.4pt 0cm 5.4pt'>
+
−
  <p class=MsoListParagraph align=center style='margin:0cm;margin-bottom:.0001pt;
+
−
  text-align:center;line-height:normal'><span style='font-size:12.0pt'>Display
+
−
  of Synbio.id website</span></p>
+
−
  </td>
+
−
</tr>
+
−
</table>
+
−
 
+
−
</div>
+
−
 
+
−
<p class=MsoListParagraphCxSpFirst style='margin-top:0cm;margin-right:0cm;
+
−
margin-bottom:0cm;margin-left:21.3pt;margin-bottom:.0001pt;line-height:normal'><span
+
−
lang=EN-US style='font-size:12.0pt'>&nbsp;</span></p>
+
  
 +
<h3 class="nopaddingtop">Special Talk: Political Perspective of HIV/AIDS</h3>
 +
<div class="row">
 +
<div class="col-md-6 text-col-left">
 +
<p> Speakers: Mr. Haryo K. Utomo from UI Center of Study for Governments </p>
 +
<ol>
 +
    <li>Status quo of governmental policy regarding of HIV/AIDS issue </li>
 +
    <li>Challenges about implementation of national immunization program in Indonesia and how it might affect then-HIV vaccine </li>
 +
    <li>Possible roadmap for HIV/AIDS issue in Indonesia </li>
 +
    </ol>
 +
</div>
 +
</div>
 +
 +
<h3 class="nopaddingtop">Special Talk: HIV/AIDS in the eye of gay community</h3>
 +
<div class="row">
 +
<div class="col-md-6 text-col-left">
 +
<p>Speakers: Mr. Cloud and Mr. Sent (alias name) </p>
 +
<ol>
 +
    <li>The awareness of HIV/AIDS issue within gay community and how they inform or get informed about it. </li>
 +
    <li>Health access and service to HIV/AIDS prevention. </li>
 +
</ol>
 +
</div>
 +
</div>
 +
 +
<h3 class="nopaddingtop">Special Talk: Synthetic Biology & Its Application in Health from Sociocultural Perspective</h3>
 +
<div class="row">
 +
<div class="col-md-6 text-col-left">
 +
    <p> Speakers: Ms. Genta Tenrimawangi </p>
 +
    <ol>
 +
    <li>Indonesian sociocultural perspective about biological research </li>
 +
    <li> Position of advanced technology in our heterogonous society </li>
 +
    <li>Possible challenges that might appear for biological research result in treating stigmatized disease</li>
 +
    </ol>
 +
</div>
 +
</div>
 +
</article>
 
                 <!-- SPACE KOSONG -->
 
                 <!-- SPACE KOSONG -->
−
            </div>
+
          
−
         </div>
+
 
     </section><!-- footer starts here -->
 
     </section><!-- footer starts here -->
 
     <!-- script tags
 
     <!-- script tags

Revision as of 16:35, 19 October 2016

<!DOCTYPE html> Home - Hi,Vax! UI iGEM Team 2016

Education

Booth at Indonesian Education Fair

Goals: To introduce and educate people about synthetic biology & HIV/AIDS in correlation to our iGEM project.

Target audience: Students, stakeholders and expertise in education field, and participating NGO in Education Fair

Target output :

  • Poster presentation
  • Public education
  • Live presentation of educational learning model for basic principle of synthetic biology

Minister of Education and Culture Republic Indonesia visited our Booth

Public ambience at National Education Fair

Website Synbio.id

Goals: Providing online ‘one-stop’ educational access to learn synthetic biology

Target audience: Netizens, esp. Indonesia netizens

This is how our Synbio.id home page looked like. Click here to visit our website

School Visit

Goals: Sparking science interest in synthetic biology to high schooler, as well as educating them about HIV/AIDS as part of our core issue

Target audience: Junior high school student (K-8 & K-9 students)

Output: “Have Fun with Synthetic Biology!” handbook

The punch card for wiki changes. The only bad time for making the wiki is 7 am. The bigger the circle, the more commits (changes) were made on the wiki code at a time.

The timeline of wiki changes. We did start early, but there still might've been a bit work left to do on the final week.

Social Studies

To conclude and comprehend findings and responses we have got in Education and Social Engagement program, and simultaneously in interviews that we have conducted with experts and people who have involved in specific issues, we analyze and sum it up into infographic and report handbook to be used as source for recommendation and information especially for people working on issues that revolves in synthetic biology and HIV/AIDS issues.

Special Talk: Afternoon Talk with HIV/AIDS Counselor

Speakers: Mrs. Tika from Kramat Hospital, Jakarta

  1. Status quo of HIV/AIDS treatment in Indonesia
  2. Engagement method for new HIV-positive person
  3. Problems within HIV/AIDS treatment in Indonesia

Special Talk: Political Perspective of HIV/AIDS

Speakers: Mr. Haryo K. Utomo from UI Center of Study for Governments

  1. Status quo of governmental policy regarding of HIV/AIDS issue
  2. Challenges about implementation of national immunization program in Indonesia and how it might affect then-HIV vaccine
  3. Possible roadmap for HIV/AIDS issue in Indonesia

Special Talk: HIV/AIDS in the eye of gay community

Speakers: Mr. Cloud and Mr. Sent (alias name)

  1. The awareness of HIV/AIDS issue within gay community and how they inform or get informed about it.
  2. Health access and service to HIV/AIDS prevention.

Special Talk: Synthetic Biology & Its Application in Health from Sociocultural Perspective

Speakers: Ms. Genta Tenrimawangi

  1. Indonesian sociocultural perspective about biological research
  2. Position of advanced technology in our heterogonous society
  3. Possible challenges that might appear for biological research result in treating stigmatized disease

© 2016 UI iGEM Team. All rights reserved.