2. 김 소 현(18)* 김 유 리(18) 손 영 범(18) 최 주 원(16)
1. BLE 통신 구현 1. 웹서버 설계 및 구현 1. Vue.js front-end 설계 및 구현 1. 비콘 서치
2. Firebase 설계 및 구현 2. Firebase 웹 DB 작성 2. 웹 서버 연동 2. 비콘 동작 법 분석
3. S/W 알고리즘 설계 3. Firebase 호스팅 및 배포 3. Database 설계 3. 비콘 내부 분석
4. APPLICATION 제작 4. 문서 작성 4. Api 도메인 구현
4. 문서 작성
5. 문서 작성 및 수정 5. 문서 작성
역할 분담
4. 설계하기 구현 및 테스트
분석하기
대형 놀이공원, 해수욕장 등 가족 여행지에서 미아 발생이 빈번함.
5. 설계하기 구현 및 테스트
분석하기
시간이 지나면 실종 아동의 증거를 찾기 힘들고 사람들의 제보에 의존해야 함.
6. 설계하기 구현 및 테스트
분석하기
해가 거듭 될수록 실종 아동이 늘고 있음을 볼 수 있음.
7. 구현 및 테스트
설계하기
분석하기
작품 소개
분실 방지 스마트 태그(Smart-tag)는
놀이공원에 입장하는 고객을 대상으로 모바일 어
플과 비콘을 이용한 위치 정보를 제공한다. 어플을
설치하고 블루투스를 통해 태그를 연결하여 위치
를 기록하고 지도로 태그의 위치를 알 수 있다. 또
한 블루투스를 켜두면 주변에 있는 비콘의 신호를
가져와 비콘의 대략적인 위치를 확인 할 수 있어
아이를 찾고자하는 사람에게 도움을 줄 수 있다.
스마트 태그는 놀이공원 내에서 미아, 혹은 분실물
발생 시 어플을 통해 해당 위치를 확인 할 수 있어
분실을 방지해주는 서비스를 제공해준다.
9. 구현 및 테스트
설계하기
분석하기
DB
전송
전송
전송, 요청
응답
API서버
웹브라우저
사용자
어플
전송
응답
요청
• 서버로부터 받은
데이터를 저장.
• 저장된 데이터를
서버로 전송
• 사용자의 요청에 응답
(로그인, 데이터 요청 등)
• 스마트폰에서 전달받은
데이터를 DB로 전송
웹서버 구조도
10. 구현 및 테스트
분석하기 구현 및 테스트
설계하기
안드로이드
-회원이 아닌 비회원이 로그인을 하게 되면 회원가입이 필요하다는 문구를 출력한다.
11. -회원가입 창으로 넘어가 회원가입을 하는데 존재하는 아이디면 존재한다는 문구를
띄워 주고 존재하지 않은 아이디면 가입이 완료된다.
12. -메뉴 페이지로 가면 BEACON메뉴와 게시판 메뉴, 홈페이지, 위치 전송 메뉴로 나뉜
다.
-BEACON 메뉴를 선택하면 위치정보에 동의하냐는 팝업이 뜨고 동의해야지만 앱을
사용할 수 있다.
위치 전송
13. -동의를 하고 난 뒤 언더바의 Scan 항목을 누르면 주변 BLE를 5초간 탐색한다.
-내가 등록하고하는 Beacon을 선택하면 서버에 Beacon의 Mac주소가 추가 되었다는
문구를 출력한다.
14. -서버에 Beacon을 추가 했다면 채널이 생성되었다는 문구가 나온다.
-Users 항목을 누르면 내가 연결한 Beacon의 Mac주소를 볼 수 있다.
-GPS 항목을 누르면 현재의 위도와 경도를 가져와 준다.
15. -Map 항목을 누르면 가져온 위도, 경도에 위치를 지도로 표시해준다.
-좌표를 누르면 구글 지도로 넘어가 현재 내 위치에서 비콘의 위치의 경로를 알려준다.