프로젝트 배경
1) 문제점
- 조리기기 사용 시 매번 수동 조작이 필요하고, 요리과정을 실시간으로 모니터링하기 어려움
- 기존 제품은 언어나 UI가 제한되어 다양한 사용자의 접근성이 낮음
- 관리자 입장에서 다양한 레시피를 등록하거나 제품 동작을 관리할 수 있는 체계적인 플랫폼이 부족함
2) 프로젝트 목표
- 사용자가 모바일앱을 통해 조리기기를 무선으로 제어할 수 있는 환경 구축
- 레시피 데이터와 제품 동작을 통합 관리할 수 있는 관리자페이지 구현
- 한국어, 영어, 중국어를 동시에 지원하여 다양한 국가의 사용자 접근성 확보
3) 주안점
- BLE 기반 통신의 안정성을 높여 제품과 앱의 연동을 원활하게 유지
- Flutter, Vue, AWS 등 최신 기술을 활용하여 확장성과 유지보수성을 강화
- 클라이언트의 디자인 요구사항을 충실히 반영하여 사용자 중심의 직관적인 UI/UX 구현
- 조리기기 사용 시 매번 수동 조작이 필요하고, 요리과정을 실시간으로 모니터링하기 어려움
- 기존 제품은 언어나 UI가 제한되어 다양한 사용자의 접근성이 낮음
- 관리자 입장에서 다양한 레시피를 등록하거나 제품 동작을 관리할 수 있는 체계적인 플랫폼이 부족함
2) 프로젝트 목표
- 사용자가 모바일앱을 통해 조리기기를 무선으로 제어할 수 있는 환경 구축
- 레시피 데이터와 제품 동작을 통합 관리할 수 있는 관리자페이지 구현
- 한국어, 영어, 중국어를 동시에 지원하여 다양한 국가의 사용자 접근성 확보
3) 주안점
- BLE 기반 통신의 안정성을 높여 제품과 앱의 연동을 원활하게 유지
- Flutter, Vue, AWS 등 최신 기술을 활용하여 확장성과 유지보수성을 강화
- 클라이언트의 디자인 요구사항을 충실히 반영하여 사용자 중심의 직관적인 UI/UX 구현
프로젝트 성과
모바일앱을 통한 조리기기 제어 성공률 99퍼센트 달성
앱을 통한 실시간 제품 제어 테스트 100회 중 99회 이상 정상 동작을 기록하며 안정성 검증 완료
레시피 등록 및 실행 자동화로 조리 시간 30퍼센트 단축
기존 수동 방식 대비 관리자페이지에서 등록된 자동 조리 레시피 실행으로 평균 30퍼센트 이상 시간 절약
3개 국어 지원으로 해외 유저 사용성 확대
한국어 중국어 영어를 동시에 지원하는 다국어 시스템 구축으로 다국적 사용자 대상 피드백 확보
Vue 기반 관리자페이지의 반응속도 1초 이내 구현
레시피 검색 및 등록 시 1초 이내 반응 속도 유지로 관리자 효율성 향상
AWS 기반 시스템의 24시간 무중단 운영 달성
EC2, RDS를 활용한 구조 설계로 프로젝트 운영기간 동안 단 한 번의 서버 중단 없이 안정적으로 운영
핵심 기능
조리기기 실시간 제어 기능
모바일앱에서 블루투스를 통해 조리기기를 실시간으로 제어하여 온도 및 시간 설정을 조정 가능
자동 조리 레시피 실행 기능
관리자페이지에 등록된 레시피를 기반으로 조리기기가 자동으로 작동하도록 구성 사용자는 버튼 하나로 요리 가능
다국어 사용자 인터페이스
한국어 중국어 영어를 지원하는 다국어 인터페이스를 적용하여 해외 사용자도 앱과 관리자페이지를 문제없이 사용 가능
관리자 레시피 등록 및 관리 기능
Vue 기반의 관리자페이지에서 요리 레시피를 등록 수정 삭제할 수 있으며 레시피 단계별 이미지와 설명 입력 기능 제공
AWS 기반 서버 연동
AWS EC2 S3 RDS를 활용한 인프라 구성으로 모바일앱과 관리자페이지가 안정적으로 서버에 연결되어 데이터 송수신 처리
진행 단계
기획 및 요구사항 정의
2021.03.
조리기기 제어를 위한 기능 정의 및 레시피 등록 구조 설계 클라이언트 요구사항 분석을 통한 앱 구조 설계
디자인
2021.03.
디자이너가 제공한 시안에 따라 모바일앱과 관리자페이지 UI 및 UX 구성 요소 정의
개발
2021.04.
Flutter를 이용한 안드로이드 및 iOS 앱 개발 Vue 기반 관리자페이지 구축 AWS 서버 환경 설정 및 배포
테스트
2021.05.
제품과 앱 연동 테스트 레시피 자동 실행 기능 검증 다국어 대응 UI 검수 및 반응속도 테스트
런칭
2021.06.
앱 마켓 출시 및 관리자 운영 개시 사용자 피드백 수집 후 초기 유지보수 지원
프로젝트 상세
이 프로젝트는 스마트 조리기기와 모바일앱을 연동하고 자동 조리 레시피를 관리하는 웹 기반 관리자페이지를 개발한 사례입니다. 사용자는 모바일앱으로 제품을 조작하고 관리자는 웹페이지에서 다양한 레시피를 손쉽게 등록하고 제어할 수 있습니다.
모바일앱 개발 - Flutter 기반
- Android와 iOS를 동시에 대응할 수 있는 크로스플랫폼 환경으로 개발하여 개발 효율을 극대화함
- Flutter의 위젯 시스템을 활용하여 반응형 UI를 구현하고 빠른 구동 속도와 안정성을 확보함
- 한국어, 영어, 중국어를 동시에 지원하여 글로벌 서비스 확장을 고려함
관리자페이지 개발 - Vue.js 기반
- Vue의 컴포넌트 기반 구조를 활용하여 유지보수와 기능 확장이 용이한 구조로 구현함
- 관리자페이지에서는 레시피를 시간, 온도, 단계, 이미지 등 상세하게 등록할 수 있도록 구성함
- 페이지는 실시간 반영이 가능하고 직관적인 UI를 제공하여 관리자의 업무 효율성을 높임
서버 인프라 - AWS 환경 기반 구축
- AWS EC2, RDS, S3 등을 활용하여 클라우드 서버 인프라를 직접 구성함
- 모바일앱과 관리자페이지 간 안정적인 데이터 송수신을 위한 서버 API 설계와 구현을 진행함
- HTTPS 기반 통신과 IAM 설정을 통해 보안을 강화하고 운영 권한을 분리함
제품 연동 - 회로 및 BLE 통신 협업
- 회로개발자와 협력하여 블루투스 저전력 통신(BLE)을 기반으로 제품과 모바일앱을 안정적으로 연동함
- 연결 안정성을 위해 자동 재연결 기능과 예외 상황 처리 로직을 구현함
- 사용자 명령이 기기에 지연 없이 반영되도록 하여 신뢰성 높은 사용자 경험을 제공함
디자인 대응 및 커스터마이징
- 클라이언트가 제시한 디자인 시안을 기반으로 정교하게 UI를 구성하고 구현함
- 모바일앱과 관리자페이지 모두 일관된 디자인 시스템을 유지하여 사용자 혼란을 방지함
- 다국어 지원을 고려한 레이아웃 설계로 다양한 언어 환경에서도 자연스럽게 작동하도록 구성함
이 프로젝트는 IoT 제품과 앱, 웹, 서버, 통신을 통합적으로 구현한 올인원 플랫폼 구축 사례입니다. 단순한 연동을 넘어 사용자 경험, 관리 편의성, 서비스 확장성까지 고려하여 완성도 높은 솔루션을 제공했습니다.
모바일앱 개발 - Flutter 기반
- Android와 iOS를 동시에 대응할 수 있는 크로스플랫폼 환경으로 개발하여 개발 효율을 극대화함
- Flutter의 위젯 시스템을 활용하여 반응형 UI를 구현하고 빠른 구동 속도와 안정성을 확보함
- 한국어, 영어, 중국어를 동시에 지원하여 글로벌 서비스 확장을 고려함
관리자페이지 개발 - Vue.js 기반
- Vue의 컴포넌트 기반 구조를 활용하여 유지보수와 기능 확장이 용이한 구조로 구현함
- 관리자페이지에서는 레시피를 시간, 온도, 단계, 이미지 등 상세하게 등록할 수 있도록 구성함
- 페이지는 실시간 반영이 가능하고 직관적인 UI를 제공하여 관리자의 업무 효율성을 높임
서버 인프라 - AWS 환경 기반 구축
- AWS EC2, RDS, S3 등을 활용하여 클라우드 서버 인프라를 직접 구성함
- 모바일앱과 관리자페이지 간 안정적인 데이터 송수신을 위한 서버 API 설계와 구현을 진행함
- HTTPS 기반 통신과 IAM 설정을 통해 보안을 강화하고 운영 권한을 분리함
제품 연동 - 회로 및 BLE 통신 협업
- 회로개발자와 협력하여 블루투스 저전력 통신(BLE)을 기반으로 제품과 모바일앱을 안정적으로 연동함
- 연결 안정성을 위해 자동 재연결 기능과 예외 상황 처리 로직을 구현함
- 사용자 명령이 기기에 지연 없이 반영되도록 하여 신뢰성 높은 사용자 경험을 제공함
디자인 대응 및 커스터마이징
- 클라이언트가 제시한 디자인 시안을 기반으로 정교하게 UI를 구성하고 구현함
- 모바일앱과 관리자페이지 모두 일관된 디자인 시스템을 유지하여 사용자 혼란을 방지함
- 다국어 지원을 고려한 레이아웃 설계로 다양한 언어 환경에서도 자연스럽게 작동하도록 구성함
이 프로젝트는 IoT 제품과 앱, 웹, 서버, 통신을 통합적으로 구현한 올인원 플랫폼 구축 사례입니다. 단순한 연동을 넘어 사용자 경험, 관리 편의성, 서비스 확장성까지 고려하여 완성도 높은 솔루션을 제공했습니다.





