2020-2-capstone-design2 / 2013104119

Go to a project
Toggle navigation Toggle navigation pinning
Rigels94
4ac0602a 1 parent 273f4c41

docs: README 수정

Inline Side-by-side
Showing 1 changed file with 29 additions and 35 deletions
1 -<!-- PROJECT SHIELDS -->
2 -<!-- [![Forks][forks-shield]][forks-url] -->
3 -<!-- [![Issues][issues-shield]][issues-url] -->
4 -<!-- [![LinkedIn][linkedin-shield]][linkedin-url] -->
5 -
6 -
7 -
8 <!-- PROJECT LOGO --> 1 <!-- PROJECT LOGO -->
9 <br/> 2 <br/>
10 <div align="center" style="margin-top: 1rem; text-align: center;"> 3 <div align="center" style="margin-top: 1rem; text-align: center;">
...@@ -12,7 +5,6 @@ ...@@ -12,7 +5,6 @@
12 <img src="https://notion-emojis.s3-us-west-2.amazonaws.com/v0/svg-twitter/1f436.svg" alt="Logo" width="80" height="80"> 5 <img src="https://notion-emojis.s3-us-west-2.amazonaws.com/v0/svg-twitter/1f436.svg" alt="Logo" width="80" height="80">
13 </a> 6 </a>
14 <h3>도기보기 서비스 개발 참여</h3> 7 <h3>도기보기 서비스 개발 참여</h3>
15 - <p align="center">
16 Capstone design 2 기업체 과제 진행(with (주)펫페오톡). 8 Capstone design 2 기업체 과제 진행(with (주)펫페오톡).
17 <br /> 9 <br />
18 <a href="http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119"><strong>Explore the docs »</strong></a> 10 <a href="http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119"><strong>Explore the docs »</strong></a>
...@@ -22,48 +14,50 @@ ...@@ -22,48 +14,50 @@
22 <a href="http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119/issues">Report Bug</a> 14 <a href="http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119/issues">Report Bug</a>
23 · 15 ·
24 <a href="http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119/issues">Request Feature</a> 16 <a href="http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119/issues">Request Feature</a>
25 - </p>
26 </div> 17 </div>
27 <!-- TABLE OF CONTENTS --> 18 <!-- TABLE OF CONTENTS -->
28 19
29 -## Table of Contents 20 +## 목차
30 -* [About the Project](#about-the-project) 21 +
31 - * [Built With](#built-with) 22 +1. [프로젝트 소개](#프로젝트-소개)
32 -<!-- * [Usage](#usage) --> 23 +2. [사용 방법](#사용-방법)
33 -* [Contact](#contact) 24 +3. [기술 스택](#기술-스택)
25 +4. [배포](#배포)
26 +5. [비즈니스 로직](#비즈니스-로직)
27 +6. [남은 작업](#남은-작업)
28 +7. [코딩 스타일 가이드](#코딩-스타일-가이드)
34 29
35 30
31 +## 프로젝트 소개
36 32
37 -<!-- ABOUT THE PROJECT -->
38 -## About The Project
39 -<!-- [![Product Name Screen Shot][product-screenshot]](http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119) -->
40 주식회사 펫페오톡에서 제공하는 도기보기 서비스 개발 과제에 참여하는 프로젝트입니다. 33 주식회사 펫페오톡에서 제공하는 도기보기 서비스 개발 과제에 참여하는 프로젝트입니다.
41 -<br/><br/>
42 -[![도기보기](https://dogibogi.co.kr/img/logo-text.png)](https://dogibogi.co.kr/)
43 -[도기보기 서비스 소개](https://dogibogi.co.kr/)<br/>
44 34
45 -### Built With 35 +실시간 CCTV Streaming 서비스에 새로 추가되는 반려동물 움직임 감지 녹화 영상 일일 리포트 서비스 개발 프로젝트에
46 36
47 -* [Vue.js](https://vuejs.org/) 37 +**웹 프론트엔드 파트**로 참여하였습니다.
48 -* [Amazon S3](https://aws.amazon.com/ko/s3/)
49 38
50 -<!-- USAGE EXAMPLES --> 39 +- [도기보기 랜딩페이지](https://dogibogi.co.kr/)
51 -<!-- ## Usage 40 +- [도기보기 챗봇](http://pf.kakao.com/_IxoikT)
41 +- [도기보기 - 반려동물 CCTV 어플리케이션(Play Store)](https://play.google.com/store/apps/details?id=com.petpeotalk.dogibogi_android&hl=ko)
42 +- [일일 리포트 개발 관련 발표영상](http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119/blob/02b424ef64e145c70f7f3c6756834a225f8052dd/%E1%84%8B%E1%85%A7%E1%86%AB%E1%84%80%E1%85%AE%E1%84%87%E1%85%A9%E1%84%80%E1%85%A9%E1%84%89%E1%85%A5/%E1%84%8E%E1%85%AC%E1%84%8C%E1%85%A9%E1%86%BC%E1%84%87%E1%85%A9%E1%84%80%E1%85%A9%E1%84%89%E1%85%A5/%E1%84%8B%E1%85%B5%E1%86%AF%E1%84%8B%E1%85%B5%E1%86%AF%E1%84%85%E1%85%B5%E1%84%91%E1%85%A9%E1%84%90%E1%85%B3_%E1%84%89%E1%85%B5%E1%84%8B%E1%85%A7%E1%86%AB%E1%84%8B%E1%85%A7%E1%86%BC%E1%84%89%E1%85%A1%E1%86%BC.MP4)
52 43
53 -<details> 44 +## 사용 방법
54 - <summary>작성중. . .</summary>
55 - <div markdown="1">
56 -![](./usage_example.mp4)
57 45
46 +> 1. 구글 플레이스토어에서 [도기보기 어플리케이션](https://play.google.com/store/apps/details?id=com.petpeotalk.dogibogi_android&hl=ko)을 다운로드합니다.
47 +> 2. 회원가입을 진행 후 초기 환경설정을 진행합니다.
48 +> 3. QR코드로 [도기보기 카카오톡 채널](http://pf.kakao.com/_IxoikT)과 연동하여 공기계를 CCTV 기기로 등록합니다.
49 +> 4. 공기계의 도기보기 어플리케이션에서 `도기보기 cctv 시작하기`버튼을 눌러서 모니터링 모드를 활성화시킵니다.
50 +> 5. 연동된 카카오톡 채널에서 `영상보기📺` 버튼을 눌러 CCTV Streaming 영상을 확인합니다.
51 +> 6. ~~일일 리포트 서비스는 배포 전으로 테스트할 수 없습니다.~~ `일일 리포트📝` 버튼을 눌러 일일 리포트를 확인합니다.
58 52
59 -1. For run program, click `Run`-`StartDebugging`. 53 +## 기술 스택
60 -2. After https server opened with console log `[HTTPS] Server is started on port 23023`, Add line bot using [QRcode](https://line.me/R/ti/p/%40393smdwr#~).
61 -3. Send English, Korean text or Image containing text(en, ko) to `OSS` line bot, and Check the response text from `OSS` line bot.
62 54
63 - </div> 55 +- **vue.js** - SPA 자바스크립트 프레임워크
64 -</details> --> 56 +- **vue-router** - vue 라우팅 도구
57 +- **axios** - Ajax 통신을 위한 라이브러리
58 +- **bootstrap** - CSS 라이브러리
59 +- **aws-sdk** - AWS S3 접근을 위한 라이브러리
65 60
66 -<!-- CONTACT -->
67 ## Contact 61 ## Contact
68 Email - <2013104119@khu.ac.kr> 62 Email - <2013104119@khu.ac.kr>
69 63
......