SOS WebApp

SOS-웹앱

사용자가 자신의 위치와 함께 중앙 서버에 SOS 메시지를 보낼 수 있는 SOS 시스템의 프로토타입인 웹 서비스입니다. 온라인 DB는 Firebase, 통신 엔드포인트는 JS(Ajax), 디자인은 HTML-CSS, Google Maps API를 사용해 구축했습니다. 프리젠테이션 파일 'SOSWebApp.pptx'에 자세한 내용이 나와 있습니다.

아래는 클라이언트측(왼쪽~ send.html )과 서버측(오른쪽- Taskforces측~ receive.html ) 화면의 스크린샷입니다. 클라이언트는 필수 메시지와 함께 SOS 신호를 전송하며, 이는 수신되는 즉시 오른쪽 화면에 반영됩니다.

서버 측에서 자세한 내용을 확인하기 위해 링크를 클릭하면 해당 시점의 클라이언트 발신자 위치로 연결되는 페이지로 연결됩니다.

이 단순 SOS 시스템은 아래와 같은 DB를 통한 단순 클라이언트 서버 모델의 아키텍처를 가지고 있습니다.