TRƯỜNG ĐẠI HỌC CÔNG NGHỆ GIAO THÔNG VẬN TẢI KHOA CÔNG NGHỆ THÔNG TIN ĐỀ CƯƠNG CHI TIẾT ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC XÂY DỰNG HỆ THỐNG QUẢN LÝ VÀ ĐẶT MUA THỰC PHẨM Giảng viên hướng dẫn ThS Sinh viên thực h.
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ GIAO THÔNG VẬN TẢI KHOA CÔNG NGHỆ THÔNG TIN ĐỀ CƯƠNG CHI TIẾT ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC XÂY DỰNG HỆ THỐNG QUẢN LÝ VÀ ĐẶT MUA THỰC PHẨM Giảng viên hướng dẫn: ThS Sinh viên thực hiện: Lớp: Mã sinh viên: Ngành: Công nghệ thông tin Hà Nội, 03-2022 LỜI MỞ ĐẦU Trước phát triển ngày nhanh chóng lĩnh vực Công nghệ thông tin cụ thể lĩnh vực mạng truyền thông phát triển mạnh mẽ Và kèm với phát triển mạnh mẽ dịch vụ, tiện ích để phục vụ đời sống, cơng việc, giải trí người cụ thể dịch vụ mua bán thực phẩmtrực tuyến qua mạng tỏ hiệu người dần trở thành nhu cầu thiết yếu phục vụ người Đặc biệt, bùng phát dịch covid 19 khiến việc đặt hàng qua trang điện tử phổ biến, thu hút nhiều người Vì hạn chế di chuyển, trao đổi hàng hóa trực tiếp người sử dụng website đặt hàng vừa nhanh chóng đảm bảo an toàn cho thân Là sinh viên trang bị kiến thức ngành hệ thống thông tin với kiến thức tiếp thu vận dụng lý thuyết vào cơng việc thực tế nên em chọn đề tài “ Xây dựng hệ thống quản lý đặt mua thực phẩm ” để thực đồ án tốt nghiệp với mục đích nghiên cứu xây dựng hệ thống thơng tin quản lý số lượng, thông tin đơn hàng tình trạng xuất, nhập, tồn kho hàng hóa, giúp người quản lý tiết kiệm thời gian, công sức hiệu cao công việc Rất đơn giản, với vài thao tác, cú bấm chuột bạn order cho đồ uống, thực phẩm hay chí đồ dùng cá nhân, gia vị nhà bếp Chương 1: Kiến thức tảng 1.1 Cơ sở lý thuyết 1.1.1 Phân tích thiết kế hướng đối tượng ● Giới thiệu OOAD: Phân tích thiết kế hướng đối tượng(OOAD) giai đoạn phát triển mơ hình xác súc tính 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 ● Nguyên tắc OOAD: - Một lớp nên có lý để thay đổi, tức lớp nên xử lý chức đơn lẻ Nếu đặt nhiều chức vào lớp, dẫn đến phụ thuộc chức với - Các lớp, module, chức nên dễ dàng cho việc thêm chức cho việc thay đổi - Lớp dẫn xuất phải có khả thay lớp cha - Chương trình khơng nên buộc phải cài đặt Interface mà khơng sử dụng đến - Các module cấp cao không nên phụ thuộc vào module cấp thấp Cả hai nên phụ thuộc thông qua lớp trừu tượng Lớp trừa tượng không nên phụ thuộc vào chi tiết Chi tiết nên phụ thuộc vào trừu tượng 1.1.2 Ngôn ngữ HTML CSS Hình 1.1 Minh họa trang web sử dụng HTML CSS ● Giới thiệu HTML: HTML (Hypertext Markup Language) mã dùng để xây dựng nên cấu trúc nội dung trang web Ví dụ, nội dung cấu thành loạt đoạn văn, danh sách liệt kê, sử dụng hình ảnh bảng biểu ● Tính HTML5: - Phần tử dùng để hiển thị cỡ nhỏ, ký hiệu trình bao bọc xác cho thơng tin - Việc sử dụng dấu ngoặc kép phụ thuộc vào người dùng - Cho phép người dùng chỉnh sửa văn có phần tử, bao gồm phần tử - HTML5 loại bỏ hồn tồn thuộc tính - Cung cấp đầu vào email cho phép hướng dẫn trình duyệt cho phép chuỗi xác nhận địa email - Dễ dàng tạo trượt với phạm vi đầu vào ● Giới thiệu CSS: CSS (viết tắt Cascading Style Sheets) dùng để miêu tả cách trình bày tài liệu viết ngôn ngữ HTML XHTML CSS hiểu cách mà chúng thêm kiểu hiển thị (font chữ, kích thước, màu sắc,…) cho tài liệu Web ● Cách sử dụng CSS HTML: Có cách sử dụng CSS HTML: - Inline: Mã CSS viết thuộc tính ‘style’ phần tử HTML Đặt thuộc tính ‘style’ vào thẻ mở phần tử HTML, giá trị thuộc tính ‘style’ cặp thuộc tính định dạng CSS Ví dụ: - Internal: Mã CSS văn HTML tại, nằm khối thẻ ‘style’ Đặt cặp thuộc tính định dạng bên cặp thẻ Và cặp thẻ đặt bên cặp thẻ - External: Các mã CSS file riêng, sau liên kết tới trang HTML thông qua phần tử Trong cặp thẻ tập tin HTML, dùng thẻ để nhúng tệp CSS vào trang web 1.1.3 Ngôn ngữ JavaScript ● Giới thiệu JavaScript: JavaScript ngơn ngữ lập trình HTML ứng dụng Web Nó sử dụng phổ biến phần trang web, chúng cho phép Client-Side script tương tác với người sử dụng tạo trang web động Nó ngơn ngữ chương trình thơng dịch với khả hướng đối tượng ● JavaScript kết hợp với HTML CSS: Hình 1.2 Minh họa JavaScript kết hợp với HTML CSS Một website thường có phần gồm HTML, CSS Javascript Trong đó, HTML định nội dung cấu trúc trang web; CSS định màu sắc, hình dáng, kiểu chữ,… Hầu hết thay đổi HTML CSS thể dạng tĩnh, thực hành động với chuyển động bắt mắt xoay hình, kiểm tra thơng tin hợp lệ, hiển thị thông báo người dùng Tất hành động chuyển thể từ trạng thái tĩnh sang trạng thái động nhờ vào thành phần thứ Javascript Ba thành phần kết hợp với tạo nên website hoàn chỉnh với giao diện (UI) trải nghiệm người dùng (UX) chất lượng 1.1.4 Ngôn ngữ PHP ● Giới thiệu PHP: Hypertext Preprocessor, thường viết tắt thành PHP ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt Nó thích hợp với web dễ dàng nhúng vào trang HTML PHP trở thành ngôn ngữ lập trình web phổ biến giới ● Lý nên sử dụng ngơn ngữ lập trình PHP: - Cộng đồng lớn: Nếu gặp phải khó khăn đó, khơng phải điều lo lắng có nhiều blog PHP Internet - Dễ học: Có thể học dễ dàng có tài liệu tuyệt vời chức ví dụ - Chi phí thấp: Nó nguồn mở để sử dụng miễn phí - Được sử dụng rộng rãi, phổ biến: Nó sử dụng để tạo loại tảng thương mại điện tử, blogs, phương tiện truyền thơng - Tích hợp với sở liệu: Ví dụ MySQL, Oracle 1.1.5 Hệ quản trị sở liệu ● Giới thiệu Cơ sở liệu: Cơ sở liệu (Database) tập hợp liệu có tổ chức, thường lưu trữ truy cập điện tử từ hệ thống máy tính Khi sở liệu phức tạp hơn, chúng thường phát triển cách sử dụng kỹ thuật thiết kế mơ hình hóa thức ● Giới thiệu Hệ quản trị sở liệu: Hệ quản trị sở liệu (viết tắt Database Management System) hệ thống thiết kế để quản lý khối lượng liệu định cách tự động có trật tự Các hành động quản lý bao gồm chỉnh sửa, xóa, lưu tìm kiếm thơng tin nhóm liệu định 1.2 Công cụ sử dụng 1.2.1 Phần mềm trực tuyến Draw.io Hình 1.3 Giao diện phần mềm trực tuyết Draw.io Draw.io công cụ vẽ sơ đồ mạnh mẽ, hỗ trợ nhiều hình khối, chạy online khơng cần cài đặt mà lại miễn phí khơng bị giới hạn số biểu đồ nhiều tool vẽ web khác Draw.io cho phép vẽ hàng nghìn sơ đồ thiết kế phần mềm, phần cứng hệ thống Nó có thư viện template phong phú để bạn bắt đầu nhanh hơn, khơng phải tự vẽ từ đầu 1.2.2 Thư viện Jquery ● Giới thiệu thư viện Jquery: JQuery thư viện JavaScript nhanh, nhỏ giàu tính Nó làm cho thứ thao tác duyệt tài liệu HTML, xử lý kiện, hoạt ảnh Ajax đơn giản nhiều với API dễ sử dụng hoạt động vơ số trình duyệt Với kết hợp tính linh hoạt khả mở rộng, jQuery thay đổi cách mà hàng triệu người viết JavaScript ● Ưu điểm Jquery: - Là thư viện lớn javascript: Thực nhiều chức so với thư viện JavaScript khác - Dễ sử dụng: Đây lợi sử dụng Jquery, dễ dàng sử dụng so với nhiều thư viện JavaScript chuẩn khác cú pháp đơn giản bạn phải viết dịng lệnh để tạo chức tương tự Chỉ với 10 dịng lệnh JQuery bạn thay 20 chục dòng lệnh DOM JavaScript, tiết kiệm thời gian lập trình viên - Cộng đồng mã nguồn mở lớn mạnh: Jquery cịn tương đối mới, có cộng đồng dành thời gian họ để phát triển plugin Jquery Như vậy, có hàng trăm plugin viết trước có sẵn để tải để đẩy nhanh trình viết code người lập trình Một lợi khác đằng sau hiệu an tồn script - Có nhiều tài liệu hướng dẫn: Các trang web JQuery có tồn tài liệu hướng dẫn để người bắt đầu lập trình làm việc dễ dàng với thư viện Jquery - Hỗ trợ AJAX: JQuery cho phép bạn phát triển template AJAX cách dễ dàng AJAX cho phép giao diện kiểu dáng đẹp website, chức thực trang mà khơng địi hỏi tồn trang reload lại 1.2.3 Framework Laravel mơ hình MVC ● Giới thiệu framework Laravel: Framework thư viện với tài nguyên có sẵn cho lĩnh vực để lập trình viên sử dụng thay phải tự thiết kế Với Framework, lập trình viên cần tìm hiểu khai thác tài nguyên đó, gắn kết chúng lại với hồn chỉnh sản phẩm Laravel PHP Framework mã nguồn mở miễn phí Được phát triển nhằm mục đích hỗ trợ phát triển ứng dụng web theo mơ hình MVC ● Mơ hình MVC Laravel: MVC (Model-View-Controller) mẫu kiến trúc phần mềm máy tính nhằm mục đích tạo lập giao diện cho người dùng Hệ thống MVC chia thành ba phần có khả tương tác với tách biệt nguyên tắc nghiệp vụ với giao diện người dùng Ba thành phần bao gồm: - View: View phần ứng dụng chịu trách nhiệm cho việc trình bày liệu Thành phần tạo liệu thu thập từ liệu mơ hình, giúp người dùng có nhìn trực quan trang web, ứng dụng View đại diện cho liệu từ trò chuyện, sơ đồ bảng Ví dụ: View có bao gồm tất thành phần giao diện người dùng nút bấm, menu, khung nhập - Model: Model kiến trúc MVC thành phần đảm nhiệm chức lưu trữ liệu phận logic liên quan toàn ứng dụng Model chịu trách nhiệm cho thao tác liệu Controller logic nghiệp vụ liên quan khác cho phép xem, truy xuất liệu - Controller: Controller xử lý tương tác người dùng ứng dụng Nó xử lý liệu đầu vào từ bàn phím chuột người dùng, sau thơng báo tới View Model Hình 2.15 Biểu đồ hoạt động cập nhật thực phẩm ❖ Biểu đồ 50 Hình 2.16 Biểu đồ cập nhật thực phẩm ⮚ Chức Cập nhật thực phẩm ❖ Biểu đồ hoạt động 51 Hình 2.17 Biểu đồ hoạt động xóa thơng tin thực phẩm ❖ Biểu đồ 52 Hình 2.18 Biểu đồ Xóa thực phẩm ⮚ Chức Tìm kiếm thực phẩm ❖ Biểu đồ hoạt động 53 Hình 2.19 Biểu đồ hoạt động tìm kiếm thực phẩm ❖ Biểu đồ Hình 2.20 Biểu đồ tìm kiếm thực phẩm ⮚ Chức Tìm kiếm thực phẩm ❖ Biểu đồ hoạt động 54 Hình 2.21 Biểu đồ hoạt động thêm đơn hàng ❖ Biểu đồ 55 Hình 2.22 Biểu đồ thêm đơn hàng 56 2.3 Biểu đồ lớp Hình 2.23 Biểu đồ lớp 2.4 Thiết kế sở liệu ● Bảng products(sản phẩm): STT Thuộc tính Kiểu liệu 57 Khóa Mơ tả id bigint PK pro_name varchar(200) Tên sản phẩm pro_price int Giá bán pro_price_entry int Giá nhập pro_category_id int FK Mã danh mục pro_admin_id int FK Mã admin pro_sale tinyint(5) Giảm giá pro_avatar varchar(200) Avatar 19 pro_description mediumtext Mô tả 10 pro_content text Nội dung 11 pro_keyword int 12 pro_review_star int Đánh giá 13 created_at timestamp Ngày tạo 14 update_at timestamp Ngày cập nhật FK Mã sản phẩm Mã từ khóa ● Bảng order(đơn đặt hàng): STT Thuộc tính Kiểu liệu Khóa Mơ tả id bigint PK Mã đơn hàng od_transaction_id int FK Mã giao dịch od_product_id int FK Mã sản phẩm od_sale int Giảm giá od_price tinyint Đơn giá create_at timestamp Ngày tạo update_at timestamp Ngày cập nhật ● Bảng users(người dùng): STT Thuộc tính Kiểu liệu Khóa Mơ tả id bigint PK Mã người dùng name varchar(200) Tên người dùng email varchar(200) Email 58 email_verified_at timestamp Ngày xác minh password varchar(200) Mật phone varchar(200) Số điện thoại count_comment tinyint Số bình luận address varchar(200) Địa avatar varchar(200) Ảnh đại diện 10 created_at timestamp Ngày tạo 11 update_at timestamp Ngày cập nhật ● Bảng transactions(giao dịch): STT Thuộc tính Kiểu liệu Khóa Mơ tả id bigint PK Mã giao dịch tst_user_id int FK Mã người dùng tst_admin_id int FK Mã admin tst_total_money int Tổng tiền tst_name varchar(200) Tên tst_email varchar(200) Email tst_phone varchar(200) Số điện thoại tst_address varchar(200) Địa tst_note varchar(200) Ghi 10 tst_status tinyint Trạng thái ● Bảng product_images(ảnh_sản phẩm): STT Thuộc tính Kiểu liệu Khóa Mơ tả id bigint PK Mã ảnh sản phẩm tst_user_id int FK Mã người dùng tst_admin_id int FK Mã admin tst_total_money int Tổng tiền tst_name varchar(200) Tên 59 tst_email varchar(200) Email tst_phone varchar(200) Số điện thoại tst_address varchar(200) Địa tst_note varchar(200) Ghi 10 tst_status tinyint Trạng thái ● Bảng keywords(từ khóa): STT Thuộc tính Kiểu liệu Khóa Mơ tả id bigint PK Mã đơn hàng od_transaction_id int FK Mã giao dịch od_product_id int FK Mã sản phẩm od_sale int Giảm giá od_price tinyint Đơn giá create_at timestamp Ngày tạo update_at timestamp Ngày cập nhật ● Bảng categories(danh mục sản phảm): STT Thuộc tính Kiểu liệu Khóa Mơ tả id bigint PK Mã danh mục c_name varchar(200) Tên danh mục c_avatar varchar(200) Hình ảnh c_banner varchar(200) Tiêu đề c_description varchar(200) Mô tả c_parent_id int c_hot tinyint Nổi bật c_status tinyint Trạng thái create_at timestamp Ngày tạo 10 update_at timestamp Ngày cập nhật FK ● Bảng products_attributes(thuộc tính_sản phẩm): 60 Mã danh mục cha STT Thuộc tính Kiểu liệu Khóa Mơ tả id bigint PK Mã thuộc tính sản phẩm pa_product_id int FK Mã sản phẩm pa_attribute_id int FK Mã thuộc tính ● Bảng attributes(thuộc tính): STT Thuộc tính Kiểu liệu Khóa Mơ tả id bigint PK Mã thuộc tính atb_name varchar(200) Tên thuộc tính atb_type tinyint Loại atb_category_id int create_at timestamp Ngày tạo update_at timestamp Ngày cập nhật FK Mã danh mục ● Bảng admins(quản lý): STT Thuộc tính Kiểu liệu Khóa Mơ tả id bigint PK Mã quản lý name varchar(200) Tên quản lý email varchar(200) Email password varchar(200) Mật phone varchar(200) Số điện thoại class varchar(200) Lớp address varchar(200) Địa level tinyint Mức status tinyint Trạng thái 10 avatar varchar(200) Hình đại diện 11 create_at timestamp Ngày tạo 12 update_at timestamp Ngày cập nhật 61 ● Bảng slide: STT Thuộc tính Kiểu liệu Khóa Mơ tả id bigint PK Mã slide sd_title varchar(200) Tiêu đề sd_link varchar(200) Đường dẫn sd_image varchar(200) Ảnh sd_target tinyint Mục tiêu sd_active tinyint Hoạt động sd_sort tinyint Sắp xếp created_at timestamp Ngày tạo update_at timestamp Ngày cập nhật ● Bảng vouchers(mã giảm giá): STT Thuộc tính Kiểu liệu Khóa Mơ tả id bigint PK Mã giảm giá v_name varchar(200) Tên v_code varchar(200) mã v_duration date Thời hạn v_user_id int created_at timestamp Ngày tạo update_at timestamp Ngày cập nhật FK Mã người dùng ● Bảng roles(vai trò): STT Thuộc tính Kiểu liệu Khóa Mơ tả id int PK Mã vai trò name varchar(200) Tên group_name varchar(200) Nhóm description varchar(200) Mơ tả 11 created_at timestamp Ngày tạo 12 update_at timestamp Ngày cập nhật 62 ● Bảng role_has_permissions: STT Thuộc tính Kiểu liệu Khóa Mơ tả Permission_id int PK Mã quyền FK Role_id int PK Mã vai trò FK ● Bảng model_has_role: STT Thuộc tính Kiểu liệu Khóa Mơ tả role_id int PK Mã vai trò FK model_type varchar(200) PK Loại mẫu FK model_id bigint PK Mã mẫu FK ● Bảng model_has_permissions: STT Thuộc tính Kiểu liệu Khóa Mô tả Permission_id int PK Mã quyền FK model_type varchar(200) PK Loại mẫu FK model_id bigint PK Mã mẫu FK ● Bảng permissions(quyền): STT Thuộc tính Kiểu liệu Khóa Mơ tả id int PK Mã quyền name varchar(200) Tên description varchar(200) Mô tả 63 group_permission Tinyint(5) Nhóm quyền group_name Varchar(200) Tên nhóm created_at timestamp Ngày tạo update_at timestamp Ngày cập nhật Chương 3: Xây dựng chương trình Kết luận Tài liệu tham khảo [1] Trương Ninh Thuận, Đặng Đức Hạnh, Giáo trình phân tích thiết kế hướng : đối tượng - Nhà xuất Đại học Quốc gia Hà Nội, 2013 [2] https://laravel.com/docs/master/ (Laravel – Nguồn: Internet) : [3] https://jquery.com/ (JQuery – Nguồn: Internet) : [4] : https://lmt.com.vn/lap-trinh/tim-hieu-php-mysql/360-tim-hieu-mo-hinhmvc-la-gi.html (Mô hình MVC - Nguồn: Internet) [5] https://dev.mysql.com/doc/ (MySQL – Nguồn: Internet) : 64 ... cách dễ dàng Laravel cung cấp hướng dẫn đơn giản để tạo mơ-đun pakege Laravel -Tính xác thực: Xác thực phần thiếu website đại Viết thực Frameword khác nhiều thời gian Nhưng với Laravel ngược... để làm tăng hiệu suất website Laravel gần lưu tất liệu từ View đến routes Điều giúp Laravel giảm thời gian xử lý tăng hiệu suất nhiều - Tính Routing: Định tuyến(Routing) Laravel dễ hiểu, sử dụng... AJAX cho phép giao diện kiểu dáng đẹp website, chức thực trang mà khơng địi hỏi tồn trang reload lại 1.2.3 Framework Laravel mơ hình MVC ● Giới thiệu framework Laravel: Framework thư viện với tài