프로젝트 배경
1) 문제점
실제 오카리나처럼 "불어서 연주하는" 방식의 모바일 악기 앱은 거의 없으며, 대부분 터치 기반 인터페이스에만 의존
모바일 기기의 마이크 감지, 반응속도, 입력 처리 등 기술적 한계로 인해 실제 악기와 유사한 연주감 구현이 어려움
사용자가 앱으로 단순히 소리를 내는 것을 넘어서, 실제 곡 연주와 학습이 가능한 악기 경험을 제공하는 앱이 부족함
오카리나라는 특수 악기의 악보 활용 및 커뮤니티 연동 기능이 미흡하여 사용자의 지속적인 흥미 유도에 어려움
2) 프로젝트 목표
실제 오카리나 연주감 구현: 터치 입력은 물론, 마이크 감지를 통해 바람 소리에 반응하여 음이 나는 기능 구현
모바일 기반 악기 교육/체험 기능 제공: 누구나 쉽게 오카리나를 경험하고 학습할 수 있도록 실연주 중심 UX 구성
Flutter 기반 앱 개발: iOS 및 Android 모두에서 동일한 사용자 경험 제공을 위한 크로스 플랫폼 앱 개발
악보 연동 및 콘텐츠 관리 기능 제공: 관리자 계정에서 연동 가능한 악보 콘텐츠 등록 및 사용자 연주 가이드 강화
실시간 입력 반응성 최적화: 오카리나 음색과 입김 센싱 타이밍의 지연을 최소화하여 실제 악기와 유사한 경험 제공
3) 주안점
입김 센싱 및 오디오 반응 속도 최적화: 마이크 입력을 감지하여 음을 발생시키는 구조에서 오차 없이 즉각 반응하도록 알고리즘 설계
터치 + 센서 혼합 입력 구조 설계: 기존 앱과 차별화된 복합 입력 방식(터치 + 마이크)을 통해 자유로운 연주 UX 구현
악보 콘텐츠 및 관리자 기능 구현: 다양한 곡을 앱에서 직접 선택/연주할 수 있도록 악보 연동 및 관리 기능 구축
Flutter 기반 성능 최적화: 실시간 오디오 처리를 위한 Flutter 엔진 내 최적화 작업 진행
사용자 몰입 경험 강화: 악기의 감성적 특성을 앱으로 재현하기 위한 UI 사운드 디자인 및 연주 시각화 요소 반영
실제 오카리나처럼 "불어서 연주하는" 방식의 모바일 악기 앱은 거의 없으며, 대부분 터치 기반 인터페이스에만 의존
모바일 기기의 마이크 감지, 반응속도, 입력 처리 등 기술적 한계로 인해 실제 악기와 유사한 연주감 구현이 어려움
사용자가 앱으로 단순히 소리를 내는 것을 넘어서, 실제 곡 연주와 학습이 가능한 악기 경험을 제공하는 앱이 부족함
오카리나라는 특수 악기의 악보 활용 및 커뮤니티 연동 기능이 미흡하여 사용자의 지속적인 흥미 유도에 어려움
2) 프로젝트 목표
실제 오카리나 연주감 구현: 터치 입력은 물론, 마이크 감지를 통해 바람 소리에 반응하여 음이 나는 기능 구현
모바일 기반 악기 교육/체험 기능 제공: 누구나 쉽게 오카리나를 경험하고 학습할 수 있도록 실연주 중심 UX 구성
Flutter 기반 앱 개발: iOS 및 Android 모두에서 동일한 사용자 경험 제공을 위한 크로스 플랫폼 앱 개발
악보 연동 및 콘텐츠 관리 기능 제공: 관리자 계정에서 연동 가능한 악보 콘텐츠 등록 및 사용자 연주 가이드 강화
실시간 입력 반응성 최적화: 오카리나 음색과 입김 센싱 타이밍의 지연을 최소화하여 실제 악기와 유사한 경험 제공
3) 주안점
입김 센싱 및 오디오 반응 속도 최적화: 마이크 입력을 감지하여 음을 발생시키는 구조에서 오차 없이 즉각 반응하도록 알고리즘 설계
터치 + 센서 혼합 입력 구조 설계: 기존 앱과 차별화된 복합 입력 방식(터치 + 마이크)을 통해 자유로운 연주 UX 구현
악보 콘텐츠 및 관리자 기능 구현: 다양한 곡을 앱에서 직접 선택/연주할 수 있도록 악보 연동 및 관리 기능 구축
Flutter 기반 성능 최적화: 실시간 오디오 처리를 위한 Flutter 엔진 내 최적화 작업 진행
사용자 몰입 경험 강화: 악기의 감성적 특성을 앱으로 재현하기 위한 UI 사운드 디자인 및 연주 시각화 요소 반영
프로젝트 성과
모바일 기기에서 ‘불어서’ 연주 가능한 악기 앱 구현
마이크 감지를 통해 실제 입김으로 소리를 내는 기능을 구현, 기존 악기 앱과 차별화된 사용자 경험 제공
실시간 입력 반응 지연 최소화
터치 및 마이크 입력 후 오디오 출력까지의 지연시간을 0.1초 이내로 줄이며, 실제 악기와 유사한 연주 타이밍 구현
Flutter 기반 iOS/Android 동시 지원 앱 완성
하나의 코드베이스로 양 플랫폼 모두에서 완벽한 기능 제공, 개발·유지보수 효율 증가
관리자용 악보 연동 기능 개발
관리자 계정에서 악보를 등록하면 앱에 자동 반영되어, 유저가 연습 및 연주 가능한 콘텐츠 구조 완성
사용자 몰입도를 높인 인터랙티브 UI/UX 구축
연주 시 시각적 반응과 음색 변화가 즉시 반영되어 사용자의 몰입감과 학습 효과를 높임
핵심 기능
마이크(입김) 입력 기반 연주 기능
사용자의 입김을 감지하여 오카리나 음을 출력하는 기능. 소리 세기와 길이에 따라 다양한 음 표현 가능
터치 기반 연주 모드
기본적인 터치 방식으로 음정을 조절하여 악보 없이도 자유롭게 연주 가능
관리자용 악보 콘텐츠 연동
웹 관리자 페이지에서 악보 업로드 시, 앱 사용자들이 선택하여 연습하거나 연주 가능
시각적 연주 피드백
연주 시 음정·박자에 따라 화면에 시각적 효과가 즉시 반영되어 학습용 피드백 제공
Flutter 기반 멀티플랫폼 지원
하나의 코드베이스로 iOS 및 Android에서 동일한 연주 기능과 UI/UX 제공
진행 단계
기획 및 연주방식 분석
2023.03.
실제 오카리나 악기의 구조 및 연주 방식 분석, 앱 내에서 구현 가능한 UX 방향 설정
Flutter 기반 화면 및 사운드 구조 설계
2023.04.
마이크 입력, 터치 입력 등 다양한 센싱 방식 구현을 고려한 기술 구조 및 화면 UI/UX 설계
앱 기능 개발 (터치 & 입김 입력 처리)
2023.05.
Flutter로 연주 UI 및 마이크 입력 감지 기능 구현, 오디오 출력 로직 구성 및 테스트 진행
관리자 페이지 및 악보 연동 기능 개발
2023.06.
관리자 웹에서 악보 등록 시 앱에 자동 연동되도록 API 및 콘텐츠 등록 시스템 개발
통합 테스트 및 앱스토어 배포
2023.07.
실기 연주자 피드백 기반 테스트 완료 후, App Store 및 Google Play에 동시 출시
프로젝트 상세
1) 포트폴리오 소개
실제 오카리나를 모바일 앱으로 구현하는 프로젝트 입니다. 실제 오카리나처럼 소리를 불어서 연주할 수 있습니다.
2) 작업 범위
Android, iOS 모바일 앱 개발
Flutter앱 기반 개발
관리자 페이지 개발
3) 주요 업무
- 터치로 오카리나 앱 연주
- 불어서 오카리나 앱 연주
- 관리자 계정에서 악보 연동
4) 주안점
- 실제 오카리나 앱처럼 연주하기 위해 반응속도가 중요했던 프로젝트
실제 오카리나를 모바일 앱으로 구현하는 프로젝트 입니다. 실제 오카리나처럼 소리를 불어서 연주할 수 있습니다.
2) 작업 범위
Android, iOS 모바일 앱 개발
Flutter앱 기반 개발
관리자 페이지 개발
3) 주요 업무
- 터치로 오카리나 앱 연주
- 불어서 오카리나 앱 연주
- 관리자 계정에서 악보 연동
4) 주안점
- 실제 오카리나 앱처럼 연주하기 위해 반응속도가 중요했던 프로젝트






