1. 로그인

    1. 로그인이 되어야 서비스를 이용 할 수 있어서 테스트 계정으로 로그인을 먼저 진행하겠습니다

    메인화면인데요, 여기서 항공권을 검색을 할 수 있어요

  2. 도쿄 검색

    1. 도쿄를 가볼까요~~?
    2. 출발지, 목적지 그리고 날짜를 입렫하고 탑승자별 연령대를 선택하면 항공권 검색이 적용됩니다

  3. 필터

    1. 항공권 실제 데이터가 나오는데요
    2. 직항, 출발/도착 시간, 원하는 항공사, 가격대 등을 선택하여 다양한 조건에 대해 필터링이 가능합니다

  4. 약관

    1. 항공권을 선택하면 항공편과 운임에 대한 상세정보를 확인 할 수 있습니다! 약관을 전체 동의 하고 넘어가겠습니다

  5. 입력 및 결제

    1. 탑승객 정보 입력 페이지입니다 티켓 조회를 했을 때 선택한 인원 수 와 연령대가 탑승자 정보 입력란에 동적으로 보여집니다
    2. 시연을 위해 데이터를 넣어두었습니다.
    3. 결제를 진행 해 볼게여~!

  6. 좌석

    1. 선택한 항공권의 항공기에 따른 배열과 항공기 시설 정보를 동적으로 불러오고
    2. 입력되었던 탑승자 정보를 동적으로 보여줍니다
    3. 탑승객이 선택한 좌석을 취소하거나 재선택하여도 해당 탑승객에게 좌석이 반영됩니다

  7. 결제완료

    1. 좌석 선택을 완료 하면 최종적으로 결제완료가 되는데
    2. 탑승자 정보와 출발지 목적지 정보, 좌석 정보가 담긴 e-ticket이 발권된것을 확인 할 수 있습니다

  8. 티켓 수정

    1. 여기서 티켓 수정하기 버튼을 선택하면 티켓을 커스텀 할 수 있는 페이지로 넘어가는데요
    2. html5 캔버스 기능을 사용해서 사용자가 원하는대로 커스텀이 가능합니다
    3. 목적지가 되는 국가의 이미지가 기본으로 세팅되는데 사용자가 직접 원하는 사진으로 변경 또한 가능하고
    4. 커스텀 한 티켓을 이미지로 저장 할 수 있습니다

  9. 발자국

    1. 발자국 페이지는 사용자의 여행 기록을 확인 할 수 있는데요
    2. 비행 횟수와 비행 시간, 자주 이용한 항공기, 공항을 데이터로 확인 할 수 있습니다
    3. 하단에는 사용자의 모든 e-ticket을 날짜 순으로 모아볼 수 있습니다

  10. 예약 내역

    1. 예약 내역 페이지는 사용자가 구매한 항공권의 예약 내역을 모두 확인 할 수 있으며
    2. 왕복과 편도여부에 따라 항공권의 정보를 예약 번호와 함께 불러옵니다

  11. 프린트

    1. 하단에는 해당 예약 된 항공권의 탑승객 별 정보와 e-ticket을 pdf 저장이 가능합니다