플러스프로젝트 배경
바코드 해독, 영양성분표 문자 인식, 각설탕·소금 환산, 미등록 제품 제보 검수 등 식생활 교육 기관이 쓰는 영양정보 안내 서비스의 업무 흐름을 먼저 파악하고, 후면 카메라 촬영부터 결과 시각화·관리자 검수까지 동작하는 모바일 웹을 사전 구현했습니다. 등록 제품 즉시 조회, 미등록 바코드 복구, 카메라 차단 시 파일 촬영, 인식값 사용자 교정 등 실제 사용 시나리오를 iPhone Safari 실기기에서 미리
프로젝트 성과
촬영부터 결과까지 0.545초 — 요구 기준 3초의 1/5
실제 iPhone Safari 측정값. 카메라 413ms·바코드 해독 4ms·제품 조회 55ms 로 나눠 기록하며, 사용자도 결과 화면에서 소요 시간을 확인합니다
앱 설치 없이 아이폰 브라우저에서 바로 촬영
브라우저 내 WebAssembly 해독기로 EAN-13·EAN-8·UPC-A·UPC-E 를 읽어 기기 지원 여부와 무관하게 동작. 카메라가 막히면 파일 촬영으로 이어집니다
숫자 12g 을 각설탕 3개로 — 두 지표 동시 환산
당류는 각설탕 개수, 나트륨은 소금 g 으로 바꿔 원 수치·1일 기준치 비율과 함께 표시. 촬영 사진 위에 합성해 이미지로 저장·공유할 수 있습니다
미등록 제품도 촬영 한 번으로 복구 후 제보 적재
등록되지 않은 바코드에서 영양성분표 촬영·검색으로 분기하고, 사용자가 고친 값이 관리자 검수 대기 목록에 바로 쌓이는 것까지 확인했습니다
요구 화면 16개를 주소·역할 단위로 나눠 구현
공개 사용자 화면과 관리자 화면의 첫 화면·주요 동작을 분리하고, 자동 테스트 28건과 브라우저 시나리오 테스트로 동작을 함께 검증했습니다
핵심 기능
후면 카메라 촬영과 브라우저 내 바코드 해독
앱 설치와 서버 왕복 없이 읽으려고 해독기를 브라우저 안에 두고, 기기가 네이티브 인식을 지원하지 않아도 같은 경로로 동작하게 만들었습니다
진행 단계
요구사항 정리·화면 계약 (완료)
2026.07.
공고 8개 기능군과 16개 화면을 주소·역할·첫 화면·주요 동작 표로 확정하고, 촬영에서 결과까지의 필수 통과 경로를 검증 기준으로 정의
프로젝트 상세
스마트폰 카메라로 가공식품 바코드나 영양성분표를 찍으면 당류를 각설탕 개수로, 나트륨을 소금 양으로 바꿔 보여주는 모바일 웹과 운영자용 관리자 웹을 파일럿으로 사전 구현했습니다. 앱 설치도, 일반 사용자 로그인도 없이 기존 홈페이지 링크에서 바로 시작합니다. [iOS Safari에서 실제로 열리는 촬영 경로] 후면 카메라를 exact 제약으로 먼저 요청하고 장치 제약 오류일 때만 ideal 로 낮추는
