TRƯỜNG ĐẠI HỌC HẢI PHÒNG KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP CHUYÊN NGÀNH CÔNG NGHỆ THÔNG TIN Đề tài Xây dựng website quản lí bán phụ kiện Lionvn Sinh viên thực hiện Phạm Tiến Tài Ngày sinh 12 – 01 – 2000 Lớp ĐHCNTT1 Khoá K19 Giảng viên hướng dẫn ThS Nguyễn Ngọc Khương Hải Phòng 2021 LỜI CAM ĐOAN Tôi xin cam đoan đây là công trình nghiên cứu của riêng tôi Các số liệu, kết quả nêu trong báo cáo là trung thực và chưa từng được ai công bố trong bất kỳ công trình nào khác Tôi xin cam đ.
TRƯỜNG ĐẠI HỌC HẢI PHỊNG KHOA CƠNG NGHỆ THƠNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP CHUYÊN NGÀNH: CÔNG NGHỆ THƠNG TIN Đề tài: Xây dựng website quản lí bán phụ kiện Lionvn Sinh viên thực : Phạm Tiến Tài Ngày sinh : 12 – 01 – 2000 Lớp : ĐHCNTT1 Khoá: K19 Giảng viên hướng dẫn : ThS Nguyễn Ngọc Khương Hải Phòng - 2021 i ii LỜI CAM ĐOAN Tơi xin cam đoan cơng trình nghiên cứu riêng Các số liệu, kết nêu báo cáo trung thực chưa cơng bố cơng trình khác Tơi xin cam đoan thơng tin trích dẫn báo cáo rõ nguồn gốc Hải Phòng, ngày tháng năm 2022 Tác giả Phạm Tiến Tài iii LỜI CẢM ƠN Được giúp đỡ trường Đại học Hải Phịng, khoa Cơng nghệ thơng tin đợt thực tập tốt nghiệp cử em thực tập Công ty MMG Việt Nam, giúp đỡ thầy Nguyễn Ngọc Khương em chọn đề tài: “Xây dựng website quản lí bán phụ kiện Lionvn” Em xin bày tỏ lòng biết ơn sâu sắc tới thầy Nguyễn Ngọc Khương, người trực tiếp hướng dẫn em làm báo cáo thực tập Em xin chân thành cảm ơn giúp đỡ toàn thể thầy cô giảng viên Khoa Công nghệ thông tin, trường Đại học Hải Phòng, bảo anh chị Công ty MMG Việt Nam nơi em thực tập dìu dắt, dạy dỗ em kiến thức chuyên môn tinh thần học tập độc lập, sáng tạo để em có kiến thức thực báo cáo thực tập tốt nghiệp Do kiến thức cịn hạn chế, thời gian viết báo cáo khơng nhiều nên báo cáo cịn nhiều thiếu sót mong thầy bạn góp ý để báo cáo hồn thiện Em xin chân thành cảm ơn! iv DANH MỤC CÁC KÍ TỰ, CHỮ VIẾT TẮT Từ viết tắt Giải thích UC Use Case MySQL Hệ quản trị sở liệu HTML Hypertext Markup Language CSS Cascading Style Sheets RDBMS Relational Database Management System W3C Word Wide Web Consortium v MỤC LỤC LỜI CAM ĐOAN iii Tôi xin cam đoan cơng trình nghiên cứu riêng tơi Các số liệu, kết nêu báo cáo trung thực chưa công bố cơng trình khác Tơi xin cam đoan thơng tin trích dẫn báo cáo rõ nguồn gốc iii LỜI CẢM ƠN .iv 1.1 Giới thiệu chung .2 1.1.1 Lí chọn đề tài 1.1.2 Hướng tiếp cận đề tài 1.1.3 Ý nghĩa lý luận ý nghĩa thực tiễn đề tài 1.2 Hệ quản trị nội dung WordPress 1.2.1 Tìm hiểu WordPress 1.2.2 Những thành tựu WordPress .4 1.3 Ngơn ngữ lập trình PHP 1.3.1 Lịch sử đời PHP .5 1.3.2 Kiểu liệu PHP 1.3.3 Các câu lệnh điều khiển 1.4.2 Ưu điểm My SQL 10 1.5: Giới thiệu theme Flatsome 11 1.6: Giới thiệu Plugin Wocommerce Checkout Field Editor for WooCommerce: 12 2.1.3 Hạn chế .13 2.2 Đặc tả yêu cầu 13 2.2.1 Thu thập yêu cầu .13 2.2.2 Đặc tả yêu cầu 14 2.2.3 Các giả định phụ thuộc 16 2.3.2 Mơ hình usecase model .18 2.3.2.1 Mơ hình usecase tổng qt 18 Hình 2.1 Biểu đồ usecase tổng quát 18 2.3.2.2 Mơ hình usecase phân rã .18 Hình 2.2: Phân rã Use case cập nhật .18 Hình 2.3 Biểu đồ usecase phân rã chức người dùng 21 vi 2.3.3.3 Tài liệu luồng kiện 21 2.4 Đặc tả use case 23 Bảng 2.18 Đặc tả usecase xóa nhật giỏ hàng 36 2.5 Biểu đồ .37 2.5.1 Biểu đồ chức đăng nhập .37 Hình 2.4 Biểu đồ chức đăng nhập 37 2.5.2 Biểu đồ chức đăng kí 37 Hình 2.5 Biểu đồ chức đăng kí .37 2.5.3 Biểu đồ chức toán .38 Hình 2.6 Biểu đồ chức toán 38 2.5.4 Biểu đồ chức thêm danh mục thiết bị 38 Hình 2.7 Biểu đồ chức thêm danh mục thiết bị 38 2.5.5 Biểu đồ hoạt động chức cập nhật danh mục thiết bị 39 Hình 2.8 Biểu đồ chức cập nhật danh mục thiết bị 39 2.5.6 Biểu đồ chức xóa danh mục thiết bị 39 Hình 2.9 Biểu đồ chức xóa danh mục thiết bị .39 Hình 2.10 Biểu đồ chức thêm tin tức .40 2.5.8 Biểu đồ chức cập nhật tin tức .40 Hình 2.11 Biểu đồ chức cập nhật tin tức .40 Hình 2.12 Biểu đồ chức xóa tin tức 41 2.5.10 Biểu đồ chức thêm thiết bị 41 Hình 2.13 Biểu đồ chức thêm thiết bị 41 Hình 2.14 Biểu đồ chức cập thiết bị .42 2.5.12 Biểu đồ xóa thơng tin thiết bị 42 Hình 2.15 Biểu đồ chức xóa thiết bị .42 2.5.13 Biểu đồ chức chi tiết đơn hàng 43 Hình 2.16 Biểu đồ chức chi tiết đơn hàng .43 2.5.14 Biểu đồ chức tìm kiếm 43 Hình 2.17 Biểu đồ chức tìm kiếm 43 2.6 Biểu đồ lớp 44 Hình 2.18 Biểu đồ lớp 44 CHƯƠNG 3: THIẾT KẾ WEBSITE .45 3.1 Giới thiệu sản phẩm .45 vii 3.1.1 Giới thiệu 45 3.1.2 Hình ảnh minh họa số thiết bị .45 Hình 3.1 Các loại keycap .45 46 Hình 3.2 Chuột Gaming Logitech G102 .46 46 Hình 3.3 Mouse G304 46 Hình 3.4: Pad chuột 46 Hình 3.5 Tai nghe .47 Hình 3.6 Đèn mặt trăng 47 Hình 3.7 Mơ hình Roronoa Zoro Tam Hải Long Vương GK .48 3.2 Giao diện số trang website 49 3.2.1 Đăng nhập 49 3.2.2 Trang chủ 50 Hình 3.2.2 Trang chủ 50 3.2.3 Giao diện toán 51 3.2.4 Giao diện quản lý sản phẩm 52 3.2.5 Giao diện giỏ hàng 52 3.2.6 Quản lý đơn hàng khách hàng Google Sheets 53 KẾT LUẬN 54 TÀI LIỆU THAM KHẢO 54 viii DANH SÁCH CÁC CÁC BẢNG LỜI CAM ĐOAN iii Tơi xin cam đoan cơng trình nghiên cứu riêng Các số liệu, kết nêu báo cáo trung thực chưa cơng bố cơng trình khác Tơi xin cam đoan thơng tin trích dẫn báo cáo rõ nguồn gốc iii LỜI CẢM ƠN .iv 1.1 Giới thiệu chung .2 1.1.1 Lí chọn đề tài 1.1.2 Hướng tiếp cận đề tài 1.1.3 Ý nghĩa lý luận ý nghĩa thực tiễn đề tài 1.2 Hệ quản trị nội dung WordPress 1.2.1 Tìm hiểu WordPress 1.2.2 Những thành tựu WordPress .4 1.3 Ngôn ngữ lập trình PHP 1.3.1 Lịch sử đời PHP .5 1.3.2 Kiểu liệu PHP 1.3.3 Các câu lệnh điều khiển 1.4.2 Ưu điểm My SQL 10 1.5: Giới thiệu theme Flatsome 11 1.6: Giới thiệu Plugin Wocommerce Checkout Field Editor for WooCommerce: 12 2.1.3 Hạn chế .13 2.2 Đặc tả yêu cầu 13 2.2.1 Thu thập yêu cầu .13 2.2.2 Đặc tả yêu cầu 14 2.2.3 Các giả định phụ thuộc 16 2.3.2 Mơ hình usecase model .18 2.3.2.1 Mơ hình usecase tổng quát 18 Hình 2.1 Biểu đồ usecase tổng quát 18 2.3.2.2 Mơ hình usecase phân rã .18 Hình 2.2: Phân rã Use case cập nhật .18 Hình 2.3 Biểu đồ usecase phân rã chức người dùng 21 ix 2.3.3.3 Tài liệu luồng kiện 21 2.4 Đặc tả use case 23 Bảng 2.18 Đặc tả usecase xóa nhật giỏ hàng 36 2.5 Biểu đồ .37 2.5.1 Biểu đồ chức đăng nhập .37 Hình 2.4 Biểu đồ chức đăng nhập 37 2.5.2 Biểu đồ chức đăng kí 37 Hình 2.5 Biểu đồ chức đăng kí .37 2.5.3 Biểu đồ chức toán .38 Hình 2.6 Biểu đồ chức toán 38 2.5.4 Biểu đồ chức thêm danh mục thiết bị 38 Hình 2.7 Biểu đồ chức thêm danh mục thiết bị 38 2.5.5 Biểu đồ hoạt động chức cập nhật danh mục thiết bị 39 Hình 2.8 Biểu đồ chức cập nhật danh mục thiết bị 39 2.5.6 Biểu đồ chức xóa danh mục thiết bị 39 Hình 2.9 Biểu đồ chức xóa danh mục thiết bị .39 Hình 2.10 Biểu đồ chức thêm tin tức .40 2.5.8 Biểu đồ chức cập nhật tin tức .40 Hình 2.11 Biểu đồ chức cập nhật tin tức .40 Hình 2.12 Biểu đồ chức xóa tin tức 41 2.5.10 Biểu đồ chức thêm thiết bị 41 Hình 2.13 Biểu đồ chức thêm thiết bị 41 Hình 2.14 Biểu đồ chức cập thiết bị .42 2.5.12 Biểu đồ xóa thơng tin thiết bị 42 Hình 2.15 Biểu đồ chức xóa thiết bị .42 2.5.13 Biểu đồ chức chi tiết đơn hàng 43 Hình 2.16 Biểu đồ chức chi tiết đơn hàng .43 2.5.14 Biểu đồ chức tìm kiếm 43 Hình 2.17 Biểu đồ chức tìm kiếm 43 2.6 Biểu đồ lớp 44 Hình 2.18 Biểu đồ lớp 44 CHƯƠNG 3: THIẾT KẾ WEBSITE .45 3.1 Giới thiệu sản phẩm .45 x 2.5.9 Biểu đồ chức xóa tin tức Hình 2.12 Biểu đồ chức xóa tin tức 2.5.10 Biểu đồ chức thêm thiết bị Hình 2.13 Biểu đồ chức thêm thiết bị 41 2.5.11 Biểu đồ chức cập nhật thiết bị Hình 2.14 Biểu đồ chức cập thiết bị 2.5.12 Biểu đồ xóa thơng tin thiết bị Hình 2.15 Biểu đồ chức xóa thiết bị 42 2.5.13 Biểu đồ chức chi tiết đơn hàng Hình 2.16 Biểu đồ chức chi tiết đơn hàng 2.5.14 Biểu đồ chức tìm kiếm Hình 2.17 Biểu đồ chức tìm kiếm 43 2.6 Biểu đồ lớp Hình 2.18 Biểu đồ lớp 44 CHƯƠNG 3: THIẾT KẾ WEBSITE 3.1 Giới thiệu sản phẩm 3.1.1 Giới thiệu Cũng giống thiết bị khác mà bạn có, máy tính cá nhân có phụ kiện kèm như: Bàn phím máy tính, chuột máy tính, thẻ nhớ ổ cứng gắn ngoài, máy ảnh web, adapter, loa, tai nghe, webcam, quạt thổi, Mỗi phụ kiện bạn mua làm tăng hiệu suất tổng thể máy tính 3.1.2 Hình ảnh minh họa số thiết bị a Keycap Hình 3.1 Các loại keycap 45 b Chuột - Chuột máy tính thiết bị ngoại vi máy tính dùng để điều khiển làm việc với máy tính hay laptop bạn Để sử dụng chuột máy tính bạn phải thơng qua hình máy tính để quan sát toạ độ thao tác di chuyển chuột thực lệnh máy tính -Tai nghe cung cấp chức tương đương với điện thoại rảnh tay hoạt động Các ứng dụng cho Head set, bên cạnh việc sử dụng điện thoại cịn có hàng khơng, sân khấu truyền hình, phịng liên lạc hệ thống, game máy tính Hình 3.2 Chuột Gaming Logitech G102 Hình 3.3 Mouse G304 c Pad chuột Bạn có thấy tay cứng sau ngày sử dụng chuột khơng? Nếu vậy, nguyên nhân cổ tay bạn không quen tựa vào bàn cứng góc khó chịu Một lót chuột tiêu chuẩn thứ tốt để khắc phục điều đó, giúp cổ tay bạn đặt bề mặt mềm so với bàn cứng Hình 3.4: Pad chuột 46 d Tai nghe Nếu bạn có sở thích nghe nhạc thường xuyên phải họp trực tuyến hay muốn bảo mật nội dung gọi tai nghe lựa chọn tốt dành cho bạn Hình 3.5 Tai nghe e Đèn trang trí Đèn trang trí thức tên gọi chung loại đèn thiết kế đa dạng mẫu mã, màu sắc, chất liệu Ngồi chức chiếu sáng loại đèn cịn có tác dụng trang trí khơng gian khác Khi bố trí đèn nhà cần biết phối hợp ánh sáng đèn với ánh sáng tự nhiên Hình 3.6 Đèn mặt trăng f Tượng, mơ hình decor 47 Tượng trang trí decor dòng sản phẩm dùng chủ yếu để làm tăng vẻ đẹp cho không gian nội thất Bên cạnh đó, làm q tặng vơ ý nghĩa để bạn dành tặng cho bạn bè, người thân, tân gia, cấp trên, đối tác … dịp đặc biệt Hình 3.7 Mơ hình Roronoa Zoro Tam Hải Long Vương GK 48 3.2 Giao diện số trang website 3.2.1 Đăng nhập Khi nhân viên mở hệ thống phần mềm hiển thị giao diện hình 3.2.1, từ nhân viên đăng nhập với tài khoản cung cấp trước để đăng nhập vào hệ thống Hình 3.2.1 Giao diện đăng nhập Mơ tả: Trang đăng nhập hiển thị ô text cho người dùng nhập tài khoản mật để đăng nhập vào trang web 49 3.2.2 Trang chủ Sau đăng nhập thành công, hiển thị giao diện trang chủ hình 3.2.2 Hình 3.2.2 Trang chủ Mơ tả: trang chính, chứa tất mục để khách hàng thoải mái lựa chọn 50 Trang chủ: cung cấp đầy đủ thông tin loại sản phẩm với giao diện gần gũi, thân thiện dễ sử dụng Từ khách hàng đặt mua sản phẩm yêu thích, phù hợp với nhu cầu Khách hàng góp ý trị chuyện trực tiếp với cửa hàng, website luôn hiển thị thông báo sản phẩm khuyến mãi, HOT nhất,… 3.2.3 Giao diện tốn Hình 3.2.3 Trang toán Hướng dẫn bước thực tốn trang tốn Bước 1: Điền thơng tin trước tốn, nhập mã ưu đãi có Bước 2: Chọn hình thức tốn Bước 3: Tiến hành đặt hàng qua phương thức toán chọn 51 3.2.4 Giao diện quản lý sản phẩm Hình 3.2.4 Trang quản lý sản phẩm 3.2.5 Giao diện giỏ hàng Hình 3.2.5 Trang giỏ hàng Mơ tả: Hiển thị chi tiết thông tin sản phẩm xem Nhiệm vụ: Giúp cho khách hàng nắm rõ thông tin chi tiết sản phẩm xem 52 3.2.6 Quản lý đơn hàng khách hàng Google Sheets Hình 3.2.6 Quản lý đơn hàng khách hàng Mô tả: Hiển thị danh sách đơn hàng mua thông tin khách hàng Nhiệm vụ: Giúp cho cửa hàng quản lý đơn hàng dễ chăm sóc khách hàng tốt Có thể có thêm nhiều liệu khách hàng nhằm marketing cửa hàng đến nhiều người dùng 53 KẾT LUẬN Kết đạt - Đã bước đầu làm quen hệ quản trị mã nguồn mở WordPress Xây dựng website quản lí bán phụ kiện Lionvn - Website cung cấp giao diện trực quan thân thiện với người dùng Các chức website dần hoàn thiện Hạn chế Chưa tối ưu tốt SEO cho website, chưa đưa website lên top tìm kiếm Hướng phát triển Điều chỉnh số chức chưa phù hợp Hồn thiện chức cịn thiếu sót Đưa vào ứng dụng thực tế để rút kinh nghiệm, từ cải thiện hệ thống tốt TÀI LIỆU THAM KHẢO 54 [1] "WordPress Wikipedia," https://vi.wikipedia.org/wiki/WordPress [2] "XAMPP Wikipedia," https://vi.wikipedia.org/wiki/XAMPP [3] " PHP Wikipedia," https://vi.wikipedia.org/wiki/PHP [4] "HTML Wikipedia," https://en.wikipedia.org/wiki/HTML [5] "CSS Wikipedia," https://en.wikipedia.org/wiki/Cascading_Style_Sheets [6] "JavaScript Wikipedia," https://en.wikipedia.org/wiki/JavaScript 55 ... em có kiến thức thực báo cáo thực tập tốt nghiệp Do kiến thức cịn hạn chế, thời gian viết báo cáo không nhiều nên báo cáo cịn nhiều thiếu sót mong thầy bạn góp ý để báo cáo hồn thiện Em xin chân... để khách hàng nâng cao kĩ vấn đề - Đề tài giúp em hiểu rõ nghiệp vụ quản lý bán hàng qua mạng - Ứng dụng đề tài vào việc tối ưu hóa chương trình quản lý bán thiết bị có cửa hàng 1.2 Hệ quản trị... doanh marketing hợp lý 2.1.1 Hiện trạng - Khách hàng đến nhân viên tư vấn chọn hàng - Sau chọn hàng xong khách hàng toán trực tiếp với nhân viên - Việc quảng cáo cho chuỗi cửa hàng chủ yếu dựa mạng