[센서 키오스크 만들기 - 1] 센서 키오스크가 필요해졌다.

2023.03.20. 작성
 
올해 학교에 창의융합동이라는 공간이 리모델링되면서 공학실이 생기게 되었다. 

새로 생겨 더럽고 짐이 많은 로봇공학실을 치우는 모습

거의 다 치우고 물품 리스트 작업중

실을 다 치우고 나서 학교의 모든 아두이노 및 전자 부품들이 이 실로 오면서 재료들의 개수 파악을 통한 함 정리가 필요해지기 시작했다. 따라서 엑셀에 리스트 작업을 진행했다.
 

이렇게 진행한 뒤 피벗테이블을 통해 물건들의 개수를 확인하였다. 개수를 확인하고 물건들을 넣을 통을 만든 것까지는 매우 좋았지만, 이후 물건을 가져가고 더 추가할 때 그 과정이 불편하였다.
 
따라서 이를 어떻게 해결할 지 고민하다가 키오스크를 만들어서 매장에서 무인주문하듯이 가져갈 때 마이너스 하고, 추가할 때 플러스하는 방식을 생각하게 되었다.
 
현재 생각한 구조는 다음과 같다.

- 학생증으로 본인 인증
- 센서를 메뉴 고르는것처럼 고르도록 할 예정
- 센서 추가 메뉴와 센서 가져감 메뉴 같은 거로 +- 나눌 예정

이에 관해서 대충 그려본 모습은 다음과 같다.

키오스크 메뉴 구성의 모습

참고로 내가 그린거 아니다. 친구가 그린 모습이며, 이에 대해서 회의를 거쳐 ui를 구성하고자 한다. 
 

 ※ 키오스크 개발 방법 (현재 찾아본 방법)

1. 라즈베리파이에 키오스크 os를 설치 한 뒤 한 홈페이지?를 항상 열도록 설정함.
  - https://youtu.be/1xmna-D9kFY 다음과 같은 방식으로 라즈베리파이 구성
- https://hyperhand.tistory.com/m/entry/라즈베리파이를-키오스크-모드로-실행
- https://www.boolsee.pe.kr/dashboards-using-the-raspberry-pi-kiosk-os/
- https://blog.h2f.kr/posts/190723-eb-9d-bc-ec-a6-88-eb-b2-a0-eb-a6-ac-ed-8c-8c-ec-9d-b4-ed-82-a4-ec-98-a4-ec-8a-a4-ed-81-ac-eb-a7-8c-eb-93-a4-ea-b8-b0/

 

2. 홈페이지 개발
 - react를 이용할 예정
 - 관련 자료는 다음과 같음

•  React 관련 유용한 사이트 정리(https://royalturtles.tistory.com/33)
• 우아한 테크캠프 5, 6주차 회고(0801~0812) (https://velog.io/@ja960508/%EC%9A%B0%EC%95%84%ED%95%9C-%ED%85%8C%ED%81%AC%EC%BA%A0%ED%94%84-5-6%EC%A3%BC%EC%B0%A8-%ED%9A%8C%EA%B3%A008010812)
• Move faster with intuitive React UI tools (https://mui.com/)
• Junior vs Senior React Folder Structure - How To Organize React Projects (https://www.youtube.com/watch?v=UUga4-z7b6s&t=710s&ab_channel=WebDevSimplified)
• Firebase 문서 (https://firebase.google.com/docs?hl=ko)

3. DB
 - DB는 학교 계정을 이용해서 제작하고자 한다. 이때 어떤 식으로 DB를 구성해야 효율적일 것인지에 대해서는 공부해봐야 할 듯하다.
 (댓글로 도움을 주시면 감사하겠습니다...!)