시공, 시흥시의 장소를 내 손에서 쉽게 빌리자

시흥시 장소 대여 웹사이트 시소에 대한 안드로이드/iOS 크로스 플랫폼 이식 프로젝트입니다.

PlayStore 링크

프로젝트 소개

• 어떤 시설이 있는지 내 손안에서 쉽게 보세요

  • 대여를 원하는 시설의 카테고리를 먼저 선택하고, 시설들 목록을 간단한 정보와 함께 조회하세요

• 쓰고 싶은 장소를 바로바로 예약하세요

  • 장소의 상세 정보를 조회한 후에 예약 신청을 손쉽게 수행할 수 있습니다

• 내가 어떤 장소를 빌렸는지 즉시 확인하세요

  • 장소의 예약 내역이 사용자 별로 서버에 저장되어 앱 내부 페이지에서 조회 가능합니다

기획 및 개발 기간

• 2022. 10. 01 ~ 2023. 02. 07

사용한 언어/개발 환경/SDK/API

시연 영상

초기 화면에서 공간 카테고리 선택을 통해 원하는 장소들의 카테고리 필터링을 통한 조회가 가능합니다.

syncfusion_flutter_datepicker와 time_range를 통해 원하는 날짜와 시간 선택이 가능합니다.

시소 사이트의 공지사항 조회가 가능합니다.

kakao_flutter_sdk_user를 통해 카카오 계정 OAuth 로그인을 지원합니다.

시스템 설계

서버 소개

• 상황

  • 실제 서비스의 서버 활용 불가 (서버 API 활용 불가)
  • 실제 서비스의 DB전부 활용 어려움

• 개발

  • 실제 서비스하는 DB를 훑고 필요한 부분 개발
  • 임시로 활용할 Google FireBase활용하여 개발

DB구축

fireBase의 Realtime Database를 활용하여 NoSQL 임시 데이터 베이스 구축

• 전체 사진
• 공간 소유주 개인정보

• 사용자 개인정보

• 사용자 예약 정보

MVVM

• 장점

  • 뷰와 비즈니스 로직의 분리
  • 뷰의 비대화 문제 해결

• 적용

  • View
    • VM을 통해 Model과 상호작용
    • LoginScreen, NavigationMenu, SpaceListScreen 등 디스플레이에 표시되는 화면
  • View Model
    • 계정, 지도, 공간 데이터 관리
  • Model
    • 서버에서 json으로 받아온 데이터를 저장
    • VM을 통해 업데이트