Eplus_Maine/about.html at main · klharp/Eplus_Maine · 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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en-us">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="description" content="Maine Dashboard" />
    <meta name="author" content="Kerry Harp" />

    <title>EnergyPlus Data Scraper for Maine Glass</title>

    <!-- <link rel="shortcut icon" type="image.jpg" href="static/img/favicon.ico"> -->

    <!-- Leaflet CSS -->
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.3/dist/leaflet.css"
        integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ=="
        crossorigin="" />

    <!-- d3 JavaScript -->
    <script src="https://d3js.org/d3.v5.min.js"></script>
    <!-- <script src="static/js/d3Caching.js"></script> -->

    <!--Plotly-->
    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>

    <!-- Ominivore Leaflet Plugin -->
    <script src='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-omnivore/v0.3.1/leaflet-omnivore.min.js'></script>

    <!-- Our CSS -->
    <link rel="stylesheet" type="text/css" href="static/css/styles.css">
    <link rel="stylesheet" type="text/css" href="static/css/mapstyle.css">

</head>

<body id="page-top">

    <!-- NAVIGATION-->
    <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
        <div class="container">
            <a class="navbar-brand" href="index.html">
                Maine Glass Retrofit Comparisons
            </a>
            <div class="collapse navbar-collapse" id="navbarResponsive">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link " href="about.html" role="button">
                            About
                        </a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="about.html" id="navbarDropdown" role="button"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Locations
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <a class="dropdown-item" href="mry/annual_viz.html">Monterey Tides: Monterey, CA</a>
                            <a class="dropdown-item" href="msp/annual_viz.html">Marriott City Center: Minneapolis, MN</a>
                            <a class="dropdown-item" href="cle/annual_viz.html">55 Public Square: Cleveland, OH</a>
                            <a class="dropdown-item" href="sat2/annual_viz.html">Hyatt Regency Riverwalk: San Antonio, TX</a>
                       </div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>


    <!-- HEADER SECTION-->
    <header class="bg-primary text-white">
        <div class="container text-center">
            <h4>Data &amp; Visualizations of EnergyPlus Simulations</h4>
        </div>
    </header>


    <!-- INTRO SECTION  -->
    <section id="Intro">
        <div class="container">
            <div class="row margin-top-50">
                <div class="col-lg-10 mx-auto">

                    <h2>Methodology</h2>
                    <p>Simulations were done in EnergyPlus (v 9.5). Zones and window systems were defined in Lawrence
                        Berkeley National Laboratory's <a href="https://windows.lbl.gov/software/comfen"
                            target=_"blank">COMFEN.</a> COMFEN is a simple single-zone facade analysis tool which
                        calculates heating and cooling energy for a specific location, orientation, building type, and
                        window system configuration. Using this perimeter zone modeler allows for data showing the
                        energy and carbon impacts of the facade systems.
                    </p>

                    <div class="container text-center">
                        <img src="static/images/zone.png" width="400">
                    </div>

                    <p>
                        While COMFEN has been developed to be a useful design tool, there are limitations in its current
                        implementation that may limit its usefulness for specific design projects.
                    </p>
                    <ul>
                        <li>COMFEN is not a whole-building energy modeler. It is intended to get comparative energy
                            information as related to the facade. </li>
                        <li>Energy and costs reflect the performance from the perimeter zone (15-foot depth) only.
                            Energy and cost should not be compared to whole-building performance.</li>
                    </ul>

                    <p>
                        Utility prices (if not provided) and emission factors are taken from the <a
                            href="http://seeatcalc.gastechnology.org/CommercialBuildings" target="_blank">Source
                            Energy Emissions Analysis Tool</a>.
                    </p>

                </div>
            </div>
        </div>
    </section>


    <!-- OBJECTIVE SECTION-->
    <section id="objective">
        <div class="container">
            <div class="row margin-top-50">
                <div class="col-lg-10 mx-auto">

                    <h2>Objective of this Dashboard</h2>
                    <p>
                        The EnergyPlus simulation results were compiled using Python/Pandas and then formatted for
                        export. Exported data was used in Tableau to create visualizations specific for this project.
                        The visualizations are intended to demonstrate the the benefits of the retrofit products
                        provided by
                        <a href="https://www.maineglass.com/" target="_blank">Maine Glass</a>.
                    </p>

                </div>
            </div>
    </section>


    <!-- Footer-->
    <footer class="homefooter">
        <div class="container">
            <p class="m-0 text-center text-white">Copyright &copy; 2021: Harp Design, Inc.</p>
        </div>
    </footer>

    <!-- Leaflet JS -->
    <script src="https://unpkg.com/leaflet@1.3.3/dist/leaflet.js"
        integrity="sha512-tAGcCfR4Sc5ZP5ZoVz0quoZDYX5aCtEm/eu1KhSLj2c9eFrylXZknQYmxUssFaVJKvvc0dJQixhGjG2yXWiV9Q=="
        crossorigin=""></script>


    <!-- API key -->
    <script type="text/javascript" src="static/js/config.js"></script>

    <!-- JS  -->
    <!-- <script type="text/javascript" src="static/js/map.js"></script> -->

    <!-- Bootstrap core JS-->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>

    <!-- Third party plugin JS-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>

    <!-- Core theme JS-->
    <script src="static/js/scripts.js"></script>

</body>

</html>