- 서비스명: IoT기반 오탁수 저감장치 원격제어
- 서비스설명: 웹으로 로그인하여 오탁수 저감장치에 대해 오탁수의 유입과 유출의 원격제어 및 기능 고장에 원격 감시를 통한 운용
2024.02.26 ~ 2024.03.12 (4주)
- 로그인
- 회원가입
- 회원정보수정
- 오염도
- 오탁수 처리량, 실시간 유입량, 일일 유입량 그래프 확인
- 배관밸브제어
- 약제 투입(양조절 기능)
- 카메라 실시간 확인기능
- 알람기능
| 구분 | 내용 |
|---|---|
| 사용언어 |
|
| 개발도구 |
|
| 라이브러리 |
|
| 서버환경 |
|
| 데이터베이스 |
|
| 협업도구 |
|
- IoT오탁수 첫 화면구성
- 회원 가입페이지에서 회원 가입할 수 있고 로그인 후 기능들을 사용할 수 있음
- 회원 정보 수정에서 회원 정보수정 기능을 이용할 수 있음
- 기기 제어 배관 밸브 제어 페이지에서 배관을 열기(물유입) / 닫기(물유출) 상태로 전환 가능
- 약제를 어느정도나 투입할건지 입력하면 기존 양에 마이너스되어 값이 저장됨
- 다른 페이지에서 사용하고자 하는 페이지로 이동을 용이하게 메뉴를 각 페이지에 할당함
- 회원 가입페이지에서 회원 가입할 수 있고 로그인 후 기능들을 사용할 수 있음
- 로그인 이후 그래프값이 나오게 화면구성
- 기기 제어 배관 밸브 제어 페이지에서 배관을 열기(물유입) / 닫기(물유출) 상태로 전환 가능
- 약제를 어느정도나 투입할건지 입력하면 기존 양에 마이너스되어 값이 저장됨
- 회원 정보 수정에서 회원 정보수정 기능을 이용할 수 있음
이건영 양윤형 조용성 이진우 주경훈 Backend Backend Embedded Embedded Frontend github github github github github - 프로젝트 팀장, 퍼블리싱을 제외한 웹/앱 전반적인 기능 구현
- SpringBoot 및 Android 프로젝트 환경설정 및 라이브러리 추가
- (웹/앱) 로그인 시 JWT로 액세스/리프레시 토큰 발급 기능구현
- (웹/앱) Token Provider 클래스를 통한 토큰 생성 및 유효성 검사, 인터셉터를 통한 요청관리 구현
- (웹/앱) 회원가입 주소 입력시 주소검색 api 사용
- (웹/앱) 배관 밸브 제어 프론트엔드/백엔드 및 Remote Server 전송 기능구현
- (웹/앱) 실시간 및 일일 유량 데이터 그래프로 출력하는 프론트엔드/백엔드 기능 구현
- (웹/앱) ph,탁도 센서 값 높거나 전달안될 시 사용자 알림 프론트엔드/백엔드 기능 구현
- (웹/앱) 약제투입 시 투입시간/투입량 데이터베이스 저장 기능 구현
- (웹/앱) 사용자 경험 개선 및 비기능적 요구 달성을 위한 다양한 비동기 통신 처리 구현
- (웹/앱)프로젝트 구현중 필요에 따라 데이터베이스 테이블,컬럼 생성 및 삭제 / 데이터타입 및 제약조건 수정
- (웹/앱) 배관 밸브 제어 데이터 Spring to Remote Server 전달 기능구현
- JPA 라이브러리, Hibernate를 이용한 데이터베이스 연결 및 JPQL, Native Query 사용
- 각 센서에서 받은 데이터 파싱하여 http통신을 통해 Remote Server to Spring 전달 기능구현
- 회원가입 기능
- 밸브 잠금/잠금 해제 기능
- 오염도 그래프 표시 기능
- 유입량 그래프 표시 기능
- 로그인/회원가입화면 구현
- 회원가입 기능
- 그래프 표시 서브
- 메뉴 버튼 표시
- 임베디드 회로 구성 및 수정
- 임베디드 제어 코드 파이썬으로 작성 및 수정
- Ph센서, 탁도 센서, 유량계 데이터 웹 서버에 전달하는 기능 구현
- 웹 서버에서 보내는 제어명령 작동 기능 구현
- 단말과 리모트서버 LoRa 무선통신 기능 구현
- 웹 서버와 리모트 서버 간 와이파이 통신 기능 구현
- 시뮬레이션 인베디드 장치 제작
- 임베디드 리모트서버 송수신 코드 및 기능구현
- 카메라 연결 설정 및 스트리밍 서버 구현
- ph센서, 탁도 센서, 유량계, 벨브 연결 및 리모트서버 송수신 구현
- LoRa 무선통신 코드 작성 및 통신간 연결 구현
- 시뮬레이션 인베디드 장치 설계 및 제작
- 웹 전체 페이지 설계
- 웹 전체 페이지 구축 및 수정
- Dashboard 템플릿 선정
- CSS 활용 레이아웃 구축
- Chart.js 활용 데이터 시각화
- UI & UX 개선
- UI 디자인 호환성 체크
- 사용자 인터랙션 기능 추가
- LoRa 모듈을 이용한 센서값을 받는 단말기(디바이스)와 리모트 서버 간 무선통신 시도중 반복 조건문에의해 구문오류 및 블락모드에 빠져 통신 오류 ->콜론(:) 표시 추가로 인하여 구문오류 및 블락모드 해결
