Skip to content
@mysafedraw

내가 그린 안전 그림

AI 기반 어린이 안전 교육 AR 서비스

📚 내가 그린 안전 그림 - AI 기반 어린이 안전 교육 AR 서비스

내가 그린 안전 그림 홍보

🛠 프로젝트 소개

내가 그린 안전 그림AI와 AR 기술을 활용하여 어린이들이 재난 상황에서 대처 능력을 배울 수 있는 체험형 안전 교육 서비스입니다.
어린이들이 그림을 그리고, 그 결과를 실시간으로 시뮬레이션하는 과정을 통해 학습의 재미와 교육 효과를 극대화합니다.

  • 개발 기간: 2024.10.14 ~ 2024.11.19 (약 5주)
  • 개발 인원: 6인 (프론트엔드 3인, 백엔드 3인)
  • 주요 이용자: 초등 저학년, 교사, 부모님

📖 프로젝트 개요

🎯 목적

  • 참여형 안전 교육: 어린이들이 단순히 배우는 것을 넘어 직접 참여하며 체험하는 방식의 교육 제공.
  • 위기 대처 능력 향상: 재난 상황을 그림과 AR로 체험하며 문제 해결 능력을 키움.
  • 교육 흥미 유발: 게이미피케이션을 활용해 학습 동기와 참여도를 높임.

🎯 타겟

  • 초등 저학년 어린이: 안전 의식을 높이고 위기 상황에 대처하는 능력을 키우고 싶은 학생.
  • 교사 및 부모: 수업 도구나 학습 보조 자료로 활용하여 질 높은 교육을 제공.

📝 서비스 개요

핵심 기능

  1. 안전 사고 상황 제시 및 그림 그리기
    • 화재 등의 안전 사고 시나리오를 AR로 표시하며, 어린이들이 문제 해결을 위해 그림을 그림.
  2. 2D 그림 AI 인식 및 3D 변환
    • AI가 어린이의 2D 그림을 실시간으로 인식하고, 이를 3D 모델로 변환하여 AR 환경에 적용.
  3. 정답 확인 및 시뮬레이션
    • 어린이가 제출한 그림의 정답 여부를 확인하고 결과에 따른 시뮬레이션 제공.
  4. 실시간 음성 및 텍스트 채팅
    • 어린이들 간 실시간 협업과 소통 지원.
  5. 억울해요 및 매력적 오답 투표
    • 그림이 잘못 인식되었거나 창의적인 답변에 대해 어린이가 자신의 의견을 발표할 수 있도록 토론 공간 제공.
    • 창의적 오답에 대해 투표하며 재미와 참여를 유도.
  6. 랭킹 시스템
    • 학습 활동과 창의성을 기준으로 점수를 부여하고 랭킹 제공.

🚀 서비스의 차별성

  1. AR 기반의 체험형 학습
    • 단순히 시청하거나 배우는 기존 교육 방식에서 벗어나, 어린이들이 적극적으로 참여하며 학습.
  2. AI와의 상호작용
    • 그림을 통해 문제를 해결하며 AI와 상호작용.
  3. 창의적 학습 환경
    • 오답도 존중하며 창의성을 격려하는 학습 분위기 조성.
  4. 실시간 협업 및 토론
    • 친구들과 협력하며 학습 효과를 극대화.

👨‍👩‍👧‍👧 팀원 소개

역할 이름 담당
팀장, Backend, 인프라 권동원 인프라 자동화 설계 및 구현
Frontend 김지윤 Safe Draw 및 AR 시나리오 기능 구현
Frontend 김유경 랜딩 페이지 및 AR 시나리오 기능 구현
Frontend 김혜인 실시간 채팅 기능 및 억울해요 기능 개발
Backend 손준범 웹소켓, OpenVidu API 설계 및 구현
Backend, AI 이주호 AI 인식 API 설계 및 구현

⚙ 기술 스택

내가그린안전그림_아키텍처

프론트엔드

  • AR.js, Three.js: 3D 모델 및 AR 구현
  • React, Next.js: 사용자 친화적인 UI/UX 개발
  • StompJS: 실시간 채팅 및 통신 지원

백엔드

  • Spring Boot: API 서버 및 데이터 처리
  • Redis: Redis Pub/Sub 구조 활용 실시간 통신
  • Python (TensorFlow): AI 모델 학습 및 인식 처리

인프라

  • AWS EC2, S3: 배포 및 스토리지
  • Docker, Jenkins: CI/CD 구축
  • Nginx: 리버스 프록시 설정
  • Openvidu: 음성채팅 서버

데이터베이스

  • MySQL: 캐릭터, 이미지관련 정보 저장
  • MongoDB: 게임 시나리오 관련 데이터 저장
  • Redis: 실시간 게임 정보 저장

🌟 기대 효과

  1. 안전 교육 효과 증대
    • 어린이들이 주체적으로 참여하며 안전 의식을 자연스럽게 함양.
  2. 문제 해결 능력 향상
    • 재난 시뮬레이션을 통해 위기 상황에서도 대처 능력을 기를 수 있음.
  3. 흥미로운 학습 환경
    • 게이미피케이션 요소로 학습 참여도와 몰입도 향상.

👩‍👦 유저 플로우

  1. 시나리오 선택 및 시작
    • 화재 등 다양한 안전 사고 시나리오 중 하나를 선택.
  2. 그림 그리기
    • 주어진 시간 내 문제 해결을 위한 그림을 그림.
  3. AI 인식 및 AR 적용
    • AI가 그림을 인식하고 이를 AR로 시뮬레이션.
  4. 창의적 오답 투표
    • 정답 및 창의적 오답에 대한 투표 진행.
  5. 결과 및 랭킹 확인
    • 참여 점수와 창의성 점수를 기준으로 랭킹 제공.

🎥 기능 시연

1. 시나리오 선택

  • 사용자는 다양한 안전 사고 상황 중 하나를 선택하여 학습을 시작합니다.
  • AR 기술을 통해 안전 사고 상황이 시각적으로 표현되며 문제 해결을 위한 과제가 주어집니다.

예시:

  • 화재 시나리오: 작은 불이 발생한 상황에서 적절한 도구를 선택해 불을 끄는 미션 제공.

2. 그림 그리기

  • 사용자는 제한된 시간 내에 문제 해결을 위한 그림을 그립니다.
  • 그림을 그리는 과정이 실시간으로 화면에 표시되며, AI가 이를 분석하여 정답 여부를 판단합니다.

3. AI 인식 및 AR 시뮬레이션

시나리오-1

  • AI가 그린 그림을 분석하여 해당 이미지에 맞는 3D 모델을 보여줍니다.
  • AR 시뮬레이션을 통해 그림이 재난 상황에 적용되어 문제를 해결합니다.

4. 억울해요 기능

Uploading 억울해요-방장.gif…

  • AI가 그림을 잘못 인식하거나 창의적인 답변이 발생한 경우, 사용자는 자신의 그림을 설명할 기회를 가집니다.
  • 친구들의 투표로 그림이 정답 처리될 수 있으며, 창의적인 오답도 인정받는 환경을 조성합니다.

5. 결과 및 랭킹 확인

  • 참여 활동에 따라 점수가 부여됩니다.
  • 점수를 기준으로 랭킹이 제공되며 학습 동기를 유발합니다.

📜 관련 기사


내가 그린 안전 그림은 어린이들이 단순히 배우는 것을 넘어 직접 참여하며 학습할 수 있는 창의적인 교육 서비스를 제공합니다. 🎨

Popular repositories Loading

  1. .github .github Public

  2. Frontend Frontend Public

    삼성 청년 SW 아카데미 우수상🏆 | AI 기반 어린이 안전 교육 AR 서비스🏫

    TypeScript

  3. Backend Backend Public

    AI 기반 어린이 안전 교육 AR 서비스

    Java

  4. Infra Infra Public

    AI 기반 어린이 안전 교육 AR 서비스 DevOps

    Shell

Repositories

Showing 4 of 4 repositories
  • Frontend Public

    삼성 청년 SW 아카데미 우수상🏆 | AI 기반 어린이 안전 교육 AR 서비스🏫

    mysafedraw/Frontend’s past year of commit activity
    TypeScript 0 0 0 0 Updated Apr 6, 2025
  • .github Public
    mysafedraw/.github’s past year of commit activity
    0 0 0 0 Updated Nov 25, 2024
  • Infra Public

    AI 기반 어린이 안전 교육 AR 서비스 DevOps

    mysafedraw/Infra’s past year of commit activity
    Shell 0 0 0 0 Updated Nov 22, 2024
  • Backend Public

    AI 기반 어린이 안전 교육 AR 서비스

    mysafedraw/Backend’s past year of commit activity
    Java 0 0 0 0 Updated Nov 21, 2024

Top languages

Loading…

Most used topics

Loading…