Xây dựng website cho quán cà phê exchange language, thái nguyên

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG THÁI NGUYÊN KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP Đề tài: XÂY DỰNG WEBSITE CHO QUÁN CÀ PHÊ EXCHANGE LANGUAGE, THÁI NGUYÊN Giảng viên hướng dẫn: Th.S Ngô Thị Lan Sinh Viên: Lê Tràng Thắng Lớp: CNTTK11B Thái Nguyên, năm 2017 MỤC LỤC MỤC LỤC LỜI CAM ĐOAN LỜI CẢM ƠN LỜI NÓI ĐẦU CHƯƠNG 1: TỔNG QUAN VỀ CƠ SỞ LÝ THUYẾT 1.1 Phát triển phần mềm hướng đối tượng 1.1.1 Giai đoạn nghiên cứu sơ 1.1.2 Giai đoạn phân tích 1.1.3 Giai đoạn thiết kế 1.1.4 Giai đoạn xây dựng 1.1.5 Thử nghiệm 1.2 Lý thuyết phân tích thiết kế hướng đối tượng UML 1.2.1 Phân tích thiết kế hệ thống theo UML 1.2.2 Các phần tử mơ hình UML 1.2.3 Biểu đồ (Diagram) 1.3 Tổng quan ngôn ngữ PHP 1.3.1 Giới thiệu PHP 1.3.2 Hướng đối tượng với PHP 10 1.4 Giới thiệu Laravel Framework 11 1.4.1 Giới thiệu chung 11 1.4.2 Các thành phần laravel 11 1.4.3 Làm việc với liệu laravel 15 CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE 18 2.1 Khảo sát hệ thống 18 2.1.1 Giới thiệu quán cà phê Exchange Language 18 2.1.2 Hiện trạng hệ thống 18 2.1.3 Khó khăn trạng 23 2.2 Phân tích yêu cầu hệ thống 24 2.2.1 Biểu đồ Use Case 24 2.2.2 Biểu đồ trình tự 33 2.2.3 Biểu đồ hoạt động 45 2.2.4 Biểu đồ lớp 48 2.2.5 Biểu đồ triển khai 52 2.2.6 Biểu đồ thành phần 52 2.3 Thiết kế sở liệu 53 CHƯƠNG 3: XÂY DỰNG WEBSITE 59 3.1 Giao diện Trang đăng nhập 59 3.2 Giao diện Trang chủ 59 3.3 Giao diện Trang Quản lý sản phẩm 60 3.4 Giao diện Trang Quản lý sách 60 3.5 Giao diện Trang Nhập nguyên liệu 61 3.6 Giao diện Trang Gọi đồ uống 61 3.7 Giao diện Trang Quản lý tài khoản 62 3.8 Giao diện Trang Quản lý nhóm 62 3.9 Giao diện Trang Quản lý kiện 63 3.10 Giao diện Trang Cập nhật menu 63 3.11 Giao diện Trang Xem danh sách đặt bàn 64 3.12 Giao diện Trang Chi tiết kiện 64 KẾT LUẬN 65 TÀI LIỆU THAM KHẢO 66 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN 67 LỜI CAM ĐOAN Tôi xin cam đoan đồ án tốt nghiệp “Xây dựng website cho quán cà phê Exchange Language, Thái Ngun” cơng trình nghiên cứu thân Những phần sử dụng tài liệu tham khảo đồ án nêu rõ phần tài liệu tham khảo Các số liệu, kết trình bày đồ án hồn tồn trung thực, sai tơi xin chịu hoàn toàn trách nhiệm chịu kỷ luật môn nhà trường đề Thái Nguyên, tháng năm 2017 Sinh viên Lê Tràng Thắng LỜI CẢM ƠN Lời đầu tiên, em xin chân thành cảm ơn mơn Cơng nghệ lập trình & Ứng dụng, trường Đại học Công nghệ thông tin Truyền thông, Đại học Thái Nguyên tạo điều kiện thuận lợi cho em thực đồ án tốt nghiệp Đặc biệt em xin chân thành cảm ơn Ths.Ngô Thị Lan tận tình hướng dẫn, bảo em suốt thời gian thực đồ án vừa qua Em xin chân thành cảm ơn tất Thầy, Cơ Trường tận tình giảng dạy, trang bị cho em kiến thức cần thiết, quý báu để giúp em thực đồ án Em xin trân trọng cảm ơn! LỜI NÓI ĐẦU Với phát triển mạnh mẽ công nghệ thông tin, việc ứng dụng tin học vào lĩnh vực sống ngày quan tâm sử dụng hiệu quả, đem lại lợi ích to lớn mặt Thêm vào đó, dịch vụ liên quan đến ẩm thực ngày phổ biến Các quán ăn, nhà hàng, qn cà phê mọc lên nấm Mơ hình quán cà phê sách dần hình thành Tuy nhiên mơ hình qn cà phê sách phát triển nước ta Việc quản lý quán cà phê sách mẻ cần thiết Để việc quản lý quán cà phê sách trở nên hiệu quả, nhà quản lý cần hệ thống phần mềm quản lý tự động, tránh thất thoát Vậy nên, em chọn đề tài “Xây dựng website cho quán cà phê Exchange Language, Thái Nguyên” Để thực đề tài em vận dụng phương pháp phát triển phần mềm hướng đối tượng, ngơn ngữ mơ hình hóa UML để khảo sát, phân tích thiết kế hệ thống website quản lý cho quán cà phê Exchange Language sử dụng công cụ phát triển website với ngôn ngữ PHP Laravel Framework để cài đặt ứng dụng Kết đạt đề tài xây dựng website phù hợp với quán cà phê sách trao đổi ngôn ngữ Website cho phép chủ quán theo dõi thông tin nhập hàng, bán hàng dễ dàng Nó kênh quảng bá quán cà phê hiệu cho khách hàng, người muốn đến quán cà phê để thưởng thức cà phê cần có khơng gian thư thái để đọc sách để giao lưu học ngoại ngữ người nước thành phố Thái Nguyên Hệ thống giúp nhân viên phục vụ khách hàng nhanh chóng xác Đồng thời, website tạo mơi trường cho phép khách hàng thường xuyên giao lưu, liên lạc với nhau, tạo kiện để trao đổi ngôn ngữ quán cà phê Mặc dù em có cố gắng, với trình độ hạn chế, q trình thực đề tài khơng tránh khỏi thiếu sót Em hi vọng nhận ý kiến nhận xét, góp ý Thầy giáo, Cô giáo vấn đề triển khai đồ án Sinh viên thực hiện: Lê Tràng Thắng CHƯƠNG 1: TỔNG QUAN VỀ CƠ SỞ LÝ THUYẾT Để hoàn thành đề tài “Xây dựng website cho quán cà phê Exchange Language, Thái Nguyên” em vận dụng : - Phương pháp phát triển phần mềm hướng đối tượng - Ngơn ngữ mơ hình hình hóa UML - Ngơn ngữ lập trình PHP Laravel Framework 1.1 Phát triển phần mềm hướng đối tượng 1.1.1 Giai đoạn nghiên cứu sơ UML đưa khái niệm Use Case để nắm bắt yêu cầu khách hàng (người sử dụng) UML sử dụng biểu đồ Use case (Use Case Diagram) để nêu bật mối quan hệ giao tiếp với hệ thống Qua phương pháp mơ hình hóa Use case, tác nhân (Actor) bên quan tâm đến hệ thống mơ hình hóa song song với chức mà họ đòi hỏi từ phía hệ thống (tức Use case) Các tác nhân Use case mơ hình hóa mối quan hệ miêu tả biểu đồ Use case UML Mỗi Use case mô tả tài liệu, đặc tả yêu cầu khách hàng 1.1.2 Giai đoạn phân tích Giai đoạn phân tích quan tâm đến q trình trừu tượng hóa (các lớp đối tượng) chế hữu phạm vi vấn đề Sau nhà phân tích nhận biết lớp thành phần mơ mối quan hệ chúng với nhau, lớp mối quan hệ miêu tả cơng cụ biểu đồ lớp (class diagram) UML Sự cộng tác lớp nhằm thực Use case miêu tả nhờ vào mơ hình động (dynamic models) UML Trong giai đoạn phân tích, lớp có tồn phạm vi vấn đề (các khái niệm đời thực) mơ hình hóa Các lớp kỹ thuật định nghĩa chi tiết giải pháp hệ thống phần mềm, ví dụ lớp cho giao diện người dùng, cho ngân hàng liệu, cho giao tiếp, trùng hợp, v.v , chưa phải mối quan tâm giai đoạn 1.1.3 Giai đoạn thiết kế Trong giai đoạn này, kết giai đoạn phân tích mở rộng thành giải pháp kỹ thuật Các lớp bổ sung để tạo thành hạ tầng sở kỹ thuật: Giao diện người dùng, chức để lưu trữ đối tượng ngân hàng liệu, giao tiếp với hệ thống khác, giao diện với thiết bị ngoại vi máy móc khác hệ thống, Các lớp thuộc phạm vi vấn đề có từ giai đoạn phân tích "nhúng" vào hạ tầng sở kỹ thuật này, tạo khả thay đổi hai phương diện: Phạm vi vấn đề hạ tầng sở Giai đoạn thiết kế đưa kết đặc tả chi tiết cho giai đoạn xây dựng hệ thống 1.1.4 Giai đoạn xây dựng Trong giai đoạn xây dựng (giai đoạn lập trình), lớp giai đoạn thiết kế biến thành dòng code cụ thể ngơn ngữ lập trình hướng đối tượng cụ thể (không nên dùng ngôn ngữ lập trình hướng chức năng!) Phụ thuộc vào khả ngơn ngữ sử dụng, cơng việc khó khăn hay dễ dàng Khi tạo mơ hình phân tích thiết kế UML, tốt nên cố gắng né tránh việc biến đổi mơ hình thành dòng code Trong giai đoạn trước, mơ hình sử dụng để dễ hiểu, dễ giao tiếp tạo nên cấu trúc hệ thống; vậy, vội vàng đưa kết luận việc viết code thành trở ngại cho việc tạo mơ hình xác đơn giản Giai đoạn xây dựng giai đoạn riêng biệt, nơi mô hình chuyển thành code 1.1.5 Thử nghiệm Như trình bày phần Chu Trình Phát Triển Phần Mềm, hệ thống phần mềm thường thử nghiệm qua nhiều giai đoạn với nhiều nhóm thử nghiệm khác Các nhóm sử dụng nhiều loại biểu đồ UML khác làm tảng cho cơng việc mình: Thử nghiệm đơn vị sử dụng biểu đồ lớp (class diagram) đặc tả lớp, thử nghiệm tích hợp thường sử dụng biểu đồ thành phần (component diagram) biểu đồ cộng tác (collaboration diagram), giai đoạn thử nghiệm hệ thống sử dụng biểu đồ Use case (use case diagram) để đảm bảo hệ thống có phương thức hoạt động định nghĩa từ ban đầu biểu đồ 1.2 Lý thuyết phân tích thiết kế hướng đối tượng UML Ngơn ngữ mơ hình hóa thống UML (Unified Modeling Language) ngôn ngữ trực quan cung cấp cho nhà phân tích thiết kế hệ thống hướng đối tượng cách hình dung hệ thống phần mềm, mơ hình hóa tổ chức nghiệp vụ sử dụng hệ thống này, xây dựng làm tài liệu chúng UML tiến triển chuẩn trở thành chuẩn quốc tế tổ chức tiêu chuẩn ISO (International Standard Organization) chấp nhận 1.2.1 Phân tích thiết kế hệ thống theo UML Việc phân tích thiết kế hướng đối tượng hệ thống hóa thơng qua ngôn ngữ UML theo bước sau: - Phân tích ca sử dụng: Tìm tác nhân (Actor), tìm ca sử dụng (Use case), xây dựng biểu đồ Use case - Tìm lớp: Tìm lớp, tìm gói - Xây dựng biểu đồ lớp - Xây dựng biểu đồ đối tượng - Phân tích tương tác đối tượng: Kịch bản, xây dựng biểu đồ tuần tự, xây dựng biểu đồ hợp tác - Xác định quan hệ đối tượng - Thêm vào thuộc tính phương thức cho lớp - Xác định ứng xử đối tượng: Xây dựng biểu đồ chuyển trạng, xây dựng biểu đồ hoạt động - Xác định kiến trúc hệ thống: Xây dựng biểu đồ thành phần, xây dựng biểu đồ triển khai, kiểm tra lại mô hình 1.2.2 Các phần tử mơ hình UML Các khái niệm sử dụng sơ đồ gọi phần tử mơ hình, ví dụ lớp, đối tượng, thông điệp, liên kết, phụ thuộc,…Mỗi phần tử mơ hình định nghĩa với ngữ nghĩa, định nghĩa chất phần tử, xác định ý nghĩa xác xem thể điều lời khẳng định rõ ràng Mỗi phần tử mơ hình có miêu tả trực quan, kí hiệu hình học sử dụng để miêu tả phần tử sơ đồ 1.2.3 Biểu đồ (Diagram) Biểu đồ hình vẽ miêu tả nội dung hướng nhìn UML có tất loại biểu đồ khác sử dụng kết hợp khác để cung cấp tất hướng nhìn hệ thống Biểu đồ Use case (Use case Diagram) Biểu đồ lớp (Class Diagram) Biểu đồ đối tượng (Object Diagram) Biểu đồ trạng thái (State Diagram) Biểu đồ (Sequence Diagram) Biểu đồ cộng tác (Collaboration Diagram) Biểu đồ hoạt động (Activity Diagram) Biểu đồ thành phần (Component Diagram) Biểu đồ triển khai (Deployment Diagram) 1.3 Tổng quan ngôn ngữ PHP 1.3.1 Giới thiệu PHP PHP - viết tắt hồi quy "Hypertext Preprocessor", ngơn ngữ lập trình kịch chạy phía server nhằm sinh mã html client PHP trải qua nhiều phiên tối ưu hóa cho ứng dụng web, với cách viết mã rõ rãng, tốc độ nhanh, dễ học nên PHP trở thành ngơn ngữ lập trình web phổ biến ưa chuộng 2.3 Thiết kế sở liệu - - - - Bảng User STT Trường liệu Kiểu kiệu Độ rộng Ghi Khóa id Int 11 Username Varchar 50 Password Varchar 50 Type int 11 name Varchar 50 Email Varchar 50 phone Varchar 11 Address Varchar 100 nativelanguage Varchar 50 Kiểu kiệu Độ rộng Ghi Khóa Bảng Product STT Trường liệu Id int 11 Name Varchar 100 type int 11 unit Varchar 50 Image Varchar 100 Des Text Bảng Type_product STT Trường liệu Kiểu kiệu Độ rộng Ghi Khóa Id Int 11 Name Varchar 100 Parent Int 11 Trường liệu Kiểu kiệu Độ rộng Bảng Book STT Khóa phụ Ghi 53 - - - - Id Int 11 Name Varchar 100 author Varchar 100 date int 11 page int 11 Image Varchar 100 Des Text type int 11 Khóa phụ Kiểu kiệu Độ rộng Ghi Khóa Bảng Type_book STT Trường liệu Khóa Id Int 11 Name Varchar 100 Parent Int 11 Bảng Group STT Trường liệu Kiểu kiệu Độ rộng Ghi Id int 11 Khóa Name Varchar 100 Id_Language Varchar 50 Des Text Creater int 11 Kiểu kiệu Độ rộng Ghi Bảng Member STT Trường liệu id int 11 Khóa Id_user int 11 Khóa phụ Id_group int 11 Khóa phụ Time_join date Bảng Language 54 - - - - STT Trường liệu Kiểu kiệu Độ rộng Ghi Id int 11 Khóa Name Varchar 50 Bảng Menu STT Trường liệu Kiểu kiệu Độ rộng Ghi Id int 11 Khóa Name Varchar 50 Date date Bảng Detail_menu STT Trường liệu Kiểu kiệu Độ rộng Ghi id int 11 Khóa Id_menu int 11 Khóa phụ Id_product int 11 Khóa phụ price int 11 sale int 11 Kiểu kiệu Độ rộng Ghi Khóa Bảng Supplier STT Trường liệu Id int 11 Name Varchar 50 Email Varchar 50 Phone Varchar 11 Address Varchar 100 Kiểu kiệu Độ rộng Ghi Bảng Detail_supplier STT Trường liệu Id int 11 Khóa Id_product int 11 Khóa phụ 55 - - - - - Id_sup Bảng Receipt STT Trường liệu int 11 Khóa phụ Kiểu kiệu Độ rộng Ghi Id int 11 Khóa Id_sup int 11 Khóa phụ Date date Kiểu kiệu Độ rộng Ghi Bảng Detail_receipt STT Trường liệu id int 11 Khóa Id_receipt int 11 Khóa phụ Id_product int 11 Khóa phụ price int 11 quantity int 11 Bảng Bill STT Trường liệu Kiểu kiệu Độ rộng Ghi Id int 11 Khóa name int 11 Date date Bảng Detail_bill STT Trường liệu Kiểu kiệu Độ rộng Ghi id int 11 Khóa Id_bill int 11 Khóa phụ Id_product int 11 Khóa phụ price int 11 quantity int 11 Bảng Event 56 - - - STT Trường liệu Kiểu kiệu Độ rộng Ghi Id int 11 Khóa Name Varchar 100 start Date end Date startregister Date endregister Date Content Text creater int 11 Khóa phụ Id_group int 11 Khóa phụ Kiểu kiệu Độ rộng Ghi Bảng Comment STT Trường liệu Id int 11 Khóa Id_user int 11 Khóa phụ Id_event int 11 Khóa phụ Date Date Content Text Kiểu kiệu Độ rộng Ghi Bảng Join_event STT Trường liệu Id int 11 Khóa Id_user int 11 Khóa phụ Id_event int 11 Khóa phụ acept int 11 Kiểu kiệu Độ rộng Ghi 11 Khóa Bảng Bookatable STT Trường liệu id int date datetime 57 - - Person int 11 status int 11 Id_user int 11 Khóa phụ Bảng Table STT Trường liệu Kiểu kiệu Độ rộng Ghi id int 11 Khóa name Text status int 11 Bảng Order STT Trường liệu Kiểu kiệu Độ rộng Ghi id int 11 Khóa Id_table int 11 Id_product int 11 price int 11 quantity int 11 Khóa phụ 58 CHƯƠNG 3: XÂY DỰNG WEBSITE 3.1 Giao diện Trang đăng nhập Hình 3.1: Giao diện Trang đăng nhập 3.2 Giao diện Trang chủ Hình 3.2: Giao diện Trang chủ 59 3.3 Giao diện Trang Quản lý sản phẩm Hình 3.3: Giao diện Trang Quản lý sản phẩm 3.4 Giao diện Trang Quản lý sách Hình 3.4: Giao diện Trang Quản lý sách 60 3.5 Giao diện Trang Nhập nguyên liệu Hình 3.5: Giao diện Trang Nhập nguyên liệu 3.6 Giao diện Trang Gọi đồ uống Hình 3.6: Giao diện Trang Gọi đồ uống 61 3.7 Giao diện Trang Quản lý tài khoản Hình 3.7: Giao diện Trang Quản lý tài khoản 3.8 Giao diện Trang Quản lý nhóm Hình 3.8: Giao diện Trang Quản lý nhóm 62 3.9 Giao diện Trang Quản lý kiện Hình 3.9: Giao diện Trang Quản lý kiện 3.10 Giao diện Trang Cập nhật menu Hình 3.10: Giao diện Trang Cập nhật menu 63 3.11 Giao diện Trang Xem danh sách đặt bàn Hình 3.11: Giao diện Trang Xem danh sách đặt bàn 3.12 Giao diện Trang Chi tiết kiện Hình 3.12: Giao diện Trang Chi tiết kiện 64 KẾT LUẬN Trong thời gian thực tập tìm hiểu cơng cụ thiết kế website em tìm hiểu ngơn ngữ PHP, phương pháp phân tích thiết kế hướng đối tượng UML Từ áp dụng lý thuyết em tạo hệ thống website Hệ thống gồm chức giúp cho người dùng thuận tiện việc quảng bá quán cà phê Exchange language, theo dõi trình nhập hàng, bán hàng trao đổi ngôn ngữ với giao diện đơn giản, phù hợp Mặc dù cố gắng thời gian có hạn nên đề tài nhiều hạn chế Em mong nhận thông cảm góp ý thầy để website ngày hoàn thiện Em xin chân thành cảm ơn! Sinh viên Lê Tràng Thắng 65 TÀI LIỆU THAM KHẢO [1] Bài giảng Phát triển ứng dụng môi trường mạng, Trường ĐH CNTT & TT [2] Bài giảng phân tích thiết kế hướng đối tượng, Trường ĐH CNTT & TT [3] Sử dụng DHTML & CSS, Thiết kế Web Động, NXB Lao động xã hội, 2005 [4] Lê Minh Hoàng, Thiết Kế Web với CSS, NXB Lao động xã hội, 04/2007 [5] PHP for Absolute beginners [6] PHP Object-Oriented Solutions [7] Beginning PHP and MySQL: From Novice to Professional [8] http://www.w3schools.com [9] http://www.qhonline.edu.vn [10] https://laravel.com/docs/5.4 66 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Thái nguyên, ngày tháng .năm 2017 Giảng viên hướng dẫn 67 ... lý quán cà phê sách trở nên hiệu quả, nhà quản lý cần hệ thống phần mềm quản lý tự động, tránh thất thoát Vậy nên, em chọn đề tài Xây dựng website cho quán cà phê Exchange Language, Thái Nguyên ... thống website quản lý cho quán cà phê Exchange Language sử dụng công cụ phát triển website với ngôn ngữ PHP Laravel Framework để cài đặt ứng dụng Kết đạt đề tài xây dựng website phù hợp với quán cà. .. ngày phổ biến Các quán ăn, nhà hàng, quán cà phê mọc lên nấm Mơ hình qn cà phê sách dần hình thành Tuy nhiên mơ hình qn cà phê sách phát triển nước ta Việc quản lý quán cà phê sách mẻ cần thiết