상반기 총.정.리.....!!!

좌 - 로딩 화면 / 우 - 홈 화면

 

앱을 실행시키면 로딩 화면에서 식물원 동영상이 플레이 되고 클릭하면 홈 화면으로 넘어간다.

홈 화면에서는 스마트 투어, 관람안내, 이벤트, 길찾기 모드가 있다.

 

스마트 투어 - 계절별 코스 추천, 축제 정보, 전체 식물 정보, 사회적 약자를 위한 코스 추천(프로보노)

관람안내 - 관람 기간/시간 안내, 요금 안내, 운영 프로그램 예약 등

이벤트 - 식물원 행사

길찾기 - 식물원 오시는 길

 

각 모드는 위의 내용을 담고 있다.

 

 

좌 - 식물원 지도 전체 화면 / 우 - 식물원 지도 확대 화면

 

식물원 지도는 카카오맵 api를 이용하였다.

주제원의 마커는 식물원에 직접 방문하여 위도, 경도를 확인하고 설정하였다.

21개의 주제원과 6개의 부대시설이 있다.

 

 

좌 - 에코센터 클릭 / 우 - 에코센터 말풍선 클릭

 

주제원 마커를 클릭하면 주제원 이름 말풍선이 뜬다.

말풍선을 클릭하면 해당 주제원의 사진과 소개글이 담긴 프래그먼트 창이 뜬다.

앱에서의 사진과 소개글은 Firebase의 Storage와 DB를 이용하여 관리하고 불러온다.

 

 

좌 - 봄코스 클릭 / 우 - 여름코스 클릭

 

각 계절에 추천하는 주제원 코스를 마커로 설정한 모습이다.

 

봄코스

중앙광장 -> 하늘정원 -> 작약원 -> 에코센터전망대 -> 습지생태원 -> 고층습지원 -> 라일락원

 

여름코스

중앙광장 ->  하늘정원 -> 전통정원 -> 두꺼비분수 -> 습지생태원 -> 메타세쿼이아길

 

 

좌 - 식물 정보 화면 / 우 - 봄 식물 튤립 클릭

좌 - 식물 정보 검색 화면 / 우 - 검색한 식물 클릭

 

식물 정보에서는 식물원의 사계절 식물 리스트를 볼 수 있다.

식물을 클릭하면 주제원 설명처럼 식물 사진과 설명글이 담긴 프래그먼트 창이 뜨며, 식물 검색도 가능하다.

 

 

좌 - 스마트 투어 화면 오른쪽 위 네비게이션 드로어 버튼의 모습

우 - 드로어 버튼 클릭 시 나타나는 드로어 메뉴 

좌 - ' > ' 버튼 클릭 시 나타나는 두 번째 축제 정보

중 - 축제 이미지 버튼 클릭 시 연결되는 식물원 홈페이지

우 - 해당 계절 식물 클릭

 

네비게이션 드로어에서는 해당 계절의 축제와 식물 정보를 알려준다.

해당 계절의 축제 포스터를 이미지 버튼으로 이용하였고, 이미지를 클릭하면 식물원 홈페이지로 연결된다.

이미지 버튼 옆에 '>' 버튼을 클릭하면 두 번째 축제 정보를 알려준다.

 

'<' 버튼을 눌러서 첫 번째 축제 정보로 돌아오는 부분은 아직 구현되지 않았다.

 

※ 드로어는 한 쪽 방향에서 하나의 드로어만 생성할 수 있다.

 

 

좌 - 프로보노 버튼 클릭 후 노인추천코스 클릭

중/우 - 기존 계절코스로 돌아와 봄코스/프로보노 버튼 클릭

 

프로보노 버튼을 클릭하면 프로보노 리니어로 교체되고, 사회적 약자를 위한 코스 추천을 해준다.

계절코스 버튼을 클릭하면 기존의 계절코스 리니어로 교체된다.

 

기존의 계절코스 리니어로 교체된 후에 버튼과 마커가 활성화 되는 부분은 아직 구현되지 않았다.

 

 

관람안내, 이벤트, 길찾기는 식물원 홈페이지와 연결하여 정보를 알려준다.