Xây dựng website bán nông sản huế

- ĐẠI HỌC HUẾ TRƯỜNG ĐẠI HỌC KINH TẾ KHOA HỆ THỐNG THÔNG TIN KINH TẾ ́ Ki nh tê ́H uê  ho ̣c KHÓA LUẬN TỐT NGHIỆP Tr ươ ̀ng Đ ại XÂY DỰNG WEBSITE BÁN NÔNG SẢN HUẾ Giảng viên hướng dẫn: TS Nguyễn Minh Đức Sinh viên thực hiện: Nguyễn Thị Phương Thảo Lớp: K52 Tin Học Kinh Tế Mã sinh viên: 18K4081031 Khóa 2018 - 2022 - ĐẠI HỌC HUẾ TRƯỜNG ĐẠI HỌC KINH TẾ KHOA HỆ THỐNG THÔNG TIN KINH TẾ ́ Ki nh tê ́H uê  ho ̣c KHÓA LUẬN TỐT NGHIỆP Đ ại XÂY DỰNG WEBSITE BÁN NÔNG SẢN HUẾ Giảng viên hướng dẫn Lớp: K52 Tin Học Kinh Tế TS Nguyễn Minh Đức ươ ̀ng Sinh viên thực hiện: Nguyễn Thị Phương Thảo Tr Mã sinh viên: 18K4081031 Niên khóa: 2018-2022 Huế, 01/2022 ̀ng ươ Tr Đ ại ̣c ho nh Ki ́ uê ́H tê - - LỜI CẢM ƠN Lời đầu tiên, em xin gửi lời cảm ơn tới trường Đại học Kinh Tế Huế, Khoa Hệ Thống Thông Tin Kinh Tế thầy giáo TS Nguyễn Minh Đức tận tình hướng dẫn, giải đáp thắc mắc sinh viên để hoàn thành đợt thực tập cuối khóa thực ́ uê khóa luận tốt nghiệp ́H Tiếp theo em xin chân thành cảm ơn Giám đốc Công ty TNHH Truyền Thông Du Lịch LEANO GROUP – anh Ngô Phước Tuần anh chị công ty tê tạo điều kiện cho sinh viên chúng em trải nghiệm môi trường làm việc thực tế, giúp em bạn có hội học hỏi thêm cơng việc, kiến thức kỹ làm tiền nh đề cho công việc tương lai Đây hội vô lớn để em học hỏi Ki nhiều kinh nghiệm củng cố, rèn luyện kỹ hạn chế thân, hội để em vận dụng kiến thức giảng đường đại học vào đó, ho ̣c qua để biết cách khắc phục điểm hạn chế phát huy điểm tích cực Tuy nhiên, với vốn kiến thức nhiều hạn chế, thời gian thực tập hạn hẹp, nên tránh khỏi thiếu sót, chưa tiếp thu nhiều Em mong nhận ại lời góp ý, nhận xét từ phía thầy Khoa anh chị Đ cơng ty để em rút kinh nghiệm cho thân, làm tảng để bước ̀ng vào cơng việc tương lai Qua khóa luận tốt nghiệp này, lần em xin chân thành gửi lời cảm ơn sâu ươ sắc, lời chúc sức khỏe đến quý thầy cô Khoa Hệ Thống Thông Tin Quản Lý Công ty TNHH Truyền Thông Du Lịch LEANO GROUP, chúc thầy cô anh chị đạt Tr nhiều thành tựu gặt hái nhiều thành cơng nghiệp Em xin chân thành cám ơn! Huế, ngày 16 tháng 01 năm 2022 Sinh viên thực Nguyễn Thị Phương Thảo I - MỤC LỤC LỜI CẢM ƠN I ́ uê MỤC LỤC II DANH MỤC BẢNG BIỂU IV ́H DANH MỤC HÌNH ẢNH IV tê DANH MỤC KÝ HIỆU, KÝ TỰ VIẾT TẮT V nh DANH MỤC SƠ ĐỒ VI PHẦN I: MỞ ĐẦU .1 Ki 1.1 Lý chọn đề tài ̣c 1.2 Mục tiêu nghiên cứu .3 ho 1.2.1 Mục tiêu tổng quát 1.2.2 Mục tiêu cụ thể .3 ại 1.3 Đối tượng phạm vi nghiên cứu Đ 1.3.1 Đối tượng .3 ̀ng 1.3.2 Phạm vi nghiên cứu ươ 1.4 Phương pháp nghiên cứu 1.4.1 Phương pháp nghiên cứu lý luận Tr 1.4.2 Phương pháp nghiên cứu thực nghiệm 1.5 Ý nghĩa khoa học thực tiễn 1.6 Bố cục khóa luận PHẦN II: NỘI DUNG CHƯƠNG I: CƠ SỞ LÝ THUYẾT XÂY DỰNG HỆ THỐNG II - 1.1 Tổng quan thương mại điện tử ứng dụng vào website bán hàng 1.2 Mơ hình phát triển ngơn ngữ xây dựng hệ thống CHƯƠNG II: KHẢO SÁT, PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG .18 2.1 Khảo sát hệ thống 18 ́ uê 2.2 Phân tích thiết kế hệ thống 19 ́H 2.3 Mô tả phân rã 24 tê CHƯƠNG III: TRIỂN KHAI VÀ ĐÁNH GIÁ HỆ THỐNG 48 3.1 Thiết kế hệ thống 48 nh 3.2 Một số giao diện hệ thống 80 Ki 3.3 Đánh giá hệ thống 85 PHẦN III: KẾT LUẬN 87 ho ̣c Kết đạt .87 Những hạn chế 88 ại Hướng phát triển .88 Đ DANH MỤC THAM KHẢO VII Tr ươ ̀ng KẾT QUẢ KIỂM TRA ĐẠO VĂN VIII III - DANH MỤC BẢNG BIỂU Bảng 1: Bảng chức hệ thống 20 Bảng 2: Bảng liệu CHI TIẾT ĐƠN HÀNG 48 ́ uê Bảng 3: Bảng liệu ĐƠN HÀNG 49 ́H Bảng 4: Bảng liệu ĐƠN VỊ TÍNH .49 tê Bảng 5: Bảng liệu HÌNH SẢN PHẨM 50 Bảng 6: Bảng liệu KHÁCH HÀNG .50 nh Bảng 7: Bảng liệu KHUYẾN MÃI 50 Ki Bảng 8: Bảng liệu LOẠI NGƯỜI DÙNG 51 ̣c Bảng 9: Bảng liệu LOẠI SẢN PHẨM .51 ho Bảng 10: Bảng liệu LÔ HÀNG 51 Bảng 11: Bảng liệu MÓN NGON 52 ại Bảng 12: Bảng liệu NGUYÊN LIỆU 52 Đ Bảng 13: Bảng liệu NHÀ CUNG CẤP 53 ̀ng Bảng 14: Bảng liệu NHÂN VIÊN 53 ươ Bảng 15: Bảng liệu NHÓM 53 Bảng 16: Bảng liệu SẢN PHẨM 54 Tr Bảng 17: Bảng liệu SẢN PHẨM KHUYẾN MÃI .54 Bảng 18:Bảng liệu TÌNH TRẠNG HĨA ĐƠN 54 Bảng 19: Bảng liệu QUẢNG CÁO 55 Bảng 20: Bảng liệu TUYỂN DỤNG 55 IV - DANH MỤC HÌNH ẢNH Hình 1: Tổng quan Thương mại điện tử Hình 2: Luồng xử lý mơ hình MVC .9 ́ uê Hình 3: Mẫu kiến trúc MVC Laravel .10 ́H Hình 4: Cấu trúc CSS 17 tê Hình 1: Biểu đồ phân rã chức hệ thống 23 Hình 2: Usecase phân rã chức Người quản trị 24 nh Hình 3: Usecase phân rã chức Khách hàng 25 Ki Hình 1: Mơ hình liệu CDM 56 ̣c Hình 2: Giao diện đăng nhập trang quản trị 80 ho Hình 3: Giao diện đăng nhập trang người dùng 80 Hình 4: Giao diện đăng ký tài khoản .81 ại Hình 5: Giao diện trang quản lý sản phẩm 81 Đ Hình 6: Giao diện kho hàng .82 ̀ng Hình 7: Giao diện quản lý đơn hàng 82 ươ Hình 8: Giao diện chi tiết đơn hàng 83 Hình 9: Giao diện lịch sử khách hàng .83 Tr Hình 10: Giao diện trang người dùng 84 Hình 11: Giao diện trang giỏ hàng 84 Hình 12: Giao diện toán 85 IV - DANH MỤC KÝ HIỆU, KÝ TỰ VIẾT TẮT CSS PHP Use-case CSDL QTV Ý nghĩa Conceptual Data Model – Mơ hình liệu quan niệm HyperText Markup Language – Ngôn ngữ đánh dấu siêu văn Cascading Style Sheets Hypertext Preprocessor – Ngơn ngữ lập trình web chạy máy chủ Trường hợp sử dụng – Mô tả tương tác người dùng hệ thống Cơ sở liệu Quản trị viên Tr ươ ̀ng Đ ại ho ̣c Ki nh tê ́H ́ Từ viết tắt CDM HTML uê STT V - DANH MỤC SƠ ĐỒ Sơ đồ 1: Chức Đăng ký 57 Sơ đồ 2: Chức Đăng nhập .57 ́ uê Sơ đồ 3: Chức Đăng xuất 58 Sơ đồ 4: Chức Xóa khách hàng 58 ́H Sơ đồ 5: Chức Xem Lịch sử khách hàng 59 tê Sơ đồ 6: Chức Thêm khách hàng 59 nh Sơ đồ 7: Chức Cập nhật thông tin sản phẩm 60 Sơ đồ 8: Chức Xóa sản phẩm 60 Ki Sơ đồ 9: Chức Thêm nhà cung cấp 61 ̣c Sơ đồ 10: Chức Cập nhật thông tin nhà cung cấp 62 ho Sơ đồ 11: Chức Xóa nhà cung cấp 62 Sơ đồ 12: Chức Thêm nhóm thực phẩm 62 ại Sơ đồ 13: Chức cập nhật thơng tin Nhóm thực phẩm 63 Đ Sơ đồ 14: Chức Xóa nhóm thực phẩm .64 ̀ng Sơ đồ 15: Chức Thêm loại sản phẩm 64 ươ Sơ đồ 16: Chức Cập nhật thông tin loại sản phẩm 64 Sơ đồ 17: Chức Xóa loại sản phẩm 65 Tr Sơ đồ 18: Chức Thêm đơn vị tính .65 Sơ đồ 19: Chức Cập nhật thơng tin đơn vị tính 66 Sơ đồ 20: Chức Xóa đơn vị tính .66 Sơ đồ 21: Chức Thêm lô hàng 67 Sơ đồ 22: Chức Cập nhật thông tin lô hàng 67 VI ́ nh tê ́H uê - Sơ đồ 41: Chức Thêm sản phẩm vào giỏ hàng Tr ươ ̀ng Đ ại ho ̣c Ki  Cập nhật số lượng sản phẩm giỏ hàng Sơ đồ 42: Chức Cập nhật số lượng sản phẩm giỏ hàng  Xóa sản phẩm giỏ hàng 77 ́ ́H uê - tê Sơ đồ 43: Chức Xóa sản phẩm giỏ hàng Tr ươ ̀ng Đ ại ho ̣c Ki nh  Thanh toán Sơ đồ 44: Chức Thanh toán  Xem mục tin tức 78 ́ Sơ đồ 45: Chức Xem mục tin tức Tr ươ ̀ng Đ ại ho ̣c Ki nh tê  Gửi liên hệ ́H uê - Sơ đồ 46: Chức Gửi liên hệ 79 - 3.2 Một số giao diện hệ thống 3.2.1 Giao diện đăng nhập trang quản trị Giao diện đăng nhập trang quản trị dành cho người quản trị website – ́ Ki nh tê ́H uê người có tài khoản quyền để vào ho ̣c Hình 2: Giao diện đăng nhập trang quản trị 3.2.2 Giao diện đăng nhập trang người dùng ại Ở trang đăng nhập có form để người dùng khách hàng đăng nhập vào hệ thống, người dùng đăng nhập username/password email/password Tr ươ ̀ng thành công Đ Khi người dùng đăng nhập có biến session để ghi nhận họ đăng nhập Hình 3: Giao diện đăng nhập trang người dùng 80 - 3.2.3 Giao diện trang đăng ký tài khoản Đây trang có form để người dùng khách hàng đăng ký tài khoản thành viên Khi nhấn gửi lưu thơng tin họ vào bảng users gửi mail kích hoạt tài khoản Khi lưu vào database, username email không cho phép trùng nhau, nghĩa ́ nh tê ́H uê người có username email khác Ki Hình 4: Giao diện đăng ký tài khoản 3.2.4 Giao diện trang quản lý sản phẩm ho ̣c Giao diện trang quản lý sản phẩm cho phép thêm, sửa, nhập hàng Trang danh sách loại sản phẩm, có phân trang trang danh sách sản phẩm Mỗi sản phẩm vài thơng tin quan trọng tên, hình, sản phẩm thuộc loại nào, ại thuộc tính quan trọng bật, ẩn hiện, sản phẩm có chức cập nhật Tr ươ ̀ng Đ sản phẩm xóa sản phẩm Hình 5: Giao diện trang quản lý sản phẩm 81 - 3.2.5 Giao diện kho hàng Giao diện kho hàng giúp xem chi tiết số lượng sản phẩm bán, số sản phẩm ́ nh tê ́H uê lại để thuận tiện cho việc theo dõi nhập hàng ̣c 3.2.6 Giao diện quản lý đơn hàng Ki Hình 6: Giao diện kho hàng ho Giao diện quản lý đơn hàng thể thông tin danh sách đơn hàng Tên khách hàng, Thời gian đặt hàng, Tổng tiền, Tình trạng đơn hàng bao gồm Tr ươ ̀ng Đ ại chức thêm, sửa, xóa thơng tin đơn hàng Hình 7: Giao diện quản lý đơn hàng 82 - 3.2.7 Giao diện chi tiết đơn hàng Giao diện chi tiết đơn hàng hiển thị thông tin quản lý đơn hàng, cập nhật thông tin hóa đơn bao gồm thơng tin khách hàng (Tên khách hàng, Số điện thoại, Email, Địa chỉ), thông tin giao hàng (Người nhận hàng, Số điện thoại, Email, Địa chỉ) ́ Ki nh tê ́H uê tình trạng đơn hàng ho ̣c Hình 8: Giao diện chi tiết đơn hàng 3.2.8 Giao diện lịch sử khách hàng ại Lịch sử khách hàng hiển thị giúp quản lý thơng tin, tình trạng đơn hàng Tr ươ ̀ng Đ tốn hay chưa Hình 9: Giao diện lịch sử khách hàng 83 - 3.2.9 Giao diện trang người dùng Trang người dùng trình bày thông tin, giới thiệu sản phẩm, giới thiệu dịch vụ, khả giới thiệu chức năng, cung cấp thông tin liên hệ, ́ Ki nh tê ́H uê tuyển dụng website đến người dùng ̣c Hình 10: Giao diện trang người dùng ho 3.2.10 Giao diện giỏ hàng Trang giỏ hàng trang sản phẩm mà người dùng chọn để mua, ại sản phẩm thuộc hàng ngang Mỗi hàng có ảnh sản phẩm, tên sản phẩm, giá, số Đ lượng, thành tiền nút xóa Cuối giỏ hàng có tổng tiền Cuối trang Giỏ hàng có thêm nút “Mua tiếp” nút “Thanh tốn” giúp cho người dùng muốn mua tiếp hay muốn Tr ươ ̀ng tóan Hình 11: Giao diện trang giỏ hàng 84 - 3.2.11 Giao diện toán Trang Thanh toán form để người dùng nhập vào thơng tin, trang Thanh tốn hiển thị đơn hàng với sản phẩm số lượng thành tiền mà khách ́ tê ́H uê hàng chọn, chọn phương thức toán Ki nh Hình 12: Giao diện tốn 3.3 Đánh giá hệ thống ho ̣c Có thể đánh giá hệ thống qua tiêu chí sau:  Thiết kế giao diện web: Nhìn chung giao diện website đơn giản ại tổng hợp tất nội dung mà người dùng cần, đầy đủ logo, menu Bố cục website: Cân đối, thành phần Sidebar trái, phần Đ Nội dung, phần Sidebar phải bố trí rõ ràng, khoa học, ̀ng Tr ươ  Phần back-end hệ thống xây dựng tảng NodeJs, từ có tận dụng nhiều tính tiện lợi mà NodeJs mang lại, giúp hệ thống hoạt động trơn tru gặp vấn đề phát sinh  Về nội dung (content): Ngồi mơ tả văn trang web có thêm hình ảnh giúp tạo nhìn thu hút, sinh động cho khách hàng  Website tích hợp tính cần thiết, gồm điều hướng thông minh, nút đặt vị trí để người dùng di chuyển đến trang khác thuận tiện hơn, có tìm kiếm để khách hàng tìm thấy nhanh chóng 85 - thơng tin cần, tính chat giúp tương tác với người mua thuận tiện ́ Tr ươ ̀ng Đ ại ho ̣c Ki nh tê ́H uê  Website hiển thị dễ dàng tất thiết bị trình duyệt web 86 - PHẦN III: KẾT LUẬN Kết đạt Trong q trình thực khóa luận, em cố gắng tìm hiểu nghiệp vụ, quy trình quản lý bán hàng cửa hàng để xây dựng cài đặt hệ thống, thời ́ uê gian có hạn nên chưa thể giải tồn vấn đề, em mong nhận thông cảm ́H Về cơng nghệ: tê  Tìm hiểu nắm bắt công cụ thiết kế web  Biết thiết kế web động cách tổ chức sở liệu nh  Hiểu sâu Laravel Framework – php framework lớn Ki  Hiểu sâu vận dụng thành thạo mơ hình MVC, kiến thức hỗ trợ q trình xây dựng hệ thống: CSS, HTML, MySQL, Javascript, ̣c Ajax,… ho  Tích lũy kinh nghiệm xây dựng kế hoạch cho việc phát triển phần mềm hồn chỉnh, cách bố trí quản lý thời gian cho hợp ại lý Đ  Nâng cao khả thuyết trình, trình bào vấn đề Rèn luyện thêm kỹ viết tài liệu phần mềm chuẩn ̀ng Về ứng dụng: Tr ươ  Xây dựng thành công hệ thống “Xây dựng website mua bán sản phẩm nông sản cửa hàng” đáp ứng nhu cầu mua – bán cửa hàng nông sản, giúp cho hoạt động mua bán cửa hàng diễn nhanh chóng tiện lợi  Giao diện thân thiện với người dùng  Giới thiệu sản phẩm nơng sản ngồi nước cửa hàng đến với khách hàng  Cho phép tra cứu mặt hàng khách hàng có nhu cầu tìm hàng 87 -  Cho phép khách hàng thực việc đặt hàng qua mạng  Tiếp nhận xử lý đơn hàng khách hàng  Xuất hóa đơn  Cập nhật: sản phẩm, nhà cung cấp, nhập hàng…  Thống kê mặt hàng theo nhiều tiêu chí ́ uê Những hạn chế ́H  Khả làm việc thực tế cịn nhiều hạn chế q trình tiếp xúc, thu thập liệu từ cửa hàng thực tế nh giải tối ưu tê  Thời gian thực cịn nên số vấn đề chưa giải  Hệ thống đáp ứng nhu cầu cửa hàng nông sản quy mô Ki nhỏ, khả đáp ứng cho cửa hàng lớn quy tắc nghiệp vụ phức tạp hạn chế ̣c  Một số chức hệ thống đáp ứng phần u cầu ho người dùng, chưa có tính sáng tạo, đột phá cách giải vấn đề  Khi đưa vào hoạt động thực tế host hệ thống chưa đáp ứng nhu Đ Hướng phát triển ại cầu tốc độ tải ̀ng  Hoàn thiện thêm chức hạn chế hệ thống ươ  Cho phép khách hàng mua hàng tốn trực tiếp qua mạng thơng qua thẻ ATM Tr  Hoàn thiện hệ thống để đưa vào vận hành thực tế vận hành tốt đáp ứng đủ tiêu chí web  Xây dựng mở rộng hệ thống cho phép cơng ty, trường học mua hàng với giá tốt trực tiếp qua mạng 88 - DANH MỤC THAM KHẢO [1] Đinh Luận, “04 de cuong bai giang cong nghe web,” 12:17:56 UTC Accessed: Jan 19, 2022 [Online] Available: https://www.slideshare.net/khenhxu/04-de-cuong-bai-giangcong-nghe-web quan ngành Thương mại Điện tử | Ecommerce (TMĐT).” ́ “Tổng uê [2] http://www.nhankiet.vn/vi/w2422/Tong-quan-nganh-Thuong-mai-Dien-tu Ecommerce- [3] ́H TMDT.html (accessed Dec 13, 2021) t3h, “Model View Controller (MVC) PHP - Tìm hiểu MVC,” t3h.edu.vn| tê Viện Công nghệ thông tin T3H, Mar 12, 2021 https://t3h.edu.vn/tin-tuc/model-view- [4] “LUỒNG XỬ LÝ TRONG nh controller-mvc-trong-php-tim-hieu-ve-mvc (accessed Dec 13, 2021) MVC NHƯ THẾ NÀO ??” [5] Ki https://zent.edu.vn//posts/luong-xu-ly-trong-mvc-nhu-the-nao (accessed Jan 19, 2022) Administrator, “Phần Mơ hình MCV Laravel,” Kiến thức 360, Aug 08, 2021 [6] ho (accessed Dec 13, 2021) ̣c https://kienthuc360.vn/lap-trinh/lap-trinh-laravel/phan-2-mo-hinh-mcv-trong-laravel.html “Laravel gì? Tìm hiểu chi tiết Laravel - Tài liệu hướng dẫn tối ưu dịch vụ,” 462 lượt xem bình luận viết FirebirD 54, “Todo List: Giới thiệu mơ hình MVC Đ [7] ại Mar 15, 2021 https://wiki.tino.org/laravel-la-gi/ (accessed Dec 13, 2021) ̀ng Laravel,” All Laravel https://allaravel.com/blog/todo-list-gioi-thieu-mo-hinh-mvctrong-laravel (accessed Jan 19, 2022) “Tìm hiểu Route Laravel,” Viblo, Oct 22, 2019 https://viblo.asia/p/tim-hieu- ươ [8] ve-route-trong-laravel-yMnKMdAa57P (accessed Jan 19, 2022) Tr [9] “PHP gì ? Ngơn ngữ lập trình PHP dùng để làm gì ?,” Cẩm nang kiến thức tuyển dụng, tìm việc làm 2020, Oct 18, 2021 https://news.timviec.com.vn/php-lagi-71062.html (accessed Dec 13, 2021) [10] qt, “Làm quen với Laravel Framework(tiếp theo),” Thầy Long Web, May 21, 2020 https://longnv.name.vn/lap-trinh-laravel/lam-quen-voi-laravel-framework-tiep-theo (accessed Dec 14, 2021) VII - [11] “SQL Server gì? Mục đích việc sử dụng SQL Server.” | Vietnix.” https://itnavi.com.vn/blog/sql-server (accessed Dec 16, 2021) [12] “[JavaScript Là Gì] Cách viết JavaScript https://vietnix.vn/javascript-la-gi/ (accessed Dec 14, 2021) gì? Giải thích rõ ngơn ngữ Markup https://www.hostinger.vn/huong-dan/html-la-gi (accessed Dec 23, 2021) [14] “CSS gì? Giới thiệu CSS.” https://quantrimang.com/gioi-thieu-ve-css-152825 ́H (accessed Dec 23, 2021) T Nguyen, “Web Service gì? | Vì nên sử dụng Web Service?,” TopDev, Oct 31, tê [15] Hypertext.” ́ “HTML uê [13] Tr ươ ̀ng Đ ại ho ̣c Ki nh 2019 https://topdev.vn/blog/web-service/ (accessed Jan 19, 2022) VIII - ́ Tr ươ ̀ng Đ ại ho ̣c Ki nh tê ́H uê KẾT QUẢ KIỂM TRA ĐẠO VĂN VIII