1. 프로젝트 소개

국립 대구 과학관의 안내 로봇을 제어하는 APP 및 로봇 디스플레이를 개발하고 있습니다.
(안내 로봇은 교수님과 타과 분들이 제작해주셨습니다.)

사용자가 안내를 원하는 관을 선택 후 안내 시작 버튼을 누르면
로봇의 위치정보와 이동정보를 통신 받으며
안내 영상을 재생해줍니다.

2. 팀원 및 역할 소개

민제현 : Front-end (Python)

오현언 : Back-end (Node.js)

옥채현 : Front-end (React-native)

3. Front-end (APP) 주요 구현 사항

[APP]

✅ Main Layout & Button

useState로 버튼 상태 관리

✅ Web socket 통신

web socket: socket.io

✅ 클릭한 Button 정보 Array로 server에 전송

✅ Navigation

✅ Video 재생

✅ ip 주소 설정 기능

장소에 따라 서버와 통신을 위해 ip주소를 수정해 주어야 하는데 그럴 때마다 코드를 변경 할 수 없어 어플 상에서 사용자가 ip주소를 설정 할 수 있도록하였다.
TextInput 으로 사용자의 입력을 받는 input 창을 만들고 사용자가 ip주소를 입력 하면 ip 변수에 저장되게 한 후useEffect hook 이용하여 ip 라는 변수가 바뀔 때 마다 socket 통신 연결을 새로 하도록 설정을 하여 기능을 구현하였다.

✅.apk 파일 생성

안드로이드 기기에서 어플 실행 가능하도록 .apk파일을 생성하였다.