김태영

Update readme

This diff is collapsed. Click to expand it.
......@@ -51,8 +51,9 @@
<li>
<a href="#getting-started">Getting Started</a>
<ul>
<li><a href="#prerequisites">Installation</a></li>
<li><a href="#installation">Initial setting</a></li>
<li><a href="#connect-to-server">Connect to Server</a></li>
<li><a href="#installation">Installation</a></li>
<li><a href="#initial-setting">Initial setting</a></li>
</ul>
</li>
<li><a href="#usage">Usage</a></li>
......@@ -85,6 +86,8 @@ Teachable Machine 2.0을 이용해 마스크 착용을 유형별로 학습시킨
* [Nodejs](https://nodejs.org)
- [express](https://github.com/expressjs/express)
- [ejs](https://github.com/mde/ejs)
* [python](https://www.python.org)
* [selenium](https://selenium-python.readthedocs.io)
* [Teachable Machine](https://teachablemachine.withgoogle.com)
* [Kakao TTS API](https://developers.kakao.com/docs/latest/ko/voice/common)
......@@ -94,27 +97,52 @@ Teachable Machine 2.0을 이용해 마스크 착용을 유형별로 학습시킨
<!-- GETTING STARTED -->
## Getting Started
### Connect to Server
* https://www.khumwd.ml:8080 에 오시면 바로 실행이 가능합니다
### Installation
#### (배포 이전)Local 에서 실행하는 방법입니다.
1. Repository Clone 하기
```sh
git clone http://khuhub.khu.ac.kr/MWD/2020-02-OSS-TermProject.git
```
2. NPM 패키지 설치하기
2. 모델 만들기
1. 파이썬 모듈 설치하기(파이썬이 설치된 폴더에서)
```sh
pip install -r requirements.txt
```
2. 크롬 드라이버 설치<br>
https://chromedriver.chromium.org/downloads 에 접속하여 자신의 크롬 브라우져와 맞는 버전 다운받기
3. `google.py`에 크롬드라이버 경로 설정하기
```python
chromedriver_path = "경로"
```
4. `google.py`실행하기
```sh
python google.py
```
5.모델 만들기<br>
https://teachablemachine.withgoogle.com 에 접속하여 /python/model 에 저장된 크롤링된 이미지들을 넣어 모델을 만든다
<br><br>
3. 로컬서버 실행하기
1. NPM 패키지 설치하기
```sh
npm install
```
3. `index.ejs`에 API 넣기
2. `index.ejs`에 API 넣기
```JS
const URL = 'Teachable Machine 모델의 Url을 입력';
```
4. NPM을 이용해 서버 시작하기
3. NPM을 이용해 서버 시작하기
```sh
npm start
```
### Initial setting
1. Main page 접속<br>
1.1 https://localhost:3000 으로 Main page에 접속합니다.<br><br>
1.1 로컬서버를 직접 열어 https://localhost:3000 으로 Main page에 접속하거나, https://www.khumwd.ml:8080 를 통해 Main page에 접속합니다.<br><br>
2. 카메라 허용<br>
2.1 카메라 권한 요청 메시지가 표시되면 허용을 선택합니다.<br><br>
......@@ -185,6 +213,8 @@ Teachable Machine 2.0을 이용해 마스크 착용을 유형별로 학습시킨
<a href="https://devdocs.io/express/">Express</a>
·
<a href="https://devdocs.io/node/">Node.js</a>
·
<a href="https://selenium-python.readthedocs.io">selenium</a>
<a href="https://developers.kakao.com/docs/latest/ko/voice/common">Kakao TTS API</a>
......@@ -193,7 +223,7 @@ Teachable Machine 2.0을 이용해 마스크 착용을 유형별로 학습시킨
## License
<!-- 라이센스 나중에 올리고 링크 수정 필요-->
GPL-v3.0 라이센스를 적용합니다. 자세한 정보는 [License][license-url]를 확인해주세요.<br>
MIT 라이센스를 적용합니다. 자세한 정보는 [License][license-url]를 확인해주세요.<br>
......