Git Product home page Git Product logo

cochlens's Introduction

πŸ‘‚Β Cochlens

| 청각 μž₯애인을 μœ„ν•œ λΉ„λŒ€λ©΄ μ·¨λ―Έ ν•™μŠ΅ ν”Œλž«νΌ

πŸ‘¨β€πŸ‘©β€πŸ‘¦Β νŒ€μ› μ†Œκ°œ

πŸ“†Β ν”„λ‘œμ νŠΈ κ°œμš”

  • 진행 κΈ°κ°„ : 2022/01/10 ~ 2022/02/18
  • λͺ©ν‘œ
    • 청각 μž₯애인 뢄듀이 온라인으둜 μ·¨λ―Έλ₯Ό ν•™μŠ΅ ν•  수 μžˆλŠ” ν”Œλž«νΌμ„ 개발 ν•©λ‹ˆλ‹€.
    • μ†Œλ¦¬κ°€ λ“€λ¦¬μ‹œμ§€ μ•Šλ”λΌλ„ ν•™μŠ΅μ„ μœ„ν•œ 보쑰 κΈ°λŠ₯을 섀계해 청각 μž₯애인 μ‚¬μš©μž λΆ„λ“€μ˜ ν•™μŠ΅μ„ λ•μŠ΅λ‹ˆλ‹€.
    • μ›ν™œν•œ ν•™μŠ΅ 진행을 μœ„ν•œ UI/UXλ₯Ό μ„€κ³„ν•˜μ—¬ μ‚¬μš©μž 뢄듀이 μΎŒμ ν•œ ν”Œλž«νΌ μ„œλΉ„μŠ€λ₯Ό λˆ„λ¦΄ 수 μžˆλ„λ‘ μœ λ„ν•©λ‹ˆλ‹€.
  • κΈ°λŒ€ 효과
    • μ½”λ‘œλ‚˜ μ‚¬νƒœλ‘œ 인해 κ°μ†Œν•œ μž₯애인 λΆ„λ“€μ˜ μ‚Άμ˜ λ§Œμ‘±λ„ 증진
    • μž₯애인 λΆ„λ“€μ˜ ν•™μŠ΅κΆŒμ΄ μ§€μΌœμ§€μ§€ μ•Šλ˜ 기쑴의 λΉ„λŒ€λ©΄ 화상 κ°•μ˜ μ‹œμŠ€ν…œμ— λŒ€ν•œ 재고
  • πŸ–Όμ™€μ΄μ–΄ν”„λ ˆμž„

βœΒ ν”„λ‘œμ νŠΈ μ†Œκ°œ

CochlensλŠ” 청각 μž₯애인을 μœ„ν•œ 온라인 화상 μ·¨λ―Έ 클래슀 ν•™μŠ΅ ν”Œλž«νΌ μž…λ‹ˆλ‹€.

μ½”λ‘œλ‚˜ 19 λ°”μ΄λŸ¬μŠ€μ˜ λŒ€μœ ν–‰ 이후 우리의 μƒν™œμ€ μ™„μ „νžˆ λ’€λ°”λ€Œκ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€. 특히 λŒ€λ©΄μœΌλ‘œ μ§„ν–‰ν•˜λ˜ λ§Žμ€ μ„œλΉ„μŠ€λ“€μ΄ λΉ„λŒ€λ©΄μœΌλ‘œ μ „ν™˜μ΄ μ΄λ£¨μ–΄μ§€κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€. μ‹€μ œλ‘œ 학ꡐ μˆ˜μ—…μ˜ λΉ„λŒ€λ©΄ μ „ν™˜μœ¨μ€ 크게 μ˜¬λΌκ°”κ³  λ§Žμ€ 학생듀이 이에 μ΅μˆ™ν•΄μ Έ κ°€κ³  μžˆμŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ μ—¬μ „νžˆ λΉ„λŒ€λ©΄ ν•™μŠ΅μ— μ΅μˆ™ν•΄μ§€κΈ° μ–΄λ €μš΄ 뢄듀이 μžˆμŠ΅λ‹ˆλ‹€. λΉ„λŒ€λ©΄ ν•™μŠ΅μ˜ νŠΉμ„±μƒ λͺ¨λ‹ˆν„°μ™€ μŠ€ν”Όμ»€μ— μ˜μ‘΄ν•΄μ•Ό ν•˜λŠ” 만큼 청각μž₯애인 λΆ„λ“€μ—κ²Œ λΉ„λŒ€λ©΄ ν•™μŠ΅μ΄λž€ μ—¬μ „νžˆ λ„˜κΈ° μ–΄λ €μš΄ 벽으둜 μ‘΄μž¬ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. λ”°λΌμ„œ 이번 ν”„λ‘œμ νŠΈμ—μ„œ 청각 μž₯애인 λΆ„λ“€μ˜ ν•™μŠ΅κΆŒμ„ 보μž₯ν•˜κΈ° μœ„ν•œ μ·¨λ―Έ ν•™μŠ΅ ν”Œλž«νΌ Cochlensλ₯Ό κ°œλ°œν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

CochlensλŠ” λΉ„λŒ€λ©΄ μ·¨λ―Έ ν•™μŠ΅ ν”Œλž«νΌμž…λ‹ˆλ‹€. μ½”λ‘œλ‚˜λ‘œ 인해 λͺ¨λ‘μ˜ μ‚Άμ˜ λ§Œμ‘±λ„κ°€ κ°μ†Œν•˜μ˜€μ§€λ§Œ, κ·Έ μ€‘μ—μ„œλ„ μž₯애인 λΆ„λ“€μ˜ μ‚Άμ˜ λ§Œμ‘±λ„λŠ” λ”μš± 크게 κ°μ†Œν•˜μ˜€μŠ΅λ‹ˆλ‹€. μ €ν¬λŠ” μ‚Άμ˜ λ§Œμ‘±λ„λ₯Ό μ˜¬λ¦¬λŠ” μš”μ†Œ 쀑 μ·¨λ―Έ κ°œλ°œμ„ μƒκ°ν•˜μ—¬, 청각 μž₯애인 뢄듀이 λΉ„λŒ€λ©΄μœΌλ‘œ μ·¨λ―Έλ₯Ό 배우고 이λ₯Ό 톡해 μ‚Άμ˜ λ§Œμ‘±λ„λ₯Ό μ˜¬λ¦¬λŠ” μ„œλΉ„μŠ€λ₯Ό λͺ©ν‘œλ‘œ ν•˜μ˜€μŠ΅λ‹ˆλ‹€. λ”°λΌμ„œ μ›ν• ν•œ μ·¨λ―Έ ν•™μŠ΅μ„ μœ„ν•΄ 청각 μž₯애인 λΆ„λ“€μ˜ μ†Œν†΅ 방식을 κ³΅λΆ€ν•˜κ³  μ—°κ΅¬ν•˜μ˜€μŠ΅λ‹ˆλ‹€. μš°μ„ , μ‹€μ‹œκ°„ μžλ§‰ κΈ°λŠ₯으둜 강사가 λ§ν•˜λŠ” μŒμ„±μ„ ν…μŠ€νŠΈλ‘œ λ³€ν™˜ν•˜μ—¬ 학생듀이 μ‰½κ²Œ μˆ˜μ—… 흐릅을 λ”°λΌκ°ˆ 수 μžˆλ„λ‘ κ΅¬μ„±ν•˜μ˜€μŠ΅λ‹ˆλ‹€. λ˜ν•œ μžλ§‰μœΌλ‘œ 미처 λ³€ν™˜ν•˜μ§€ λͺ»ν•œ ν…μŠ€νŠΈλ₯Ό λŒ€λΉ„ν•˜μ—¬ κ°•μ‚¬μ˜ μž…λͺ¨μ–‘을 ν΄λ‘œμ¦ˆμ—…ν•˜μ—¬ 청각 μž₯애인 λΆ„λ“€μ˜ ꡬ어 μ†Œν†΅μ„ 돕도둝 κ΅¬ν˜„ν•˜μ˜€μŠ΅λ‹ˆλ‹€. λ§ˆμ§€λ§‰μœΌλ‘œ μ·¨λ―Έ 클래슀인 만큼 손을 μ‚¬μš©ν•˜κΈ° νž˜λ“  상황을 λŒ€λΉ„ν•˜μ—¬ κ°„λ‹¨ν•œ λͺ¨μ…˜λ§ŒμœΌλ‘œ κ°•μ‚¬μ—κ²Œ μ˜λ―Έκ°€ μ „λ‹¬λ˜λŠ” λͺ¨μ…˜ μ»€λ©˜λ“œλ₯Ό μΆ”κ°€ν•˜μ˜€μŠ΅λ‹ˆλ‹€. 이 외에도 μ›ν• ν•œ ν•™μŠ΅μ„ μœ„ν•΄ 개인 μˆ˜κ°• λͺ©λ‘κ³Ό ν•™μŠ΅ 진행도λ₯Ό νŒŒμ•…ν•  수 μžˆλ„λ‘ ν•˜μ˜€μœΌλ©°, 청각 μž₯애인 λΆ„λ“€μ˜ μ‹œκ°μ—μ„œ μ„œλΉ„μŠ€λ₯Ό 바라 λ³Ό 수 μžˆλ„λ‘ λ…Έλ ₯ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

Cochlensλ₯Ό 톡해 베리어 프리 λ¬Έν™”λ₯Ό μ•Œλ¦¬λ©°, λͺ¨λ‘κ°€ ν•¨κ»˜ λ‚˜μ•„κ°€λŠ” μ‚¬νšŒλ₯Ό λ§Œλ“€μ–΄ λ‚˜κ°‘λ‹ˆλ‹€.

πŸ› οΈΒ μ„œλΉ„μŠ€ 아킀텍쳐

μ•„ν‚€ν…μ²˜.png

  • Vue3 (Web Server)
  • MySQL (DB)
  • Springboot (API Server)
  • Kurento (Docker)
  • Jenkins

⭐️ μ£Όμš” κΈ°λŠ₯

라이브 취미 클래슀 (WebRTC/Kurento)

  • κ°•μ‚¬λŠ” μ·¨λ―Έ 클래슀λ₯Ό κ°œμ„€ν•˜κ³  κ°•μ’Œλ₯Ό 등둝할 수 μžˆμŠ΅λ‹ˆλ‹€.
  • μ‚¬μš©μžλŠ” μ›ν•˜λŠ” μ·¨λ―Έ 클래슀λ₯Ό λ“±λ‘ν•˜κ³  라이브 클래슀λ₯Ό μˆ˜κ°•ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

μ‹€μ‹œκ°„ 라이브 μžλ§‰ (STT/Azure)

  • Microsoft Azure의 STT APIλ₯Ό μ‚¬μš©ν•©λ‹ˆλ‹€.
  • 강사가 λ§ν•˜λŠ” μŒμ„±μ„ μΈμ‹ν•˜μ—¬ ν…μŠ€νŠΈλ‘œ λ³€ν™˜ν•œ λ’€ μˆ˜μ—…μ„ λ“£λŠ” ν•™μƒλ“€μ—κ²Œ μžλ§‰μ„ λ³΄μ—¬μ£Όκ²Œ ν•˜λŠ” κΈ°λŠ₯μž…λ‹ˆλ‹€.

κ°•μ‚¬μ˜ μž…λͺ¨μ–‘ ν΄λ‘œμ¦ˆμ—… (face-api)

  • 청각 μž₯μ• μΈμ˜ ꡬ어 인식을 νŽΈν•˜κ²Œ ν•˜κΈ°μœ„ν•œ κΈ°λŠ₯μž…λ‹ˆλ‹€.
  • κ°•μ‚¬μ˜ 얼꡴을 인식 ν›„ ν™•λŒ€ν•˜μ—¬ 강사 κ°•μ˜ ν™”λ©΄ 였λ₯Έμͺ½ 상단에 λ³΄μ—¬μ€λ‹ˆλ‹€.
  • μ‚¬μš©μžλŠ” ν™•λŒ€λœ κ°•μ‚¬μ˜ 얼꡴을 보고 ꡬ어λ₯Ό 쑰금 더 μ‰½κ²Œ 인식할 수 μžˆμŠ΅λ‹ˆλ‹€.

λͺ¨μ…˜ μ»€λ©˜λ“œ (Teachble Machine)

  • μ‚¬μš©μžκ°€ νŠΉμ • 말을 ν•˜κ³  싢을 λ•Œ λͺ¨μ…˜μΈμ‹μ„ ν†΅ν•˜μ—¬ 클래슀 κ°•μ˜λ₯Ό λ“£λŠ” μ‚¬λžŒλ“€μ—κ²Œ μ „λ‹¬ν•˜λŠ” κΈ°λŠ₯μž…λ‹ˆλ‹€.
  • 청각 μž₯애인이 말을 ν•  μˆ˜κ°€ μ—†κ³ , μ±„νŒ… κΈ°λŠ₯을 ν†΅ν•œ λŒ€ν™”κ°€ νž˜λ“€ λ•Œ, κ°„λ‹¨ν•˜κ²Œ λͺ¨μ…˜μΈμ‹μœΌλ‘œ ν†΅ν•˜μ—¬ μ›ν•˜λŠ” 말을 μ‚¬λžŒλ“€μ—κ²Œ μ „λ‹¬ν•΄μ£ΌλŠ” κΈ°λŠ₯μž…λ‹ˆλ‹€.
  • κΈ°λŠ₯ κ΅¬ν˜„μ€ μ™„λ£Œν•˜μ˜€μ§€λ§Œ κ°•μ‚¬μ˜ μž…λͺ¨μ–‘ ν΄λ‘œμ¦ˆμ—…(face-api) κΈ°λŠ₯과의 좩돌둜 μ΅œμ’… ν”„λ‘œμ νŠΈμ—μ„œλŠ” μž„μ˜λ‘œ 막아놓은 μƒνƒœμž…λ‹ˆλ‹€.

πŸ˜‹Β Installation

[Frontend]

cd frontend
npm i
npm run serve

[Backend]

# java build
$ gradlew clean build 
# docker-compose
$ docker-compose up -d --build

βš™Β κ°œλ°œ ν™˜κ²½ 및 IDE

  • Java (1.8.0_312-1)
  • MySQL (5.7.35)
  • Intellij IDEA (2021.3.2)
  • VSCode (1.59)
  • Docker (Desktop 4.3.2)
  • node.js (17.3.0)
  • Vue3 (3.2.26)
  • kurento (6.16.0)
  • gradle (v7.3.3)

πŸŽžΒ μ΅œμ’…μ‚°μΆœλ¬Ό

cochlens's People

Contributors

swkim0128 avatar essk13 avatar hui-story avatar funny0728 avatar icehoneypark avatar xktmxkem avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.