Đang tải... (xem toàn văn)
BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP HCM BÁO CÁO ĐỒ ÁN CƠ SỞ Đề tài Thiết kế và xây dựng website thời trang Khoa Công Nghệ Thông Tin Học kỳ 2A năm 2021 2022 Giảng viên hướng dẫn Hồ Thanh Sang Sinh viên thực hi ện Họ tên sinh viên Mã số sinh viên Hồ Khánh Duy 1916061001 Trương Huỳnh Anh Thông 1916060002 TP HCM, 2022 THÔNG TIN LIÊN HỆ NHÓM Họ tên sinh viên Lớp Mã số sinh viên Số đi ện thoại Email Hồ Khánh Duy 19LDTHA2 1916061001 0939126344 0939126344agmail com Trương Huỳnh Anh Thông.
BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP.HCM BÁO CÁO ĐỒ ÁN CƠ SỞ Đề tài: Thiết kế xây dựng website thời trang Khoa: Công Nghệ Thông Tin Học kỳ: 2A năm 2021-2022 Giảng viên hướng dẫn: Hồ Thanh Sang Sinh viên thực hiện: Họ tên sinh viên Mã số sinh viên Hồ Khánh Duy 1916061001 Trương Huỳnh Anh Thơng 1916060002 TP.HCM, 2022 THƠNG TIN LIÊN HỆ NHÓM Họ tên sinh viên Hồ Khánh Duy Mã số Số điện sinh viên thoại 19LDTHA2 1916061001 0939126344 0939126344a@gmail.com 19LDTHA1 1916060002 0922385618 truonghuynhanhthong@gmail.com Lớp Email Trương Huỳnh Anh Thông NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN - PHẢN BIỆN TP.HCM, ngày GIẢNG VIÊN HƯỚNG DẪN tháng năm 2022 GIẢNG VIÊN PHẢN BIỆN MỤC LỤC CHƯƠNG 1: TỔNG QUAN Giới thiệu đề tài 1.1 Giới thiệu 1.2 Đặc tính kỹ thuật Nhiệm vụ đồ án 2.1 Tính cấp thiết lý hình thành đề tài 2.2 Mục tiêu nghiên cứu 2.3 Phạm vi đối tượng 2.4 Tiêu chí Cấu trúc đồ án CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 11 Website Web Application .11 RESTful API gì? 12 2.1 Định nghĩa 12 2.2 Các thành phần 12 2.3 Cách RESTful API hoạt động .13 Ngôn ngữ lập trình JAVA 14 Spring Framework 15 4.1 Định nghĩa 15 4.2 Một số dự án Spring 16 4.3 Lợi ích Spring Framework .16 Spring Boot 16 5.1 Định nghĩa 16 5.2 Cách hoạt động Spring boot 18 Spring Tool Suite .18 6.1 Giới thiệu .18 6.2 Công nghệ 19 Maven 22 7.1 Định nghĩa 22 7.2 Tại phải sử dụng Maven? 22 7.3 Cách Maven ho ạt động 23 MySQL WorkBench .24 8.1 MySQL 24 8.2 MySQL WorkBench .24 CHƯƠNG 3: THIẾT KẾ VÀ NGHIỆP VỤ .26 Nghiệp vụ 26 1.1 Sơ đồ logic Use case 26 1.2 Mô tả đối tượng( Actor) .26 1.3 Mô tả use case 27 Thiết kế dự án 28 2.1 Cấu trúc .28 1.2 Sơ đồ chức 29 1.3 Sơ đồ liệu 31 CHƯƠNG 4: THỰC NGHIỆM 32 Tổng quan 32 1.1 Project .32 1.2 MySQL .33 Giao diện 34 2.1 Giao diện Admin .34 2.2 Giao diện người dùng 39 CHƯƠNG 5: KẾT LUẬN 45 Kết luận chung 45 Hướng phát triển 46 Các nguồn tài liệu tham khảo 47 DANH MỤC HÌNH ẢNH – SƠ ĐỒ Hình 1-1 Biểu đồ trở ngại mua hàng trực tuyến Hình 2-1 Mơ tả kiến trúc Web Application .11 Hình 2-2 REST API Design 12 Hình 2-3 Bảng mô tả cách API hoạt động 13 Hình 2-4 Java – ngơn ngữ lập trình ưa chuộng .14 Hình 2-5 Kiến trúc Spring Framework .15 Hình 2-6 Cách SpringBoot hoạt động .18 Hình 2-7 Tải trực tiếp Spring Tools trang chủ 19 Hình 2-8 Quản lý source với phần nhỏ độc lập với 20 Hình 2-9 Spring Cloud 20 Hình 2-10 Cơng nghệ FaaS (Function as a Service) 21 Hình 2-11 Mơ tả quy trình xử lý hàng loạt Spring Tools Suite 21 Hình 2-12 Kiến trúc Maven 23 Hình 2-13 MySQL hệ quản trị sở liệu 24 Hình 3-1 Sơ đồ use case tổng quan .26 Hình 3-2 Minh hoạ cách hoạt động 28 Hình 3-3 Cấu trúc tổ chức code 28 Hình 3-4 Hình ảnh chức trang quản trị .29 Hình 3-5 Sơ đồ trang người dùng 30 Hình 3-6 Sơ đồ ERD 31 Hình 4-1 Cấu trúc source code 32 Hình 4-2 Danh sách table liệu .33 Hình 4-3 Giao diện form Login .34 Hình 4-4 Giao diện Admin .34 Hình 4-5 Giao diện quản lý Users 35 Hình 4-6 Giao diện quản lý Categories 35 Hình 4-7 Giao diện quản lý Products 36 Hình 4-8 Giao diện quản lý Customer 36 Hình 4-9 Giao diện quản lý Shipping Rates 37 Hình 4-10 Giao diện danh sách Orders 37 Hình 4-11 Giao diện Sales Report 38 Hình 4-12 Giao diện Setting 38 Hình 4-13 Giao diện Home 39 Hình 4-14 Giao diện Categories 39 Hình 4-15 Giao diện Form Login 40 Hình 4-16 Giao diện Register 40 Hình 4-17 Giao diện Contact Us .41 Hình 4-18 Giao diện Categories / Men 41 Hình 4-19 Giao diện Product 42 Hình 4-20 Giao diện Account Details 42 Hình 4-21 Giao diện Address Book 43 Hình 4-22 Giao diện Reviews 43 Hình 4-23 Giao diện Orders 44 Hình 4-24 Giao diện Shopping Cart .44 LỜI MỞ ĐẦU Lời nhóm chúng em xin phép cảm ơn Trường Đại Học Công Nghệ TPHCM – HUTECH, thầy cô khoa CNTT tận tình hỗ trợ chúng em học phần trước Vì vừa trải qua thời gian khó khăn dịch bệnh phức tạp, thầy cô trường tạo điều kiện nhiệt tình hướng dẫn chúng em đến ngày hơm Tiếp đến, nhận thấy Việt Nam trình đổi phát triển Nhu cầu chuyển đổi số thích ứng với xu hướng cơng nghệ toàn cầu diện mạnh mẽ Cụ thể nhu cầu thiết yếu đó, ta kể đến nhu cầu như: Quản lý, marketing, bán hàng, hỗ trợ người tiêu dùng,… Để đáp ứng cơng việc nhu cầu đó, doanh nghiệp công nghệ Việt Nam xuất cho đời sản phẩm cơng nghệ kể đến phần mềm , web,… Trong sản phẩm cơng nghệ đó, nhóm chúng em đặc biệt hứng thú với Web Có ba lý để chúng em chọn đề tài Web để báo cáo − Thứ phổ biến web thị trường tiềm phát triển với lợi ích web mang lại − Thứ hai đa dạng ngôn ngữ tảng xây dựng web − Thứ ba giảng viên học phần chuyên nghành phần mềm truyền cảm hứng Thầy cô trang bị cho chúng em lượng kiến thức tốt kĩ để tự tay xây dựng web Cuối cùng, chúng em định chọn đề tài “Xây dựng thiết kế web bán hàng thời trang” để báo cáo học phần “Đồ án sở” CHƯƠNG 1: TỔNG QUAN Giới thiệu đề tài Tên đề tài: Thiết kế xây dựng website thời trang 1.1 Giới thiệu Đây website hỗ trợ việc bán hàng quản lý cửa hàng thời trang Sử dụng ngôn ngữ lập trình JAVA xây dựng theo cơng nghệ Spring Boot 1.2 Đặc tính kỹ thuật Ngơn ngữ lập trình: Java Nền tảng: Spring Framework (Spring Boot) Các cơng cụ môi trường: − Java Development Kit 17.0.3 − Apache Maven 3.6.3 − Spring Tool Suite 4.14.0 RELEASE − MySQL community 8.0.28.0 Sử dụng thư viện: − Bootstrap − Thymeleaf − JQuery − Maven Nhiệm vụ đồ án 2.1 Tính cấp thiết lý hình thành đề tài 2.1.1 Thực trạng [1] Theo Hiệp hội Thương mại điện tử Việt Nam (VECOM), tính đến năm 2019 khoảng 42% doanh nghiệp có website có tới 37% nhận đơn đặt hàng qua website Khơng có khách hàng đơn lẻ mà khách hàng tổ chức thực đặt hàng qua website đối tác Số lượng khách hàng doanh nghiệp lên tới 44% Sự hiệu việc bán hàng qua website mang tính ổn định, lâu dài Tuy có 19% doanh nghiệp chưa thực đạt hiệu kinh doanh với website mình, có tới 55% có suất ổn định 26% doanh nghiệp xem website cơng cụ hữu ích cho hoạt động bán sản phẩm Vậy sở hữu website lại có cách biệt số doanh nghiệp này? Bên cạnh nguyên nhân liên quan đến môi trường ngành hay đặc điểm riêng thị trường, nguyên nhân quan trọng dẫn đến vấn đề nhiều doanh nghiệp chưa thực đầu tư hợp lý cho kênh bán hàng Theo đó, báo cáo năm 2019 với doanh nghiệp có website, 46% cập nhật thơng tin thường xuyên, 24% cập nhật hàng tuần, 8% hàng tháng đến 22% hồn tồn khơng cập nhật Chi phí dành cho hoạt động quảng bá website/ứng dụng không cao Dưới 10 triệu đồng/năm số tiền mà 53% số doanh nghiệp Việt Nam chi trả cho hoạt động Một thực tế tồn 88% người mua hàng online lựa chọn phương thức toán nhận hàng (COD) Sách trắng Thương mại điện tử Việt Nam tám ngun nhân khiến người dùng cịn ngần ngại mua hàng trực tuyến Trong có tới bốn nguyên nhân đến từ website lo sợ lộ thơng tin cá nhân, thiết kế website thiếu tính chuyên nghiệp, cách thức đặt hàng toán phức tạp, rắc rối (Theo Vecom[1] ) Hình 1-1 Biểu đồ trở ngại mua hàng trực tuyến 2.1.2 Lý hình thành đề tài Với thực trạng web Việt Nam ta nhiều hạn chế trên, nhóm chúng em mong mỏi tự tay hồn thiện trang web với giá trị tính thực tiễn cao 2.2 Mục tiêu nghiên cứu Xây dựng hồn thiện trang web với cơng nghệ Với đề tài này, chúng em chọn công nghệ Spring Boot để xây dựng 2.3 Phạm vi đối tượng Vì trình độ kinh nghiệm thực tế nhóm chúng em nhiều hạn chế Nên với đề tài nhóm em định nghiên cứu thực trang web dành cho đối tượng doanh nghiệp, hộ kinh doanh nhỏ 1.2 MySQL Hình 4-2 Danh sách table liệu 33 Giao diện 2.1 Giao diện Admin Hình 4-3 Giao diện form Login Hình 4-4 Giao diện Admin 34 Hình 4-5 Giao diện quản lý Users Hình 4-6 Giao diện quản lý Categories 35 Hình 4-7 Giao diện quản lý Products Hình 4-8 Giao diện quản lý Customer 36 Hình 4-9 Giao diện quản lý Shipping Rates Hình 4-10 Giao diện danh sách Orders 37 Hình 4-11 Giao diện Sales Report Hình 4-12 Giao diện Setting 38 2.2 Giao diện người dùng Hình 4-13 Giao diện Home Hình 4-14 Giao diện Categories 39 Hình 4-15 Giao diện Form Login Hình 4-16 Giao diện Register 40 Hình 4-17 Giao diện Contact Us Hình 4-18 Giao diện Categories / Men 41 Hình 4-19 Giao diện Product Hình 4-20 Giao diện Account Details 42 Hình 4-21 Giao diện Address Book Hình 4-22 Giao diện Reviews 43 Hình 4-23 Giao diện Orders Hình 4-24 Giao diện Shopping Cart 44 CHƯƠNG 5: KẾT LUẬN Kết luận chung Có thể nói, việc sử dụng trang web nhằm mục đích hỗ trợ mơ hình kinh doanh thời đại vô quan trọng Một trang web chuẩn mang đến nhiều lợi ích cho khách hàng doanh nghiệp Hiện nay, sức cạnh tranh thị trường ngày khốc liệt Các trang web thân thiện với khách hàng nhà quản trị, mà phải đáp ứng tiêu chuẩn chung tương thích với cơng cụ tìm kiếm pháp lý khu vực, thị trường khác Ở dự án này, nhóm chúng em đáp ứng số tiêu chí quan trọng liên quan đến mặt kỹ thuật, nghiệp vụ bán hàng, như: • Về mặt kỹ thuật: Dự án có khả mở rộng nâng cấp, tốc độ thực thi nhanh, cấu trúc trực quan – tinh gọn, có độ bảo mật tốt • Về nghiệp vụ: Đáp ứng tiêu chí mặt thống kê, trình bày sản phẩm, hỗ trợ toán, phân quyền quản trị Bên cạnh ưu điểm tiêu chí kỹ thuật nghiệp vụ dự án chúng em cịn mức học thuật nên khơng tránh khỏi thiếu sót như: • Giao diện chưa đáp ứng yếu tố thẩm mỹ, sử dụng template có sẵn • Các module tính chưa đạt độ hồn thiện cao • Các cổng tốn chưa đa dạng cho người dùng 45 Hướng phát triển Hoàn thiện tính như: • Sales Report • Shipping rate • Review • Check out Tích hợp thêm API theo xu hướng công nghệ, chat bot, thiết kế giao diện bắt mắt trực quan Ngồi cịn phát triển thêm AppMobile tích hợp với trang web để tối ưu hố mơ hình kinh doanh doanh nghiệp 46 Các nguồn tài liệu tham khảo Dưới nguồn trích đoạn báo cáo tài liệu tham khảo: [1] Vecom (2021, February 5) Thực trạng Https://Brandinfo.Biz/ Retrieved May 10, 2022, from https://brandinfo.biz/website/thuc-trang-linh-vuc-thietke-website-tai-viet-nam-hien-nay/144-260-1442.html [2] Viblo.asia (2020, September 5) Restful API Https://Viblo.Asia/ Retrieved May 20, 2022, from https://viblo.asia/p/restful-api- la- gi-1Je5EDJ4lnL [3] Tài liệu tổng hợp (2022, June 17) Https://Www.Tutorialspoint.Com/ Retrieved June 5, 2022, from https://www.tutorialspoint.com/spring_boot/spring_boot_introduction.htm [4] Spring Tool (2022, January 15) Https://Spring.Io/ Retrieved April 30, 2022, from https://spring.io/ [5] Wikipedia (2010, October 8) Maven Retrieved May 10, 2022, from https://wikipedia.org/Maven [6] dbhire.com (2019, October 21) MySQL Http://Dbahire.Com/ Retrieved May 10, 2022, from http://dbahire.com/mysql-workbench- la- gi-tai-sao-phai-caidat-mysql-workbench [7] Hoang (2021, September 9) Learn SpringBoot Https://Www.Youtube.Com/ Retrieved June 5, 2022, from https://www.youtube.com/watch?v=UMePnyjr6FM&t=734s [8] trungtamlaptrinh (2021, August 14) Khoá học SpringBoot Https://Www.Youtube.Com/ Retrieved May 25, 2022, from https://www.youtube.com/watch?v=aqZqND2fRoY&list=PLW1k06REn7HuSn1Q Sa14e_XPiKT9zLEL6 47 ... dựng web Cuối cùng, chúng em định chọn đề tài “Xây dựng thiết kế web bán hàng thời trang” để báo cáo học phần ? ?Đồ án sở? ?? CHƯƠNG 1: TỔNG QUAN Giới thiệu đề tài Tên đề tài: Thiết kế xây dựng website... Hình 2-4 Java – ngơn ngữ lập trình ưa chuộng Ưu điểm: − Java độc lập với tảng giúp giảm chi phí lập trình phát triển web − Khả bảo mật Java tốt − Java có API phong phú cho lập trình web − Java sử... thực tế − Java có cơng cụ hỗ trợ lập trình tốt − Java hỗ trợ lập trình đa luồng giúp trang web tăng tối đa khả xử lý Biến chúng trở thành ứng dụng web tiên tiến − Trang web lập trình Java dễ Scale
