‘모두의 지도’는 충남대학교 내 장애학생 및 교통 약자를 위한 배리어 프리 캠퍼스 안내 서비스입니다. 장애인 전용 화장실, 경사로, 전동 휠체어 충전소 등 편의시설 위치 및 이동 경로를 시각화하여 안내합니다.
‘배리어 프리’란 고령자나 장애인과 같은 사회적 약자들이 살기 좋은 사회를 만들기 위해 물리적, 제도적인 장벽을 허물고자 하는 운동으로, ‘배리어 프리 지도’에는 장애인용 화장실, 승강기, 경사로 등 장애인이 이용할 때 영향을 받는 시설들이 표기되어 있다.
“우리 학교는 얼마나 평등할까요?”
| 📍 AS-IS | 🎯 TO-BE | |
|---|---|---|
| 충남대에서 휠체어 이용자들은 교내 저상 버스 이용이 어렵다고 합니다. 그런데, 충남대학교 캠퍼스는 완만한 경사길이어도 휠체어 이용자들이 올라가기 힘들어 개선이 필요합니다. |
➡️ | 휠체어 이용자들을 위한 효율적인 경로 안내를 제공해준다면? |
| 충남대학교 교내 건물 중 일부는 승강기가 설치되어 있지 않아 불편을 야기하기도 합니다. | ➡️ | 교내 건물의 승강기 정보를 미리 알 수 있다면? |
| 타 배리어프리맵 서비스를 사용하면, 교내에 특화된 정보 및 경로 안내가 어렵습니다 | ➡️ | 교내 특화 정보(편의시설 안내, 건물 상세 정보(승강기, 출입구, 장애인 화장실 등))을 알 수 있다면? |
| 배리어프리맵 제작 지도가 있지만, 손으로 들고 다니는 것은 불편함을 야기합니다. | ➡️ | 충남대학교의 배리어프리맵 실물 지도를 언제나 볼 수 있도록 어플로 제공한다면? |
⇒ 휠체어 이용자들을 위한 배리어프리맵 어플리케이션 ‘모두의 지도’ 👩🏽🦽
demos.mp4
충남대학교 교내 건물을 검색할 수 있고, 검색된 장소 아이템을 클릭하면 지도에 포커싱됩니다. 해당 마커를 클릭하면, 상세 정보를 확인할 수 있습니다.
- 경사로 안내 : 카테고리 선택 밑에
경사로 표시토글을 통해, 경사로를 지도뷰에 표시 및 해제가 가능합니다. 경사로 표시를 누른다면 경사가 급한 길은 빨간색으로 표시됩니다.
자체 제작 경로 찾기 알고리즘을 통해 경사가 심한 도로, 골목길, 계단 등 휠체어가 다니기 어려운 길은 경로 안내 시 배제하고자 하였습니다.
- 경로 찾기 알고리즘 : 경사가 심한 도로, 골목길, 계단 등 휠체어가 다니기 어려운 길에 대한 비용을 높게 설정하여 그러한 경로들을 배제하는 알고리즘
저장 장소, 휴게실, 경사로, 장애인 화장실, 편의점 의 태그를 통해 장애인이 이용할 때 영향을 받는 시설들을 지도 상에서 마커로 확인할 수 있습니다.
경사로와 화장실 마커를 클릭하면, 추가 정보 팝업을 확인할 수 있습니다.
- 경사로 : 위치, 휠체어 출입, 자료화면
- 화장실 : 위치, 입구, 장애인 화장실, 휠체어 입구, [상세보기, 경로안내] 버튼
교내에서 진행되는 공사 소식을 제보받아, 이를 학교탭에서 제공합니다. 제보는 현재 '문의탭'에서 구글폼을 통해 가능합니다.
휠체어 이용자들이 이용할 수 있는 교내 편의시설(장애학습 지원센터, 휴게실) 을 위치 및 담당자 번호와 함께 안내합니다.
교내 건물의 층수 별 평면도, 편의시설 여부와 위치를 안내합니다. 우측 상단의 찜 버튼을 통해 내 장소로 저장할 수 있습니다. 이는 저장탭에서 확인 가능합니다.
| FE | BE | Database | Others |
|---|---|---|---|
  |
  |
 |
  |
-
활용 공공데이터
-
교내 데이터
건물 카테고리 데이터 장애인 편의시설 위치 데이터 
교내 건물 카테고리 데이터를 통해 교내 건물 대분류, 소분류에 활용하였습니다. 휠체어 이용 장애인들에게 필요한 경사로, 장애인 화장실 정보 등을 교내 건물 도면을 이용해 직접 공공데이터화 하였습니다. -
교외 데이터
Open Street map 
OSM 은 전 세계 커뮤니티가 협업하여 구축한 공개 지도 데이터베이스로 누구나 자유롭게 데이터를 수정, 추가, 활용할 수 있는 공공 데이터 플랫폼입니다. 본 서비스에선 직접 충남대학교 일부 건물에 한해 경사로, 장애인 화장실 정보를 추가한 뒤 MapBox API를 통해 렌더링하고 있습니다. 공개 지도 데이터베이스이므로 사용자들은 지도에 직접 위치를 추가할 수 있습니다. 
-
-
ERD 설계서
-
프로젝트 구조
-
FE 프로젝트 구조
FE 프로젝트 구조 보기
📂 lib/ ├── 📂 data/ # 데이터 처리 관련 코드 │ ├── 📂 local/ # 로컬 데이터 처리 (예: SQLite, SharedPreferences 등) │ │ ├── 📂 dao/ # 데이터 접근 객체 (DAO) │ │ │ └── 📄 location_data_source.dart # 위치 데이터 소스 │ │ └── 📂 entity/ # 엔티티 클래스 (DB 모델 등) │ │ └── 📄 location_entity.dart # 위치 엔티티 │ ├── 📂 mapper/ # 데이터 매핑 관련 코드 (DTO -> Domain 모델 변환 등) │ │ ├── 📄 building_mapper.dart │ │ ├── 📄 construction_mapper.dart │ │ └── 📄 disability_support_center_mapper.dart │ ├── 📂 remote/ # 원격 데이터 처리 (API, 네트워크 호출 등) │ │ ├── 📂 api/ # API 통신 관련 코드 │ │ │ ├── 📂 building/ # 건물 관련 API │ │ │ │ └── 📄 building_api.dart │ │ │ ├── 📂 construction/ │ │ │ │ └── 📄 construction_api.dart │ │ │ ├── 📂 disability_support_center/ │ │ │ │ └── 📄 disability_support_center_api.dart │ │ │ ├── 📂 disabled_restroom/ │ │ │ │ └── 📄 disabled_restroom_api.dart │ │ │ ├── 📂 map/ │ │ │ │ └── 📄 map_api.dart │ │ │ ├── 📂 navigation/ │ │ │ │ └── 📄 navigation_api.dart │ │ │ ├── 📂 node/ │ │ │ │ └── 📄 node_api.dart │ │ │ └── 📂 ramp/ │ │ │ └── 📄 ramp_api.dart │ │ └── 📂 dto/ # 데이터 전송 객체 (DTO) │ │ ├── 📂 building/ # 건물 관련 DTO │ │ │ └── 📄 building_dto.dart │ │ ├── 📂 construction/ │ │ │ └── 📄 construction_dto.dart │ │ ├── 📂 disability_support_center/ │ │ │ └── 📄 disability_support_center_dto.dart │ │ ├── 📂 disabled_restroom/ │ │ │ └── 📄 disabled_restroom_dto.dart │ │ ├── 📂 navigation/ │ │ │ └── 📄 navigation_dto.dart │ │ ├── 📂 node/ │ │ │ └── 📄 node_dto.dart │ │ └── 📂 ramp/ │ │ └── 📄 ramp_dto.dart │ └── 📂 repository/ # 데이터 레포지토리 (데이터 처리 로직 포함) │ ├── 📄 place_repositoryImpl.dart │ └── 📄 school_repositoryImpl.dart │ ├── 📂 di/ # 의존성 주입 관련 코드 │ ├── 📄 network_di.dart │ ├── 📄 place_di.dart │ ├── 📄 school_di.dart │ └── 📄 service_locator.dart │ ├── 📂 domain/ # 비즈니스 로직 (도메인 계층) │ ├── 📂 model/ # 도메인 모델 (핵심 데이터 모델) │ │ ├── 📄 building.dart │ │ ├── 📄 construction_news.dart │ │ ├── 📄 place.dart │ │ └── 📄 support_center.dart │ ├── 📂 repository/ # 도메인 레포지토리 (비즈니스 로직을 다루는 추상화) │ │ ├── 📄 place_repository.dart │ │ └── 📄 school_repository.dart │ └── 📂 usecases/ # 유즈케이스 (실제 비즈니스 로직 실행) │ ├── 📄 add_saved_location_usecase.dart │ ├── 📄 check_if_place_saved_usecase.dart │ ├── 📄 delete_saved_location_usecase.dart │ ├── 📄 get_all_buildings_usecase.dart │ ├── 📄 get_all_construction_news_usecase.dart │ ├── 📄 get_all_support_centers_usecase.dart │ ├── 📄 get_building_detail_by_id.dart │ ├── 📄 get_building_name_by_id_usecase.dart │ ├── 📄 get_coordinate_by_nodeid_usecase.dart │ ├── 📄 get_latest_construction_news_usecase.dart │ ├── 📄 get_places_by_category_usecase.dart │ ├── 📄 get_place_by_name_usecase.dart │ ├── 📄 get_saved_locations_usecase.dart │ └── 📄 toggle_saved_location_usecase.dart │ ├── 📂 navigation/ # 네비게이션 관련 코드 │ └── 📄 main_navigation_page.dart │ ├── 📂 presentation/ # 사용자 인터페이스(UI) 관련 코드 │ ├── 📂 common/ # 공통 UI 컴포넌트 │ │ ├── 📄 building_detail_popup.dart │ │ ├── 📄 category_chip.dart │ │ ├── 📄 category_list.dart │ │ ├── 📄 custom_btn.dart │ │ ├── 📄 custom_search_bar.dart │ │ ├── 📄 map_component.dart │ │ ├── 📄 place_item.dart │ │ ├── 📄 ramp_detail_popup.dart │ │ ├── 📄 restroom_detail_popup.dart │ │ └── 📄 route_finder_modal.dart │ ├── 📂 map/ # 지도 관련 UI 코드 │ │ ├── 📄 map_page.dart │ │ ├── 📄 search_page.dart │ │ └── 📄 search_viewmodel.dart │ ├── 📂 qa/ # Q&A 관련 UI │ │ └── 📄 qa_page.dart │ ├── 📂 saved/ # 저장된 항목들 관련 UI │ │ ├── 📂 componenet/ # 저장된 항목 관련 컴포넌트 │ │ │ ├── 📄 saved_bottomsheet.dart │ │ │ └── 📄 saved_item.dart │ │ ├── 📄 save_page.dart │ │ └── 📄 save_viewmodel.dart │ ├── 📂 school/ # 학교 관련 UI │ │ ├── 📂 component/ # 학교 관련 컴포넌트 │ │ │ ├── 📄 building_detail.dart │ │ │ ├── 📄 building_detail_viewmodel.dart │ │ │ ├── 📄 building_info_section.dart │ │ │ ├── 📄 building_info_viewmodel.dart │ │ │ ├── 📄 chacha_info_section.dart │ │ │ ├── 📄 construction_news_component.dart │ │ │ ├── 📄 construction_news_detail.dart │ │ │ ├── 📄 construction_news_viewmodel.dart │ │ │ ├── 📄 disabled_center_detail.dart │ │ │ ├── 📄 disabled_center_viewmodel.dart │ │ │ ├── 📄 lounge.dart │ │ │ ├── 📄 school_search_bar.dart │ │ │ └── 📄 section_title.dart │ │ └── 📄 school_page.dart │ └── 📂 theme/ # 테마 및 스타일 관련 코드 │ └── 📄 color.dart │ └── 📄 main.dart # 앱의 진입점
-
BE 프로젝트 구조
BE 프로젝트 구조 보기
📂 src/ ├── 📂 config/ # 설정 관련 코드 │ ├── 📄 app.rs # 앱 설정 │ └── 📄 mod.rs # 설정 모듈 │ ├── 📂 db/ # 데이터베이스 관련 코드 │ ├── 📄 connection.rs # DB 연결 설정 │ └── 📄 mod.rs # DB 모듈 │ ├── 📂 handlers/ # 요청 처리 핸들러 │ ├── 📄 building.rs # 건물 관련 요청 처리 │ ├── 📄 construction_news.rs # 공사 뉴스 요청 처리 │ ├── 📄 disability_support_center.rs # 장애 지원 센터 요청 처리 │ ├── 📄 disabled_restroom.rs # 장애인 화장실 요청 처리 │ ├── 📄 map.rs # 지도 요청 처리 │ ├── 📄 mod.rs # 핸들러 모듈 │ ├── 📄 navigation.rs # 네비게이션 요청 처리 │ └── 📄 ramp.rs # 경사로 요청 처리 │ ├── 📂 models/ # 데이터 모델 │ ├── 📄 building.rs # 건물 모델 │ ├── 📄 construction_news.rs # 공사 뉴스 모델 │ ├── 📄 disability_support_center.rs # 장애 지원 센터 모델 │ ├── 📄 disabled_restroom.rs # 장애인 화장실 모델 │ ├── 📄 elevator.rs # 엘리베이터 모델 │ ├── 📄 mod.rs # 모델 모듈 │ └── 📄 ramp.rs # 경사로 모델 │ ├── 📂 routes/ # 라우팅 설정 │ ├── 📄 building.rs # 건물 라우트 │ ├── 📄 construction_news.rs # 공사 뉴스 라우트 │ ├── 📄 disability_support_center.rs # 장애 지원 센터 라우트 │ ├── 📄 disabled_restroom.rs # 장애인 화장실 라우트 │ ├── 📄 health.rs # 헬스 체크 라우트 │ ├── 📄 map.rs # 지도 라우트 │ ├── 📄 mod.rs # 라우트 모듈 │ ├── 📄 navigation.rs # 네비게이션 라우트 │ └── 📄 ramp.rs # 경사로 라우트 │ ├── 📂 services/ # 서비스 로직 │ ├── 📄 auth_service.rs # 인증 서비스 │ ├── 📄 mod.rs # 서비스 모듈 │ └── 📄 user_service.rs # 유저 서비스 │ ├── 📂 tests/ # 테스트 코드 │ ├── 📄 health.rs # 헬스 체크 테스트 │ ├── 📄 integration.rs # 통합 테스트 │ └── 📄 mod.rs # 테스트 모듈 │ ├── 📂 utils/ # 유틸리티 코드 │ ├── 📄 hasher.rs # 해싱 유틸리티 │ ├── 📄 logger.rs # 로깅 유틸리티 │ └── 📄 mod.rs # 유틸리티 모듈 │ ├── 📄 lib.rs # 라이브러리 모듈 진입점 └── 📄 main.rs # 메인 프로그램 진입점
-
-
코드 사용 매뉴얼
😸 코드 사용 매뉴얼 [moduCNU] 코드사용 매뉴얼.pdf
 |
 |
 |
|---|---|---|
| @aengzu | @paintedblue | @Yijungu |
| FE 주도 개발, 작업 문서 관리, 기획 | 기획 및 디자인 주도 개발, FE | BE 주도 개발 및 배포, FE, 기획, DB |