[2] 230513 팀 프로젝트 (2) 2일 차 Sat) 팀 주제, 의미, 구현 기능, 사용 스택, 진행 순서, 스케쥴 요약 및 강사님 팁

팀주제명 IoT기반 정보 대시보드 구현

팀주제3: 병원 내 구역(GPS) 이동 안내 자동화 서비스

---

이 프로젝트는 어떤 의미와 가치를 부여하는가?

일반적인 지도 API는 외부에 초점인데 우리 팀의 프로젝트는 병원 "내부"의 위치를 알 수 있다.

---

구현할 기능

목적지 → 출발지 (네비게이션) 기능 by GPS Geolocation API 사용 (나의 현재 위치 표시)

---

프로젝트 개발 사용 스택

• Geolocation API 사용, 지도 API 사용
• JSON으로 데이터 주고 받기, 출력 및 입력
• 위도, 경도로 핀을 띄운다.

---

프로젝트 진행 순서

1. MySQL: 내과, 외과, 정형외과 등의 위치 정보(GPS)를 미리 DB에 넣는다.
   하단 사이트 참고 http://map.esran.com/
2. 사용자 입장: 폰으로 봤을 때 병원 부서들 리스트를 띄운다. Figma로 UI 만든다.
3. 클릭했을 때: 부서 정보가 뜨고,  지도 약도가 뜬다. http://map.esran.com/
4. 지도 API 이용해서 상세 정보 넣는다.

---

프로젝트 스케쥴

목표: 5월 22일(월)까지 개발 완료

12일(금): 주제 선정

13일(토): 개발 시작  ~ 22일(월) 개발 완료 (10일)

23일(화): 슬라이드 쇼 완성

24일(수): 리허설 발표

25일(수): 슬라이드 쇼 최종 완성

26일(금): 최종 발표

---

강사님 말씀)

반응형 웹 추가하면 
스마트 폰에 있는 GPS를 가져올 수 있다. (웹 브라우저와 휴대폰 동시에 보기)
GPS 자바스크립트 검색하면 나오는 API 쓴다. (Geolocation API)

PC에서만 볼 수 있는 것은 의미가 없다. (반응형 => 폰으로 보게 만든다.)

---

javascript Geolocation API로 위치 정보 가져올수 있습니다.

🗺️ Geolocation API로 위치, 날씨 정보를 얻어오기

---

Gps구현한 페이지입니다

Insert title here