Xây dựng website nhà hàng flexrestaurant bằng wordpress

LỜI CAM ĐOAN Đồ án tốt nghiệp sản phẩm tổng hợp toàn kiến thức mà sinh viên học suốt thời gian học tập trường đại học Ý thức điều đó, với tinh thần nghiêm túc, tự giác với làm việc miệt mài thân hướng dẫn tận tình thầy Vũ Vinh Quang em hồn thành xong đồ án tốt nghiệp Em xin cam đoan: nội dung đồ án em không chép nội dung từ đồ án khác sản phẩm đồ án em thân em nghiên cứu dựng lên Mọi thông tin sai lệch em xin hoàn toàn chịu trách nhiệm trước hội đồng bảo vệ Thái nguyên, tháng 05 năm 2017 Sinh viên thực Nguyễn Thị Yến LỜI CẢM ƠN Em xin chân thành cảm ơn quý thầy cô giúp đỡ em thực đề tài Đặc biệt Thầy Vũ Vinh Quang tận tình giúp đỡ, bảo em Em xin trân trọng cảm ơn tình cảm quý báu mà thầy cô trường Đại học Công nghệ Thông tin Truyền thông – Đại học Thái nguyên truyền đạt cho em, kinh nghiệm, kỹ thuật cách thức việc xây dựng đề tài Tuy nhiên, thời gian có hạn nên em phát huy hết ý tưởng, khả hỗ trợ ngôn ngữ kỹ thuật lập trình vào đề tài Trong trình xây dựng website, khơng thể tránh khỏi sai xót, mong nhận đóng góp cảm thơng q thầy bạn Thái Nguyên, tháng năm 2017 Sinh viên Nguyễn Thị Yến MỤC LỤC LỜI CAM ĐOAN LỜI CẢM ƠN MỤC LỤC DANH MỤC HÌNH ẢNH LỜI NÓI ĐẦU Chương : CƠ SỞ LÝ THUYẾT 1.1 Kiến trúc 1.2 Client 1.3 Server 1.4 Web Server 1.5 Website động ? 1.6 Tìm Hiểu Về PHP 1.7 Tìm Hiểu Về Wordpress 1.7.1.Giới thiệu mã nguồn mở wordpress 1.7.2 Những đặc điểm bật WordPress 10 1.7.3.Ưu điểm, nhược điểm WordPress 11 1.7.4.Cấu trúc thư mục wordpress 11 1.7.5 Các lí khiến phải chọn WordPress 15 1.8 Giới thiệu UML 15 1.8.1 Khái niệm đặc điểm UML 15 1.8.2 Mơ hình khái niệm UML 16 1.9 Công Cụ Lập Trình 19 Chương 2: KHẢO SÁT, PHÂN TÍCH, THIẾT KẾ HỆ THỐNG 21 2.1 Khảo sát hệ thống 21 2.2 Lý xây dựng website 21 2.3 Các yêu cầu xây dựng website 22 2.3.1 Yêu cầu chức 22 2.3.2 Yêu cầu phi chức 23 2.4 Các tác nhân hệ thống 23 2.5 Phân tích Use Case 24 2.5.1 Xác định UC tác nhân 24 2.5.2 Biểu đồ Use Case 24 2.5.3 Đặc tả Use Case 26 2.5.4 Biểu đồ trình tự, cộng tác cho số use case 34 2.5.5 Biểu đồ hoạt động 39 2.5.6 Biểu đồ lớp 41 2.5.7 Biểu đồ triển khai 49 Chương 3: KẾT QUẢ ĐẠT ĐƯỢC 50 3.1 Giao diện 50 3.2 Giao diện trang chủ 50 3.3 Giao diện trang danh mục ăn 52 3.4 Giao diện trang chi tiết đánh giá ăn 53 3.5 Giao diện trang chi tiết giỏ hàng 54 3.6 Giao diện trang toán 55 3.7 Giao diện trang liên hệ 56 3.8 Giao diện trang đặt tiệc 57 3.9 Giao diện trang hỏi đáp 58 3.10 Giao diện trang quản lý 59 KẾT LUẬN 60 TÀI LIỆU THAM KHẢO 61 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN 62 DANH MỤC HÌNH ẢNH Hình 1.1 Sơ đồ hoạt động ứng dụng web server Hình 2.1: Biểu đồ UC tổng quát cho hệ thống 24 Hình 2.2: Biểu đồ UC cho tác nhân khách hàng 25 Hình 2.3: Biểu đồ UC cho tác nhân Người quản trị 25 Hình 2.4: Biểu đồ trình tự cho tác vụ quản trị viên đăng nhập 34 Hình 2.5: Biểu đồ cộng tác cho tác vụ quản trị viên đăng nhập 34 Hình 2.6: Biểu đồ trình tự cho tác vụ tìm kiếm khách hàng 35 Hình 2.7: Biểu đồ cộng tác cho tác vụ tìm kiếm khách hàng 35 Hình 2.8: Biểu đồ trình tự cho tác vụ mua hàng khách hàng 36 Hình 2.9: Biểu đồ cộng tác cho tác vụ mua hàng khách hàng 36 Hình 2.10: Biểu đồ trình tự cho tác vụ quản lý sản phẩm người quản trị 37 Hình 2.11: Biểu đồ cộng tác cho tác vụ quản lý sản phẩm người quản trị 38 Hình 2.12: Biểu đồ trình tự cho người quản trị quản lí đơn hàng 38 Hình 2.13: Biểu đồ cộng tác cho tác vụ quản lý đơn hàng người quản trị 39 Hình 2.14: Biểu đồ hoạt động cho người quản trị 39 Hình 2.15: Biểu đồ hoạt động cho khách hàng tìm kiếm 40 Hình 2.16.Biểu đồ hoạt động cho khách hàng xem sản phẩm 40 Hình 2.17: Biểu đồ hoạt động cho khách hàng toán 41 Hình 3.1: Giao diện trang chủ 51 Hình 3.2: Giao diện trang danh mục ăn 52 Hình 3.3: Giao diện trang chi tiết đánh giá ăn 53 Hình 3.4: Giao diện trang chi tiết giỏ hàng 54 Hình 3.5: Giao diện trang toán 55 Hình 3.6: Giao diện trang liên hệ 56 Hình 3.7: Giao diện trang đặt tiệc 57 Hình 3.9: Giao diện trang quản lý 59 LỜI NĨI ĐẦU Trong thời buổi nay, mà cơng nghệ phát triển, thương mại điện tử ngày phát triển giới Việt Nam dần khẳng định vị kinh tế thị trường Cùng với đời ngơn ngữ lâp trình cho phép thiết kế xây dựng ứng dụng thương mại điện tử nhiều hình thức khác Và ứng dụng thương mại điện tử phổ biến nước ta dịch vụ bán hàng qua mạng Internet Dịch vụ cho phép người dùng tìm kiếm chọn lựa sản phẩm để mua, thực giao dịch mà không cần phải trực tiếp đến nhà hàng, mà cần sử dụng thiết bị máy tính có kết nối Internet Tuy nhiên dịch vụ với nhiều người tiêu dùng nước ta, đặc biệt người khơng có kiến thức tin học nói chung thương mại điện tử nói riêng Nên đối tượng thương mại điện tử chủ yếu tầng lớp tri thức học sinh ,sinh viên Là người sinh viên, có chút kiến thức tin học tiếp xúc với thương mại điện tử nhiên đơi lúc gặp số khó khăn việc mua bán hệ thống bán hàng qua mạng Như hình thức tốn, nhận hàng, chất lượng sản phẩm thực tế không website Hiểu vấn đề mong muốn đưa thương mại điện tử đến với nhiều người em thực đề tài: “Xây dựng website nhà hàng FlexRestaurant Wordpress ”.Với mục đích xây dựng hệ thống bán hàng qua mạng uy tín, đơn giản, thân thiện, đem lại cho khách hàng lựa chọn tối ưu để người khơng có kiến thức tin học tham gia mua hàng qua mạng với số thao tác đơn giản Sản phẩm mà em hướng tới ăn ẩm thực Việt Nam nước ngồi.Vì nhu cầu ăn uống cần thiết với người mong muốn em muốn quảng bá đưa ẩm thực nước đến với người dân nhiều Chương : CƠ SỞ LÝ THUYẾT 1.1 Kiến trúc Kiến trúc để trang Dynamic Web hoạt động phải làm việc mơ hình client/server Nơm na thứ client hay server đảm đương chức riêng để hồn thành cơng việc chung cho trang web động Ứng dụng Web phải có mơ hình server máy tính làm server thơi, nhằm tập trung hóa việc xử lý liệu Còn client, hiểu máy tính người sử dụng phải nối mạng với server, giả sử máy truy cập vào website chẳng hạn, có nghĩa họ truy cập vào server, sau lấy liệu từ server thể lên hình Cùng lúc có hàng trăm người (client) truy cập vào Website xử lý tập trung server 1.2 Client Các ứng dụng phát triển My SQL PHP sử dụng tính single client trình truyệt web.Tuy nhiên, khơng phải ngôn ngữ để phát triển ứng dụng Web.Ngôn ngữ khởi thuỷ cho việc duyệt Web HTML HTML cung cấp thẻ lệnh (Tag) cho phép thể trang Web theo nhiều kiểu cách khác Ngoài HTML trình duyệt Web cho phép add-in hỗ trợ nhiều thứ khác RealPlayer, Flash, Shockwave, hỗ trợ Javascript XML 1.3 Server Hầu hết ứng dụng Web hoạt động tập trung Server.Một số ứng dụng đặc trưng gọi Web Server đảm trách việc giao tiếp với trình duyệt Một sở liệu Server lưu trữ tất thông tin đáp ứng yêu cầu cho công việc ứng dụng Web.Web Server, Ngôn ngữ lập trình, CSDL phải hoạt động tốt Hệ Điều Hành Hình 1.1 Sơ đồ hoạt động ứng dụng web server 1.4 Web Server Có nhiều loại Web Server khác nhau, chủ yếu thị trường thường sử dụng Apache IIS (Internet Information Server Microsoft) INTERNET INFORMATION SERVER (IIS) tích hợp tốt với PHP Trước đây, có số vấn đề cần phải bàn tính ổn định PHP/IIS với việc truyền tải lớn, PHP IIS cải thiện liên tục nên việc không đáng phải bận tâm APACHE kiểu mẫu Web Server phổ biến Giống Linux, PHP, MySQL dự án nguồn mở APACHE tận dụng tính thirdparty Bởi nguồn mở nên có khả viết chương trình mở rộng tính Apache PHP hoạt động với tư cách phần mở rộng Apache, người ta gọi module Apache Apache có tính ổn định tốc độ đáng phải nói 1.5 Website động ? Web động thuật ngữ dùng để website có sở liệu hỗ trợ phần mềm phát triển web Các ưu điểm Website động: đáp ứng nhiều tham số khác nhau, thường có giao diện cho phép người quản trị quản lý nội dung site, có nhớ, cho phép người sử dụng đăng ký đăng nhập, thực thương mại điện tử, dễ dàng trì cập nhật phát triển… 1.6 Tìm Hiểu Về PHP PHP (Hypertext Preprocessor) ngôn ngữ script server thiết kế để dễ dàng xây dựng trang Web động Mã PHP thực thi Webserver để tạo mã HTML xuất trình duyệt web theo yêu cầu người sử dụng Ngôn ngữ PHP đời năm 1994 Rasmus Lerdorf sau phát triển nhiều người trải qua nhiều phiên Phiên PHP công bố 7/2004 Có nhiều lý khiến cho việc sử dụng ngôn ngữ chiếm ưu xin nêu số lý : - Mã nguồn mở (open source code) - Miễn phí, download dễ dàng từ Internet - Ngôn ngữ dễ học, dễ viết - Mã nguồn sửa lại nhiều viết chạy cho hệ điều hành từ Windows, Linux, Unix - Rất đơn giản việc kết nối với nhiều nguồn DBMS, ví dụ : MySQL, Microsoft SQL Server 2000, Oracle, PostgreSQL, Adabas, dBase, Empress, FilePro, Informix, InterBase, mSQL, Solid, Sybase, Velocis nhiều hệ thống CSDL thuộc Hệ Điều Hành Unix (Unix dbm) DBMS có hổ trợ chế ODBC (Open Database Connectivity) ví dụ DB2 IBM 1.7 Tìm Hiểu Về Wordpress 1.7.1.Giới thiệu mã nguồn mở wordpress WordPress phần mềm nguồn mở (Open Source Software) viết ngơn ngữ lập trình website PHP (Hypertext Preprocessor) sử dụng hệ quản trị sở liệu MySQL WordPress mắt lần vào ngày 27/5/2003 tác giả Matt Mullenweg Mike Little Hiện WordPress sở hữu phát triển công ty Automattic có trụ sở San Francisco, California thuộc hợp chủng quốc Hoa Kỳ WordPress mã nguồn mở ngôn ngữ PHP để hỗ trợ tạo blog cá nhân, nhiều người sử dụng ủng hộ tính dễ sử dụng, nhiều tính hữu ích Qua thời gian, số lượng người sử dụng tăng lên, cộng tác viên lập trình viên tham gia đông đảo để phát triển mã nguồn WordPress có thêm tính tuyệt vời Và thời điểm viết 2015, WordPress xem hệ quản trị nội dung (CMS – Content Management System) vượt trội để hỗ trợ người dùng tạo nhiều thể loại website khác blog, website tin tức/tạp chí, giới thiệu doanh nghiệp, bán hàng – thương mại điện tử, chí với loại website có độ phức tạp cao đặt phòng khách sạn, thuê xe, đăng dự án bất động sản,…Hầu hình thức website với quy mơ nhỏ vừa triển khai tảng WordPress Theo thống kê tỉ lệ sử dụng CMS nay, WordPress áp đảo đối thủ khác với tỷ lệ 75%  Quan hệ đơn hàng khách hàng Mô tả: Mỗi đơn hàng thuộc khách hàng.Mỗi khách hàng có nhiều đơn hàng Mối quan hệ khách hàng với đơn hàng quan hệ 1-n (một-nhiều)  Quan hệ đơn hàng hình thức tốn Mơ tả: Mỗi đơn hàng có nhiều hình thức tốn Mỗi hình thức toán lựa chọn áp dụng đơn hàng Mối quan hệ hình thức toán với đơn hàng quan hệ 1-n (một-nhiều) 48  Quan hệ đơn hàng tốn Mơ tả: Mỗi tốn thuộc đơn hàng Mỗi đơn hàng tốn nhiều lần Mối quan hệ đơn hàng với toán quan hệ 1-n (một-nhiều) 2.5.7 Biểu đồ triển khai 49 Chương 3: KẾT QUẢ ĐẠT ĐƯỢC Website nhà hàng : flexrestaurant.66ghz.com 3.1 Giao diện Website sử dụng giao diện theme WP GauCho WordPress 4.6.5 3.2 Giao diện trang chủ Giao diện trang chủ xuất khách hàng truy cập vào website Màn hình bao gồm menu ,slider chức tìm kiếm Màn hình giúp khách hàng nhanh chóng tìm thơng tin ăn mà mong muốn 50 Hình 3.1: Giao diện trang chủ 51 3.3 Giao diện trang danh mục ăn Giao diện trang danh mục ăn khách hàng click vào Chọn Tại khách hàng xem ăn danh mục lựa chọn ăn muốn mua, ăn bố trí đẹp mắt thành trang khác để khách hàng thoải mái lựa chọn ăn thích giúp khách hàng có nhiều lựa chọn Khách hàng sau tìm thấy sản phẩm muốn mua thêm sản phẩm vào giỏ hàng Hình 3.2: Giao diện trang danh mục ăn 52 3.4 Giao diện trang chi tiết đánh giá ăn Giao diện trang chi tiết ăn người dùng click chuột vào ăn bất kì, giao diện hiển thị thơng tin chi tiết ăn: danh mục,đánh giá khách hàng đồng thời cho phép người dùng đánh giá tiếp ăn… Giao diện cung cấp cho khách hàng có nhiều lựa chọn với ăn giúp khách hàng thuận lợi việc mua sản phẩm Hình 3.3: Giao diện trang chi tiết đánh giá ăn 53 3.5 Giao diện trang chi tiết giỏ hàng Giao diện xuất khách hàng chọn mua sản phẩm nhà hàng, từ trang khách hàng cập nhật lại số lượng sản phẩm muốn mua, xoá sản phẩm khỏi giỏ hàng mình, Nếu khách hàng muốn tốn chọn nút “Thanh tốn” qua trang Hình 3.4: Giao diện trang chi tiết giỏ hàng 54 3.6 Giao diện trang toán Giao diện khách hàng thêm sản phẩm vào giỏ hàng tiến hành toán Tại khách hàng thành viên đăng nhập dùng địa toán đăng kí để tốn dùng địa tốn mới.Nếu khách hàng chưa thành viên tiến hành đăng kí, khách hàng điền đầy đủ thơng tin chọn phương thức toán tiến hành đặt hàng Chọn nút “thanh tốn” đơn đặt hàng lưu vào sở liệu Hình 3.5: Giao diện trang toán 55 3.7 Giao diện trang liên hệ Giao diện xuất khách hàng click vào liên hệ Tai khách hàng liên hệ qua email, gọi điện thoại đến nhà hàng xem địa nhà hàng qua google map Hình 3.6: Giao diện trang liên hệ 56 3.8 Giao diện trang đặt tiệc Giao diện xuất khách hàng click vào đặt tiệc.Tại khách hàng đặt số bàn tùy ý cách điền tên,số lượng bàn,mail… vào form đặt tiệc Hình 3.7: Giao diện trang đặt tiệc 57 3.9 Giao diện trang hỏi đáp Giao diện xuất khách hàng click vào hỏi đáp.Tại khách hàng đặt câu hỏi với câu hỏi liên quan đến nhà hàng,món ăn dịch vụ nhà hàng Hình 3.8: Giao diện trang hỏi đáp 58 3.10 Giao diện trang quản lý Khi đăng nhập hệ thống với quyền admin giao diện trang quản lý xuất hiện.Giao diện cho phép người quản trị quản trị website.Giao diện việt hóa giúp quản trị dễ dàng tiếp cận Hình 3.9: Giao diện trang quản lý 59 KẾT LUẬN Đề tài " Xây dựng website nhà hàng FlexRestaurant Wordpress " đề tài mang tính chất thương mại quảng bá sản phẩm giúp cho khách hàng tiếp cận văn hóa ẩm thực nước cách nhanh Đây đề tài ứng dụng nhiều cho doanh nghiệp hay cá nhân Trong trình khảo sát, tìm hiểu để phân tích đề tài em hiểu phần thấy công việc cần phải làm để xây dựng website Trong trình khảo sát phân tích thiết kế xây dựng website em gặp nhiều khó khăn, em cố gắng nhiều để hoàn thiện website đáp ứng yêu cầu sau:  Hỗ trợ đầy đủ chức quản lý website :quản lý sản phẩm, quản lý khách hàng, quản lý đơn hàng,quản lí câu hỏi khách hàng  Giao diện đẹp mắt mẻ với người dùng  Hỗ trợ khách hàng tìm kiếm thơng tin cách nhanh chóng  Khách hàng bình luận góp ý kiến sản phẩm cho nhà hàng  Tích hợp chức toán giúp việc toán trở nên dễ dàng  Khách hàng hỗ trợ nhiều hình thức tốn mua hàng: tốn qua chuyển khoản ngân hàng trả tiền mặt nhận hàng Website đạt số chức để phục vụ cho việc quản lý sản phẩm Nhưng đáp ứng phần nhỏ yêu cầu Em mong góp ý để phát triển hoàn thiện thời gian tới để đáp ứng đầy đủ yêu cầu Hướng phát triển - Phát triển Website với nhiều tính - Thanh toán việc mua hàng nhanh chóng với nhiều cách tốn - Cơ chế bảo mật cao - Khách hàng tích lũy điểm thưởng mua hàng Một điều mong muốn thân em học hỏi thêm trau dồi cho thân để sau trường có kiến thức vững để bước vào nghề Và website em xây dựng ứng dụng vào thực tế lâu dài 60 TÀI LIỆU THAM KHẢO [1] Phạm Hữu Khang, Xây dựng ứng dụng Web PHP & MySQL, nhà xuất Phương Đông [2] Phạm Hữu Khang (2010) Lập trình php [3] Nguyễn Phương Lan – Hồng Đức Hải, Lập trình ứng dụng Web với JSP/Servlet, nhà xuất Lao động - Xã hội [4] Wallpearl (2008) Simple CSS tiếng việt [5] http://code.freetuts.net/ [6] http://sinhvienit.net/ [7] http://sinhvienit.net/forum/tai-lieu-lap-trinh-php-mysql.29266.html 61 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… 62 ... doanh nhà hàng .Nhà hàng FlexRestaurant mong muốn hợp tác tinh thần đơi bên có lợi với tất nhà cung cấp thực phẩm, nhà hàng khác, khách hàng để đem lại phục vụ tốt cho khách hàng nhà hàng FlexRestaurant. .. bán hàng qua mạng Như hình thức tốn, nhận hàng, chất lượng sản phẩm thực tế không website Hiểu vấn đề mong muốn đưa thương mại điện tử đến với nhiều người em thực đề tài: Xây dựng website nhà hàng. .. hàng nhà hàng FlexRestaurant tin rằng: nhà cung cấp, khách hàng có lợi ích hợp tác nhà hàng FlexRestaurant thành cơng Nhà hàng ln cố gắng làm hài lòng khách hàng khó tính với ăn ngon chế biến tinh