naspitha.github.io/BLSimproject.html at main · naspitha/naspitha.github.io · 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
<!DOCTYPE HTML>
<!--
	Strongly Typed by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Beer's Law Simulation (Natalia Spitha)</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="/assets/css/main.css" />
		<script src="/assets/js/jquery.min.js"></script>
	</head>
	<body class="homepage is-preload">
		<div id="page-wrapper">

			<!-- Header -->
				<section id="header">
					<div class="container">
						<h3>Beer's Law Simulation Project</h3>
					</div>

				</section>
			<!-- Main -->
			<section id="main-ds">
				<div class="container">
					<div class="row">
						<!-- Content -->
							<div id="content" class="col-12">
								<!-- Post -->
									<article class="box post">

										<p>	This simulation was developed to give undergraduate analytical chemistry students a more intuitive explanation as to why Beer's law (i.e., absorbance being directly proportional to concentration) holds.
											Using a large number of particles falling through layers of cylinders, students can run "experiments" to determine how the number of layers of cylinders, the number of cylinders per layer, and the area
											of each cylinder affect the number of particles that make it through the layers. An accompanying discussion worksheet (key) guides students as to which simulated experiments to try and how to use their
											results to derive Beer's Law. </p>
											<p>In addition, this simulation could also be used to demonstrate laws of statistics, by students observing how many particles are transmitted for multiple identical runs. An example for that would be to
												examine the relationship between the mean and the standard deviation of multiple measurements, which would likely follow a Poisson distribution.</p>
											<p>Check out the <a href="https://pubs.acs.org/doi/10.1021/acs.jchemed.0c01433"
											target="_blank">publication</a> of the Beer's Law Simulation activity in the Journal of Chemistry Education! It's the result of an ongoing colaboration between the instructional team of
											analytical chemistry at UW-Madison (Dr. Pamela Doolittle, Dr. Amanda Buchberger), Dr. Sam Pazicni and PhD student Yujian Zhang. The current focus of our project is determining how a simulation-based activity such as
											this one can support students' modeling about absorption. </p>
										</p>
										<p style="margin-bottom:2em">Here is the simulation (top) and the instructions for the virtual lab (bottom) that utilizes it at UW-Madison!</p>
										<iframe src="/files/blsim.html" style="margin-left:10%; width:80%; aspect-ratio:1"></iframe>

										<iframe src="/files/blsim-instr-marg.pdf#toolbar=0" style="margin-left:10%; width:80%; height:500px"></iframe>
											<section id="divider"><img src="/images/squiggle4.png" height=40px></section>
									</article>
							</div>
					</div>
				</div>
			</section>


			<!-- Footer -->
				<section id="footer">
					<div id="copyright" class="container">
						<ul class="links">
							<li>&copy; <span class="currentYear"></span> All rights reserved.</li><li>Designed using <a href="http://html5up.net">HTML5 UP</a></li>
						</ul>
					</div>
				</section>

		</div>

		<!-- Scripts -->
			<script src="/assets/js/jquery.min.js"></script>
			<script src="/assets/js/jquery.dropotron.min.js"></script>
			<script src="/assets/js/browser.min.js"></script>
			<script src="/assets/js/breakpoints.min.js"></script>
			<script src="/assets/js/util.js"></script>
			<script src="/assets/js/main.js"></script>
			<script>
				// when the DOM is ready
				document.addEventListener("DOMContentLoaded", function() {
				// get the the span element
				const yrSpan = document.querySelector('.currentYear');
				// get the current year
				const currentYr = new Date().getFullYear();
				// set the year span element's text to the current year
				yrSpan.textContent = currentYr;
				});
			</script>

	</body>
</html>