Download - airbnb_cord_19_sb
Transcript
![Page 1: airbnb_cord_19_sb](https://reader038.vdocuments.pub/reader038/viewer/2022100803/5a6696257f8b9ac3578b4971/html5/thumbnails/1.jpg)
AirBnb Hybrid App Development Project
Part1 . Story Board
Lee Juyeon
010-4410-7879 [email protected]
![Page 2: airbnb_cord_19_sb](https://reader038.vdocuments.pub/reader038/viewer/2022100803/5a6696257f8b9ac3578b4971/html5/thumbnails/2.jpg)
1.Loading_img
![Page 3: airbnb_cord_19_sb](https://reader038.vdocuments.pub/reader038/viewer/2022100803/5a6696257f8b9ac3578b4971/html5/thumbnails/3.jpg)
2.Login Page
> .click( e => {숙소리스트로 이동합니다.} );
![Page 4: airbnb_cord_19_sb](https://reader038.vdocuments.pub/reader038/viewer/2022100803/5a6696257f8b9ac3578b4971/html5/thumbnails/4.jpg)
3.숙소 리스트
![Page 5: airbnb_cord_19_sb](https://reader038.vdocuments.pub/reader038/viewer/2022100803/5a6696257f8b9ac3578b4971/html5/thumbnails/5.jpg)
4.클릭시 숙소 디테일로 이동합니다.
주요 기능: 1.DB에 있는 숙소 정보 뿌리기
(DB 설계 검토 후 디자인 결정할 것) 2.구글 지도 Api 연동
예약버튼 누르면, 예약 페이지로 이동합니다.
![Page 6: airbnb_cord_19_sb](https://reader038.vdocuments.pub/reader038/viewer/2022100803/5a6696257f8b9ac3578b4971/html5/thumbnails/6.jpg)
5.클릭시 예약 페이지 - (날짜 설정)로 이동합니다.
![Page 7: airbnb_cord_19_sb](https://reader038.vdocuments.pub/reader038/viewer/2022100803/5a6696257f8b9ac3578b4971/html5/thumbnails/7.jpg)
6.예약하기 버튼 누르면, 예약 세부정보 확인 페이지로 이동
![Page 8: airbnb_cord_19_sb](https://reader038.vdocuments.pub/reader038/viewer/2022100803/5a6696257f8b9ac3578b4971/html5/thumbnails/8.jpg)
7.다음 버튼 누르면 확인 및 결제 페이지로 이동
![Page 9: airbnb_cord_19_sb](https://reader038.vdocuments.pub/reader038/viewer/2022100803/5a6696257f8b9ac3578b4971/html5/thumbnails/9.jpg)
8.예약 요청 버튼 누르면 결제 완료 페이지로 이동
버튼 누르면 숙소리스트 페이지로 다시 이동
팝업창 띄워서, 예약확인은 웹에서 확인하세요! 라는 식으로 .. 알려주자.