반응형

SAFE HIP의 홈 화면 및 기능이다.

1. 홈 화면(Home)

먼저 사용자를 선택해서 들어가게 되면 다음과 같은 화면이 나타난다.

SAFE_HIP_Home

인적사항은 사용자 등록에서 넣은 값들을 불러왔고, 평균 사용 시간, 화장실 사용 정보는 HW가 개발이 덜 된 관계로 임의의 데이터를 넣어주었다.

HW개발이 완료 되면 사용 정보를 HW에서 서버로 넣어주고, 해당 데이터들을 다시 클라이언트에서 불러올 예정이다.

우측 상단의 MENU를 누르면 Drawer가 열리도록 설정했다.

2. Drawer

SAFE HIP의 초기 구상한 핵심 기능은 3가지이다.

설정, 게시판, 가까운 병원 검색으로 현재는 설정, 게시판만 구현한 상황이다.

SAFE_HIP_Drawer

3. 설정(Setting)

설정 화면에서는 변기에 대한 정보를 넣을 수 있도록 구현했다.

해당 정보들은 HW에서 넣은 값을 읽어오는 것인데, 현재는 HW가 개발이 안되어서 이부분 역시 임의의 값을 넣어주고 그 값을 읽어오는 것으로 구현했다.

SAFE_HIP_Settings

4. 게시판(Community)

게시판은 사용자들이 변기와 관련된 또는 건강과 관련된 정보들을 자유롭게 공유할 수 있도록 구현했다.

게시판을 열면 초기 화면은 아래와 같이 나타난다.

SAFE_HIP_Community

현재 게시물이 4개가 있는데, 이 게시물들은 해당 어플을 통해 실제로 작성한 게시물들이다.

게시판 화면에서 우측 상단에 새 글을 누르면 게시물을 작성하는 아래 화면이 나타난다.

4-1. 게시판 게시물 추가

제목과 내용을 입력하고 저장 버튼을 누르면 게시물을 올릴 수 있다.

제목같은 경우는 글자수를 20으로 제한하고, 제목/내용 둘 다 빈 문자열을 허용하지 않도록 구현했다.

SAFE_HIP_Community_Add

4-2. 게시판 게시물 조회

게시물을 누르게 되면 다음 화면이 나타난다.

게시물의 상세 내용과 게시물 작성 날짜, 게시물 작성자 닉네임을 확인할 수 있고, 게시물에 추가된 댓글들을 확인할 수 있다.

게시물 내용 아래 텍스트 입력창에 텍스트를 입력하고 입력 버튼을 누르면 댓글을 추가할 수 있도록 구현했다.

SAFE_HIP_Community_Lookup

 

반응형

+ Recent posts