순번대기열 서비스 DEMO

온라인 순번대기열 서비스의 실제 동작을 확인 할 수 있습니다.

대기열 상태를 확인 및 통과수량 설정을 직접 할 수 있는 관리자 페이지를 제공합니다.

Admin Page

DEMO-1 : Landing Page 방식

적용 대상 목적(Target) 페이지가 GET 방식으로 접속되는 페이지
  • 트래픽을 고려하면 로딩페이지는 CDN을 이용하고, 동영상 보다는 단순 이미지나 텍스트로 구성하여 가능한 페이지 크기를 줄이는 것이 중요합니다.
  • 이 데모에서는 대기가 완료되면 Demo-2 페이지로 이동합니다.
Demo-1

DEMO-2 : Embedded 방식

적용 대상 목적(Target) 페이지가 POST(submit) 또는 Ajax 호출 시
  • 웹사이트 페이지 내의 저장(제출)하기 버튼 등 트랜잭션을 유발하는 지점에 사용합니다.
  • 트랜잭션이 설정된 수량만큼 순차적으로 발생하기 때문에 DB 등의 Application Server를 과부하로부터 막을 수 있습니다.
  • 이 Demo에서는 참가신청하기 버튼 클릭(Click) 이벤트의 Callback 부에서 대기열을 호출합니다.
Demo-2

DEMO-3 : Redirect 방식

적용 대상 목적(Target) 페이지가 GET 방식으로 접속되는 페이지
  • 목적(Target)페이지에 간단한 Server-side 코딩이 필요(샘플제공).
  • 이 Demo에서는 목적페이지(DEMO-3.php)의 URL로 바로 접근을 시도했을 때 Landing Page로 강제 이동(Redirect) 시킵니다.
DEMO-3

DEMO-4 : Replace 방식

적용 대상 목적(Target) 페이지가 GET 방식으로 접속되는 페이지
  • Page 이동(Redirect)이 없이 대기열이 처리됩니다.
  • 목적(Target)페이지에 간단한 Server-side 코딩이 필요(샘플제공).
  • 이 Demo에서는 목적페이지(DEMO-4.php)의 URL로 바로 접근을 시도했을 때 Redirect(주소이동) 없이 대기열 페이지가 표시된 후 대기가 완료되면 다시 원래의 페이지가 표시됩니다.
DEMO-4

DEMO-5 : Advance 방식

적용 대상 목적(Target) 페이지가 GET 방식으로 접속되는 페이지
  • 목적(Target)페이지에 간단한 Server-side 코딩이 필요(샘플제공).
  • 이 Demo에서는 목적페이지(DEMO-5.jsp) 접근 시 대기자가 있으면 Replace 방식(Demo-4)와 동일하게 동작하고 대기자가 없으면 컨텐츠가 바로 표시됩니다. .
DEMO-5

Homepage