sh.kim/Uroflow_arduino
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:로드셀 3개 연결 로직

Browse Source 
- 라즈베리파이 -> 아두이노 구동을 위한 코드 변경
- 하드웨어 구성을 위한 기본 코드 재작성
This commit is contained in:
shkim
2026-01-15 16:49:09 +09:00
commit bc2da5dd7f
4 changed files with 446 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
web.html Normal file
View File

@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Load Cell Monitor</title>
<style>
body { font-family: Arial; text-align: center; padding: 50px; }
.box {
border: 2px solid #333;
padding: 20px;
margin: 20px auto;
width: 300px;
border-radius: 10px;
}
.value { font-size: 48px; color: #2196F3; }
.label { font-size: 14px; color: #666; }
.small { font-size: 24px; }
</style>
</head>
<body>
<h1>Load Cell Monitor</h1>
<div class="box">
<div class="label">Volume (mL)</div>
<div class="value" id="volume">--</div>
</div>
<div class="box">
<div class="label">Weight Average (g)</div>
<div class="value small" id="avg">--</div>
</div>
<div class="box">
<div class="label">Individual Weights (g)</div>
<div class="value small">
<span id="w1">--</span> |
<span id="w2">--</span> |
<span id="w3">--</span>
</div>
</div>
<div class="label">Time: <span id="time">--</span>s</div>
<script>
function fetchData() {
fetch('/data')
.then(response => response.json())
.then(data => {
document.getElementById('volume').textContent = data.volume_ml.toFixed(1);
document.getElementById('avg').textContent = data.weight_avg.toFixed(1);
document.getElementById('w1').textContent = data.w1.toFixed(1);
document.getElementById('w2').textContent = data.w2.toFixed(1);
document.getElementById('w3').textContent = data.w3.toFixed(1);
document.getElementById('time').textContent = data.time.toFixed(1);
})
.catch(err => console.log('Error:', err));
}
setInterval(fetchData, 500); // 0.5초마다 업데이트
fetchData();
</script>
</body>
</html>