[결과물] 모니터링 응용프로그램 구현

작업 기간:    2022. 07. ~ 2023. 08.

1. UI/UX 설계

 

< 와이어프레임 >	< 기능 정의 >

---

2. 기능 구현 히스토리 나열

내용이 다소 길어 "접은 글"을 활용함

2022-07-12 (화) GUI구현(클라이언트)-기능

    : 기본틀수정+그래프그리기

    ● 보조축 범주 그리는법 찾아야함

---

​2022-07-13 (수) GUI구현(클라이언트)

    : 실험실 배치도 및 센서 이미지 버튼 구현

    : 보조축 범주 그리는법 그렸으나

                      범주가 맞지 않아 삭제함

---

​2022-07-14 (목) GUI구현(클라이언트)-기능

    : 전체 히스토리 창 구현

    ● 메인윈도우와 연결해야함

---

2022-07-15 (금) GUI구현(클라이언트)-기능

    : 1분 단위로 데이터 업데이트 여부 확인 후 업데이트

    : 실험실 배치도 가구 버튼 크기 수정

    : 전체 히스토리 테이블을 메인윈도우에 연결함

---

2022-07-16 (토) GUI구현(클라이언트)-기능​

    : pygraph → matplotlib

    ● ㄴ[문제] x축에 동일 시간대에 있는 데이터가 겹쳐서 나옴

---

2022-07-19 (화) GUI구현(클라이언트)-기능-디자인

    : 디자인

    : 그래프 데이터 갱신

    ● 달력위젯으로 얻은 날짜를 서버 날짜 포멧으로 맞춰서 문자열로 변환

    ● Data_Save 버튼 구현

        (달력위젯으로 날짜포멧으로 문자열로 변환해서 해당 날짜에 해당하는 내용을 엑셀 파일로 저장해야 함)

---

2022-07-20 (수)​ GUI구현(클라이언트)-기능-디자인

    : 크기에 따른 반응형 레이아웃 진행중

    ● 공부해야함

    : 달력위젯으로 날짜포멧으로 문자열로 반환

    ● 달력 위젯 윈도우에 저장 버튼 만들기(4개: 전체, 날짜지정, 최근 실험데이터, 저장된 폴더열기)

    ● 구분선 이동

    ● 데이터 테이블 목록 이름 바꾸기(추후 IAQ센서 이외 다른 센서를 선택할 것 생각)

    ● 상단 센터에 타이틀 추가

---

2022-07-21 (목) GUI구현(클라이언트)-디자인

    : 반응형 레이아웃 구현​

    [문제] 해상도에 따라 전반적인 배열이 바뀌어 보기 안좋음

    ● 타이틀 라벨 구현

---

2022-07-22 (금) GUI구현(클라이언트)-기능-디자인

    : [수정]​ 반응형 레이아웃

    (사용자의 해상도를 불러와 width, height를 사용했으나

     배열이 깨져서 해상도에서 가장 많이 변함이 있는 width를 채택하여 수정한 결과 배치가 고정으로 나타남)

    : 그래프 범례누르면 해당그래프만 보여주기​

    ● ㄴ콤보박스로 구현하였음. 콤보박스를 그래프 타이틀 자리로 설정하기​

---

​2022-07-23  (토) GUI구현(클라이언트)-기능-디자인

    : 저장버튼 구현 (5개: 전체, 날짜지정, 최근 실험데이터, 저장된 폴더열기, 뒤로가기)​

    ● 날짜지정 및 실험데이터 분류 작업해야함

    ● 배치도 아이콘 크게하기(재배치해야하는데 괜찮은가?)

---

2022-07-24  (일) GUI구현(클라이언트)-기능

    : 저장​버튼 구현(날짜 지정 저장 및 최근 실험 데이터 분류 작업하여 저장하는 기능 구현)

    # Backup: 20220724_1929

    : 날짜지정 저장할 때, 데이터가 없을 경우를 고려하여

      Error 메시지 띄우기 및 저장 후에 캘린더 위젯 닫기 구현 

    # Backup: 20220724_2025​

 

---

2022-07-26  (화) GUI구현(클라이언트)-기능​

: 그래프 UWB, ERV, Smart Bed, Smart Sofa 스위치를 눌렀을 때

  그래프 위젯에 <NO TREND>를 띄우며 그래프 표현이 안되도록 구현

---

2022-07-27  (수) GUI구현(클라이언트)-기능​

    : 그래프 영역채우기 구현

---

2022-08-11 (목) GUI구현(클라이언트)-기능​
    : 모드명이 같을 시 기록된 timestemp와 상관없이 같은 그래프로 그려주고 같은 실험이라고 나타내주어 수정함

---

2022-08-25 (목) GUI구현(클라이언트)-기능​
    : No-Trend 이미지를 보여줄때 그래프가 항상 Total_Mean의 상태에서만 이미지를 나타내줘서 사용자가 보면 그래프에 바로 이미지를 덮어쓰는 것으로 수정함
    : (1)요리1, (2)요리2, (3)요리1 순서로 모드가 있을때, 최근 실험한 모사모드를 (2)요리2로 나타내어 그래프 및 최근 실험 데이터가 모두 요리2부터 나타내는 오류가 발견되어 수정함
    : 미세먼지수치(PM2d5, PM10)의 수치가 100을 넘어 그래프상에 그려지지 않는 문제가 발생하여 100을 초과할때는 범위를 해당 모사모드 데이터 중 최댓값*1.1, 즉 최댓값에 10%를 곱한 값을 최대 ylim()으로 적용함

---

2022-08-31 (수) IP카메라 실시간 스트리밍 구현

    ● 새 윈도우에 IP카메라 실시간 스트리밍하기

< CCTV 영상은 초상권이 위반될 우려가 있어 전반적으로 모자이크 처리함 >

---

2022-10-12 (수) 사용자의 추가요청으로 실시간모드/ 커스텀모드 버튼 및 기능 추가
    ● DateEdit(), TimeEdit() 클릭 시, 값 받아온 데이터로 쿼리문으로 보내주고 받아온 데이터로 그래프 그리기

 

3. 결과물

< 메인 화면 >

실시간 실험 데이터 모니터링_메뉴얼.pdf

0.49MB