Lab-Homepage/index.html at main · csulb-datascience/Lab-Homepage · 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
<!DOCTYPE HTML>
<!--
	Forty by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Ju Cheol Moon</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" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-preload">

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
				<header id="header" class="alt">
				</header>

				<!-- Menu -->
				<nav id="menu">
				</nav>

				<!-- Banner -->
				<section id="one" class="major">
					<div class="inner">

						<!-- Title -->
						<header class="major">
							<h1>Ju Cheol Moon</h1>
						</header>

						<!-- Image -->
						<p>
							<span class="image left">
								<img src="assets/img/moon.png" alt="https://www.csulb.edu/sites/default/files/images/moon-6x6.jpg" />
							</span>
							I am currently an Associate Professor in the Department of Computer Engineering and Computer Science at California State University Long Beach. My research expertise centers around creating interpretable machine learning algorithms and developing deep neural networks for accurate predictions. I am passionate about leveraging computational frameworks to tackle interdisciplinary challenges, blending theoretical science with practical applications.

							One of my notable projects involves human gait analysis. I am working on a novel system that uses gait information, collected from wearable device sensors, to identify individuals. This project involves crafting an interpretable deep neural network (DNN) model that incorporates techniques like layer-wise relevance propagation and sensitivity analysis.

							In the realm of wildlife conservation, I am pioneering a DNN-based framework for shark identification. This project harnesses advances in computer vision to identify sharks using their distinct visual features such as fins, shapes, and color patterns, providing a non-invasive approach to biometric identification.

							My interests also extend to social sciences, where I collaborate with social scientists. We apply explainable artificial intelligence methodologies to study and address issues like homelessness, consumer behavior, and traffic congestion. This interdisciplinary approach reflects my commitment to applying AI for a societal benefit.							<ul class="actions fit">
								<li><a href="https://scholar.google.com/citations?user=0Yw0wbYAAAAJ&hl=en" class="button">Google Scholar</a></li>
								<li><a href="assets/Curriculum Vitae.pdf" class="button">CV</a></li>
							</ul>
						</p>

					</div>
				</section>

				<!-- Main -->
				<div id="main">

					<!-- One (Tiles) -->
					<section id="main-one" class="tiles">
						<article>
							<span class="image">
								<img src="assets/img/research.png" alt="" />
							</span>
							<header class="major">
								<h3><a href="research.html" class="link">Research</a></h3>
								<!-- <p>${description}</p> -->
							</header>
						</article>
						<article>
							<span class="image">
								<img src="assets/img/teaching.png" alt="" />
							</span>
							<header class="major">
								<h3><a href="teaching.html" class="link">Teaching</a></h3>
								<!-- <p>${description}</p> -->
							</header>
						</article>
						<article>
							<span class="image">
								<img src="assets/img/group.png" alt="" />
							</span>
							<header class="major">
								<h3><a href="group.html" class="link">Group</a></h3>
								<!-- <p>${description}</p> -->
							</header>
						</article>
						<article>
							<span class="image">
								<img src="assets/img/contact.avif" alt="" />
							</span>
							<header class="major">
								<h3><a href="contact.html" class="link">Contact</a></h3>
								<!-- <p>${description}</p> -->
							</header>
						</article>
					</section>

					<!-- Two (News) -->
					<section id="two">

					</section>

				</div>

				<!-- Contact -->
				<section id="contact-custom">
				</section>

				<!-- Footer -->
				<footer id="footer">
				</footer>

			</div>


			<!-- Scripts -->
			<script type="module" src="functions/init.js" ></script>
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/jquery.scrollex.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 src="functions/main.js"></script>
			<script src="functions/home.js"></script>


	</body>
</html>