Xây dựng website đặt món ăn trực tuyến cho cửa hàng BBQ thái nguyên

LỜI CẢM ƠN Được phân công Khoa Công nghệ thông tin - Trường Đại học Công nghệ thông tin Truyền thông Thái Nguyên đồng ý thầy giáo hướng dẫn Ths.Phùng Thế Huân em thực đề tài "Xây dựng website đặt ăn trực tuyến cho cửa hàng BBQ Thái Nguyên" Em xin chân thành cảm ơn thầy giáo Ths.Phùng Thế Huân tận tình hướng dẫn, giảng dạy giúp đỡ suốt trình em học tập làm đồ án tốt nghiệp Em xin cảm ơn toàn thể thầy cô giáo – Trường Đại học Công nghệ thông tin Truyền thông truyền dạy cho em kiến thức quý báu suốt trình học tập trường để em hoàn thành tốt đồ án tốt nghiệp Nhân dịp em xin gửi lời cảm ơn chân thành tới gia đình, bạn bè, người thân cổ vũ động viên em trình em hoàn thành đồ án tốt nghiệp Mặc dù nhiều cố gắng, thời gian kiến thức có hạn nên tránh khỏi sai lầm thiếu sót Em mong đóng góp quý thầy cô bạn để đồ án em hoàn thiện Em xin chân thành cảm ơn! Thái Nguyên, tháng năm 2016 Sinh viên thực Phùng Thị Sao LỜI CAM ĐOAN Sau trình học tập trường Đại học Công Nghệ Thông Tin Truyền Thông, có kết hợp, vận dụng lý thuyết thực tế, em nghiên cứu tập hợp tài liệu để hoàn thành đồ án tốt nghiệp Em xin cam đoan đồ án tốt nghiệp em công trình thân em tự tìm hiểu, nghiên cứu hoàn thành hướng dẫn thầy giáo Ths.Phùng Thế Huân Em xin chịu trách nhiệm đồ án Thái Nguyên, tháng năm 2016 Sinh viên thực Phùng Thị Sao MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN MỤC LỤC LỜI NÓI ĐẦU CHƯƠNG I: CƠ SỞ LÝ THUYẾT 1.1 Tổng quan phân tích thiết kế hướng đối tượng 1.1.1 Khái niệm 1.1.2 Ưu điểm phân tích thiết kế hướng đối tượng 1.1.3 Các giai đoạn chu trình phát triển phần mềm hướng đối tượng 1.1.4 Những vấn đề đặt phân tích thiết kế hướng đối tượng 1.1.5 Phân tích thiết kế hướng đối tượng với UML 10 1.1.6 Biểu đồ Use case (Usecase Diagrams): 11 1.1.7 Biểu đồ lớp 13 1.1.8 Biểu đồ trình tự 16 1.1.9 Biểu đồ hoạt động 16 1.2 Ngôn ngữ lập trình 16 1.2.1 Hệ quản trị MySQL 16 1.2.2 PHP 20 1.2.3 Kết nối PHP MySQL 24 1.2.4 Thiết kế giao diện 24 CHƯƠNG II: KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Hiện trạng thực tế 29 29 2.1.1 Giới thiệu cửa hàng BBQ 30 2.1.2 Mô hình bán hàng 31 2.2 Phân tích yêu cầu đề tài 31 2.2.1 Tóm tắt hoạt động hệ thống 31 2.2.2 Phạm vi đề tài ứng dụng 32 2.2.3 Đối tượng sử dụng 32 2.2.4 Mục đích đề tài 32 2.3 Xác định yêu cầu khách hàng 32 2.3.1 Hệ thống hành trung tâm 32 2.3.2 Hệ thống đề nghị 33 2.4 Yêu cầu giao diện website 35 2.4.1 Giao diện người dùng 35 2.4.2 Giao diện người quản trị 35 2.5 Phân tích chức hệ thống 35 2.5.1 Các chức đối tượng Khách hàng 35 2.5.2 Chức Admin 37 2.6 Biểu đồ phân tích thiết kế hệ thống 40 2.6.1 Biểu đồ Use case tổng quát 40 2.6.2 Biểu đồ hoạt động 42 2.6.3 Biểu đồ trình tự 48 2.6.4 Biểu đồ lớp 56 CHƯƠNG III: XÂY DỰNG WEBSITE 57 3.1 Một số yêu cầu thiết kế giao diện ứng dụng 57 3.1.1 Các tính chất hình giao diện 57 3.1.2 Các kỹ thuật 57 3.2 Thiết kế giao diện trang khách hàng 57 3.2.1 Thiết kế giao diện trang chủ 57 3.2.2 Thiết kế giao diện trang quản trị admin 60 KẾT QUẢ ĐẠT ĐƯỢC 62 TÀI LIỆU THAM KHẢO 63 DANH MỤC HÌNH ẢNH Hình 2.1 Biểu đồ use case tổng quát 40 Hình 2.2 Biểu đồ use case Quản lý sản phẩm 41 Hình 2.3 Biểu đồ use case Quản lý khách hàng 41 Hình 2.4.Biểu đồ use case Quản lý đơn hàng 42 Hình 2.5 Biểu đồ hoạt động chức Đăng nhập vào hệ thống 42 Hình 2.6 Biểu đồ hoạt động chức Đăng xuất 43 Hình 2.7 Biểu đồ hoạt động chức Tìm kiếm 43 Hình 2.8 Biểu đồ hoạt động chức Đăng kí thành viên 44 Hình 2.9 Biểu đồ hoạt động chức Xem thông tin sản phẩm 44 Hình 2.10 Biểu đồ hoạt động chức Đặt hàng 45 Hình 2.11 Biểu đồ hoạt động chức Xoá đơn hàng 45 Hình 2.12 Biểu đồ hoạt động chức Thêm sản phẩm 46 Hình 2.13 Biểu đồ hoạt động chức Sửa thông tin sản phẩm 46 Hình 2.14 Biểu đồ hoạt động chức Xoá sản phẩm 47 Hình 2.15 Biểu đồ hoạt động chức Xoá thông tin khách hang 47 Hình 2.16 Biểu đồ trình tự chức Đăng nhập 48 Hình 2.17 Biểu đồ trình tự chức Đăng xuất 49 Hình 2.18 Biểu đồ trình tự chức Đăng ký thành viên 50 Hình 2.19 Biểu đồ trình tự chức Tìm kiếm 51 Hình 2.20 Biểu đồ trình tự chức Thêm sản phẩm 52 Hình 2.21 Biểu đồ trình tự chức Sửa thông tin sản phẩm 53 Hình 2.22 Biểu đồ trình tự chức Xóa sản phẩm 54 Hình 2.23 Biểu đồ trình tự chức Đặt hàng 55 Hình 2.24: Biểu đồ lớp 56 Hình 3.1 Giao diện trang chủ 57 Hình 3.2 Giao diện giới thiệu 58 Hình 3.3 Giao diện thực đơn người dùng 58 Hình 3.4 Giao diện hướng dẫn toán 59 Hình 3.5 Giao diện liên hệ 59 Hình 3.6 Giao diện đăng nhập admin 60 Hình 3.7 Giao diện trang chủ admin 60 Hình 3.8 Giao diện thực đơn 61 Hình 3.9 Giao diện người dùng 61 Hình 3.10 Giao diện liên hệ 61 LỜI NÓI ĐẦU Trong năm gần với phát triển vượt trội khoa học kỹ thuật đặc biệt công nghệ thông tin, với ứng dụng công nghệ thông tin vào lĩnh vực đóng góp phần to lớn cho nghiệp phát triển người Việc xây dựng trang web để phục vụ cho nhu cầu riêng tổ chức, công ty chí cá nhân ngày phổ biến không vấn đề xa lạ Và người trở thành chủ website giới thiệu mà họ quan tâm: website giới thiệu thân gia đình họ, website trình bày sưu tập hình ảnh, sở thích mà họ yêu thích, Đối với nhà hàng việc xây dựng website riêng ngày trở nên cấp thiết Thông qua website này, thông tin họ ăn, dịch vụ nhà hàng đến với người quan tâm, đến với khách hàng họ cách nhanh chóng kịp thời, tránh phiền hà mà phương thức giao tiếp truyền thống thường gặp phải Từ vốn kiến thức có trình học tập thông qua tham khảo số trang Web giới thiệu sản phẩm, quảng bá sản phẩm Em thực đề tài: “Xây dựng website đặt ăn trực tuyến cho cửa hàng BBQ Thái Nguyên” Đề tài gồm chương: Chương I: Cơ sở lý thuyết Chương II: Khảo sát phân tích thiết kế hệ thống Chương III: Xây dựng website CHƯƠNG I: CƠ SỞ LÝ THUYẾT 1.1 Tổng quan phân tích thiết kế hướng đối tượng  Khái niệm Trong kỹ nghệ phần mềm để sản xuất sản phẩm phần mềm người ta chia trình phát triển sản phẩm nhiều giai đoạn thu thập phân tích yêu cầu, phân tích thiết kế hệ thống, phát triển (coding), kiểm thử, triển khai bảo trì Trong đó, giai đoạn phân tích, thiết kế giai đoạn khó khăn phức tạp Giai đoạn giúp hiểu rõ yêu cầu đặt ra, xác định giải pháp, mô tả chi tiết giải pháp Nó trả lời câu hỏi What (phần mềm làm gì?) How (làm nào?) Để phân tích thiết kế phần mềm có nhiều cách làm, cách làm xem hệ thống gồm đối tượng sống tương tác với Việc mô tả tất đối tượng tương tác chúng giúp hiểu rõ hệ thống cài đặt Phương thức gọi Phân tích thiết kế hướng đối tượng (OOAD)  Ưu điểm phân tích thiết kế hướng đối tượng Đối tượng độc lập tương đối: che giấu thông tin, việc sửa đổi đối tượng không ảnh hưởng lan sang đối tượng khác Những đối tượng trao đổi thông tin với cách truyền thông điệp làm cho liên kết đối tượng lỏng lẻo, ghép nối tùy ý, bảo trì nâng cấp dễ dàng Việc phân tích thiết kế theo cách phân toán thành đối tượng hướng tới lời giải giới thực Các đối tượng sử dụng lại tính kế thừa đối tượng Hệ thống hướng đối tượng dễ dàng mở rộng thành hệ thống lớn nhờ tương tác thông qua việc nhận gửi thông báo Xây dựng hệ thống thành thành phần khác Mỗi thành phần xây dựng độc lập sau ghép chúng lại với đảm bảo có đầy đủ thông tin giao dịch Việc phát triển bảo trì hệ thống đơn giản nhiều có phân hoạch rõ ràng, kết việc đóng gói thông tin kết nối đối tượng thông qua giao diện, việc sử dụng lại thành phần đảm bảo độ tin cậy Quá trình phát triển phần mềm đồng thời trình cộng tác khách hàng /người dùng, nhà phân tích, nhà thiết kế, nhà phát triển, chuyên gia lĩnh vực, chuên gia kỹ thuật nên lối tiếp cận khiến cho việc giao tiếp họ với dễ dàng Một ưu điểm quan trọng phương pháp phân tích thiết kế hướng đối tượng tính tái sử dụng: bạn tạo đối tượng lần dùng chúng nhiều lần sau Vì đối tượng thử nghiệm kỹ lần dùng trước đó, nên khả tái sử dụng giúp hạn chế lỗi khó khăn việc bảo trì, giúp tăng tốc độ thiết kế phát triển phần mềm Phương pháp hướng đối tượng giúp tạo hệ phần mềm có quy mô lớn, có khả thích ứng bền  Các giai đoạn chu trình phát triển phần mềm hướng đối tượng  Phân tích hướng đối tượng (Object Oriented Analynis - OOA) Là giai đoạn phát triển mô hình xác súc tích vấn đề, có thành phần đối tượng khái niệm đời thực, dễ hiểu người sử dụng  Thiết kế hướng đối tượng (Object Oriented Design - OOD) Là giai đoạn tổ chức chương trình thành tập hợp đối tượng cộng tác với nhau, đối tượng lớp Các lớp thành viên tạo thành cấu trúc với mối quan hệ thừa kế hay tương tác thông báo  Lập trình hướng đối tượng (Object Oriented Programming - OOP) Giai đoạn xây dựng phần mềm thực sử dụng kỹ thuật lập trình hướng đối tượng Đó phương thức thực việc chuyển thiết kế hướng đối tượng thành chương trình việc sử dụng ngôn ngữ lập trình có hỗ trợ tính chạy được, đưa vào sử dụng sau trải qua nhều bước thử nghiệm khác  Những vấn đề đặt phân tích thiết kế hướng đối tượng Đặc điểm phân tích thiết kế hướng đối tượng: nhìn nhận hệ thống tập đối tượng tương tác với để tạo hành động cho kết 10 Hình 2.22 Biểu đồ trình tự chức Xóa sản phẩm  Biểu đồ trình tự chức Đặt hàng: 80 Hình 2.23 Biểu đồ trình tự chức Đặt hàng 81 82 2.6.4 Biểu đồ lớp 83 84 Hình 2.24: Biểu đồ lớp CHƯƠNG III: XÂY DỰNG WEBSITE 3.1 Một số yêu cầu thiết kế giao diện ứng dụng 3.1.1 Các tính chất hình giao diện  Tính đồng  Tính thân thuộc, bắt mắt  Tính phong phú, đa dạng nội dung trình bày  Tính phong phú thao tác quản lý  Tính cá nhân hóa 3.1.2 Các kỹ thuật  Cập nhật nội dung  Bổ sung thao tác  Tăng tốc độ nhập liệu  Xử lý lỗi trình nhập liệu  Thân thuộc hóa giao diện  Cá nhân hóa giao diện 3.2 Thiết kế giao diện trang khách hàng 3.2.1 Thiết kế giao diện trang chủ 85 Hình 3.1 Giao diện trang chủ Trang chủ website hiển thị hình ảnh, chức người dùng thực hiện, khách hàng lựa chọn chức xem trang chủ để xem thông tin trang web sản phẩm trang web sử dụng tìm kiếm để tìm kiếm sản phẩm cách nhanh Một khía cạnh khác giúp để lấy lại kinh nghiệm mua hàng thú vị cho khách hàng trực tuyến giao diện: hiểu từ ngữ hình ảnh mà người mua hàng tiếp xúc, thay người bán hàng thực Trang chủ trang thể mặt ứng dụng, chức phải bố trí hợp lý, tiện lợi cho người dùng lựa chọn chức Từ trang chủ người xem liên kết đến trang nội dung phải nhanh chóng dễ dàng tiện lợi 86 Hình 3.2 Giao diện giới thiệu Trang giới thiệu hiển thị thông tin của trang web nhằm giới thiệu lịch hình thành phát triển BBQ Khách hàng lựa chọn thích trang thực đơn 87 Hình 3.3 Giao diện thực đơn người dùng Khách hàng lựa chọn thích trang thực đơn, cho phép người dùng thực mua sản phẩm Hình 3.4 Giao diện hướng dẫn toán Trang hướng dẫn toán giúp người dùng lựa chọn cho toán trực tiếp chuyển khoản ngân hàng 88 Hình 3.5 Giao diện liên hệ Trang liên hệ cho phép khách hàng liên hệ, gửi thắc mắc phản hổi tới quản trị trang web 3.2.2 Thiết kế giao diện trang quản trị admin 89 Hình 3.6 Giao diện đăng nhập admin Admin cần đăng nhập hệ thống truy cập cập nhật thông tin website 90 Hình 3.7 Giao diện trang chủ admin Trang chủ admin trang tổng quan hóa đơn khách hàng mua ngày tuần, hiển thị hóa đơn toán hay chưa toán 91 Hình 3.8 Giao diện thực đơn Trang hiển thị tất sản phẩm thông tin sản phẩm admin dễ dàng quản lý Hình 3.9 Giao diện người dùng Trang cho phép hiển thị thông tin người dùng để admin quản lý dễ dàng, theo dõi trạng thái người dùng Hình 3.10 Giao diện liên hệ Trang giao diện liên hệ admin hiển thị tất thông tin tài khoản quản lý website mà khách hàng liên hệ, phản hổi 92 KẾT QUẢ ĐẠT ĐƯỢC Lý thuyết: - Hiểu cách sử dụng ngôn ngữ PHP để cài đặt trang web - Hiểu cách sử dụng CSS để trình bày trang web Thực hành: - Đã thêm sản phẩm , hiển thị sản phẩm, tìm kiếm sản phẩm, thực việc thêm sản phẩm vào giỏ hàng toán đơn hàng, quản lý đơn hàng cho website - Đã in báo cáo dạng văn tham khảo hệ thống website lựa chọn Hạn chế, khó khăn hướng phát triển Hạn chế: + Sản phẩm chưa thực có tính ứng dụng cao + Kiến thức lập trình hạn chế nên chương trình chưa tốt + Phần toán trực tuyến chưa kết hợp với trang toán trực truyến Việt Nam (Ngân lượng, Bảo Kim, ) Khó khăn: + Thời gian gấp rút nên sản phẩm thiếu sót + Kiến thức lập trình yếu nên chương trình chưa tối ưu mặt code, chưa áp dụng SEO vào trang web, chưa có tính bảo mật Hướng phát triển: Hoàn thiện website để ứng dụng thực tế: + Tối ưu code + Áp dụng SEO vào trang web để quảng bá trang web rộng rãi + Tối ưu hóa thuật toán để chương trình có tính an toàn cao 93 TÀI LIỆU THAM KHẢO [1] Th.s Nguyễn Quang Hiệp, Bài giảng phát triển ứng dụng web, Bộ môn hệ thống thông tin – Khoa CNTT - Trường Đại học Công nghệ thông tin Truyền thông Thái Nguyên [2] Phạm Thị Xuân Lộc, Giáo trình phân tích hệ thống hướng đối tượng, Khoa Công nghệ thông tin Truyền thông - Trường Đại học Cần Thơ, 2009 [3] Huỳnh Văn Đức, Đoàn Thiện Ngân, Giáo trình nhập môn UML, Đại học lao động xã hội Tp Hồ Chí Minh [4] http://www.w3schools.com/ [5] http://hocwebchuan.com [6] http://tuhocphp.com/ [7] http://www.qhonline.info/ [8] https://www.izwebz.com/ 94 ... tài: Xây dựng website đặt ăn trực tuyến cho cửa hàng BBQ Thái Nguyên Đề tài gồm chương: Chương I: Cơ sở lý thuyết Chương II: Khảo sát phân tích thiết kế hệ thống Chương III: Xây dựng website. .. quan tâm: website giới thiệu thân gia đình họ, website trình bày sưu tập hình ảnh, sở thích mà họ yêu thích, Đối với nhà hàng việc xây dựng website riêng ngày trở nên cấp thiết Thông qua website. .. phần to lớn cho nghiệp phát triển người Việc xây dựng trang web để phục vụ cho nhu cầu riêng tổ chức, công ty chí cá nhân ngày phổ biến không vấn đề xa lạ Và người trở thành chủ website giới