1. 개요

담은 메뉴, 픽업 주문과 주문 상태, 견적 요청, 이름·연락처는 브라우저에 저장됩니다. 새로고침하거나 다시 들어와도 그대로 남아 있습니다.

범위 밖: 결제, 주문 알림(문자·주방 프린터), 매장 관리자 화면, 기프트 카드 결제·발송, 회원 가입(연락처로 대신함), 여러 기기에서 같은 주문을 보는 서버 저장.

2. 과제

1. 아침 줄이 길면 손님이 돌아간다.

출근길 손님은 기다릴 시간이 없습니다. 미리 담아 두고 찾아갈 시간을 정하면 줄 없이 받아 갈 수 있어야 합니다.

2. 단체 주문은 전화로 오가느라 늦어진다.

인원과 날짜만 넣으면 예상 금액이 바로 나오고, 요청이 기록으로 남아야 가게도 손님도 편합니다.

3. 주문한 뒤 확인할 곳이 없다.

몇 시에 무엇을 주문했는지, 견적 요청이 들어갔는지 손님이 다시 볼 수 있어야 안심하고 주문합니다.

3. 화면 구조

가게 소개는 첫 화면 한 페이지를 내려 보며 읽습니다. 메뉴·케이터링·기프트·주문 내역 같은 할 일은 화면 아래 알약 메뉴에서 바로 열리는 창에서 처리합니다. 창은 페이지를 옮기지 않고 아래에서 올라와, 닫으면 보던 자리로 돌아갑니다.

4. 주요 기능

메뉴 담기와 픽업 주문

베이글·커피·점심 탭에서 메뉴를 담으면 수량과 합계가 바로 바뀝니다. 픽업 시간은 영업시간(07:00–15:00) 안에서 15분 간격으로 고르고, 마감 뒤에는 다음 날 시간이 나옵니다. 확인이 끝나면 주문번호(GH날짜-순번)를 발급합니다.

케이터링 견적 요청

10명 이상 인원을 넣으면 예상 금액이 바로 계산됩니다. 날짜·연락처를 확인한 뒤 견적 요청 번호(CT날짜-순번)로 저장합니다.

주문 내역과 주문 취소

픽업 주문과 케이터링 견적 요청을 한 창에 나눠 보여 줍니다. 픽업 주문은 취소하면 "취소됨"으로 바뀌고, 새로고침 뒤에도 그 상태가 남습니다.

기프트 카드 미리보기

금액을 고르고 받는 분 이름과 메시지를 적으면 카드 모양이 그 자리에서 바로 바뀝니다.

• 오시는 길주소·영업시간과 약도를 한 창에 모았습니다. 바닥글에서는 주소를 눌러 바로 복사할 수 있습니다.
• 베이글 떨어뜨리기첫 화면 버튼을 누르면 베이글이 화면 위에서 쏟아지고, 누른 횟수가 올라갑니다. 옆의 "들어보세요" 스위치를 켜면 짧은 허밍 소리가 납니다.

5. 기술

6. 검수

PC 1440·휴대폰 390 화면에서 실제로 띄워, 사람이 쓰는 순서대로 눌러 본 결과입니다. 주문을 저장한 뒤 새로고침하고 다시 조회되는지까지 확인했습니다. (2026-09-23)

동작 시험 10가지: 메뉴 창 열기 · 커피 탭에서 두 개 담기 · 새로고침 뒤 담은 메뉴 유지 · 정보 없이 주문 막기 · 픽업 주문 저장 · 케이터링 견적 저장 · 새로고침 뒤 주문 내역 조회 · 주문 취소와 상태 유지 · 기프트 카드 미리보기 · 베이글 떨어뜨리기

속도·품질 점수 (100점 만점, 휴대폰은 느린 통신 기준 · PC는 PC 기준으로 각각 세 번 측정해 같은 값)

휴대폰: 첫 화면 표시 1.5초 · 가장 큰 요소 표시 3.9초 · 화면 흔들림 0 · 입력 막힘 0ms PC: 첫 화면 표시 0.4초 · 가장 큰 요소 표시 0.8초 · 화면 흔들림 0~0.002 · 입력 막힘 0ms

7. 결과