SlideShare a Scribd company logo
이름 : 임 성 민
MINI STMART HOME BOARD
학번:1560045
정보통신융합공학부
1.개발개요
목적
- 최근 가정의 스마트 홈 즉 아파트나 주택에 기술 시스템 및 자동화 프로세스, 원격 제어 기기 등 을 사용한 집이 늘
어나고 있는 추세이기에 스마트 홈이 아닌 일반 가정 집에도 사용할 수 있게끔 각종 센서 들로 계획 및 사용 공유
1.개발개요
분석
구성
VUE.JS
- VUE.JS를 통하여 게시판 구성
Arduino
-Arduino를 사용하여 각종 센서
및 DB연동
NODE.JS
- NODE.JS를 사용하여 DB연동 및 개발
2.설계
기능
VUE.JS를 사용하여 로그인 기능 사용
NODE.JS를 사용하여 실시간 채팅 및 DB 연
동
VUE.JS를 사용하여 게시판 기능 사용
Aruduino를 사용하여 센서 연동 및 DB연동
3.진행
VUE . JS
- 첫 화면에 로그인 창을 띄워서 USER와 PASSWORD를 입력한 후
SUBMIT을 누르면 게시판 창이 나오게 할 것이다.
참고: 인터넷 로그인 VUE.JS 참고
3.진행
VUE . JS(로그인)
3.진행
VUE . JS(로그인)
3.진행
VUE . JS(로그인)
3.진행
VUE . JS(게시판)
- 게시판이 나오고 글쓴이 및 등록일 제목을 남길 수 있고 글을 추가 할 수 있습니다.
참조 : 유튜브 게시판 만들기 참고
3.진행
VUE . JS
- 글 작성 및 수정 삭제 가능하게 설계 하였습니다.
참조 : 유튜브 게시판 만들기 참고
3.진행
VUE . JS(게시판(1))
★ router에 index.js를 사용하여 user id 및 이름 입력
★ 밑에 Content의 게시판 글 추가 및 댓글 구현 가능
3.진행
VUE . JS(게시판(2))
★ 밑에 덧글 구현
3.진행
Node . JS(실시간 채팅)
- Node.js socket.io를 사용하여 서버 접속 시 서로 채팅 가능 DB 연동 추후 예정
참고: 인터넷 socket.io 실시간 채팅 참고
3.진행
Node . JS
- Socket Io 서버를 생성하고 만약 node를 실행 했을 경우 다른 사람과 채팅 구현 소스 입니다.
3.진행
Node . JS
- Socket Io 서버를 생성하고 만약 node를 실행 했을 경우 다른 사람과 채팅 구현 소스 입니다.
3.진행
Node . JS(리스트 페이지)
- LIST PAGE란 데이터 베이스 연결 및 가동
- DB연동 후 로그인 창 연동 추후 예정
3.진행
Aruduino
- 인체감지센서 및 가스 감지센서 온도 및 습도 센서 사용
3.진행
Aruduino
- 인체 감지 센서 작용 상태 사람이 감지 되었을 경우 LED에 빨강색 빛이 들어오고 감지가 안될 경우
GOOD BYE가 나오면서 LED에 파랑색 빛이 들어오는 것을 확인 할 수 있다.
3.진행
Aruduino
- 가스센서가 정상일 경우 SAFE 가스가 발생 하였을 경우 DAGNER가 뜨며 BUZZER 실행
3.진행
Aruduino
- 온도 습도 센서를 통하여 정상 작동 되는 확인 가능
4.추가 해야할 부분
개선 사항
NODE.JS, VUE.JS, ARDUINO 3개 미연
동
프론트 엔드, 백 엔드 연동 계획
Aruduino DB연동 계획
NODE.JS 채팅 디비 연동 계획

More Related Content

Similar to 1560045

[엄마정치 메이커팀] 첫 만남
[엄마정치 메이커팀] 첫 만남[엄마정치 메이커팀] 첫 만남
[엄마정치 메이커팀] 첫 만남
yuna cho
 
이승민 프로젝트 포트폴리오
이승민 프로젝트 포트폴리오이승민 프로젝트 포트폴리오
이승민 프로젝트 포트폴리오
SeungMin Lee
 
리눅스 스터디 1회차
리눅스 스터디 1회차리눅스 스터디 1회차
리눅스 스터디 1회차
준혁 이
 
Start io t_with_raspberrypi
Start io t_with_raspberrypiStart io t_with_raspberrypi
Start io t_with_raspberrypi
Yeonah Ki
 
사물인터넷을 활용한 디지털 도어락 DDiT 비교논문 발표자료 1차
사물인터넷을 활용한 디지털 도어락  DDiT 비교논문 발표자료 1차사물인터넷을 활용한 디지털 도어락  DDiT 비교논문 발표자료 1차
사물인터넷을 활용한 디지털 도어락 DDiT 비교논문 발표자료 1차
우진 신
 
피지컬 컴퓨팅 도구
피지컬 컴퓨팅 도구피지컬 컴퓨팅 도구
피지컬 컴퓨팅 도구
Kisoon Eom
 
07 엔트리와 함께하는 피지컬 컴퓨팅(센서보드)
07 엔트리와 함께하는 피지컬 컴퓨팅(센서보드)07 엔트리와 함께하는 피지컬 컴퓨팅(센서보드)
07 엔트리와 함께하는 피지컬 컴퓨팅(센서보드)
entrylabs
 
오픈소스로 쉽게 따라해보는 Unreal과 IoT 연계 및 개발 방법 소개.pdf
오픈소스로 쉽게 따라해보는 Unreal과 IoT 연계 및 개발 방법 소개.pdf오픈소스로 쉽게 따라해보는 Unreal과 IoT 연계 및 개발 방법 소개.pdf
오픈소스로 쉽게 따라해보는 Unreal과 IoT 연계 및 개발 방법 소개.pdf
Tae wook kang
 
진민완 포트폴리오
진민완 포트폴리오진민완 포트폴리오
진민완 포트폴리오
민완 진
 
진민완 포트폴리오
진민완 포트폴리오진민완 포트폴리오
진민완 포트폴리오
민완 진
 
도어락 Slide share
도어락 Slide share도어락 Slide share
도어락 Slide share
선웅 정
 
04 생활 속 문제 해결을 위한 엔트리 프로그래밍
04 생활 속 문제 해결을 위한 엔트리 프로그래밍04 생활 속 문제 해결을 위한 엔트리 프로그래밍
04 생활 속 문제 해결을 위한 엔트리 프로그래밍
entrylabs
 
윈도우 커널 익스플로잇
윈도우 커널 익스플로잇윈도우 커널 익스플로잇
윈도우 커널 익스플로잇
Seungyong Lee
 
Android와 Flutter 앱 개발의 큰 차이점 5가지
Android와 Flutter 앱 개발의 큰 차이점 5가지Android와 Flutter 앱 개발의 큰 차이점 5가지
Android와 Flutter 앱 개발의 큰 차이점 5가지
Bansook Nam
 

Similar to 1560045 (15)

[엄마정치 메이커팀] 첫 만남
[엄마정치 메이커팀] 첫 만남[엄마정치 메이커팀] 첫 만남
[엄마정치 메이커팀] 첫 만남
 
이승민 프로젝트 포트폴리오
이승민 프로젝트 포트폴리오이승민 프로젝트 포트폴리오
이승민 프로젝트 포트폴리오
 
리눅스 스터디 1회차
리눅스 스터디 1회차리눅스 스터디 1회차
리눅스 스터디 1회차
 
Start io t_with_raspberrypi
Start io t_with_raspberrypiStart io t_with_raspberrypi
Start io t_with_raspberrypi
 
사물인터넷을 활용한 디지털 도어락 DDiT 비교논문 발표자료 1차
사물인터넷을 활용한 디지털 도어락  DDiT 비교논문 발표자료 1차사물인터넷을 활용한 디지털 도어락  DDiT 비교논문 발표자료 1차
사물인터넷을 활용한 디지털 도어락 DDiT 비교논문 발표자료 1차
 
피지컬 컴퓨팅 도구
피지컬 컴퓨팅 도구피지컬 컴퓨팅 도구
피지컬 컴퓨팅 도구
 
07 엔트리와 함께하는 피지컬 컴퓨팅(센서보드)
07 엔트리와 함께하는 피지컬 컴퓨팅(센서보드)07 엔트리와 함께하는 피지컬 컴퓨팅(센서보드)
07 엔트리와 함께하는 피지컬 컴퓨팅(센서보드)
 
오픈소스로 쉽게 따라해보는 Unreal과 IoT 연계 및 개발 방법 소개.pdf
오픈소스로 쉽게 따라해보는 Unreal과 IoT 연계 및 개발 방법 소개.pdf오픈소스로 쉽게 따라해보는 Unreal과 IoT 연계 및 개발 방법 소개.pdf
오픈소스로 쉽게 따라해보는 Unreal과 IoT 연계 및 개발 방법 소개.pdf
 
진민완 포트폴리오
진민완 포트폴리오진민완 포트폴리오
진민완 포트폴리오
 
진민완 포트폴리오
진민완 포트폴리오진민완 포트폴리오
진민완 포트폴리오
 
도어락 Slide share
도어락 Slide share도어락 Slide share
도어락 Slide share
 
04 생활 속 문제 해결을 위한 엔트리 프로그래밍
04 생활 속 문제 해결을 위한 엔트리 프로그래밍04 생활 속 문제 해결을 위한 엔트리 프로그래밍
04 생활 속 문제 해결을 위한 엔트리 프로그래밍
 
윈도우 커널 익스플로잇
윈도우 커널 익스플로잇윈도우 커널 익스플로잇
윈도우 커널 익스플로잇
 
Node week1
Node week1Node week1
Node week1
 
Android와 Flutter 앱 개발의 큰 차이점 5가지
Android와 Flutter 앱 개발의 큰 차이점 5가지Android와 Flutter 앱 개발의 큰 차이점 5가지
Android와 Flutter 앱 개발의 큰 차이점 5가지
 

1560045