다가오는 티켓팅 공연 정보
- 남은 시간 : 모의 티켓팅 시작까지 남은 시간
- 유형 : 콘서트 | 뮤지컬 | 공연장 | 극장
- 콘서트
- 뮤지컬
- 공연장
- 극장
- 제공사 : 인터파크 | Yes24 | 멜론티켓
- 일시 : 년/월/일 시간 ( 실제 공연 티켓팅 시작 시간 2025년 10월 11일 저녁 8시 )
- 장소
- 가격
- 예상 난이도 : 상 | 중 | 하
- 예매하기 버튼
- 티켓팅 시작 시간에 도달하기 전까지는 비활성화
- 버튼이 활성화되면 날짜 & 시간 & 회차 선택 UI/UX
- 날짜 선택 : 캘린더 컴포넌트를 통해 날짜 선택
- 회차 선택 : 날짜를 선택하면 공연 회차 선택
이후에 다가오는 티켓팅 일정 조회 (5개까지) : 실제 다가오는 공연 + 사이트에서 예정된 모의 티켓팅 목록
- 제목(타이틀)
- 일시 : 년/월/일 시간 ( 실제 공연 시간 )
- 모의 티켓팅 시작 시간 : 년/월/일/시간
- 장소
- 포스터
- 최신순 정렬 : 공연장 규모 & 투어 규모 기준을 충족한 공연 대상
![[NOL 티켓] 오픈예정 티켓 정보 https://tickets.interpark.com/contents/notice](attachment:d9b6eff5-e6a0-4352-9da0-815902cd0922:image.png)
[NOL 티켓] 오픈예정 티켓 정보 https://tickets.interpark.com/contents/notice
현재 환경에서의 네트워크 상태 확인
- 상태 : 매우 좋음 | 중간 | 매우 나쁨
- 속도 : 193 mbps
- 응답시간 : 36ms ( ping )
- ping : 로컬 → 티켓팅 서버 로 요청을 보내고 돌아오기까지 시간(RTT)
- ping : 티켓팅 서버 → 로컬
모의 티켓팅 시뮬레이션
- 티켓팅 예매
- 접속 대기
- 대기열 진행바 : 나의 대기 순서 / 전체 대기 인원
- 현재 대기 인원
- 예매 성공율 : ?
- 대기열 진행바 : 나의 대기 순서 / 전체 대기 인원
- 보안 문자 입력
- 좌석 및 인원 선택
- 선택된 좌석
- 구역
- 열
- 번호
- 개수
- 좌석 등급별 색상 및 가격 시스템 안내
- VIP석: 보라색 (154,000원)
- R석: 핑크색 (143,000원)
- S석: 파란색 (132,000원)
- A석: 초록색 (110,000원)
- 일반석: 회색 (99,000원)
- 좌석 선택 프로세스
-
큰 공연장의 경우 1+2단계로 구성, 작은 공연장은 구역 선택 없이 2단계로 바로 진행
1단계: ZONE 선택
- SVG 기반의 공연장 맵 표시
- 10개 구역(VIP 2개, R 2개, S 2개, A 2개, 일반석 2개)
- 각 구역은 등급별 색상으로 표시
- 잔여 좌석 수 표시
- 상단에 등급별 가격 안내
2단계: 좌석 선택
- 선택한 ZONE 진입 후 개별 좌석 표시 (100석)
- 뒤로가기 버튼으로 ZONE 선택 화면으로 복귀
- 선택한 ZONE의 등급 색상으로 좌석 표시
- 사이드바에 선택한 좌석의 구역명과 가격 상세 표시
- 총 금액 자동 계산
-
- 기타 부가 기능
- 화면 축소, 확대
- 좌석 전체 삭제 X 버튼
- 선택된 좌석
- 최종 피드백
- 각 화면(단계)별 얼마나 오래 걸렸는지 시간 측정
- TotalTime: 처음 ~ 끝 얼마나 시간 소요
- 전체 사용자 대비 등수
- 백분율 ( 상위 x % )
실시간 채팅 기능 : 티켓팅 전/후로 소감 및 후기 공유용
- 닉네임 입력창
- 채팅 보낸 시간
티켓팅 꿀팁 제공 : 티켓팅과 관련한 꿀팁 제공
- 취소표 줍는 법
- 성공률 높이는 법
티켓팅 어워즈
티켓팅 사이트 트래픽 분석 : 인터파크, Yes24, 멜론 티켓 등 현존하는 사이트들의 실시간 트래픽을 모니터링하고 그래프로 제공 ( JS chart by amChart )