user-guide/model_display.html at main · EBI-BioModels/user-guide · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta content="About BioModels" about="https://wwwdev.ebi.ac.uk/biomodels" property="dc:title"> <meta name="ebi:localmasthead-color" content="#254146"> <meta name="ebi:localmasthead-image" content="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.1/images/backgrounds/embl-ebi-background.jpg"/> <!-- If you link to any other sites frequently, consider optimising performance with a DNS prefetch --> <link rel="dns-prefetch" href="//embl.de" /> <link rel="stylesheet" type="text/css" href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.1/libraries/foundation-6/css/foundation.css"> <link rel="stylesheet" type="text/css" href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.1/css/ebi-global.css"> <link rel="stylesheet" type="text/css" href="//www.ebi.ac.uk/web_guidelines/EBI-Icon-fonts/v1.1/fonts.css"> <link rel="stylesheet" type="text/css" href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.1/css/theme-embl-petrol.css"> <link rel="stylesheet" type="text/css" href="./css/biomodels/biomodels.css"> <link rel="stylesheet" type="text/css" href="./css/lightbox.css" > <title>BioModels Help</title> </head> <body> <div id="wrapper" class="container_24 page"> <div id="mainframe"> <div data-sticky-container class="sticky-container" > <div id="local-masthead" data-sticky data-sticky-on="large" data-top-anchor="165.75" data-btm-anchor="300000" class="sticky meta-background-color meta-background-image" data-resize="local-masthead" data-events="resize"> <header> <div class="masthead row"> <!-- local-title --> <div id="local-title" class="columns medium-12"> <div class="row" style="margin-top: -25px"> <div class="small-12 medium-6 large-6"> <h1> <a href="manual.html" title="Back to BioModels homepage"> <img src="./img/biomodels/logo_small.png" title="BioModels Homepage"/> <span style="color: #ffffff">BioModels</span> <sup><span class="icon icon-generic" data-icon=">"></span></sup></a> </h1> </div> </div> </div> </div> </header> </div> </div> <div id="maincontent" class="row"> <div class="small-12 medium-12 large-12 columns">
<p>Model pages can be reached from:</p> <ul> <li>Directly through the model's unique URL</li> <li>By clicking on a model's link on the browse models page</li> <li>By clicking on a model's link on the search results page</li> </ul> <p>The model display page displays the model name as a heading, with buttons to allow download of the model, to <a href="model_update.html">update</a>, <a href="model_publish.html">publish</a>, <a href="model_sharing.html">share</a> and <a href="annotating_models.html">annotate</a> it . The download button retrieves the main file associated with the model. Additional files can be downloaded through the files tab.</p> <p>Below this is a tab panel, with three tabs common to all model formats: Overview, Files and History. All these tabs have unique URLs which can be bookmarked. The URL can then be used to navigate to the model with the tab in the URL selected.</p> <p>The <strong>Overview</strong> tab is shown below. It contains the model description and information about the format, format version, model version and date of submission. Some supported main file formats have additional information (seen in next figure).</p> <p><a class="screenshot" href="img/biomodels/display_overview.png" title="Model overview"><img alt="Model overview" src="img/biomodels/display_overview.png" title="Model overview" /></a></p> <p>The <strong>Files</strong> tab separates the main file and the additional files. Additional information is shown for each file selection and certain file types show a preview. Such files are images, text files, PDF, XML and MDL. MDL and XML also have syntax highlighting and contents of ZIP files are shown. Some browsers need a PDF plugin installation to show PDF files (e.g. Internet Explorer and Opera). Each file can be downloaded separately by clicking the button to the right of the name.</p> <p><a class="screenshot" href="img/biomodels/display_files.png" title="Files tab"><img alt="Files tab" src="img/biomodels/display_files.png" title="Files tab" /></a></p> <p>The third common tab is to show the model's update history. This contains information about when the model was first added, its current owner, followed by its history. The history lists each version of the model, including the user who made the modification, the date of the change, and any description supplied during the update. Each version is accessible or downloadable using the buttons at the right. Depending on the access rights different users have, they may not be able to access all versions of the model. Model versions that have been published are accessible to all users.</p> <p><a class="screenshot" href="img/biomodels/display_history.png" title="History tab"><img alt="History tab" src="img/biomodels/display_history.png" title="History tab" /></a></p> <p>After the first three tabs, information specific to the model format is displayed. The figure below shows an example of this for a PharmML file, showing the functions defined in the model.</p> <p><a class="screenshot" href="img/biomodels/display_specifictab.png" title="PharmML tab"><img alt="PharmML tab" src="img/biomodels/display_specifictab.png" title="PharmML tab" /></a></p> <p>Users can also see a previous version of the model by using the full model identifier (with the format <strong>model_id</strong>.<strong>revision_id</strong>). A basic display with the three generic tabs is rendered regardless of model format, with a disclaimer message as shown below.</p> <p><a class="screenshot" href="img/biomodels/prevVersion.png" title="Previous version of a model"><img alt="Previous version of a model" src="img/biomodels/prevVersion.png" title="Previous version of a model" /></a></p>
            </div><!-- columns -->
        </div><!-- maincontent -->

        <footer>
            <!-- Optional local footer (insert citation / project-specific copyright / etc here -->
            <div id="local-footer">
                <div class="row">
                    <div class="small-12 medium-12 large-6 columns">
                        Copyright &copy; <a href="//www.ebi.ac.uk/biomodels">BioModels</a>&nbsp;<script>document.write(new Date().getFullYear());</script>, all rights reserved.
                    </div>
                </div>
            </div>
            <!-- End optional local footer -->

            <div id="global-footer">
                <nav id="global-nav-expanded" class="row">
                    <!-- Footer will be automatically inserted by footer.js -->
                </nav>
                <section id="ebi-footer-meta" class="row">
                    <!-- Footer meta will be automatically inserted by footer.js -->
                </section>
            </div>
        </footer>
        </div> <!--! end of #wrapper -->


</div><!-- mainframe -->
</div><!-- wrapper -->
    <!-- declaration of javascript, jQuery being used -->
    <script src="./js/lightbox-plus-jquery.js"></script>
    <script>
        lightbox.option({
            'fitImagesInViewport': true // default value
        });
        $(document).ready(function () {
            $(".screenshot").each(function (i, obj) {
                $(obj).attr("data-lightbox", "testPreview");
            });
        });
    </script>
</body>
</html>