프로젝트 배경
문제점
대형 상업공간, 독서실, 매장 등에서 전체 공간을 통합으로만 관리해 구역별 실시간 데이터 파악이 어려움
특정 위치에 있는 좌석, 상점, 구역 등의 정보를 시각적으로 명확히 구분·제어할 수 있는 기능이 부재
좌석별 공석 여부나 구역별 상품 주문 상태 확인 등의 업무가 수작업에 의존하거나 비효율적임
프로젝트 목표
배경 이미지(지도, 약도 등)를 기반으로 공간을 격자 단위로 분할하고, 구역별로 관리 가능한 시스템 구현
드래그를 통해 직관적으로 바카라 지정 → 번호, 이름, 속성 할당 → 해당 바카라에 상품, 주문, 좌석 정보 연동
공간 전체를 하나의 단위로 관리하지 않고, 사용자 정의 바카라 단위로 구분해 유연한 정보 관리 제공
**다양한 업종(마트, 카페, 독서실 등)**에 맞게 커스터마이징 가능하도록 범용 구조 설계
주안점
격자 단위로 공간 나누기
→ 배경 이미지 위 격자 생성 후 드래그로 바카라 지정, 사이즈 조절 가능
지정된 바카라에 속성(이름, 번호, 성격 등) 부여 가능
→ 상점/좌석/구역 등으로 정의하며, 관리자가 선택 가능
바카라별 데이터 연동 및 실시간 정보 표시
→ 상품, 주문, 공석 여부 등 바카라별 개별 상태 표시 및 제어 가능
범용 확장성을 고려한 구조 설계
→ 마트(상품 중심), 카페(좌석 중심), 전시장(부스 중심) 등 다양한 업종에 대응 가능
대형 상업공간, 독서실, 매장 등에서 전체 공간을 통합으로만 관리해 구역별 실시간 데이터 파악이 어려움
특정 위치에 있는 좌석, 상점, 구역 등의 정보를 시각적으로 명확히 구분·제어할 수 있는 기능이 부재
좌석별 공석 여부나 구역별 상품 주문 상태 확인 등의 업무가 수작업에 의존하거나 비효율적임
프로젝트 목표
배경 이미지(지도, 약도 등)를 기반으로 공간을 격자 단위로 분할하고, 구역별로 관리 가능한 시스템 구현
드래그를 통해 직관적으로 바카라 지정 → 번호, 이름, 속성 할당 → 해당 바카라에 상품, 주문, 좌석 정보 연동
공간 전체를 하나의 단위로 관리하지 않고, 사용자 정의 바카라 단위로 구분해 유연한 정보 관리 제공
**다양한 업종(마트, 카페, 독서실 등)**에 맞게 커스터마이징 가능하도록 범용 구조 설계
주안점
격자 단위로 공간 나누기
→ 배경 이미지 위 격자 생성 후 드래그로 바카라 지정, 사이즈 조절 가능
지정된 바카라에 속성(이름, 번호, 성격 등) 부여 가능
→ 상점/좌석/구역 등으로 정의하며, 관리자가 선택 가능
바카라별 데이터 연동 및 실시간 정보 표시
→ 상품, 주문, 공석 여부 등 바카라별 개별 상태 표시 및 제어 가능
범용 확장성을 고려한 구조 설계
→ 마트(상품 중심), 카페(좌석 중심), 전시장(부스 중심) 등 다양한 업종에 대응 가능
프로젝트 성과
공간 기반 정보처리 효율 약 80% 개선
기존 수기/수작업 대비 각 바카라의 정보 추적과 변경 속도 급상승
업종 확장 대응 구조로 호환성 확보
마트, 카페, 독서실 등 다양한 업종에 재사용 가능
격자 기반 드래그 바카라 지정 정확도 100% 달성
실제 위치와 지정 바카라의 오차 없이 시각화 처리 성공
바카라별 정보 분산처리로 관리자 업무 피로도 조사 60% 감소
개별 좌석/상점 기준으로 정보 분리 관리 가능해짐
핵심 기능


배경 이미지 기반 공간 매핑
약도/지도 이미지 업로드
격자 크기(상점 단위) 및 사각개수 조정
드래그를 통해 원하는 바카라을 직관적으로 지정
격자 크기(상점 단위) 및 사각개수 조정
드래그를 통해 원하는 바카라을 직관적으로 지정

바카라 속성 설정 및 관리
지정된 바카라에 이름/번호/구분(좌석, 상점, 구역 등) 부여
등록된 바카라은 리스트에 자동 정리 및 클릭 시 정보 조회 가능
등록된 바카라은 리스트에 자동 정리 및 클릭 시 정보 조회 가능


바카라별 데이터 연동
상점: 상품 및 주문 정보 연결, 판매 현황 확인
좌석: 공석 여부, 이용자 정보, 예약 가능 여부 관리
구역: 이벤트, 활동 구간, 서비스 범위 등 정보 설정 가능
좌석: 공석 여부, 이용자 정보, 예약 가능 여부 관리
구역: 이벤트, 활동 구간, 서비스 범위 등 정보 설정 가능
진행 단계
매핑 인터페이스 설계
2024.04.
이미지 업로드 → 격자 세팅 UI 설계
격자 크기 및 단위 조정 로직 구성
격자 크기 및 단위 조정 로직 구성
드래그 기반 바카라 지정 기능 개발
2024.04.
격자 위에서 마우스 드래그 → 사각바카라 지정
지정 후 이름, 번호, 유형(상점/좌석 등) 입력 및 저장
지정 후 이름, 번호, 유형(상점/좌석 등) 입력 및 저장
바카라별 정보 연동 기능 개발
2024.04.
각 바카라에 상품, 주문, 공석 정보 연결 기능
바카라 리스트 → 바카라 클릭 시 정보 상세 보기 및 편집 가능
바카라 리스트 → 바카라 클릭 시 정보 상세 보기 및 편집 가능
정보관리 및 활용 예제 적용
2024.04.
마트: 상품 진열 및 재고 확인, 구역별 판매 분석
카페: 좌석 예약, 공석 여부 실시간 표시
독서실: 좌석별 예약 현황, 잔여 시간 관리 UI 제공
카페: 좌석 예약, 공석 여부 실시간 표시
독서실: 좌석별 예약 현황, 잔여 시간 관리 UI 제공
프로젝트 상세
특징 : 공간의 바카라을 직접 지정해 나누고, 바카라별 성격과 번호를 할당, 바카라별 상품, 주문 등 정보를 관리 할 수 있는 기능(매핑)
- 공간 매핑을 위해서는 배경 이미지가 필요
- 배경 이미지는 약도, 지도와 같은 형태로 존재
- 배경 이미지 첨부 후 상점 사이즈(바카라 지정에 필요한 기본 단위), 사각개수(바카라 범위 지정을 위한 격자 크기)를 조정해 격자 설정
- 격자를 배경 이미지에 맞게 조절 후 바카라 범위를 드래그해 지정 가능
- 바카라 범위 지정시 해당 바카라의 구분과 이름, 번호를 할당 및 정의 가능
- 바카라 지정시 리스트에 해당 바카라이 등록되며, 바카라을 상점, 좌석, 구역 등으로 정의해 관리 가능
- 바카라에는 마트나 상점의 경우 상품, 주문 등 정보가 등록되며 바카라별 상품 및 주문 목록 관리 가능
- 독서실이나 카페의 경우 바카라이 좌석, 구역으로 구분되며, 해당 바카라의 공석 여부, 주문 관리 등 활용
- 매핑 기능을 활용시, 넓은 공간의 정보를 한번에 관리하지 않고, 바카라을 나누어 바카라별로 정보를 관리 할 수 있는 장점이 존재
- 공간 매핑을 위해서는 배경 이미지가 필요
- 배경 이미지는 약도, 지도와 같은 형태로 존재
- 배경 이미지 첨부 후 상점 사이즈(바카라 지정에 필요한 기본 단위), 사각개수(바카라 범위 지정을 위한 격자 크기)를 조정해 격자 설정
- 격자를 배경 이미지에 맞게 조절 후 바카라 범위를 드래그해 지정 가능
- 바카라 범위 지정시 해당 바카라의 구분과 이름, 번호를 할당 및 정의 가능
- 바카라 지정시 리스트에 해당 바카라이 등록되며, 바카라을 상점, 좌석, 구역 등으로 정의해 관리 가능
- 바카라에는 마트나 상점의 경우 상품, 주문 등 정보가 등록되며 바카라별 상품 및 주문 목록 관리 가능
- 독서실이나 카페의 경우 바카라이 좌석, 구역으로 구분되며, 해당 바카라의 공석 여부, 주문 관리 등 활용
- 매핑 기능을 활용시, 넓은 공간의 정보를 한번에 관리하지 않고, 바카라을 나누어 바카라별로 정보를 관리 할 수 있는 장점이 존재

