{% extends "base.html" %}
{% load staticfiles %}
{% block pageTitle %}
<section id="page-title">
   <div class="container clearfix">
      <h1>Course {{course.shortname}}</h1>
      <span>{{course.name}}</span>
      <ol class="breadcrumb">
         <li><a href="http://www.combio.pl">Home</a></li>
         <li class="active">Hands On</li>
      </ol>
   </div>
</section>
{% endblock %}
{% block content %}
<section id="content">
   <div class="content-wrap">
      <div class="container clearfix">
         <div class="tabs side-tabs clearfix" id="tab-4">
            <ul class="tab-nav clearfix">
               <li><a href="#tabs-13"><i class="icon-home2"></i> Opis kursu</a></li>
               <li><a href="#tabs-14">Program kursu</a></li>
               <li><a href="#tabs-15">Rejestracja</a></li>
               <li><a href="#tabs-16">Promocja</a></li>
               <li><a id="dojazdtab" class="" href="#tabs-17">Dojazd</a></li>
            </ul>
            <div class="tab-container">
               <div class="tab-content clearfix" id="tabs-13">
                  <h3>{{course.name}}</h3>
                  <p>Kurs przeznaczony jest dla osób posiadających podstawową wiedzę na temat możliwości nowoczesnych technologii NGS sekwencjonowania RNA. W ramach szkolenia każdy uczestnik uzyska niezbędną wiedzę oraz dostęp do bezpłatnych zasobów obliczeniowych umożliwiających samodzielne wykonywanie analiz danych z RNA-Seq na dowolnym komputerze z przeglądarką internetową.</p>
                  <p>W ramach jednodniowego szkolenia na Wydziale Biologii UAM w Poznaniu przedstawione zostaną narzędzia i techniki umożliwiające samodzielne prowadzenie analiz danych pochodzących z eksperymentów RNA-Seq. Wszystkie analizy będą prezentowane w oparciu o programy dostępne w dedykowanej instalacji środowiska GALAXY (<a href="https://galaxyproject.org" target="_blank">https://galaxyproject.org</a>) oraz Chipster (<a href="http://chipster.csc.fi" target="_blank">http://chipster.csc.fi</a>). Prezentowane podczas szkolenia narzędzia pozwalają na nieograniczone prowadzenie wszystkich obliczeń na zasobach dostępnych w ramach projektu PLGrid, będącego konsorcjum największych polskich ośrodków superkomputerowych (<a href="http://plgrid.pl" target="_blank">http://plgrid.pl</a>). Po zakończeniu kursu zarówno zasoby obliczeniowe, jak i wszystkie narzędzia będą cały czas dostępne dla każdej osoby biorącej udział w szkoleniu.</p>
                  <p>Kurs realizowany jest przez pracowników Zakładu Biologii Obliczeniowej UAM (<a href="http://combio.pl" target="_blank">http://combio.pl</a>) specjalizujących się w analizach danych wysokoprzepustowych we współpracy z Poznańskim Centrum Superkomputerowo-Sieciowym (<a href="http://man.poznan.pl)" target="_blank">http://man.poznan.pl</a>), w ramach projektu PL-GRID NG (<a href="http://plgrid.pl" target="_blank">http://plgrid.pl</a>). Udział w kursie jest <strong>bezpłatny dla pracowników polskich jednostek badawczych</strong>. Zajęcia odbywać się będą na Wydziale Biologii UAM (Collegium Biologicum ul. Umultowska 89 Poznań). Ze względu na możliwości lokalowe liczba miejsc jest ograniczona.</p>
                  <img src="{% static "images/sponsors.png" %}" style="width:100%" alt="sponsors"/>
               </div>
               <div class="tab-content clearfix" id="tabs-14">
                  <table class="table">
                     <thead>
                        <tr>
                           <th>Nr</th>
                           <th>Godziny</th>
                           <th>Zadanie</th>
                        </tr>
                     </thead>
                     <tbody>
                        <tr>
                           <td>1</td>
                           <td>9:00-11:00</td>
                           <td>
                              <strong>Wstep do szkolenia oraz przygotowanie sekwencji</strong>
                              <ul>
                                 <li>Zasady nieodpłatnego dostępu do zasobów obliczeniowych oraz narzędzi PLGrid</li>
                                 <li>Weryfikacja i ocena jakości sekwencjonowania</li>
                                 <li>Filtrowanie artefaktów i zanieczyszczeń z danych RNA-Seq</li>
                              </ul>
                           </td>
                        </tr>
                        <tr class="success">
                           <td>2</td>
                           <td>11:00-11:15</td>
                           <td>Kawa</td>
                        </tr>
                        <tr>
                           <td>3</td>
                           <td>11:15-13:15</td>
                           <td>
                              <strong>Etapy analizy danych z RNA-seq</strong>
                              <ul>
                                 <li>Programy i parametry mapowania sekwencji</li>
                                 <li>Sposoby oznaczania i normalizacji poziomów ekspresji genów</li>
                                 <li>Identyfikacja miejsc splicingowych i alternatywnych izoform mRNA</li>
                              </ul>
                           </td>
                        </tr>
                        <tr class="success">
                           <td>4</td>
                           <td>13:15-14:00</td>
                           <td>Kanapki</td>
                        </tr>
                        <tr>
                           <td>5</td>
                           <td>14:00-16:30</td>
                           <td>
                              <strong>Analiza różnicowej ekspresji genów w oparciu o dane RNA-Seq.</strong>
                              <ul>
                                 <li>Testowanie statystyczne różnicowej ekspresji</li>
                                 <li>Analiza funkcjonalna genów ulegających różnicowej ekspresji</li>
                                 <li>Wizualizacja i interpretacja wyników</li>
                              </ul>
                           </td>
                        </tr>
                        <tr  class="success">
                           <td>6</td>
                           <td>16:00-16:15</td>
                           <td>Kawa</td>
                        </tr>
                        <tr>
                           <td>7</td>
                           <td>16:15-18:15</td>
                           <td><strong>Przykłady kompletnych analiz danych RNA-seq i porównanie środowisk Galaxy oraz Chipster</strong></td>
                        </tr>
                     </tbody>
                  </table>
               </div>
               <div class="tab-content clearfix" id="tabs-15">
                  {% if vacancy = 0 %}<h3 style="color:#d97373">Brak wolnych miejsc</h3>{% endif %}
                  {% if people >= limit %}
                  <p></p>
                  <p style="font-size:1.2em;">Ze względu na bardzo duże zainteresowanie kursem, wszystkie miejsca dostępne w tym terminie zostały już zarezerwowane.</p>
                  Zachęcamy do sprawdzenia pozostałych terminów.</p>
                  <p>Jeżeli limity miejsc we wszystkich proponowanych terminach zostały wyczerpane prosimy o zgłoszenie chęci uczestnictwa wysyłając e-mail pod adres: <b>comgenlab@gmail.com</b>. W zależności od liczby zgłoszeń będą uruchamiane kolejne edycje kursu.</p>
                  {% else %}
                  <div class="postcontent nobottommargin">
                     <div class="fancy-title title-dotted-border">
                        <h3>Rejestracja</h3>
                     </div>
                     <div id="contact-form-result" data-notify-type="success" data-notify-msg="<i class=icon-ok-sign></i> Message Sent Successfully!"></div>
                     <form class="nobottommargin" id="template-contactform" action="{% url 'hands_on.views.register' %}" method="post" novalidate="novalidate">
                        {% csrf_token %}
                        <div class="form-process"></div>
                        <div class="col_one_third">
                           <label for="template-contactform-name">Imię <small>*</small></label>
                           <input type="text" id="template-contactform-name" name="firstname" value="" class="sm-form-control required" aria-required="true">
                        </div>
                        <div class="col_one_third">
                           <label for="template-contactform-lastname">Nazwisko <small>*</small></label>
                           <input type="text" id="template-contactform-lastname" name="lastname" value="" class="required sm-form-control" aria-required="true">
                        </div>
                        <div class="col_one_third col_last">
                           <label for="template-contactform-email">Email</label>
                           <input type="email" id="template-contactform-email" name="email" value="" class="required email sm-form-control">
                        </div>
                        <div class="clear"></div>
                        <div class="col_full">
                           <label for="template-contactform-subject">Organizacja <small>*</small></label>
                           <input type="text" id="template-contactform-subject" name="organization" value="" class="required sm-form-control" aria-required="true">
                        </div>
                        <div class="clear"></div>
                        <div class="col_full hidden">
                           <input type="text" id="template-contactform-botcheck" name="course" value="{{course.pk}}" class="sm-form-control">
                        </div>
                        <div class="col_full">
                           <button class="button button-3d nomargin" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit">Wyślij zgłoszenie</button>
                        </div>
                     </form>
                     <script type="text/javascript">
                        $("#template-contactform").validate({
                        	submitHandler: function(form) {
                        		$('.form-process').fadeIn();
                        		$(form).ajaxSubmit({
                        			target: '#contact-form-result',
                        			success: function(data) {
                        				$('.form-process').fadeOut();
                        				$(form).find('.sm-form-control').val('');
                        				$('#contact-form-result').attr('data-notify-msg', data.msg);
                                                        $('#contact-form-result').attr('data-notify-type', data.msgType);
                        				SEMICOLON.widget.notifications($('#contact-form-result'));
                        			}
                        		});
                        	}
                        });
                        
                     </script>
                  </div>
                  {% endif %}
               </div>
               <div class="tab-content clearfix" id="tabs-16" style="margin:0 auto;text-align:center;">
                  <a href="{% static 'images' %}/posters/{{course.shortname}}.pdf"><img src="{% static 'images' %}/posters/{{course.shortname}}.png" /></a>
               </div>
               <div class="tab-content clearfix" id="tabs-17">
                  <div class="col_half">
                     <address>
                        <strong>Miejsce kursu</strong><br>
                        Collegium Biologicum<br>
                        ul. Umultowska 89, Poznań<br><br>
                        Instytut Biologii Molekularnej i Biotechnologii<br>
                        Zakład Biologii Obliczeniowej
                     </address>
                     <abbr title="Telefon"><strong>Telefon: </strong>61 8295841</abbr> lub 618295843<br/>
                     <abbr title="Adres e-mail"><strong>Email: </strong>bioinfo@amu.edu.pl</abbr><br/>
                  </div>
                  <div class="col_half col_last">
                     <section id="google-map" class="gmap" style="height: 410px;"></section>
                     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
                     <script type="text/javascript" src="{% static "js/jquery.gmap.js" %}"></script>
                     <script type="text/javascript">
                        $('a#dojazdtab').on('click', function() {
                        
                                   if (!$(this).hasClass('shown')) {
                                    $(this).addClass('shown');
                                    $('#google-map').gMap({
                        
                                        address: 'Kampus UAM Morasko Umultowska, Poznań, Poland',
                                        maptype: 'ROADMAP',
                                        zoom: 14,
                                        markers: [
                                            {
                                                address: "Kampus UAM Morasko Umultowska, Poznań, Poland",
                                                html: '<div style="width: 300px;"><h4 style="margin-bottom: 8px;">Hi, we\'re <span>ComBio</span></h4><p class="nobottommargin">You can find us at <strong>Umultowska 89</strong> in Collegium Biologicum at <strong>Kampus UAM Morasko</strong>. We are part of <strong>Institute of Molecular Biology and Biotechnology</strong>.</p></div>'
                                            }
                                        ],
                                        doubleclickzoom: false,
                                        controls: {
                                            panControl: true,
                                            zoomControl: true,
                                            mapTypeControl: true,
                                            scaleControl: false,
                                            streetViewControl: false,
                                            overviewMapControl: false
                                        }
                        
                                    });
                        
                        };
                        });
                                
                     </script><!-- Google Map End -->
                  </div>
                  <div class="clear"></div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
{% endblock %}