Search for: All records | NSF Public Access

Using augmented reality in molecular case studies to enhance biomolecular structure-function explorations in undergraduate classrooms

https://doi.org/10.1128/jmbe.00019-24

Vardar-Ulu, Didem ; Ragab, Saif Eldeen ; Agrawal, Swati ; Dutta, Shuchismita ( August 2024 , Journal of Microbiology & Biology Education)

Westenberg, Dave J (Ed.)

ABSTRACT <p>Molecular case studies (MCSs) are open educational resources that use a storytelling approach to engage students in biomolecular structure-function explorations, at the interface of biology and chemistry. Although MCSs are developed for a particular target audience with specific learning goals, they are suitable for implementation in multiple disciplinary course contexts. Detailed teaching notes included in the case study help instructors plan and prepare for their implementation in diverse contexts. A newly developed MCS was simultaneously implemented in a biochemistry and a molecular parasitology course at two different institutions. Instructors participating in this cross-institutional and multidisciplinary implementation collaboratively identified the need for quick and effective ways to bridge the gap between the MCS authors’ vision and the implementing instructor’s interpretation of the case-related molecular structure-function discussions. Augmented reality (AR) is an interactive and engaging experience that has been used effectively in teaching molecular sciences. Its accessibility and ease-of-use with smart devices (e.g., phones and tablets) make it an attractive option for expediting and improving both instructor preparation and classroom implementation of MCSs. In this work, we report the incorporation of ready-to-use AR objects as checkpoints in the MCS. Interacting with these AR objects facilitated instructor preparation, reduced students’ cognitive load, and provided clear expectations for their learning. Based on our classroom observations, we propose that the incorporation of AR in MCSs can facilitate its successful implementation, improve the classroom experience for educators and students, and make MCSs more broadly accessible in diverse curricular settings.</p></sec> </div> <a href='#' class='show open-abstract' style='margin-left:10px;'>more »</a> <a href='#' class='hide close-abstract' style='margin-left:10px;'>« less</a> <div class="actions" style="padding-left:10px;"> <span class="reader-count"> Free, publicly-accessible full text available August 29, 2025</span> </div> </div><div class="clearfix"></div> </div> </li> <li> <div class="article item document" itemscope itemtype="http://schema.org/TechArticle"> <div class="item-info"> <div class="title"> <a href="https://par.nsf.gov/biblio/10540680-molecular-storytelling-conceptual-framework-teaching-learning-molecular-case-studies" itemprop="url"> <span class='span-link' itemprop="name">Molecular storytelling: a conceptual framework for teaching and learning with molecular case studies</span> </a> </div> <div> <strong> <a class="misc external-link" href="https://doi.org/10.3389/feduc.2024.1379515" target="_blank" title="Link to document DOI">https://doi.org/10.3389/feduc.2024.1379515 <span class="fas fa-external-link-alt"></span></a> </strong> </div> <div class="metadata"> <span class="authors"> <span class="author" itemprop="author">Trujillo, Caleb M</span> <span class="sep">; </span><span class="author" itemprop="author">Dutta, Shuchismita</span> </span> <span class="year">( <time itemprop="datePublished" datetime="2024-06-03">June 2024</time> , Frontiers in Education) </span> </div> <div style="cursor: pointer;-webkit-line-clamp: 5;" class="abstract" itemprop="description"> <p>Molecular case studies (MCSs) provide educational opportunities to explore biomolecular structure and function using data from public bioinformatics resources. The conceptual basis for the design of MCSs has yet to be fully discussed in the literature, so we present molecular storytelling as a conceptual framework for teaching with case studies. Whether the case study aims to understand the biology of a specific disease and design its treatments or track the evolution of a biosynthetic pathway, vast amounts of structural and functional data, freely available in public bioinformatics resources, can facilitate rich explorations in atomic detail. To help biology and chemistry educators use these resources for instruction, a community of scholars collaborated to create the Molecular CaseNet. This community uses storytelling to explore biomolecular structure and function while teaching biology and chemistry. In this article, we define the structure of an MCS and present an example. Then, we articulate the evolution of a conceptual framework for developing and using MCSs. Finally, we related our framework to the development of technological, pedagogical, and content knowledge (TPCK) for educators in the Molecular CaseNet. The report conceptualizes an interdisciplinary framework for teaching about the molecular world and informs lesson design and education research.</p> </div> <a href='#' class='show open-abstract' style='margin-left:10px;'>more »</a> <a href='#' class='hide close-abstract' style='margin-left:10px;'>« less</a> <div class="actions" style="padding-left:10px;"> <span class="reader-count"> Free, publicly-accessible full text available June 3, 2025</span> </div> </div><div class="clearfix"></div> </div> </li> <li> <div class="article item document" itemscope itemtype="http://schema.org/TechArticle"> <div class="item-info"> <div class="title"> <a href="https://par.nsf.gov/biblio/10288738-molecular-storytelling-online-structural-biology-outreach-education" itemprop="url"> <span class='span-link' itemprop="name">Molecular storytelling for online structural biology outreach and education</span> </a> </div> <div> <strong> <a class="misc external-link" href="https://doi.org/10.1063/4.0000077" target="_blank" title="Link to document DOI">https://doi.org/10.1063/4.0000077 <span class="fas fa-external-link-alt"></span></a> </strong> </div> <div class="metadata"> <span class="authors"> <span class="author" itemprop="author">Goodsell, David S.</span> <span class="sep">; </span><span class="author" itemprop="author">Dutta, Shuchismita</span> <span class="sep">; </span><span class="author" itemprop="author">Voigt, Maria</span> <span class="sep">; </span><span class="author" itemprop="author">Zardecki, Christine</span> </span> <span class="year">( <time itemprop="datePublished" datetime="2021-03-01">March 2021</time> , Structural Dynamics) </span> </div> <span class="editors"> <span class="editor" itemprop="editor">null</span> (Ed.) </span> <div class="actions" style="padding-left:10px;"> <span class="reader-count"> <a class="misc external-link" href="https://doi.org/10.1063/4.0000077" target="_blank" title="Link to document DOI" data-ostiid="10288738"> Full Text Available <span class="fas fa-external-link-alt"></span> </a> </span> </div> </div><div class="clearfix"></div> </div> </li> </ol> <div id="pagination-lower" style="display:none;"> <div class="pull-right" style="line-height: 30px;"> <div class="btn-group pagination nomargin"> <a href="#" class="btn btn-sm btn-default noborderradius" disabled="disabled">«<span class="hidden-xs"> Prev</span></a> <a class="dropdown-toggle btn btn-sm btn-default paging-dropdown disabled hidden-xs noborderradius" href="#" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">Select page number</span> </a> <a href="#" class="btn btn-sm btn-default noborderradius" disabled="disabled"><span class="hidden-xs">Next </span>»</a> </div> </div> <div class="clearfix"></div> </div> </div> </div> </div>  </div> </div> <input type='hidden' id='schtype' value=''/> </div> </div> <footer class="row" id="footer-wrapper"> <div class="footer-content"> <div id="footerOSTI" class=" hidden-print"> <ul> <li><a target="_blank" rel="noreferrer" href="http://www.nsf.gov/policies/">Website Policies</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/about/performance/">Budget and Performance</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/oig/">Inspector General</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/policies/privacy.jsp">Privacy</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/policies/foia.jsp">FOIA</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/od/odi/notice.jsp">No FEAR Act</a> | <a target="_blank" rel="noreferrer" href="http://usa.gov">USA.gov</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/policies/access.jsp">Accessibility</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/policies/nsf_plain_language.jsp">Plain Language</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/help/contact.jsp">Contact</a> | <a target="_blank" rel="noreferrer" href="https://nsf.gov/help/">Help</a> </li> </ul> The National Science Foundation, 2415 Eisenhower Avenue, Alexandria, Virginia 22314, USA Tel: (703) 292-5111, FIRS: (800) 877-8339 | TDD: (800) 281-8749 </div> </div> </footer> </div> <div id="authorselect" class="modal" tabindex="-1" role="dialog" aria-labelledby="authorselect_label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div id="authorselect_label">Author Select</div> </div> <form id="authorselect-form" style="margin-bottom: 0px;"> <input type="hidden" name="pg" id="authorselect-pg" value="1" /> <div class="modal-body" id="authorselect_body"> <div class="row"> <div class="col-md-4"> <label for="authorselect-lname">Last Name:</label><br /> <input type="text" name="lname" class="input-sm form-control" id="authorselect-lname" placeholder="Last name" /><br /> </div> <div class="col-md-4"> <label for="authorselect-fname">First Name:</label><br /> <input type="text" name="fname" class="input-sm form-control" id="authorselect-fname" placeholder="First name" /> </div> <div class="col-md-2"> <br /> <a href="#" onclick="$('#authorselect-form').submit(); return false;" class="btn btn-sm btn-default"><span class="fa fa-search"></span><span class="sr-only">Search</span></a> </div> </div> <div class="push_top"></div> <div class="row"> <div class="col-md-12"> <ul class="nav nav-tabs"> <li class="active"><a href="#authorselect-tab-res" id="authorselect-tab-res-btn" data-toggle="tab">Search Results</a></li> <li><a href="#authorselect-tab-sel" id="authorselect-tab-sel-btn" data-toggle="tab">Selected Authors</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="authorselect-tab-res" style="max-height: 450px;"> <div class="padding text-muted" id="authorselect-tab-res-content">Type in a name, or the first few letters of a name, in one or both of appropriate search boxes above and select the search button. An attempt will be made to match authors that most closely relate to the text you typed.</div> </div> <div class="tab-pane" id="authorselect-tab-sel" style="max-height: 450px;"> <div class="padding text-muted" id="authorselect-tab-sel-content">No authors are currently selected. Choosing "Select These Authors" will enter a blank value for author search in the parent form.</div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button class="btn btn-sm btn-default" data-dismiss="modal" aria-hidden="true">Close</button> <button class="btn btn-sm btn-default" aria-hidden="true" type="button" id="authorselect_review" onclick="$('#authorselect-tab-sel-btn').click();" style="display: none;">Review Selections</button> <button class="btn btn-sm btn-default" aria-hidden="true" type="button" id="authorselect_submit" onclick="authorSelectAddToForm(); $('#authorselect').modal('hide');">Add Selections</button> </div> </form> </div> </div> </div> <div id="editorselect" class="modal" tabindex="-1" role="dialog" aria-labelledby="editorselect_label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div id="editorselect_label">Editor Select</div> </div> <form id="editorselect-form" style="margin-bottom: 0px;"> <input type="hidden" name="pg" id="editorselect-pg" value="1" /> <div class="modal-body" id="editorselect_body"> <div class="row"> <div class="col-md-4"> <label for="editorselect-lname">Last Name:</label><br /> <input type="text" name="lname" class="input-sm form-control" id="editorselect-lname" placeholder="Last name" /><br /> </div> <div class="col-md-4"> <label for="editorselect-fname">First Name:</label><br /> <input type="text" name="fname" class="input-sm form-control" id="editorselect-fname" placeholder="First name" /> </div> <div class="col-md-2"> <br /> <a href="#" onclick="$('#editorselect-form').submit(); return false;" class="btn btn-sm btn-default"><span class="fa fa-search"></span><span class="sr-only">Search</span></a> </div> </div> <div class="push_top"></div> <div class="row"> <div class="col-md-12"> <ul class="nav nav-tabs"> <li class="active"><a href="#editorselect-tab-res" id="editorselect-tab-res-btn" data-toggle="tab">Search Results</a></li> <li><a href="#editorselect-tab-sel" id="editorselect-tab-sel-btn" data-toggle="tab">Selected Editors</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="editorselect-tab-res" style="max-height: 450px;"> <div class="padding text-muted" id="editorselect-tab-res-content">Type in a name, or the first few letters of a name, in one or both of appropriate search boxes above and select the search button. An attempt will be made to match editors that most closely relate to the text you typed.</div> </div> <div class="tab-pane" id="editorselect-tab-sel" style="max-height: 450px;"> <div class="padding text-muted" id="editorselect-tab-sel-content">No editors are currently selected. Choosing "Select These Editors" will enter a blank value for editor search in the parent form.</div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button class="btn btn-sm btn-default" data-dismiss="modal" aria-hidden="true">Close</button> <button class="btn btn-sm btn-default" aria-hidden="true" type="button" id="editorselect_review" onclick="$('#editorselect-tab-sel-btn').click();" style="display: none;">Review Selections</button> <button class="btn btn-sm btn-default" aria-hidden="true" type="button" id="editorselect_submit" onclick="editorSelectAddToForm();$('#editorselect').modal('hide');">Add Selections</button> </div> </form> </div> </div> </div> <div class="push_top"></div>  <div class="modal fade" id="external-link-modal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close nsf-close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h4 class="modal-title"><strong>Warning: Leaving National Science Foundation Website</strong></h4> </div> <div class="modal-body"> <div> <img src="https://par.nsf.gov/img/nsf/nsf_logo.png" width="292" height="53" alt="National Science Foundation Logo" border="0" /> </div> <br> <span>You are now leaving the National Science Foundation website to go to a non-government website.</span> <br> <br> Website: <a id="external-link-url" rel='noopener noreferrer' target='_blank'></a> <br> <br> <span> NSF takes no responsibility for and exercises no control over the views expressed or the accuracy of the information contained on this site. Also be aware that NSF's privacy policy does not apply to this site. </span> <br> <br> </div> <div class="modal-footer"> <div class="pull-right"> <button id="external-link-continue" type="button" data-extlink="" class="btn btn-primary" data-dismiss="modal"><u>Continue to Site</u></button> <button type="button" class="btn btn-default" data-dismiss="modal"><u>Cancel</u></button> </div> </div> </div> </div> </div>  <input type='hidden' id='webtrend-id' value='dcsngbilzcxafpc7vw2qgbbij_3j2v'/> <input type='hidden' id='js-context-path' value='https://par.nsf.gov/'/> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/latest.js?config=TeX-MML-AM_CHTML" defer></script> <script type="text/x-mathjax-config" defer> MathJax.Hub.Config({ tex2jax: {inlineMath: [['$','$'], ['\$','\$']]} }); </script> <noscript></noscript> <script src="https://par.nsf.gov/js/context.js" type="text/javascript" defer></script> <noscript>You must have javascript enabled</noscript> <script src="https://par.nsf.gov/js/libraries/jquery.min.js" type="text/javascript" defer></script> <noscript></noscript> <script src="https://par.nsf.gov/chosen/chosen.jquery.min.js" type="text/javascript" defer></script> <noscript></noscript> <script src="https://par.nsf.gov/js/nsf_pages.extras.min.js" type="text/javascript" defer></script> <noscript></noscript> <script src="https://par.nsf.gov/js/nsf_pages.min.js" type="text/javascript" defer></script> <noscript></noscript>       <script src="https://par.nsf.gov/js/webtrends.min.js" type="text/javascript" defer></script> <noscript></noscript>     <script src="https://par.nsf.gov/js/webtrend-script.min.js" type="text/javascript" defer></script> <noscript> <div><img alt="" id="DCSIMG" width="1" height="1" src="http://wt.research.gov/dcsngbilzcxafpc7vw2qgbbij_3j2v/njs.gif?dcsuri=/nojavascript&WT.js=No&DCS.dcscfg=1&WT.tv=8.6.2"/></div> </noscript> <script src="https://par.nsf.gov/js/webtrendsactions.min.js" type="text/javascript" defer></script> <noscript></noscript>   </body>  </html>