SignalR을 사용한 영화 예매 시스템 구현

영화 예매 시스템을 몇번 이용을 해보았는데. 진짜 리얼 좌석 예매가 되지 않아서 불편했었다. 그래서, SignalR을 이용해서 진정한 리얼타임 예매 시스템을 간단하게 구현해 보았다.

 

전체적인 화면 구성은 모 사이트의 내용을 카피한 것이고, 화면에 나오는 데이터들은 고정 값이니 참고하기 바란다.

 

* 참고

SignalR  / SignalR

https://github.com/SignalR/SignalR

 

* Silverlight 클라이언트 실행 페이지

http://kakisoft.com/rmoviesl5/index.aspx

 

1. 첫화면은 별 내용이 없으니, 다음 단계로 넘어간다.

 

2. 좌석 선택 화면

 

3. 첫번째 클라이언트(고객)이 좌석 E:13, E:14를 선택

 

4. 두번째 클라이언트(고객)를 실행하면 E:13, E:14는 이미 다른 사용자가 선택한 것으로 표시된다.

 

5. 두번째 클라이언트에서 좌석 E:15, E:16을 선택한다.

이때 첫번째 클라이언트에 즉시 표시된다.

 

6. 세번째 클라이언트는 Windows 8 store app을 통해서 접속한다.

 

7. 좌석 선택 화면을 보면 E:13, E:14, E:15, E:16이 선택되어있는 것을 확인할 수 있다.

 

8. 세번째 클라이언트에서 F:13, F14를 선택한다.

즉시, 첫번째, 두번째 클라이언트에 반영된다.

9. Windows 8 Store app 설치 패키지는 첨부하지 않는다.

사용해보기를 원하면, 리플로 요청을 하기 바란다.

 

10. 모든것은 Web Socket을 통해서 작업이 된다.

언젠가 이런 실시간 예매 시스템이 나오리라 생각한다.