BOLD Systems: Student Portal - Student Portal

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <title>BOLD Systems: Student Portal - Student Portal - Welcome </title> <script type="text/javascript" src="https://use.typekit.com/xhb6anh.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <script type="text/javascript" src="/libhtml_v3/js/gAnalyticsConfig.js"> </script> <link rel="stylesheet" type="text/css" href="/libhtml_v3/css/reset-min.css"> <link rel="stylesheet" type="text/css" href="/libhtml_v3/css/fonts-min.css"> <link rel="stylesheet" href="/libhtml_v3/css/sdp.css" type="text/css" media="screen"> <link rel="stylesheet" href="/libhtml_v3/css/sdpPrint.css" type="text/css" media="print"> <script type="text/javascript" src="/libhtml_v3/jquery-ui_new/js/jquery-1.6.2.min.js"></script>  <link type="text/css" href="/libhtml_v3/jquery-ui-1.10.3.custom/css/redmond/jquery-ui-1.10.3.custom.css" rel="stylesheet" /> <script type="text/javascript" src="/libhtml_v3/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script> <script type="text/javascript" src="/libhtml_v3/js/json2.js"></script>    <style> .ui-autocomplete-loading { background: white url('https://v3.boldsystems.org/libhtml_v3/icons/ui-anim_basic_16x16_dana.gif') right center no-repeat; } .ui-autocomplete { max-height: 100px; max-width: 400px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; /* add padding to account for vertical scrollbar */ padding-right: 20px; } /* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */ * html .ui-autocomplete { height: 100px; } </style> <script type="text/javascript" src="/libhtml_v3/js/waitingDialogBox.js"></script> <script type="text/javascript"> $(function(){ // Accordion $(".portlet").accordion({ header: "h3", collapsible: false, heightStyle: "content", autoHeight : false }); // Tabs $('#tabs').tabs(); // Dialog $('#dialog').dialog({ autoOpen: false, width: 600, buttons: { "Ok": function() { $(this).dialog("close"); }, "Cancel": function() { $(this).dialog("close"); } } }); // Dialog Link $('#dialog_link').click(function(){ $('#dialog').dialog('open'); return false; }); // Datepicker $('#datepicker').datepicker({ inline: true }); // Slider $('#slider').slider({ range: true, values: [17, 67] }); // Progressbar $("#progressbar").progressbar({ value: 20 }); //hover states on the static widgets $('#dialog_link, ul#icons li').hover( function() { $(this).addClass('ui-state-hover'); }, function() { $(this).removeClass('ui-state-hover'); } ); }); </script> <style type="text/css"> /*demo page css*/ body{} .demoHeaders { margin-top: 2em; } #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;} #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;} ul#icons {margin: 0; padding: 0;} ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;} ul#icons span.ui-icon {float: left; margin: 0 4px;} </style> <script type="text/javascript"> var uvOptions = {}; $('document').ready(function (){ var uv = document.createElement('script'); uv.type = 'text/javascript'; uv.async = true; uv.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'widget.uservoice.com/TktTCebkDKejDAgcH4XaA.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(uv, s); }); </script> <script type="text/javascript"> // All the ajax calls - should be place inside the ready event. $(document).ready ( function() { //all button elements should get converted to jquery ui buttons $(function() { $( 'button' ).button(); }); $(function() { $( '.button' ).button(); }); }); function displayImage(){ $('#cell1').css("background-image", "url(/libhtml_v3/images/sdp/cell_mosaic11A.png)"); } function hideImage(){ $('#cell1').css("background-image", "url(/libhtml_v3/images/sdp/cell_mosaic11B.png)"); } function changeColor(newColor){ if(newColor==""){ $("#justbg").attr("class","box tempHeader"); $("#fixcss").attr("class","dn"); } else{ $("#fixcss").attr("class","box tempHeader"); $("#justbg").attr("class","dn"); $("#fixcss").css("background-color",newColor); } } </script> <style> #header{ margin-bottom: 0px !important;/*So that our background will fit tight to the header*/ } .outerDBTable div{ vertical-align: center; width : 270px; } .outerDBTable p{ font-size : 110%; } .innerDBTable div{ width: 238px; height: 159px; background-color: #fff; text-align: center; } .innerDBTable h3{ font-size: 180%; line-height:8px; } div.tempHeader{ background-color:#6f8eba; max-width: none !important; width:100%; height:383px; } #justbg{ background:#6f8eba url(/libhtml_v3/images/sdp/sdpmain_v2.jpg) no-repeat center bottom; border-bottom:3px solid #57afe6; } </style>  <script type="text/javascript" src="//v3.boldsystems.org/libhtml_v3/js/jquery-youtubePopup800px.js"></script> <script type="text/javascript"> $(function () { $.fn.YouTubePopup.defaults.draggable = true; $.fn.YouTubePopup.defaults.width = 800; $("a.youtube").YouTubePopup({ autoplay: 1 }); $("img.youtube").YouTubePopup({ idAttribute: 'id' }); $("button.youtube").YouTubePopup({ idAttribute: 'id' }); $("a.custom").YouTubePopup({ idAttribute: 'youtube' }); $("a.hideTitle").YouTubePopup({ hideTitleBar: false }); }); function scrollTo(id){ var offset = $('#' + id).offset().top; $('html,body').animate({scrollTop: offset}, 50); } </script> </head> <body id="home"> <div style="position: absolute; width: 9999px; visibility: hidden; display: none;"></div> <div id="container"> <script type="text/javascript"> $(document).ready(function() { $('#userMenuLink').click(function(e) { $('#userMenu').slideDown(); return false; }); $(document).click(function() { $('#userMenu').slideUp(); }); }); var popupPref; function openPref() { popupPref = window.open("/index.php/MAS_Management_UserProfile", 'userprofile', 'scrollbars=yes,resizable=yes,width=800,height=622'); popupPref.focus(); } </script>  <div id="loggedOutMessage" style="display: none;" class="ui-widget"> <div class="ui-state-highlight ui-corner-bottom" style="padding: 0pt 0.7em;"> <p><span class="ui-icon ui-icon-info" style="float: left; margin-right: 0.3em;"></span> You've been logged out. Click <a href="/index.php/Login/page">here</a> to log back in. <a href="#" id="closeLoggedMessage" class="ui-icon ui-icon-closethick" style="float: right; margin-right: 0.3em;"></a> </p> </div> </div> <div id="header"> <div id="globalNav" style="position: relative; z-index:1;white-space: nowrap;width:200px;"><a href="/index.php/Login/page">Log In</a> <div id="userMenu" class="ui-widget-content" style="display: none; position: absolute; text-align: left; right: 5px; width: 100px; padding-left: 5px; background:#def1fa"><a href="/index.php/Login/page">Log In</a></div>   <a id="userMenuLink" href="/index.php/Logout"><img src="/libhtml_v3/images/gearGlobalNav.png" border="0" /></a> </div> <div class="box"> <div id="logo"> <a href="/edu">BOLD Systems</a> </div> <div id="mainNav"> <ul> <li class=""><a href="/index.php/SDP_Home">Home</a></li> <li class=""><a href="/index.php/SDP_Explore">Explore</a></li> <li class=""><a href="/index.php/IDS_OpenIdEngine?edu=1">Identification</a></li> <li class=""><a href="/index.php/resources/sdphandbook">Quick Start</a></li> <li class=""><a href="/index.php/resources/sdpfaq">F.A.Q.</a></li> </ul> </div> </div> </div>  <div class="tempHeader" id="justbg"> <div class="box"> <br> <div id="mainBoard" align="center" valign="top"> <table cellspacing="0px" cellpadding="0px" width="100%"> <tr height="105px"> <td colspan="2" height="105px"> <h1>An integrated workbench supporting the assembly, analysis and publication of DNA barcode data by students. <hr style="background-color:#F6FFF8"></h1> </td> </tr> <tr> <td width="44%"valign="center" align="center"> <a href="/docs/SDP_Brochure.pdf" target="_blank" > <div class="roundBox tutorial" align="center" valign="top"><img src="/libhtml_v3/fileicons/pdf.png" width="38px" height="38px" ></div> </a> </td> <td width="56%"><a class="mainBoard"href="/docs/SDP_Brochure.pdf" target="_blank" >System Overview</a></td> </tr> <tr> <td valign="center" align="center" > <a href="/index.php/resources/sdphandbook" > <div class="roundBox tutorial" align="center" valign="top"> <img src="/libhtml_v3/images/sdp/quickstart.png" width="51px" height="40px"> </div> </a> </td> <td><a class="mainBoard" href="/index.php/resources/sdphandbook" >Quick Start Guide</a></td> </tr> <tr> <td valign="center" align="center" > <a class="youtube" rel="w57rNRCYCYE" href="#"> <div class="roundBox tutorial" align="center" valign="top"> <img src="/libhtml_v3/images/sdp/videosdp.png" width="75%"> </div> </a> </td> <td><a class="youtube mainBoard" rel="w57rNRCYCYE" href="#">Video Introduction</a></td> </tr> </table> <br> </div> </div> </div> <div class="box"> <h4>The BOLD Student Data Portal (BOLD-SDP) is a classroom-focused interface to the BOLD database. This platform provides instructors and students with the tools necessary to make contributions to the DNA barcode library used for identifying species. It also gives students the opportunity to integrate and analyze specimen and sequence data while providing instructors with tools to monitor student progress and evaluate their work. Students can explore the large database of DNA barcode records submitted by scientists around the world, but they will also be able to add their own data to the ever-growing DNA barcoding library. Contact us for support in using this system in a classroom setting (<a href="mailto:edu@boldsystems.org">edu@boldsystems.org</a>).</h4> <table class="outerDBTable" width="100%"> <tr> <td valign="top" align="center"> <div id="clickbox" onClick="Javascript: window.location='http://v3.boldsystems.org/index.php/SDP_Login/student'"> <table class="innerDBTable" cellspacing="6"> <tr> <td> <div class="roundBox"> <br/> <img src="/libhtml_v3/images/sdp/students.png"> <h3>Students</h3> </div> </td> </tr> </table> <p>A portal for students to assemble DNA barcode records in a simplified but powerful data collection and analysis environment.</p> </div> </td> <td valign="top" align="center"> <div id="clickbox" onClick="Javascript: window.location='http://v3.boldsystems.org/index.php/SDP_Login/instructor'"> <table class="innerDBTable" cellspacing="6"> <tr> <td> <div class="roundBox"> <br/> <img src="/libhtml_v3/images/sdp/teachers.png" onClick="Javascript: window.location='/local'"> <h3>Instructors</h3> </div> </td> </tr> </table> <p>A management interface for instructors to register students and classrooms; review student work and utilize data validation workflows.</p> </div> </td> <td valign="top" align="center"> <div id="clickbox" onClick="Javascript: window.location='http://v3.boldsystems.org/index.php/SDP_Explore'"> <table class="innerDBTable" cellspacing="6"> <tr> <td> <div class="roundBox"> <br> <img src="/libhtml_v3/images/sdp/explore.png"> <h3>Explore</h3> </div> </td> </tr> </table> <p>Search for and browse data records, images, and geographic distributions for species being barcoded.</p> </div> </td> </tr> </table> </div> <div id="subfooter"> <div class="box"> <table width="100%" align="right" cellpadding="2"> <tr> <td width="10%" valign="center"><a href="http://www.ibol.org " target="_blank"><img src="/libhtml_v3/images/sdp/ibol-50v.png" width="162" height="50" alt="iBOL"></a></td> <td width="55%" valign="center" ><a href="http://www.educationandbarcoding.org/index.php" target="_blank"><img src="/libhtml_v3/images/sdp/eBOL_logo.png" height="62" alt="eBOL"></a></td> <td align="center"><a href="http://www.mri.gov.on.ca" target="_blank"><img src="/libhtml_v3/logos/MRI_logo.png" style="width: 120px;" alt="Ontario Ministry of Research, Innovation and Science"/></a></td> <td align="center"><a href="http://www.nsf.gov" target="_blank"><img src="/libhtml_v3/images/sdp/nsf_logo.png" alt="NSF" width="" height="" /></a></td> <td align="center"><a href="http://www.genomecanada.ca" target="_blank"><img src="/libhtml_v3/logos/genomeCanada.png" alt="genomeCanada" border="0"/></a></td> </tr> </table> </div> </div> <br><br> <div id="footer"> <div class="box">  <table style="width: 800px;" align="center"> <tr> <td valign="top" class="footerMenu"> <h4>Links</h4> <ul> <li><a href="http://studentdnabarcoding.org/" target="_blank">Barcoding Life's Matrix</a></li> <li><a href="http://eol.org/" target="_blank">Encyclopedia of Life</a></li> <li><a href="http://www.itis.gov/" target="_blank">ITIS Taxonomy Database</a></li> <li><a href="http://www.ncbi.nlm.nih.gov/taxonomy" target="_blank">NCBI Taxonomy Database</a></li> <li><a href="http://www.dnabarcodingassistant.org" target="_blank">DNA Barcoding Assistant</a></li> </ul> </td> <td valign="top" class="footerMenu"> <h4>Organization</h4> <ul> <li><a href="/index.php/Resources/SDPOverview">SDP Overview</a></li> <li><a href="/index.php/Resources/whatIsBOLD">About BOLD</a></li> <li><a href="/index.php/Resources/ContactUs">Contact BOLD</a></li> </ul> </td> <td valign="top" class="footerMenu"> <h4>Community</h4> <ul> <li><a href="/index.php/NewsFeed">BOLD News & Events</a></li> <li><a href="http://connect.barcodeoflife.net/group/boldsystems">Connect</a></li> </ul> </td> <td valign="top" class="footerMenu"> <h4>Partners</h4> <ul> <li><a href="http://coastalmarinebiolabs.org/" target="_blank">Coastal Marine Biolabs</a></li> <li><a href="http://www.ibol.org" target="_blank">iBOL</a></li>   <li><a href="http://explorer.bio-rad.com" target="_blank">Bio-Rad</a></li> <li><a href="http://www.amgen.com/citizenship/foundation.html" target="_blank">Amgen Foundation</a></li> </ul> </td> </tr> <tr> <td colspan="5" id="copyright">  Copyright 漏 2014 BOLD Systems. All rights reserved.&nbsp </td> </tr> </table> </div> </div>  </div> </body> </html>

CINXE.COM

BOLD Systems: Student Portal - Student Portal - Welcome