Báo cáo môn thiết kế web cơ bản thiết kế chức năng cho website du lịch dilata

BO THONG TIN VA TRUYEN THONG TAP DOAN BUU CHINH VIEN THONG VIET NAM HOC VIEN CONG NGHE BUU CHINH VIEN THONG KHOA DA PHUONG TIEN Môn Thiết Kế Web Cơ Bản Thiết kế chức cho website du lịch Dilata Giảng viên: Vũ Thị Tú Anh Sinh Viên: Đoàn Thị Thảo Mã sinh viên: B21DCPT208 Nhóm mơn học: 04 Hà Nội , 2023 LOI MO DAU: Nhóm em có làm website du lịch mang tên Dilata, tảng trực tuyến mang lại trải nghiệm đặt tour linh hoạt tiện lợi cho khách hàng Website du lịch trở thành công cụ quan trọng ngành du lịch, giúp người dùng khám pha đặt tour theo ý muốn Băng cách kết hợp công nghệ nguôn thông tin phong phú, website du lịch thúc phát triển tăng cường trải nghiệm du lịch cho khách hàng Bài báo cáo trình bày mục đích chức giao diện tương ứng, phân tích nguyên tắc Gestalt sử dụng thiết kế NHAN XET CUA GIANG VIEN MUC LUC CHƯƠNG I: GIỚI THIỆU - E9 E9E9E#E#E#EEESESEEEEESEEEEEeEeEkEkrrkrerererees I Giới thiệu chung website ch ưkg ] I8) (2008200 ố.ố.ốố.ố ] CHUONG II : PHAN TICH ccccccscsssssssesssssscssssssessscssecsscssscssecsssasecsssesecssecssesseesess I Chức nang hién thi cdc tour cho người dùng(trang chủ) -. TI Chire nang dat vé ae IIL Chức toán tour đặt 5-52 ca IV Chức xem thông báo tour đặt thành công - - V Phân tích nguyên tắc Gestalt ứng dụng thiết kế CHUONG III: KẾT LUẬN VÀ TÀI LIỆU THAM KHẢO . .-I Kết luận Jft;0ì i0), :)i8 4: - «+ SE SE T1 SE SE SE TT TT 10 II CHUONG I: GIOI THIEU I Giới thiệu website Dilata 1a website du lịch lữ hành trực tuyến Website sử dụng cá nhân, doanh nghiệp tổ chức để quảng bá điểm đến du lịch, giới thiệu tour du lịch cung cấp thông tin cho khách du lịch II ˆ Nghiệp vụ web Dilata cung cấp dịch vụ du lịch, đáp ứng nhu cầu thông tin; cung cấp giải pháp tối ưu giúp người dùng đặt chỗ, tốn, tìm kiếm, đánh giá tương tác người dung dé tao trải nghiệm du lịch tôt thuận tiện Dilata gồm đối tượng sử dụng người dùng, bên thứ ba — công ty đăng tour du lịch lên trang web cuối boss — người sở hữu web Và chức phân tích báo cáo nằm phân đánh giá người dùng CHUONG II: PHAN TICH I Chức hiển thị tour cho người dùng( trang chủ) a) Thông tin -_ Mong muôn người dùng: Xem danh sách tour mà web có Đặt Dilata nàoo :iờn CO mẽnng Teur €oo Cấp Nho Trang 3N2ĐBiến Đảo Mhe Yrang TOUR TRONG NƯỚC ss Tour Tay Nguyén Tour Nhật Bản 6N5Đ: Hà Nội - Tour Trung Quốc 7N7Đ: Thành Tokyo - Mùa Thu Nhật Bản Câu - Dõ Giang Yến Osaka - Kobe - Kyoto - Pha Si- 16.900.000 Đô- Trùng Khánh - Cừu Trại trơn 96.000.000 Teue Liên Tuyên Bà Nước 6N5Đ: Singapoee - Indonesia - Malaysia n 36.900.009 Trang An - Hang Maa "9e 3N2D: Kham Phá Tà Đúng- Buôn Mẻ Thuột Thác Draysap fon CERES Tour Phú Quốc : 1N: Cano Hon Mây Rút - Hòn Đăm Ngang - Hòn Mong Tay - Cap Treo Hon Thom = eee ĐỊA ĐIỂM NỔI BẬT Vịnh Hạ Long UNESCO hai lần công nhận Di sản Thiên nhiên Thế giới vào năm 1994 năm 2000 theo tiêu chí (vii) tiêu chí (viii) 20+ 100+ 15+ 10+ ĐÁNH GIÁ CỦA KHÁCH HÀNG If you have any question, Let us heÌp you! — a b) Muc dich - _ Ở trang chủ người dùng xem tour mà website có - _ Người dùng tìm kiếm tour theo nhu cầu - _ Người dùng đọc đánh giá khách hàng sử dụng dich vu o Dilata c) Phân loại - _ Đây chức hiển thị số liệu - _ Chức cập nhật số liệu là: Đăng dịch vụ cơng ty cung cấp tour du lịch II ˆ Chức đặt vé tour a) Thông tin - Mong muốn người dùng: Xem danh sách tour mà web có Teur Liên Tuyên 8a Nước 6N5Đ: Singapore Indonesia - Malaysia nữ -:- Z8 Những trải nghiệm thú vị chương trình à eertlee: 1% hoxzs vi ) Coparusieg 206 x9wông A284: tyed Gores qo Geras H vou have any question, Let us heÌlp you! nrseei (2 23 ) Guede serve bx lcet ©) Language (9g) Herarww teary feet re een a Se Crary Tremnpertation Cor b) Muc dich - Cho phép nguoi dung dat vé truc tuyén mot cach thuan tién va nhanh chong Sau tim thay lựa chọn phù hợp, người dùng chọn loại vé,chọn thời gian vê Tour Liên Tuyến Ba Nước 6N5Đ: Singapore Indonesia - Malaysia Người Lớn 10.000.000 Trẻ Em 00 Liên Hệ Tư Vấn Yêu Cầu Đặt Vé - _ Chức đặt vé cung cấp kênh liên lạc với nhân viên chăm sóc khách hàng.Biết khách hành có sử dụng website - _ Ở người dùng xem đánh giá khách hàng tour trước có đủ thơng tin tour muốn đặt.Giúp khách hàng có lựa chọn khách quan c) Phân loại - Day la chức cập nhật số liệu - _ Chức hiển thị số liệu là: Bảng thống kê liệu lượng truy cập tour (do bạn Nhung nhóm em đảm nhận) Manage + Quản lý ' (2 Yến Nhi Bảng thống kê lượt truy cập năm 2021 Le) Lượt truy cập 100 75 50 25 Tháng UÚsers: 678 AI Thág1 Tháng2 Thangs Tháng4 Tháng5 Năm trước III Tháng7 ThángB Thang? Thang % Thang! Tháng 12 Năm sau Chức toán tour đặt a) Thông tin chung - Thangs Mong muôn người dùng: Thanh tốn tour mà đặt trước Dilata St Dae ic THONG TIN KHACH HANG Ho (2) bean than sane VE CUA BAN TÊN sa ~ Tour Lién Tuyén Ba Nước 6N5Đ: Singapore Indonesia - Malaysia EMAIL’ * FRI, 23 DEC 2022 $0 CHEN THOM ABOUT 15:00 ME Người lứn 16.000.000 Total Price 16.000.000 Go to the Next Step Bi) Home M ora Re Rees] Chọn phương thức toán VỀ CỦA BẠN © Thanh toan bang thé tin dung Cad a SSS ee mm == @ @@ spice Oe Tour Lién Tuyén Ba UE Nước 6N5Đ: Singapore Indonesia - Malaysia FRI, 23 DEC 2022 15:00 Người lớn 16.000.000 Total Price 16.000.000 Go to the Next Step Dilata Your Order is complete! ou well be receiving _ a confirmation email Goto the Home Page with order details b) Muc dich - _ Thơng tin khách hàng: Mục đích muốn thu thập thơng tin người ding,tir có thơng tin người tham gia tour du lịch - _ Chức tốn tour: Cho phép khách hàng hồn tất q trình tốn cho tour đặt Sau khách hàng chọn tour đặt cọc (nếu có), chức cho phép họ tốn số tiền cịn lại thơng qua phương thức tốn khác nhau, ví dụ thẻ tín dụng, thẻ ghi nợ, chuyên khoản ngân hàng hình thức tốn trực tuyến khác c) Phân loại - Day la chức cập nhật số liệu - Chức hiển thị số liệu là: Bảng thống kê đơn đặt(do bạn Nhung nhóm em đảm nhận) Dilata Da ằn ký Quan ly bu DJ ; Lịch sử đơn hàng Mã đơn Tên khách hàng 35815 ĐịaChẩn Giá Trạng thái tốn — Phương thức thanhtốn Xem tiết © Đơn dé dat Thịnh 35813 Hưng 30.571000đ Ngân hàng @ Cake @ Ngân hàng @ Cac | 3.892.342, LanPhuung 5057164đ Chưa toán 35809 LanMinh 4.700.200đ IV Chức xem thông báo tour đặt thành công a) Thông tin chung Mong muôn người dùng: Xem lại tour đặt thành cơng hay chưa pee eras Vé Tour Liên Tưyến Ba Nước 6NŠ5Đ: Singapore indonesia - Malaysia ® Pequl “ te Dailey tràd te Tour khác Tour Ninh fink IN Xe Limousine 17C: Bai Dinh - Trang An Hang Moe han 16.000 000 Tour Tay Nguyén 3⁄42Ð: Kham Phá Tà Dùng- Buôn Mỏ Thuột Thát Oraysap hen %& 009 006 If you have any question, Let tus help you! b) Muc dich Tour Phd Qude IN: Cano és Miy Set Hom Dien Ngang : Hon Mong Tay - Cap Treo ton Thom 1b 900 0£ - _ Xác nhận đặt tour: Chức cung cấp cho khách hàng thông báo xác nhận q trình đặt tour họ hồn thành thành công - _ Cung cấp thông tỉn cần thiết: Thông báo tour đặt thành công cung cấp cho khách hàng thông tin cần thiết để chuẩn bị cho chuyến di - Xac nhan toan: Thong báo cung cấp xác nhận tốn cho khách hàng Nó liệt kê tống số tiền thanhtoán, phương thức toán sử dụng c) Phân loại - _ Đây chức hiển thị số liệu - - Chức cập nhật số liệu là: Lịch sử tour mà khách hàng đặt hệ thống quản lí lưu trữ V Phân tích nguyên tắc Gestalt ứng dụng thiết kế Nguyên tắc gần ké (proximity): = day Nha Trang Tour Nha Trang IN: Cano Dao - Vinh Nha Trang lu Cities - _ Thông tin xếp gân giúp người xem hiểu chúng tour du lịch Khách sạn - Tours Cac element duge xép gan Nguyén tac tuong dong (similarity): Tour Nhét Gén GNSO: Ma Một - Oseks tobe Kyote Ph Teky® - Mis Tha Nhgt Ran Towr Trung Quéc INTO: Thanh 62460 Sing3pere hom 96.080.000 hee 8908 £00 Clu - 05 Giang Tim mm 16000 008 Tour Cabs Tuyén Be Nude Đỏ : [rùng Khásh - Cứu Trợ In#o+esia - MaAia/va Bổ -—2~ - Giống hình dạng giúp người xem đốn chúng có liên quan đến có phân câp thơng tin Nguyên tắc liên tục (continuation): TOUR NƯỚC NGOÀI Tour Nhật Bản 6N5Đ: Hà Nội Osaka - Kobe - Kyoto - Phú Sĩ Tokyo - Mùa Thu Nhật Bản Tour Trung Quốc 7N7Đ: Thành Đô - Trùng Khánh - Cứu Trại Câu - Đê Giang Yến Tour Liên Tuyến Ba Nước 6N5D: Singapore Indonesia - Malaysia trom 36.090.009 from 16.000.009 tren 36.009.009 X11 Ná re xã “ms - _ Thông tin tour xếp thành ngang nhau, cho biết tour thuộc l1 dạng tour nước hay nước Bs Tour Liên Tuyên Ba Nước 6N5Đ;: Singapore Indonesia - Malaysia ¬ e ee - Thong tin duge xếp theo hàng ngang cho thấy hình ảnh bên trái liên quan đên thơng bên phải Nguyên tắc phụ (figure-sround): 8a: days = Tour Nha Trang IN: Cano Bao ~ Vịnh Nha Trang Nho Trang Tour Cao Cấp Nha Trang 2N2ÐĐ: Biển Đảo Nha Trang ai: ad days Nha Trong Tour Cao Cấp Nha Trang 3N2Ð: Biển Đảo Nhơ Trang - _ Thông tin ba tour sáng so với giúp người dùng tập trung vào thông tin ba tour CHUONG I Keét luan III: KET LUAN VA TAI LIEU THAM KHAO Dilata trang web cung cấp thông tin địa điểm du lịch, tour du lịch dịch vụ du lịch khác Website có thơng tin xác đủ, giao diện thân thiện với người dùng, có hình ảnh chất lượng cao tương thích thiết bị => Dilata website du lịch uy tín đáng tin cậy va nguồn thông tin du lịch hữu ích cho người yêu thích du lịch II Tài liệu tham khảo https://bit.ly/4a79f9K 10 https://bit.ly/3NdLPWG https://bit.ly/3T5hFsp https://bit.ly/46GjrD1 11