가장 먼저 필요한 기능들이 무엇인지 정리한 후, 각 기능들을 사용자가 보기 쉽도록 기능별 화면을 디자인하였습니다.
먼저 디자인했던 화면들을 먼저 구상하였고, 후에 화면별 세세한 기능들을 추가함으로써 서버만 연결이 되면 문제없이 작동하도록 작성하였습니다.
현재 청소기 위치에 따른 정보들을 바로 보이도록 하였습니다.
청소기의 이동 방식을 설정하는 화면입니다. 청소기가 자동으로 움직일지, 사용자가 설정한 시간별로 움직일지, 사용자가 설정한 장소로 움직일지 설정하는 것입니다.
사용자가 원하는 기간동안의 평균적인 수치를 보여주는 화면입니다. 달력 이미지를 눌러 나오는 캘린더뷰로 날짜를 고를 수 있도록 하였습니다.
아직까진 로그아웃밖에 기능을 넣지 못했으나, 더 추가할 것이 생긴다면 추가할 계획입니다. 로그아웃 버튼을 누르면 로그인 화면(초기화면)으로 이동하게 됩니다.
화면 구성을 끝낸 후 로그인 기능을 추가하여 처음 시작이 로그인 화면이 되도록 설정하였습니다. 후에 회원가입 기능도 추가하였습니다. 지금은 데이터베이스를 연결하지 않아 회원 정보가 저장이 되진 않습니다.
하단 네비게이션바를 추가할 때 처음 작성해보는 코드라서 네비게이션바를 추가한 후 작동하는 법을 알아내느라 어려웠었습니다. 또한 로그인 화면에서 회원가입화면과 로그인 성공 후 홈화면으로 이동하는 과정이 fragment간의 이동과 네비게이션에 추가한 fragment와의 이동이라 하단 네비게이션바 추가할 때 처럼 처음 사용하는 코드들이 많아 어려움이 있었습니다. 하지만 참고 블로그를 활용하여 잘 작동하도록 코드를 작성하여 문제점을 해결하였습니다.
네비게이션바 추가: https://aries574.tistory.com/149
화면 이동: https://deumdroid.tistory.com/entry/%EB%B2%84%ED%8A%BC-%ED%81%B4%EB%A6%AD%EC%9C%BC%EB%A1%9C-%ED%94%84%EB%9E%98%EA%B7%B8%EB%A8%BC%ED%8A%B8-%EB%9D%84%EC%9A%B0%EA%B8%B0
이미지 출처: https://www.flaticon.com/kr/
서버와 연결하여 홈 화면에서 청소기의 정보를 얻어낼 수 있게 되었다. 하지만 방 이름이 한글로 되어있다면 깨지는 현상이 있기에 이 부분만 해결된다면 홈화면은 문제없이 바로 작동이 된다. 또한 미세 먼지 농도에 따른 청소기 led 색에 맞춰 홈 화면 배경색도 바꿀 예정이다.
다른 결과는 잘 나오지만 방 위치 글자만 오류가 난 현재 상태
서버 연결 후 정상적으로 입력값이 서버로 넘어가며 새로운 회원 정보가 저장이 된다.
하드웨어 연결이 된다면 지도 보는 기능을 추가하여 해결할 예정이다.
서버에게 날짜를 보내면 서버에서 JsonArray 형태로 값을 보내주게 되는데 JsonArray에 저장된 JsonObject 값들을 저장하는 과정에서 나는 오류를 해결하지 못했다. 이 점만 해결한다면 통계도 문제없이 작동될 것이다.
한글로 된 방 이름을 받아들이지 못하는 오류를 수정하였다.
서버에서 안드로이드에게 넘겨주는 값을 수정하여 안드로이드에서 값을 저장할 때 생기는 오류를 해결하였다.
방 이름 수정 기능이 필요하며 이는 설정 fragment에 추가할 예정이다.