BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC DUY TÂN

Tên đề tài
XÂY DỰNG WEBSIT MÔI GIỚI DU LỊCH ĐÀ NẴNG

TÀI LIỆU THIẾT KẾ GIAO DIỆN

NHÓM SINH VIÊN THỰC HIỆN

Hồ Trung Can - 2021120640

Trương Quang Tiên – 2021126108
Nguyễn Trọng Khôi –2021127911
Mai Phước Quốc - 2021124455
Nguyễn Ngọc Quỳnh - 2021434279

Đà Nẵng, 2018

0
 MỤC LỤC
1. TỔNG QUAN....................................................................................................................................1
1.1. MỤC ĐÍCH................................................................................................................................1
1.2. CÁC TÀI LIỆU LIÊN QUAN...................................................................................................1
1.3. ĐẶC ĐIỂM GIAO DIỆN..........................................................................................................1
1.4. GIAO DIỆN LOGIN.................................................................................................................1
1.5. GIAO DIỆN RESET PASSWORD..........................................................................................2
1.6. GIAO DIỆN TRANG CHỦ ADMIN........................................................................................3
1.7. GIAO DIỆN QUẢN LÝ ĐỐI TÁC...........................................................................................4
1.8. GIAO DIỆN THÊM TÀI KHOẢN CỦA QUÁN LÝ ĐỐI TÁC.............................................6
1.9. GIAO DIỆN CHI TIẾT TÀI KHOẢN CỦA QUÁN LÝ ĐỐI TÁC.......................................6
1.10. GIAO DIỆN ĐỊA ĐIỂM THÀNH PHỐ...............................................................................8
1.11. GIAO DIỆN ĐỊA ĐIỂM THÊM THÀNH PHỐ..................................................................8
1.12. GIAO DIỆN ĐỊA ĐIỂM CHI TIẾT THÀNH PHỐ..........................................................10
1.13. GIAO DIỆN ĐỊA ĐIỂM QUẬN/HUYỆN..........................................................................11
1.14. GIAO DIỆN ĐỊA ĐIỂM THÊM QUẬN/HUYỆN.............................................................12
1.15. GIAO DIỆN ĐỊA ĐIỂM CHI TIẾT QUẬN/HUYỆN.......................................................13
1.16. GIAO DIỆN GIỚI THIỆU..................................................................................................14
1.17. GIAO DIỆN LIÊN HỆ........................................................................................................15
1.18. GIAO DIỆN SLIDE.............................................................................................................16
1.19. GIAO DIỆN THÊM SLIDE................................................................................................17
1.20. GIAO DIỆN CHI TIẾT SLIDE..........................................................................................18
1.21. GIAO DIỆN DUYỆT TOUR...............................................................................................19
1.22. GIAO DIỆN CHI TIẾT TOUR ĐƯỢC DUYỆT...............................................................20
1.23. GIAO DIỆN DANH SÁCH TOUR ORDER......................................................................21
1.24. GIAO DIỆN QUẢN LÝ LOẠI TOUR...............................................................................22
1.25. GIAO DIỆN QUẢN LÝ THÊM LOẠI TOUR..................................................................23
1.26. GIAO DIỆN QUẢN LÝ CHI TIẾT LOẠI TOUR............................................................24
1.27. GIAO DIỆN QUẢN LÝ TOUR..........................................................................................25
1.28. GIAO DIỆN QUẢN LÝ CHI TIẾT TOUR.......................................................................26
1.29. GIAO DIỆN LOẠI BÀI VIẾT............................................................................................27
1.30. GIAO DIỆN THÊM LOẠI BÀI VIẾT...............................................................................28
1.31. GIAO DIỆN CHI TIẾT LOẠI BÀI VIẾT.........................................................................29
1.32. GIAO DIỆN BÀI VIẾT.......................................................................................................30
1.33. GIAO DIỆN THÊM BÀI VIẾT..........................................................................................31
1.34. GIAO DIỆN CHI TIẾT BÀI VIẾT....................................................................................32
1.35. GIAO DIỆN TRANG CHỦ CỦA ĐỐI TÁC......................................................................33
1.36. GIAO DIỆN UPDATE THÔNG TIN ĐỐI TÁC...............................................................35
1.37. GIAO DIỆN THAY ĐỔI MẬT KHẨU ĐỐI TÁC............................................................36
1.38. GIAO DIỆN QUẢN LÝ DANH SÁCH TOUR CỦA ĐỐI TÁC.......................................37
1.39. GIAO DIỆN DANH SÁCH TOUR ĐÃ NHẬN CỦA ĐỐI TÁC......................................38
1.40. GIAO DIỆN THÊM TOUR CỦA ĐỐI TÁC.....................................................................39
1.41. GIAO DIỆN SỬA TOUR CỦA ĐỐI TÁC.........................................................................40
1.42. GIAO DIỆN DANH SÁCH BÀI VIẾT CỦA ĐỐI TÁC...................................................42
1.43. GIAO DIỆN THÊM BÀI VIẾT CỦA ĐỐI TÁC...............................................................43
1.44. GIAO DIỆN SỬA BÀI VIẾT CỦA ĐỐI TÁC...................................................................44
Thông Tin Tài Liệu

Dự án Website thông tin

Tiêu đề User Interface Design
Người tạo Mai Phước Quốc
Hồ Trung Can

Lịch Sử Sửa Đổi

Phiên bản Người làm Ngày làm Mô tả

1.0 Mai Phước Quốc 06/04/2018 Init document
Hồ Trung Can
Ngày làm

Sprint Người làm Người làm

Sprint 1 Mai Phước Quốc 15/03/2018
Hồ Trung Can
Sprint 2 Mai Phước Quốc 06/04/2018
Hồ Trung Can

Xác Nhận Tài Liệu

Name Role Date Signature

Trần Thị Thanh Lan Mentor
Mai Phước Quốc Creator
Hồ Trung Can
Nguyễn Trọng Khôi Reviewer
1. TỔNG QUAN
1.1. MỤC ĐÍCH
Tài liệu này được tạo ra nhằm mục đích phát họa sơ lượt về giao diện của trang web.
1.2. CÁC TÀI LIỆU LIÊN QUAN
 ELCN.ProductBacklog
 ELCN.ArchitecutreDocument
 ELCN.DatabaseDesign
1.3. ĐẶC ĐIỂM GIAO DIỆN
1.4. GIAO DIỆN LOGIN

Hình 1.4.1: Giao diện login

USECASE Chức năng Trang chủ

STT Tên trường Loại Mục tiêu Chú ý
1 Username Textbox Nhập tên user Login

2 Password Textbox Nhập pass user

3 Checkbox Tích dấu phân biệt

lưu password vào
dữ liệu
4 Forgot Label Hiển thị trang
password reset password
5 Login Button Hiển thị trang chủ
admin
Bảng 1.4.1: Đặc tả Giao diện login

1
1.5. GIAO DIỆN RESET PASSWORD

Hình 1.5.1: Giao diện reset password

USECASE Chức năng Trang chủ

STT Tên trường Loại Mục tiêu Chú ý
1 Email Textbox Nhập email Login

2 Reset Button Reset pass và

chuyển qua
email cho user
3 Return to label Hiển thị trang
login login

Bảng 1.5.1: Đặc tả reset password

1.6. GIAO DIỆN TRANG CHỦ ADMIN

Hình 1.6.1: Giao diện trang chủ admin

 Bảng 1.6.1: Đặc tả giao diện trang chủ admin

USECASE Chức năng Trang chủ

STT Tên trường Loại Mục tiêu Chú ý
1 Total Label Hiển thị tổng Trang chủ
Revenue tiền (Administrator),
2 Total Hiển thị tổng tài khoản, địa
Ordered Label số tour điểm, quản lý
Tour website, quản lý
tour, tin tức
3 Partner Label Hiển thị số đối
tác
4 Ngày đầu Datetimepicker Hiển thị ngày
bắt đầu thống
kê của tháng
5 Ngày cuối Datetimepicker Hiển thị ngày
kết thúc thống
kê của tháng
6 Thống kê Button Hiển thị thống
kê doanh thu
7 Chart: Pie Hiển thị số
liệu thống kê
doanh thu(Thu
và chi)
8 Đối tác Combobox Hiển thị số đối
tác
9 Tháng Combobox Hiển thị số
tháng
10 Năm Combobox Hiển thị số
năm
11 Thống kê Button Hiển thị thống
kê hoạt động
của đối tác
12 Chart: line Hiển thị số
liệu thống kê
hoạt động của
đối tác
1.7. GIAO DIỆN QUẢN LÝ ĐỐI TÁC

Hình 1.7.1: Giao diện quản lý đối tác

USECASE Chức năng Trang chủ

STT Tên trường Loại Mục tiêu Chú ý
1 Thêm Button Hiển thị trang Trang chủ
thêm (Administrator)
2 Chi tiết Button Hiển thị trang chi , tài khoản, địa
tiết điểm, quản lý
website, quản
lý tour, tin tức
3 Khôi phục Button Thực hiện khôi
mật khẩu phục mật khẩu
cho trường đã
chọn
4 Xóa Button Thực hiện xóa
cho trường đã
chọn
5 Checkbox Chọn vào trường
muốn thực
hiện(xóa hoặc
khôi phục mật
khẩu)
6 Checkbox Hiển thị phân
biệt nam và nữ
7 Search Textbox Tìm kiếm các
trường trong
 danh sách
Bảng 1.7.1: Đặc tả giao diện quản lý đối tác
1.8. GIAO DIỆN THÊM TÀI KHOẢN CỦA QUÁN LÝ ĐỐI TÁC

Hình 1.8.1: Giao diện thêm tài khoản của quản lý đối tác

USECASE Chức năng Trang chủ

STT Tên trường Loại Mục tiêu Chú ý
1 Username Textbox Nhập username Trang chủ
(Administrator)
2 Fullname Textbox Nhập đầy đủ tên , tài khoản, địa
đối tác điểm, quản lý
website, quản
lý tour, tin tức
3 email Textbox Nhập email đối
tác
4 Company Textbox Nhập đơn vị làm
việc đối tác
5 Gender Checkbox Phân biệt nam nữ

6 Phone Textbox Nhập sđt đối tác

7 Save Button Lưu dữ liệu

Bảng 1.8.1: Đặc tả giao diện thêm tài khoản của quản lý đối tác
1.9. GIAO DIỆN CHI TIẾT TÀI KHOẢN CỦA QUÁN LÝ ĐỐI TÁC

Hình 1.9.1: Giao diện chi tiết tài khoản của quản lý đối tác
USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Username Textbox Sửa username Trang chủ
(Administrator)
2 Fullname Textbox Sửa đầy đủ tên , tài khoản, địa
đối tác điểm, quản lý
website, quản
lý tour, tin tức
3 email Textbox Sửa email đối tác

4 Company Textbox Sửa đơn vị làm

việc đối tác
5 Gender Checkbox Phân biệt nam nữ

6 Phone Textbox Sửa sđt đối tác

7 Save Button Lưu dữ liệu

Bảng 1.9.1: Đặc tả giao diện chi tiết tài khoản của quản lý đối tác
1.10. GIAO DIỆN ĐỊA ĐIỂM THÀNH PHỐ

Hình 1.10.1: Giao diện địa điểm thành phố

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Thêm Button Hiển thị trang Trang chủ
thêm thành phố (Administrator)
2 Chi tiết Button Hiển thị trang chi , tài khoản, địa
tiết thành phố điểm, quản lý
website, quản
3 Xóa Button Thực hiện xóa lý tour, tin tức
trường được
chọn
4 Search Textbox Tìm kiếm các
trường trong
danh sách
5 Checkbox Tích dấu để xóa

Bảng 1.10.1: Đặc tả giao diện địa điểm thành phố

1.11. GIAO DIỆN ĐỊA ĐIỂM THÊM THÀNH PHỐ

 Hình 1.11.1: Giao diện địa điểm thêm thành phố
USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 City name Textbox Nhập tên thành Trang chủ
phố (Administrator)
2 Lưu Button Lưu dữ liệu , tài khoản, địa
điểm, quản lý
website, quản
lý tour, tin tức
Bảng 1.11.1: Đặc tả giao diện địa điểm thêm thành phố
1.12. GIAO DIỆN ĐỊA ĐIỂM CHI TIẾT THÀNH PHỐ

Hình 1.12.1: Giao diện địa điểm thêm thành phố

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 City name Textbox Sửa tên thành Trang chủ
phố (Administrator)
2 Lưu Button Lưu dữ liệu , tài khoản, địa
điểm, quản lý
website, quản
lý tour, tin tức

Bảng 1.12.1: Đặc tả giao diện địa điểm thêm thành phố
1.13. GIAO DIỆN ĐỊA ĐIỂM QUẬN/HUYỆN

Hình 1.13.1: Giao diện địa điểm quận/huyện

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Thêm Button Hiển thị trang Trang chủ
thêm quận/huyện (Administrator)
2 Chi tiết Button Hiển thị trang chi , tài khoản, địa
tiết quận/huyện điểm, quản lý
website, quản
3 Xóa Button Thực hiện xóa lý tour, tin tức
trường được
chọn
4 Search Textbox Tìm kiếm các
trường trong
danh sách
5 Checkbox Tích dấu để xóa

Bảng 1.13.1: Đặc tả giao diện địa điểm thêm thành phố
1.14. GIAO DIỆN ĐỊA ĐIỂM THÊM QUẬN/HUYỆN

Hình 1.14.1: Giao diện địa điểm thêm quận/huyện

USECASE Chức năng Trang chủ

STT Tên trường Loại Mục tiêu Chú ý
1 District Textbox Nhập tên Trang chủ
name quận/huyện (Administrator)
2 City name Combobox Chọn thành phố , tài khoản, địa
điểm, quản lý
website, quản
3 Lưu Button Lưu dữ liệu lý tour, tin tức

Bảng 1.14.1: Đặc tả giao diện địa điểm thêm quận/huyện

1.15. GIAO DIỆN ĐỊA ĐIỂM CHI TIẾT QUẬN/HUYỆN

Hình 1.15.1: Giao diện địa điểm chi tiết quận/huyện

USECASE Chức năng Trang chủ

STT Tên trường Loại Mục tiêu Chú ý
1 District Textbox Sửa tên Trang chủ
name quận/huyện (Administrator)
2 City name Combobox Chọn thành phố , tài khoản, địa
điểm, quản lý
website, quản
3 Lưu Button Lưu dữ liệu lý tour, tin tức

Bảng 1.15.1: Đặc tả giao diện địa điểm chi tiết quận/huyện
1.16. GIAO DIỆN GIỚI THIỆU

Hình 1.16.1: Giao diện giới thiệu

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Title Textbox Nhập tiêu đề Trang chủ
(Administrator)
2 Date Textbox Nhập ngày , tài khoản, địa
điểm, quản lý
website, quản
3 Content ckeditor Nội dung về giới lý tour, tin tức
thiệu trang web
4 Cập nhật Button Cập nhật lại dữ
liệu

Bảng 1.16.1: Đặc tả giao diện giới thiệu

1.17. GIAO DIỆN LIÊN HỆ

Hình 1.17.1: Giao diện liên hệ

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Title Textbox Nhập tiêu đề Trang chủ
(Administrator)
2 Date Textbox Nhập ngày , tài khoản, địa
điểm, quản lý
website, quản
3 Hotline Textbox Nhập đường dây lý tour, tin tức
nóng
4 Email Textbox Nhập email

5 Facebook Textbox Nhập địa chỉ FB

6 Instagram Textbox Nhập địa chỉ

Instagran
7 Youtube Textbox Nhập địa chỉ
youtube
8 Cập nhật Button Cập nhật lại dữ
liệu

Bảng 1.17.1: Đặc tả giao diện liên hệ

1.18. GIAO DIỆN SLIDE

Hình 1.18.1: Giao diện slide

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Thêm Button Hiển thị trang Trang chủ
thêm slide (Administrator)
2 Chi tiết Button Hiển thị trang chi , tài khoản, địa
tiết slide điểm, quản lý
website, quản
3 Xóa Button Thực hiện xóa lý tour, tin tức
trường được
chọn
4 Search Textbox Tìm kiếm các
trường trong
danh sách
5 Checkbox Tích dấu để xóa

Bảng 1.18.1: Đặc tả giao diện slide

1.19. GIAO DIỆN THÊM SLIDE

Hình 1.19.1: Giao diện thêm slide

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Title Textbox Nhập username Trang chủ
(Administrator)
2 Position Textbox Nhập số 0 hoặc 1 , tài khoản, địa
để phân biệt vị trí điểm, quản lý
website, quản
lý tour, tin tức
3 Summary Textbox Nhập nội dung
tóm tắt slide
4 Show Checkbox Chọn cho hiển
thị slide
5 Image Image Hiển thị hình ảnh

6 Lưu Button Lưu dữ liệu

Bảng 1.19.1: Đặc tả giao diện thêm slide

1.20. GIAO DIỆN CHI TIẾT SLIDE

Hình 1.20.1: Giao diện chi tiết slide

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Title Textbox Sửa username Trang chủ
(Administrator)
2 Position Textbox Nhập số 0 hoặc 1 , tài khoản, địa
để phân biệt vị trí điểm, quản lý
website, quản
lý tour, tin tức
3 Summary Textbox Sửa nội dung tóm
tắt slide
4 Show Checkbox Chọn cho hiển
thị slide
5 Image Image Hiển thị hình ảnh

6 Lưu Button Lưu dữ liệu

Bảng 1.20.1: Đặc tả giao diện chi tiết slide

1.21. GIAO DIỆN DUYỆT TOUR

Hình 1.21.1: Giao diện duyệt tour

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Duyệt Button Duyệt trường Trang chủ
được chọn (Administrator)
2 Chi tiết Button Hiển thị trang chi , tài khoản, địa
tiết tour được điểm, quản lý
duyệt website, quản
3 Xóa Button Thực hiện xóa lý tour, tin tức
trường được
chọn
4 Search Textbox Tìm kiếm các
trường trong
danh sách
5 Checkbox Tích dấu để
duyệt hoặc xóa

Bảng 1.21.1: Đặc tả giao diện duyệt tour

1.22. GIAO DIỆN CHI TIẾT TOUR ĐƯỢC DUYỆT

Hình 1.22.1: Giao diện chi tiết tour được duyệt

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Tour Textbox Sửa loại tour Trang chủ
category (Administrator)
2 Tour name Textbox Sửa tên tour , tài khoản, địa
điểm, quản lý
website, quản
3 Tour image image Hiển thị hình ảnh lý tour, tin tức
tour
4 Tour Textbox Sửa nội dung tóm
summary tắt tour
5 Tour price Textbox Sửa giá tour

6 Tour Textbox Sửa số tiền

discount khuyến mãi
7 Lưu Button Lưu dữ liệu

Bảng 1.22.1: Đặc tả giao diện chi tiết tour được duyệt
1.23. GIAO DIỆN DANH SÁCH TOUR ORDER

Hình 1.23.1: Giao diện danh sách khách đã đặt tour

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Duyệt Button Duyệt trường Trang chủ
được chọn (Administrator)
2 Xóa Button Thực hiện xóa , tài khoản, địa
trường được điểm, quản lý
chọn website, quản
3 Search Textbox Tìm kiếm các lý tour, tin tức
trường trong
danh sách
4 Checkbox Tích dấu để
duyệt hoặc xóa

Bảng 1.23.1: Đặc tả giao diện danh sách khách đã đặt tour
1.24. GIAO DIỆN QUẢN LÝ LOẠI TOUR

Hình 1.24.1: Giao diện quản lý loại tour

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Thêm Button Hiển thị trang Trang chủ
thêm loại tour (Administrator)
2 Chi tiết Button Hiển thị trang chi , tài khoản, địa
tiết loại tour điểm, quản lý
website, quản
3 Xóa Button Thực hiện xóa lý tour, tin tức
trường được
chọn
4 Checkbox Tích dấu để xóa

5 Search Textbox Tìm kiếm các

trường trong
danh sách

Bảng 1.24.1: Đặc tả giao diện quản lý loại tour

1.25. GIAO DIỆN QUẢN LÝ THÊM LOẠI TOUR

Hình 1.25.1: Giao diện quản lý thêm loại tour

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Loại tour Textbox Nhập tên loại Trang chủ
tour (Administrator)
2 Lưu Button Thực hiện lưu dữ , tài khoản, địa
liệu điểm, quản lý
website, quản
lý tour, tin tức

Bảng 1.25.1: Đặc tả giao diện quản lý thêm loại tour

1.26. GIAO DIỆN QUẢN LÝ CHI TIẾT LOẠI TOUR

Hình 1.26.1: Giao diện quản lý chi tiết loại tour

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Loại tour Textbox Sửa tên loại tour Trang chủ
(Administrator)
2 Lưu Button Thực hiện lưu dữ , tài khoản, địa
liệu điểm, quản lý
website, quản
lý tour, tin tức

Bảng 1.26.1: Đặc tả giao diện quản lý chi tiết loại tour
1.27. GIAO DIỆN QUẢN LÝ TOUR

Hình 1.27.1: Giao diện quản lý tour

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Show Button Hiển thị tour Trang chủ
được chọn (Administrator)
2 Chi tiết Button Hiển thị trang chi , tài khoản, địa
tiết tour điểm, quản lý
website, quản
3 Xóa Button Thực hiện xóa lý tour, tin tức
trường được
chọn
4 Checkbox Tích dấu để xóa
hoắc show
5 Search Textbox Tìm kiếm các
trường trong
danh sách

Bảng 1.27.1: Đặc tả giao diện quản lý tour

1.28. GIAO DIỆN QUẢN LÝ CHI TIẾT TOUR

Hình 1.28.1: Giao diện quản lý chi tiết tour

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Loại tour Combobox Chọn loại tour Trang chủ
(Administrator)
2 Tên tour Textbox Sửa tên tour , tài khoản, địa
điểm, quản lý
website, quản
3 Tóm tắt Textbox Nhập nội dung lý tour, tin tức
tóm tắt tour
4 Image Image Hiển thị hình ảnh
tour
5 Giá Textbox Nhập sửa giá tour

6 Khuyến mãi Textbox Nhập giá khuyến

mãi tour
7 Địa chỉ khởi Textbox Nhập địa chỉ
 hành khởi hành tour
8 Quận/huyện Combobox Chọn quận/huyện

9 Nội dung Ckeditor Nhập nội dung

tour
10 Lưu Button Thực hiện lưu dữ
liệu

Bảng 1.28.1: Đặt tả giao diện quản lý chi tiết tour

1.29. GIAO DIỆN LOẠI BÀI VIẾT

Hình 1.29.1: Giao diện loại bài viết

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Thêm Button Hiển thị trang Trang chủ
thêm loại bài viết (Administrator)
2 Chi tiết Button Hiển thị trang chi , tài khoản, địa
tiết loại bài viết điểm, quản lý
website, quản
3 Xóa Button Thực hiện xóa lý tour, tin tức
trường được
chọn
 4 Search Textbox Tìm kiếm các
trường trong
danh sách
5 Checkbox Tích dấu để xóa

Bảng 1.29.1: Đặc tả giao diện loại bài viết

1.30. GIAO DIỆN THÊM LOẠI BÀI VIẾT

Hình 1.30.1: Giao diện thêm loại bài viết

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Tên Textbox Nhập loại bài viết Trang chủ
Category (Administrator)
2 Position Combobox Chọn vị trí để , tài khoản, địa
phân biệt loại bài điểm, quản lý
viết website, quản
3 Lưu Button Thực hiện lưu dữ lý tour, tin tức
liệu

Hình 1.30.1: Đặc tả giao diện thêm loại bài viết

1.31. GIAO DIỆN CHI TIẾT LOẠI BÀI VIẾT

Hình 1.31.1: Giao diện chi tiết loại bài viết

USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Tên Textbox Sửa loại bài viết Trang chủ
Category (Administrator)
2 Position Combobox Chọn vị trí để , tài khoản, địa
phân biệt loại bài điểm, quản lý
viết website, quản
3 Lưu Button Thực hiện lưu dữ lý tour, tin tức
liệu

Hình 1.31.1: Đặc tả giao diện chi tiết loại bài viết

1.32. GIAO DIỆN BÀI VIẾT

 Hình 1.32.1: Giao diện bài viết
USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Thêm Button Hiển thị trang Trang chủ
thêm bài viết (Administrator)
2 Duyệt Button Duyệt trường , tài khoản, địa
được chọn điểm, quản lý
website, quản
3 Hủy Duyệt Button Hủy duyệt trường lý tour, tin tức
được chọn
4 Chi tiết Button Hiển thị trang chi
tiết bài viết
5 Xóa Button Xóa trường được
chọn
6 Search Textbox Tìm kiếm trường
hiển thị trong
danh sách
7 Checkbox Tích dấu để
duyệt, hủy duyệt
và xóa

Hình 1.32.1: Đặc tả giao diện bài viết

1.33. GIAO DIỆN THÊM BÀI VIẾT
 Hình 1.33.1: Giao diện thêm bài viết
USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Title Textbox Nhập tiêu đề bài Trang chủ
viết (Administrator)
2 Category Combobox Chọn loại bài , tài khoản, địa
viết điểm, quản lý
website, quản
3 Summary Textbox Nhập nội dung lý tour, tin tức
tóm tắt của bài
viết
4 Image Image Hiển thị hình ảnh

5 Show Checkbox Cho hiển thị bài

viết
6 Content Ckeditor Nhập nội dung
bài viết
7 Save Button Thực hiện lưu

Bảng 1.33.1: Đặc tả giao diện thêm bài viết

1.34. GIAO DIỆN CHI TIẾT BÀI VIẾT

 Hình 1.34.1: Giao diện chi tiết bài viết
USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý
1 Title Textbox Nhập tiêu đề bài Trang chủ
viết (Administrator)
2 Category Combobox Chọn loại bài , tài khoản, địa
viết điểm, quản lý
website, quản
3 Summary Textbox Nhập nội dung lý tour, tin tức
tóm tắt của bài
viết
4 Image Image Hiển thị hình ảnh

5 Show Checkbox Cho hiển thị bài

viết
6 Content Ckeditor Nhập nội dung
bài viết
7 Save Button Thực hiện lưu

Bảng 1.34.1: Đặc tả giao diện chi tiết bài viết

1.35. GIAO DIỆN TRANG CHỦ CỦA ĐỐI TÁC

 Hình 1.35.1: Giao diện trang chủ đối tác

USECASE Chức năng Trang chủ

 STT Tên trường Loại Mục tiêu Chú ý

1 Danh sách Link Chuyển trang danh sách Trang

tour tour chủ(Administrato
2 Danh sách Link Chuyển trang danh sách r), Quản lý tour,
tour đã nhận tour đã nhận Tin tức

3 Bài biết Link Chuyển trang danh sách

bài viết
4 Search Textbox Tìm kiếm thông tin

5 Total Odered Label Tổng số ngườ đặt tour

Tour
6 Total New Label Tổng số bài viết của đối
Posted tác
7 Date Start DatePicker Ngày bắt đầu thống kê

8 Date End DatePicker Ngày kết thúc thống kê

9 Thống kê Button Thống kê doanh số

10 Biểu đồ Bảng thống kê

Bảng 1.35.1: Đặc tả giao diện trang chủ đối tác

1.36. GIAO DIỆN UPDATE THÔNG TIN ĐỐI TÁC

 Hình 1.36.1: Giao diện update thông tin đối tác
USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý

1 Update your Button Xác nhận đổi thông tin Trang

information chủ(Administrato
2 Change Button Chuyển trang đổi mật khẩu r), Quản lý tour,
password Tin tức

3 User name Textbox Tên đăng nhập đối tác

4 Full name Textbox Tên đối tác

5 Gender Combobox Giới tính người đại diện

6 Email Textbox Email đối tác

7 Phone Textbox Số điện thoại đối tác

8 Company Textbox Tên công ty của đối tác

Bảng 1.36.1: Đặc tả giao diện update thông tin đối tác
1.37. GIAO DIỆN THAY ĐỔI MẬT KHẨU ĐỐI TÁC

Hình 1.37.1: Giao diện thay đổi mật khẩu đối tác
USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý

1 Change Button Xác nhận đổi password Trang

password chủ(Administrato
2 Back Button Quay trở lại r), Quản lý tour,
Tin tức

3 Old Textbox Điền mật khẩu cũ

password
4 New Textbox Điền mật khẩu mới
password

Bảng 1.37.1: Đặc tả giao diện thay đổi mật khẩu đối tác
1.38. GIAO DIỆN QUẢN LÝ DANH SÁCH TOUR CỦA ĐỐI TÁC

Hình 1.38.1: Giao diện quản lý danh sách tour của đối tác

Bảng 1.38.1: Đặc tả giao diện quản lý danh sách tour của đổi tác

USECASE Chức năng Trang chủ

STT Tên trường Loại Mục tiêu Chú ý

1 Thêm button Hiển thị trang thêm Trang

chủ(Administrato
2 Chi tiết button Hiển thị trang update r), Quản lý tour,
Tin tức

3 Xóa button Thực hiện xóa trường đã

chọn
4 Search Textbox Tìm kiếm các trường trong
danh sách
5 Checkbox Chọn những cột muốn xóa
1.39. GIAO DIỆN DANH SÁCH TOUR ĐÃ NHẬN CỦA ĐỐI TÁC

Hình 1.39.1: Giao diện danh sách tour đã nhận của đối tác

Bảng 1.39.1: Đặc tả giao diện danh sách tour đã nhận của đối tác

USECASE Chức năng Trang chủ

STT Tên trường Loại Mục tiêu Chú ý

1 Xác nhận button Xác nhận tour của khách Trang

hàng đặt chủ(Administrato
2 Hủy button Hủy khách hàng đã đặt r), Quản lý tour,
tour Tin tức

3 Search button Search danh sách khách

hàng đang đặt tour
5 Checkbox Chọn những cột muốn xóa
1.40. GIAO DIỆN THÊM TOUR CỦA ĐỐI TÁC

Hình 1.40.1: Giao diện quản lý danh sách tour của đối tác

Bảng 1.40.1: Đặc tả giao diện thêm tour của đối tác
USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý

1 Category Textbox Loại tour Trang

chủ(Administrato
2 Tour name Textbox Tên tour r), Quản lý tour,
Tin tức

3 Sumary Textbox Tóm tắt tour

4 Price Textbox Giá tour

5 Discount Textbox Giảm giá tour

6 Address Textbox Địa chỉ của tour

7 District Textbox Quận tour

8 Image Image Hình của tour

9 Content ckeditor Bài viết về tour

10 Save Button Thêm tour

1.41. GIAO DIỆN SỬA TOUR CỦA ĐỐI TÁC

Hình 1.41.1: Giao diện sửa tour của đối tác

 Bảng 1.41.1: Đặc tả giao diện sửa tour của đối tác
USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý

1 Category Textbox Loại tour Trang

chủ(Administrato
2 Tour name Textbox Tên tour r), Quản lý tour,
Tin tức

3 Sumary Textbox Tóm tắt tour

4 Price Textbox Giá tour

5 Discount Textbox Giảm giá tour

6 Address Textbox Địa chỉ của tour

7 District Textbox Quận tour

8 Image Image Hình của tour

9 Content ckeditor Bài viết về tour

10 Save Button Sửa tour

1.42. GIAO DIỆN DANH SÁCH BÀI VIẾT CỦA ĐỐI TÁC

Hình 1.42.1: Giao diện danh sách bài viết của đối tác
Bảng 1.42.1: Đặc tả giao diện danh sách bài viết của đối tác
USECASE Chức năng Trang chủ
STT Tên trường Loại Mục tiêu Chú ý

1 Thêm Button Hiển thị trang thêm bài Trang

viết chủ(Administrato
2 Chi tiết Button Hiển thị trang sửa bài viết r), Quản lý tour,
Tin tức

3 Xóa Button Xóa bài viết đã chọn

4 Checkbox Check trường cần xóa

5 Search Textbox Nhập từ cần tìm kiếm

trong danh sách bài viết
1.43. GIAO DIỆN THÊM BÀI VIẾT CỦA ĐỐI TÁC

Hình 1.43.1: Giao diện thêm bài viết của đối tác

USECASE Chức năng Trang chủ

STT Tên trường Loại Mục tiêu Chú ý

1 Title Textbox Tiêu đề bài viết Trang

chủ(Administrato
2 Category Textbox Loại bài viết r), Quản lý tour,
Tin tức

3 Sumary Textbox Tóm tắt bài viết

4 Image Image Hình bài viết

5 Content Ckeditor Bài viết

6 Save Button Thêm bài viết

Bảng 1.43.1: Đặc tả giao diện thêm bài viết của đối tác
1.44. GIAO DIỆN SỬA BÀI VIẾT CỦA ĐỐI TÁC
Hình 1.44.1: Giao diện sửa bài viết của đối tác

Bảng 1.44.1: Đặc tả giao diện sửa bài viết của đối tác

USECASE Chức năng Trang chủ

STT Tên trường Loại Mục tiêu Chú ý

1 Title Textbox Tiêu đề bài viết Trang

chủ(Administrato
2 Category Combobox Loại bài viết r), Quản lý tour,
Tin tức

3 Sumary Textbox Tóm tắt bài viết

4 Image Image Hình bài viết

5 Content Ckeditor Bài viết

6 Save Button Sửa bài viết