Youngs-Fishing

낚시 스팟을 알려주는 앱

사용기술 MyBatis 3.5.7 , MySQL , Spring, 카카오 API

클라이언트 사용언어 : Koltin, 서버 사용언어 : Java

설명

카카오맵 API를 이용해 사용자가 직접 낚시스팟을 추가할수있다.

낚시 스팟에는 위도, 경도를 이용해 주소를 찾아서 표시해주며, 해당 스팟을 추가할 당시 포획가능 어종을 선택 할 수 있는데 해당 포획가능 어종을 표시해준다.

낚시스팟으로 가는 길을 카카오맵을 이용해 안내해준다.

아래는 각 페이지별 화면입니다.

앱을 실행하면 현재 위치한곳의 지도가 나오고, 우측 하단 맨아래에 있는 위치 모양 버튼을 클릭하면 현재 위치를 tracking할수있습니다.
그 위의 + 버튼을 누르면 자신이 직접 낚시 스팟을 추가할수있으며, 자신이 추가한 낚시스팟은 다른 사용자들 또한 볼수있습니다.

지도에는 사용자들이 추가한 낚시스팟이 표시됩니다.

+ 버튼을 클릭하면 노란색으로 신규 낚시스팟을 추가할수 있도록 나오는데, 해당 마커를 드래그하여 위치를 조정할수있으며 마커 클릭시 위 이미지와 같은 탭이 나오며 포획가능 어종 선택을 클릭하면 해당 스팟에서 나오는 물고기를 선택할수있다.

포획가능 어종 선택을 누르면 위와같은 창이 나오는데, 해당 스팟에서 나오는 물고기를 선택한 후 해당스팟의 이름을 입력한 후에 저장을 누르면 해당스팟이 저장되며 다른 사용자들과 공유된다.

추가된 낚시스팟을 클릭하면 위와같이 해당 스팟의 이름, 주소, 포획 가능어종이 나오며 우측상단의 길찾기 이미지를 클릭하면 현재 위치에서 해당스팟으로 가는길을 카카오맵을 이용해 알려준다.
또한 포획가능어종의 물고기를 클릭하면 해당 물고기의 정보가 나타난다.

스팟에서 길찾기 버튼을 클릭 후에 카카오맵을 이용해 해당 스팟으로 가는길을 안내하는 화면

포획가능 어종에서 잉어를 클릭한 후의 화면이다.

[포트폴리오] 명언앱 (0)	2022.12.29
[포트폴리오] Android 독서 관리앱 (1)	2022.10.01