프로그램 예약과 아이 활동 기록을 연결한 키즈센터 웹 ‘키즈플로우’

프로젝트 개요

서비스

키즈센터 프로그램 예약 · 아이 활동 기록

이용자

보호자 · 전체 운영자 · 현장 담당자

제작 범위

고객용 반응형 웹 · 역할별 관리자 · Firebase 연동

연결 정보

프로그램 · 일정 · 자녀 · 포인트 · 예약 · 활동

보호자는 프로그램의 내용과 일정을 확인하고 수업마다 참여할 자녀를 선택합니다. 센터는 프로그램과 일정을 운영하고 현장 담당자는 예약을 조회해 아이 활동 내용을 작성합니다. 보호자는 같은 예약 상세에서 수업·출석 상태와 활동 기록을 확인합니다.

01

홈에서 프로그램을 찾고 수업 내용을 확인합니다.

수업 예약·프로그램 안내·예약 내역을 홈에서 선택합니다. 프로그램별 이미지·설명·정원과 포인트를 확인하고 예약으로 이동합니다.

홈 · 프로그램 탐색·상세

고객 웹의 수업 예약과 프로그램 상세, 역할별 센터 운영을 연결합니다.

01 · 고객 웹 홈

홈에서 수업 예약·프로그램 안내·예약 내역과 보호자 정보를 선택합니다.

02 · 프로그램 탐색

카테고리별 수업 이미지·소개·정원·포인트를 확인하고 예약으로 이동합니다.

03 · 프로그램 상세

수업의 상세 이미지·설명·정원과 필요한 포인트를 확인합니다.

02

수업과 자녀를 선택하고 활동 기록까지 확인합니다.

날짜별 수업과 예약 가능 여부를 확인합니다. 선택한 수업마다 자녀를 지정하고 포인트 합계·취소 조건을 확인해 예약합니다. 예약 상세에서는 수업과 자녀, 출석 상태와 사진·담당자 활동 기록을 함께 확인합니다.

일정 선택 · 예약 확인 · 아이 활동

날짜별 수업과 자녀·포인트를 선택하고, 예약에 연결된 사진과 담당자 활동 기록을 확인합니다.

01 · 일정·수업 선택

날짜별 수업과 예약 가능 여부를 확인하고 예약할 수업을 선택합니다.

02 · 자녀 선택·예약 확인

선택한 수업마다 참여할 자녀를 지정하고 포인트 합계·취소 조건을 확인합니다.

03 · 예약·출석 상태 조회

예약 상세에서 수업·자녀·일시·포인트와 출석 상태 및 활동 기록을 확인합니다.

04 · 사진·담당자 활동 기록

활동 사진과 자녀·일시·담당자, 배운 내용과 Word of the Day를 확인합니다.

03

전체 운영자와 현장 담당자의 업무를 나눕니다.

전체 운영자는 프로그램 일정과 수업 시간, 수업 복제와 휴무를 관리합니다. 현장 담당자는 예약·출석 상태와 활동 작성 여부를 조회하고 자녀별 활동 내용·리뷰·사진을 작성합니다.

전체 관리자 · 현장 담당자

전체 운영자의 프로그램 일정과 현장 담당자의 예약 조회·아이 활동 작성을 구분한 관리자 화면입니다.

01 · 전체 관리자·프로그램 일정

전체 운영자는 달력과 프로그램별 시간을 확인하고 일정 등록·편집·수업 복제·휴무를 관리합니다.

02 · 현장 관리자·예약과 활동 상태

현장 담당자는 예약·출석 상태와 활동 작성 여부를 조회하고 자녀별 활동 작성으로 이동합니다.

03 · 현장 관리자·아이 활동 작성

자녀·날짜·담당자, 활동·학습·특별한 점·리뷰와 사진을 예약에 연결해 저장합니다.

제작 범위

• 고객 웹: 프로그램 탐색·상세, 일정 선택·자녀별 포인트 예약, 예약·아이 활동 확인
• 전체 관리자: 회원·자녀, 프로그램·일정·휴무, 예약과 서비스 콘텐츠 관리
• 현장 관리자: 예약 상태 조회, 자녀별 활동 내용·리뷰·사진 작성

고객용 반응형 웹과 전체·현장 관리자의 화면을 업무에 맞춰 구성했습니다. 프로그램·일정·자녀·예약과 활동 기록을 Firebase 데이터로 연결하고, 현장 담당자의 기능 범위를 예약 조회와 활동 작성 중심으로 구분했습니다.