BinUS INU Bus Chatbot

1. 시스템종합설계
인천대학교 통학버스 챗봇
BinUS
201701376 김나연
201701383 김현정
201701405 홍가인

2. 목차
1 아이디어 도출 계기
2 수행 일정
3 수행 과정
4 기대 효과 및 추후 계획

3. 1. 아이디어 도출 계기
현재 통학버스 시스템에 대한 학생들의 불만
2. 한정된 발권 장소
1. 승차 장소나 시간에 대한 정보 부족
3. 잔여 좌석 알기 어려움
목적 및 필요성

4. 아이디어 도출 계기
학교 ‘모’ 게시판에 올라온 통학버스 관련 질의
1. 아이디어 도출 계기

5. 수행 일정
1. 카카오톡 플러스 친구
개설
2. 카카오 I 오픈빌더 참여
신청
00
오픈빌더 시나리오
구성
통학버스 데이터 수집
및 부서 컨텍
통학버스 데이터
등록
챗봇 테스트
1201 02 11090706050403 08
4 월 7월5월 6월
시작일
2020 년
10
2. 수행 일정

6. 아이디어 설명
통학버스 노선
각 노선 별 승 하차시간
및 장소
기사님 연락처
*장소는 사진과 함께
티켓 금액
3. 수행 과정
입력할 데이터

7. 3. 수행 과정
카카오 i open builder 사용
<카카오 i 오픈빌더의 장점>
1. 카카오톡을 통한 고객 접점 확대
2. 기존 플러스 친구와 연동
3. 다양한 말풍선 형태와 플러그인 지원
4. 직관적인 인터페이스

8. 3. 수행 과정
오픈 빌더 참여 신청

9. 3. 수행 과정
채널 개설하기

10. 3. 수행 과정
접근 권한 부여

11. 3. 수행 과정
수집한 data : 1. 노선 및 노선 별 승/하차 장소 및 시간

12. 3. 수행 과정
수집한 data : 2. 티켓 금액

13. 3. 수행 과정
수집한 data : 3. 기사님 연락처

14. 3. 수행 과정
카카오 챗봇 1차 작업
기본적인 정보들인
1. 통학버스 노선
2. 승하차 장소
3. 승하차 시간
4. 티켓 금액
5. 기사님 연락처
챗봇에 등록후
작업하는 과정을 거침

15. 3. 수행 과정
오픈 빌더 시나리오 구성

16. 3. 수행 과정
오픈 빌더 블록 구성

17. 3. 수행 과정
엔티티 등록
<= 후에 노선 변경되어도
블록 변경이 쉽도록
엔티티를 등록

18. 3. 수행 과정
오픈 빌더 블록 구성(장소)
<= 로드뷰 추가해
장소를 한눈에
보기 쉽게 구성

19. 3. 수행 과정
챗봇 시연 모습 (노선 및 시간)
=> 원하는 노선
클릭
=> 등교 노선과
노선 시간
확인 가능
사용자의 발화 인식 가능

20. 3. 수행 과정
챗봇 시연 모습 (승하차 장소)
=> 원하는 승하차 장소
클릭후
=> 로드뷰 버튼을 누르면
=> 해당 장소의 로드뷰
까지 확인 가능

21. 3. 수행 과정
챗봇 시연 모습 (티켓 금액)
=> 원하는 노선 클릭후
=> 티켓 금액 확인
사용자의 발화 인식 가능

22. 3. 수행 과정
챗봇 시연 모습(기사님 연락처)
=> 기사님 연락처가 궁금한
노선 클릭후
=> 해당 노선 기사님 연락처
확인
사용자의 발화 인식 가능

23. 3. 수행 과정
챗봇 시연 모습(첫인사/ 끝인사)
=> 사용자가 다양한 언어로
인사를 해도
=> 발화를 인식해
=> 첫인사와 끝인사
구분해서 나타냄
첫인사 끝인사

24. 3. 수행 과정
Tmap API 이용

25. 3. 수행 과정
API 이용과 실험 과정 (ex. 송내 노선)

26. 3. 수행 과정
API 이용과 실험 과정 (ex. 수원 노선)

27. 3. 수행 과정
API 이용과 실험 과정 (ex. 일산 노선)

28. 3. 수행 과정
API 이용과 실험 과정 (ex. 광명 노선)

29. 3. 수행 과정
API 이용과 실험 과정 (ex. 청라 노선)

30. 3. 수행 과정
경로탐색
교통상황 추가
Ex. 송내 노선

31. 3. 수행 과정
GPS 수신 방법
<Gper >
Gper라는 gps수신기를 이용하여 위치 알림 전송
->피 실험자가 광명노선과 일치하는 버스를 타고 실험 시행
*데이터 받는 서버는 Gper 모델과 연동이 용이한 CATCH LOC 서버 이용

32. 3. 수행 과정
GPS 수신 방법 - CATCHLOC 서버 이용
도미노피자에서 GPER를 사용한 예

33. 3. 수행 과정
CATCHLOC 서버
<Gper 관리>
<실시간위치 수집 가능>

34. 3. 수행 과정
서버 구조

35. 3. 수행 과정
GPS 수신기 실험 gps로 수집한 데이터

36. 4. 2차 수행 과정
2차 수행과정 순서도
1. catchloc
구간설정 위치
데이터를 얻기 위한
api 사용
2. kml 파일
Google map에서
위치데이터를 넣고
프로젝트 생성하여
kml 파일 얻기
3. T map
위치관제 api를
이용하여
위치데이터의
속도와 거리를
반영하여 관제 시작
4. Chrome 개발용
chrome 프로그램을
개발용으로
변경하여 지도
띄우기
1. catchloc
구간설정 위치
데이터를 얻기 위한
api 사용
2. kml 파일
Google map에서
위치데이터를 넣고
프로젝트 생성하여
kml 파일 얻기
3. T map
위치관제 api를
이용하여
위치데이터의
속도와 거리를
반영하여 관제 시작
4. Chrome 개발용
chrome 프로그램을
개발용으로
변경하여 지도
띄우기

37. 4. 2차 수행 과정
windows에서 개발환경 구축
httpd.conf 설정 파일에서 Servername 을 설정 1. C:Windows 폴더에 붙여넣기 한 이후 파일을 수정해 ext
파일의 경로를 설정
2. php.ini파일 저장 후 아파치 서버와 php 연동3. 추가
php와 Apache 설치

38. 4. 2차 수행 과정
1. 캐치락 위치조회 api
Localhost에 입력하면 certkey와
timestamp 확인 가능

39. 4. 2차 수행 과정
1. 캐치락 위치조회 api
각 키를 입력한 후 localhost에 주소를 입력하면
gps에 마지막으로 찍힌 위도와 경도 확인 가능

40. 4. 2차 수행 과정
1. 캐치락 위치조회 api
날짜와 시, 분, 초를 timestamp로
구간 설정하여서
얻은 json 형식의 위치 데이터
> excel 파일로 저장

41. 4. 2차 수행 과정
2. kml 파일 생성
Google Map에 위치데이터
파일을 넣어 프로젝트 생성한 후,
kml 파일로 다운

42. 4. 2차 수행 과정
3. T map 위치관제 API
- 비동기 통신 XMLHttpRequest
- 객체 구하고, 로컬 파일로 요청 전송 후, 화면에
반영하기
- 위치 관제 setInterval 1초 주기로 설정

43. 4. 2차 수행 과정
4. chrome 개발용
로컬 파일로 비동기통신 테스트를 하기 위해
(보안 상의 이유로 일반 chome에서 실행하면
오류 발생)
--disable-web-security --user-data-dir
경로 뒤에 붙여 써서 “Chrome 개발용” 개설

44. 4. 2차 수행 과정
5. 위치데이터 지도에 띄운 모습
위치관제 중인 모습과 과정 동영상

45. 4. 2차 수행 과정
5. 위치데이터 지도에 띄운 모습
실시간으로 교통 상황을 고려하여 경로 안내를 해주는
노선 위에 위치 관제를 실행시킨 모습과 과정 동영상

46. 5. 기대효과 및 추후계획
통학버스에 관한 정보들을 직접 찾아 보지 않아도 챗봇을 이용해
정보를 한 번에 알 수 있음
통학버스의 활성화와 이용률 증가
1
2
33 통학버스 이용으로 인한 학생들의 경제사정에 도움

47. 5. 기대효과 및 추후계획
승 하차 알람 기능
-챗봇에 도입 가능한지 확인 후 추가
-데이터 관리 부서와 컨텍 후 진행 예정
잔여 좌석 확인 간편 결제 시스템
-payco나 kakaopay등의 시스템 도입 계획
-복지회관까지 직접 가야하는 수고로움 해소
-노선과 시간에 따른 잔여 좌석 조회

48. 시스템종합설계
감사합니다