TÊN DỰ ÁN: Giới thiệu ẩm thực đường phố Hội An

TRƯỜNG CAO ĐẲNG FPT POLYTECHNIC ĐÀ NẴNG BÁO CÁO DỰ ÁN TÊN DỰ ÁN: Giới thiệu ẩm thực đường phố Hội An Nhóm : VK-11 Nguyễn xuân vĩnh (PD02437) (Leader) Tăng Ngọc Khánh (PD02435) (Thành viên) Môn học : Dự án tin Lớp : PT13302 Giáo viên : Nguyễn Văn Định Đà nẵng, ngày 11 tháng 12 năm 2018 Dự án :Ẩm thực đường phố Hội An GIỚI THIỆU ĐỀ TÀI GIỚI THIỆU ĐỀ TÀI - Hiện Việt Nam, có nhiều nhà hàng, quán ăn tiếng nhiều tỉnh thành, phát triển mạnh mẽ internet, nhu cầu mua sắm online ngày cao nên việc phát triển trang web để quảng bá ẩm thực thật cần thiết Vì thiết kế website quảng bá ẩm thực Hội An Quảng Nam PHÂN TÍCH HỆ THỐNG u cầu hệ thống - Mục đích - Hiện nay, có nhiều khách du lich đến Phố Cổ Hội An chưa thật biết nhiều ẩm thực nên mục đích website giúp cho du khách biết nhiều ăn hơn, có nhiều lựa chọn dể dàng để đặt hàng tốn online website Website có chức cho người quản trị để họ quản lý sản phẩm, phân loại sản phẩm, quản lý khách hàng, quản lý bình luận từ khác hàng sản phẩm thống kê ăn theo loại… - Phạm vi Website dành cho người tiêu dùng + Cấu trúc chúng tất trang web website phải: + Chứa danh mục loại ăn để khách hàng dễ dàng tìm kiếm ăn theo loại + Tìm kiếm ăn theo tên + Hiển thị danh sách ăn quan tâm nhiều (xem nhiều nhất) + Đăng nhập/thông tin người tiêu dùng sau đăng nhập + Trang website  Trưng bày ăn đặc biệt nhân viên quản trị định + Trang trưng bày ăn  Khi người dùng chọn loại tìm kiếm theo tên danh sách ăn thỏa mãn yêu cầu Mỗi ăn cần hiển thị hình ảnh, tên, đơn giá giảm giá có Khi người dùng nhấp vào hình ăn Nguyễn xn Vĩnh – Tăng Ngọc khánh Page | Dự án :Ẩm thực đường phố Hội An chuyển đến trang hiển thị chi tiết ăn đồng thời tăng số lần xem + Chi tiết ăn Yêu cầu trang web sau:  Thơng tin chi tiết ăn chọn  Danh sách ăn loại với ăn chọn  Cho phép khách hàng gửi bình luận sản phẩm  Các trang quản lý tài khoản sử dụng  Đăng nhập  Đăng ký  Quên mật  Đổi mật  Cập nhật thông tin tài khoản Website dành cho người quản trị + Các trang quản lý  Các trang cần trang bị chức xem, thêm, xóa, sửa, tìm kiếm phân trang cách hợp lý + Quản lý ăn + Quản lý loại + Quản lý khách hàng + Quản lý bình luận ăn + Tổng hợp thống kê + Thống kê ăn theo loại, cho phép hiển thị dạng biểu đồ + Thống kê bình luận theo ăn Yêu cầu bảo mật + Tất form nhập phải kiểm soát liệu cách hợp lý + Khách hàng chưa đăng nhập không phép gửi bình luận ăn đổi mật khẩu, cập nhật thông tin tài khoản + Chỉ có nhân viên quản trị phép thực chức quản trị Yêu cầu môi trường công nghệ + Website phải xây dựng với PHP MySQL Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | Dự án :Ẩm thực đường phố Hội An VẼ SƠ ĐỒ USE CASE Image Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | Dự án :Ẩm thực đường phố Hội An ĐẶT TẢ CHỨC NĂNG - Chức dành cho khách hàng + Cấu trúc chung trang web + Hiển thị danh mục loại ăn, form tìm kiếm theo tên, 10 ăn xem nhiều form đăng nhập thông tin khách hàng sau đăng nhập Nếu người đăng nhập có vai trò nhân viên hiển thị liên kết đến trang quản trị + Tìm hàng theo loại + Liệt kê ăn theo loại chọn khách hàng Thơng tin ăn gồm tên, ảnh đơn giá Liên kết đến trang chi tiết ăn + Tìm hàng theo tên + Liệt kê ăn theo tên hàng tên loại theo yêu cầu tìm kiếm khách hàng Thơng tin ăn gồm tên, ảnh đơn giá Liên kết đến trang chi tiết ăn + Xem thơng tin chi tiết + Hiển thị thơng tin chi tiết ăn chọn khách hàng ăn loại có gắn liên kết đến trang chi tiết ăn để khách hàng xem ln mà khơng cần phải trở lại trang liệt kê ăn + Gửi bình luận + Gửi bình luận ăn xem, chức thực sau khách hàng đăng nhập Các bình luận ăn liệt kê để khách hàng xem + Quản lý tài khoản  Đăng ký  Đăng ký thành viên với vai trò khách hàng, tức không phép sử dụng chức phần quản trị  Đăng nhập  Đăng nhập để thực chức năng: gửi bình luận, đổi mật khẩu, cập nhật thơng tin tài khoản  Đăng xuất  Chọn chức để trở thành người dùng nặc danh, tức không phép gửi bình luận, đổi mật khẩu, cập nhật thơng tin tài khoản  Đổi mật  Thay đổi mật cần thiết để đảm bảo độ bảo mật  Quên mật Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | Dự án :Ẩm thực đường phố Hội An  Tìm lại mật dựa vào tên đăng nhập email_users Sau xác minh gửi mật qua email_users đăng ký trước để đảm bảo độ bảo mật  Cập nhật thông tin tài khoản  Cập nhật lại thông tin tài khoản (khơng cho phép cập nhật tên đăng nhập) - Dành cho quản trị + Quản lý ăn  Thực chức xem, thêm, xóa, sửa phân trang + Quản lý loại ăn  Thực chức xem, thêm, xóa, sửa + Quản lý khách hàng  Thực chức xem, thêm, xóa, sửa Nhân viên quản trị khơng phép xóa + Tổng hợp quản lý bình luận  Tổng hợp bình luận khách hàng ăn, thơng tin tổng hợp có cấu trúc Tên ăn Số bình luận Ngày Ngày cũ Hiển thị chi tiết bình luận ăn chọn cho phép xóa bình luận khơng phù hợp + Tổng hợp - thống kê ăn  Tổng hợp thơng tin ăn loại ăn Thơng tin tổng hợp cần trình bày có cấu trúc sau Loại ăn Số ăn Giá trung Giá thấp Giá cao bình Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | Dự án :Ẩm thực đường phố Hội An MƠ HÌNH ERD Image YÊU CẦU PHẦN CỨNG, PHẦN MỀM - - Bình luậ Phần cứng: + Ram: >= 2GB + Processor: Intel Pentium >= 1,6 HZ Phần mềm: + Trình duyệt thông dụng: FireFox, chrome, Safari Công cụ: Vim, visual studio code Khách hàng Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | Dự án :Ẩm thực đường phố Hội An THIẾT KẾ HỆ THỐNG WEBSITE: Mơ hình hệ thống: Image Thiết kế sở liệu: a Liệt kê thực thể, thuộc tính mối quan hệ: - users: + Mã khách hàng + Tên khách hàng + Mật đăng nhập + Hình ảnh + Vai trò ( để phân biệt khách hàng người quản trị website ) - products: + Mã ăn + Tên ăn + Đơn giá + Giảm giá + Địa Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | Dự án :Ẩm thực đường phố Hội An + Hình ảnh + Ngày nhập + Mơ tả + Trạng thái đặc biệt ( mặt hàng đặc biệt trang chủ) + Số lượt xem ( ghi nhận số lượt xem để đánh giá độ quan tâm khách hàng ) + Mã loại ăn - comments: + Mã bình luận + Mã khách hàng gửi bình luận + Mã ăn bình luận + Nội dung bình luận + Thời gian bình luận - type: + Mã loại ăn + Tên loại ăn - Yêu cầu ràng buộc quan hệ: + users - comments: Update: cascade, Delete: No action + comments - products: Delete: No action + products - type: Delete: Cascade b Mơ hình ERD: comments Nguyễn xn Vĩnh – Tăng Ngọc khánh Page | Dự án :Ẩm thực đường phố Hội An users pk ma_users Pk Ma_cmt Pk2 Ma_users_cmt Pk1 Ma_pro_cmt Ten_user Noi_dung_cmt _cmt Mat_khau_users_us ers Ngay_cmt Hinh_pro_users Email_users_users Vai_tro_users_users Products Pk Type Pk Ma_pro Ten_pro Ma_type Gia_pro Ten_type Dia_chi_pro Giam_gia_pro_pro Hinh_pro_pro Ngay_nhap_pro_pro Mo_ta_pro_pro Dac_biet_pro_pro So_luot_xem_pro_pro Pk1 Ma_type c Cấu trúc bảng: Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | Dự án :Ẩm thực đường phố Hội An TRANG LOẠI MÓN ĂN.PHP Đọc tất loại từ bảng loại ăn để tạo danh mục sau Mong muốn người dùng nhấp chọn loại nhập từ khóa tìm kiếm liệt kê kết tìm kiếm Image 18  Xây dựng trang chủ Thư mục trang-chinh chứa trang chủ trang thông dụng khác Trong hướng dẫn bạn xây dựng index.php (controller) trang-chu.php để hiển thị mặt hàng đặc biệt Các trang lại bạn xây dựng theo ý riêng (xem mơn học Xây dựng trang web) Hoạt động  site/trang-chinh => trang-chu.php  site/trang-chinh?lien-he => lien-he.php  site/trang-chinh?gioi-thieu => gioi-thieu.php Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 37 Dự án :Ẩm thực đường phố Hội An Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 38 Dự án :Ẩm thực đường phố Hội An TRANG INDEX.PHP Image 19  Trình bày hàng hóa Tổ chức thư mục hàng hóa  Liet-ke.php controller, liet-ke-ui.php giao diện hiển thị kết tìm kiếm  Chi-tiet.php controller, chi-tiet-ui.php giao diện hiển thị chi tiết hàng hóa o Binh-luan.php: mã bình luận o Mon-an-cung-loai.php: mã hiển thị hàng loại Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 39 Dự án :Ẩm thực đường phố Hội An  Xây dựng trang liệt kê hàng hóa Hoạt động: o Hang-hoa/liet-ket.php?ma_type=? => liet-ke-ui.php o Hang-hoa/liet-ket.php?dac_biet_pro => liet-ke-ui.php o Hang-hoa/liet-ket.php?keywords=? => liet-ke-ui.php TRANG LIET-KE.PHP Image 20 Xây dựng trang chi tiết hàng hóa Hiển thị thơng tin chi tiết hàng hóa chọn, mặt hàng loại cho phép bình luận mặt hàng đăng nhập Hoạt động:  Site/hang-hoa/chi-tiet.php?ma_pro=? => chi-tiet-ui.php  Site/hang-hoa/chi-tiet.php?ma_pro=?&noi_dung_cmt=? chi-tiet-ui.php Nguyễn xuân Vĩnh – Tăng Ngọc khánh => Page | 40 Dự án :Ẩm thực đường phố Hội An TRANG CHI-TIET.PHP Image 21 TRANG BINH-LUAN.PHP Image 22 Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 41 Dự án :Ẩm thực đường phố Hội An TRANG HANG-CUNG-LOẠI.PHP Image 23  Quản lý tài khoản Tổ chức thư mục cho trang chức quản lý thông tin tài khoản người sử dụng Quản lý thông tin tài khoản người dùng bao gồm chức  Đăng ký thành viên: dang-ky-xl.php => dang-ky-form.php  Đăng nhập: dang-nhap-xl.php => dang-nhap-form.php  Đăng xuất: dang-nhap-xl.php  Quên mật khẩu: quen-mat-khau-xl.php => quen-mat-khau-form.php  Đổi mật khẩu: doi-mat-khau-xl.php => doi- mat-khau -form.php  Cập nhật thông tin tài khoản: cap-nhat-acc-xl.php => cap-nhat-acc-form.php Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 42 Dự án :Ẩm thực đường phố Hội An  Xây dựng trang đăng nhập Image 24 Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 43 Dự án :Ẩm thực đường phố Hội An Image 25  Xây dựng trang quên mật khầu Image 26 Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 44 Dự án :Ẩm thực đường phố Hội An  Xây dựng trang đổi mật Image 27  Xây dựng trang cập nhật tài khoản Image 28 Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 45 Dự án :Ẩm thực đường phố Hội An  Xây dựng danh mục yêu thích - Đăng nhập vào thêm vào yêu thích Image 29 KIỄM LỖI a Kiểm lỗi form quản lý khách hàng Thuộc tính Thêm Mã khách Khơng để trống hàng Mật Ít ký tự Họ tên Khơng để trống Nguyễn xuân Vĩnh – Tăng Ngọc khánh Cập nhật Xóa Khơng xóa Page | 46 Dự án :Ẩm thực đường phố Hội An Chỉ chứa alphabet ký tự trắng Email_users Không để trống Đúng định dạng email_users b Kiểm lỗi form quản lý loại ăn Thuộc tính Tên loại Thêm Cập nhật Khơng để trống Không trùng tên c Kiểm lỗi form quản lý hàng hóa Thuộc tính Thêm Tên hàng hóa Không để trống Đơn giá Không để trống Cập nhật Phải số dương Giảm giá Không để trống Phải số từ đến Ngày nhập Trước ngày d Kiểm lỗi form đăng nhập Thuộc tính Tên đăng nhập Kiểm lỗi Không để trống e Kiểm lỗi form đăng ký Thuộc tính Kiểm lỗi Tên đăng nhập Không để trống Họ tên Không để trống Email_users Không để trống Đúng dạng email_users Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 47 Dự án :Ẩm thực đường phố Hội An f Kiểm lỗi form đổi mật Thuộc tính Tên đăng nhập Kiểm lỗi Khơng để trống g Kiểm lỗi form quên mật Thuộc tính Kiểm lỗi Tên đăng nhập Khơng để trống Email_users Khơng để trống Đúng dạng email_users ĐĨNG GĨI VÀ TRIỄN KHAI  Đăng ký host free - Nhà cung cấp hosting Byhost ( http://byet.host ) Image 30  Upload website lên host Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 48 Dự án :Ẩm thực đường phố Hội An - Thực Upload với giao thức FTP filezilla Image 31  Export database từ local import lên host, cập nhật lại database, username password Image 32  Đăng ký domain free - Đăng ký http://dot.tk Image 33 Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 49 Dự án :Ẩm thực đường phố Hội An  Trỏ domain vào host - Trỏ domain hosting nameserver Image 34 - Add tên domain vào hosting Image 35 KẾT QUẢ: Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 50 Dự án :Ẩm thực đường phố Hội An Image 36 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỄN: - Kết luận: + Học kỹ làm việc nhóm + Hồn thành website hồn chỉnh + Tăng khả viết code - Hướng phát triển: + Đã hoàn thiện tất chức cần thiết đề + Cần tối ưu database, tối ưu performance, bảo mật Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 51 ... phố Hội An Image Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 15 Dự án :Ẩm thực đường phố Hội An About us: Image Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 16 Dự án :Ẩm thực đường phố Hội An I THỰC... Trang chu: Image Mon an chi tiet: Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 13 Dự án :Ẩm thực đường phố Hội An Image Contact: Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 14 Dự án :Ẩm thực đường phố. .. Page | 11 Dự án :Ẩm thực đường phố Hội An Thiết kế giao diện: a Sitemap: Image b Giao diện quản trị website: Image Nguyễn xuân Vĩnh – Tăng Ngọc khánh Page | 12 Dự án :Ẩm thực đường phố Hội An c Giao