🧓👴 Great Grand 👴🧓

[TOC]

🧓👴 Great Grand 👴🧓

Great Grand

실버 세대를 위한 순찰형 사고방지 스마트 IoT 시스템

개발기간 : 8/30 ~ 10/08 (6주)

배포 주소: https://j5a103.p.ssafy.io/

🤔왜 Great Grand를 만들었나요?

홀로 위급 상황에 대처하기 어려운 'Grand'를 위해
쉽게 부상을 당하기 쉬운 'Grand'를 위해
점차 증가하는 고독사와 같은 '사회 문제' 해소를 위해

혼자서 신속한 대처가 어려우신 Grand를 위해 제작을 시작한 서비스입니다

팀원 소개 및 담당역할

담당 역할, 기술

이희재 (Leader)

Project Leader
UCC 담당자
자율주행 관련 로직 담당
네이버 클라우드 SENS 이용한 SMS 전송 로직 담당

이지훈

BE 담당자
자율주행 관련 로직 담당

장범진

FE 및 BE 담당자
사용자 인식 로직 담당
시뮬레이터 <-> 웹 통신 담당
IoT, Streaming 기능 담당

신은지

First Project Leader
UDP 통신 담당
자율주행 관련 로직 담당

윤익선

낙상 감지 로직 담당
사용자 인식 로직 담당

🎥프로젝트 소개

소개 영상 :

사용 설명서: 서비스시나리오

간략한 기능 미리보기

터틀봇 제어 화면

집안 IoT 기기 제어 화면

낙상 감지

사용자 인식

💻개발 스택

Frontend

React, Material-UI

Backend

Node.js, Socket.io

Hardware Control

ROS2, Unity(COVID-19로 실제 하드웨어가 아닌 시뮬레이터 상의 하드웨어 제어)

Detection

Human Falling Detection and Tracking
Tiny-YOLO oneclass, AlphaPose, ST-GCN

배포

AWS, Docker, Jenkins, Nginx

협업툴

JIRA(일정관리), Gitlab(코드관리)
Google Docs(정리용), Webex(스크럼미팅)

0. 가상 환경

Unity
ROS2 (Windows 상에서 메시지 기반 통신을 통해 Unity 안의 Object들을 제어)

1. 그레이트 그랜드(Web Service)

React
Node.js, Socket.io

2. Server

AWS, Nginx, Docker, Jenkins

⚙Getting Started

프로젝트 환경설정

backend (Node.js, Socket.io)

"src/security_service/web/backend" directory 상에서

$ npm install
$ npm start

frontend (React)

"src/security_service/web/frontend" directory 상에서

$ npm install
$ npm start

Operation (Python)

사용자 등록 & 인식

"src/sub1/sub1" directory 상에서

$ python user_enroll.py or ros2 run sub1 make_user
$ python user_recognition.py or ros2 run sub1 user_recog

낙상 감지

"src/sub1/sub1" directory 상에서

$ python perception.py or ros2 run sub1 perception

IoT 제어

"src/sub3/sub3" directory 상에서

$ python iot_udp.py or ros2 run sub1 iot_udp

Patrol 제어

"src/sub3/sub3" directory 상에서

$ python create_patrol_point.py or ros2 run sub1 patrol

Streaming

"src/sub3/sub3" directory 상에서

$ python camera_client.py or ros2 run sub1 camera_client

웹에 시뮬레이터 정보 받아오기

"src/sub1/sub1" directory 상에서

$ python controller.py or ros2 run sub1 controller

Server

배포문서 참고

🎨Design

https://framer.com/projects/Volt-UI-Kit--f1W8iigEiTEEE0aWauFP-i0VXG?node=RX;9bL8(-page - Figma (Web용)

색상은 가볍고 산뜻한 연한 푸른색 계열의 색상을 채택하였음

Web

📃네이밍 규칙

1. Commit Message

Commit Rule

<type>(<scope>): <subject>          -- 헤더
<BLANK LINE>
<body>                              -- 본문
<BLANK LINE>
<footer>                            -- 바닥글
_____________________________________________
Feat(): "추가 로그인 함수"

로그인 API 개발

Resolves: #123
Ref: #456
Related to: #48, #45

Type

Feat : 새로운 기능에 대한 커밋
Build : 빌드 관련 파일 수정에 대한 커밋
Fix : 버그 수정에 대한 커밋
Chore : 그 외 자잘한 수정에 대한 커밋
Ci : CI관련 설정 수정에 대한 커밋
Docs : 문서 수정에 대한 커밋
Style : 코드 스타일 혹은 포맷 등에 관한 커밋
Refactor : 코드 리팩토링에 대한 커밋
Test : 테스트 코드 수정에 대한 커밋

2. Branch

Branch Rule

Master branch : 제품으로 출시될 수 있는 브랜치 배포(Release) 이력을 관리하기 위해 사용. 즉, 배포 가능한 상태만을 관리한다.
Develop branch : 다음 출시 버전을 개발하는 브랜치 기능 개발을 위한 브랜치들을 병합하기 위해 사용.

모든 기능이 추가되고 버그가 수정되어 배포 가능한 상태라면 Develop 브랜치를 Master브랜치에 Merge한다.

평소에는 Develop 브랜치를 기반으로 개발을 진행한다.
Feature branch : 기능을 개발하는 브랜치 ( Ex) feature/login ) 새로운 기능 개발 및 버그 수정이 필요할 때마다 Develop 브랜치로부터 분기하여 사용.

Feature 브랜치에서의 작업은 기본적으로 공유할 필요가 없기 때문에, 로컬 저장소에서 관리함.

개발이 완료되면 Develop 브랜치로 Merge하여 다른사람들과 공유한다.
1. Develop 브랜치에서 새로운 기능에 대한 Feature 브랜치를 분기
2. 새로운 기능에 대한 작업 수행
3. 작업이 끝나면 Develop 브랜치로 Merge
4. 더 이상 필요하지 않은 Feature 브랜치는 삭제
5. 새로운 기능에 대한 Feature 브랜치를 중앙 원격 저장소에 Push
Release branch : 이번 출시 버전을 준비하는 브랜치 ( Ex) release-1.2 ) 배포를 위한 전용 브랜치를 사용.
1. Develop 브랜치에서 배포할 수 있는 수준의 기능이 모이면 Release 브랜치를 분기한다.
  - Release 브랜치에서는 배포를 위한 최종적은 버그 수정, 문서 추가등 Release와 직접적으로 관련된 작업을 수행한다.
  - Release 브랜치에는 새로운 기능을 추가로 Merge하지 않는다.
2. Release 브랜치에서 배포 가능한 상태가 되면, 즉 모든 기능이 정상적으로 동작하는 상태가 되면
  1. Master 브랜치에 Merge한다. 이 때, Commit에 Release 버전 Tag를 부여한다.
  2. 배포를 준비하는 동안 Release 브랜치에서 변경 사항이 있을 수 있으므로 Develop 브랜치에도 Merge한다.
Hotfix branch : 출시 버전에서 발생한 버그를 수정 하는 브랜치 ( Ex) hotfix-1.2.1 ) 배포한 버전에 긴급하게 수정을 해야 할 필요가 있을 경우 Master 브랜치에서 분기하는 브랜치.
1. 배포 버전에 수정이 필요한 경우 Master 브랜치에서 Hotfix 브랜치를 분기한다.
2. 문제가 되는 부분만 빠르게 수정한다.
3. 다시 Master 브랜치에 Merge하여 배포한다.
  - 새로운 버전 이름으로 태그를 매긴다.
4. Hotfix 브랜치에서 변경 사항은 Develop 브랜치에도 Merge한다.

3. Jira Issue

- Epic (큰틀) :프로세스 단위로 구분 (기획, 설계, 구현, 테스트)
    ex) 회원관리 서비스 기획

- Story (이야기) : “{사용자} 로써 {무엇}을 하고싶다” 에 대한 액터의 유즈케이스
    ex) Frontend 설계 - 로그인 페이지 설계, Backend 설계 - DB 환경 검토 및 설정

- Sub Task (부작업) : 스토리 혹은 초어들을 개발하기 위해 진행되는 실제 세부 개발사항들
    ex) Frontend - onClick 함수 연결, Backend - 비밀번호 해싱 함수 구현

- Task (작업) : 구현에는 직접적으로 관련이 없는 업무 (문서작성 등)
    ex) 회원관리 서비스 기획 문서화(.ppt, .md ...), AWS 환경 설정

- Bug (버그) : 테스트 엔지니어로부터 버그로 리포팅된 타입
    ex) 로그인 버튼 5번 누르면 관리자로 로그인 되는 문제 발생

4. 클래스 / 변수명

무슨 목적인지 이해하기 쉽도록 최대한 자세하게 작성

1. Class

PascalCase

2. variable / function

camelCase

3. 상수

UPPERCASE

💡배운점, 느낀점, etc

프로젝트 진행하면서 배운 내용, 느낀점, 좋았던점, 아쉬운점 등

Name		Name	Last commit message	Last commit date
Latest commit History 115 Commits
.idea		.idea
README.assets		README.assets
code/.idea		code/.idea
exec		exec
src		src
.gitignore		.gitignore
README.md		README.md

wony5248/Great-Grand

Folders and files

Latest commit

History

Repository files navigation

🧓👴 Great Grand 👴🧓

🤔왜 Great Grand를 만들었나요?

팀원 소개 및 담당역할

이희재 (Leader)

이지훈

장범진

신은지

윤익선

🎥프로젝트 소개

간략한 기능 미리보기

터틀봇 제어 화면

집안 IoT 기기 제어 화면

낙상 감지

사용자 인식

💻개발 스택

Frontend

Backend

Hardware Control

Detection

배포

협업툴

0. 가상 환경

1. 그레이트 그랜드(Web Service)

2. Server

⚙Getting Started

backend (Node.js, Socket.io)

frontend (React)

Operation (Python)

사용자 등록 & 인식

낙상 감지

IoT 제어

Patrol 제어

Streaming

웹에 시뮬레이터 정보 받아오기

Server

🎨Design

Web

📃네이밍 규칙

1. Commit Message

Commit Rule

Type

2. Branch

Branch Rule

3. Jira Issue

4. 클래스 / 변수명

1. Class

2. variable / function

3. 상수

💡배운점, 느낀점, etc

About

Topics

Resources

Stars

Watchers

Forks

Releases

Packages 0

Contributors 5

Languages

Packages