ĐỀ tài WEBSITE bán QUẦN áo THỜI TRANG

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính BÁO CÁO ĐỒ ÁN TỐT NGHIỆP WEBSITE BÁN QUẦN ÁO THỜI TRANG Sinh viên thực hiện: Giáp Hoàng Trung Hiếu Lớp: 19I2 Giảng viên hướng dẫn: TS Trần Đình Sơn Đà Nẵng, tháng 11 năm 2021 i TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính BÁO CÁO ĐỒ ÁN TỐT NGHIỆP WEBSITE BÁN QUẦN ÁO THỜI TRANG Sinh viên thực hiện: Giáp Hoàng Trung Hiếu Lớp: 19I2 Giảng viên hướng dẫn: TS Trần Đình Sơn Đà Nẵng, tháng 11 năm 2021 ii NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… LỜI CẢM ƠN Để hoàn thành báo cáo này, trước hết, em xin cám ơn thầy cô giáo khoa công nghệ thông tin Trường Đại học CNTT Truyền Thông Việt – Hàn, em nhận nhiều quan tâm, giúp đỡ quý thầy cô bạn bè Em xin gửi lời cảm ơn đến ban giám hiệu nhà trường tạo điền kiện tốt nhất, cung cấp trang thiết bị cho em bạn học thời gian học trường… Đồng thời em gửi lời cám ơn tới quý thầy cô Nhà trường dạy em kiến thức bổ ích Đặc biệt, em xin cám ơn giảng viên hướng dẫn em thầy Trần Đình Sơn hỗ trợ hướng dẫn, giúp em hồn thiện đồ án Sinh viên, Giáp Hoàng Trung Hiếu iii MỤC LỤC DANH MỤC CÁC TỪ VIẾT TẮT………………………………………….v DANH MỤC CÁC BẢNG……………………………………………………vi DANH MỤC CÁC HÌNH VẼ……………………………………………… vii LỜI MỞ ĐẦU……………………………………………………………… vii Chương CÔNG CỤ CÔNG NGHỆ SỬ DỤNG 1 Ngôn ngữ Công cụ Chương PHÂN TÍCH MƠ HÌNH HỆ THỐNG Phân tích yêu cầu Chức tác nhân Sơ đồ usecase Phân tích thiết kế sở liệu 30 CHƯƠNG XÂY DỰNG ỨNG DỤNG 34 I.Giao diện chung 34 CHƯƠNG 4: KẾT LUẬN 37 TÀI LIỆU THAM KHẢO i PHỤ LỤC i iv DANH MỤC CÁC TỪ VIẾT TẮT VIẾT TẮT NỘI DUNG CSDL Cơ sở liệu UI Giao diện người dùng v DANH MỤC CÁC BẢNG Tên bảng trang Bảng 1: user 33 Bảng 2: contact 33 Bảng 3: Custommer 34 Bảng 4: Category_product 34 Bảng 5: Product 34 Bảng 6: Order_detail 35 Bảng 7: Order 35 Bảng 8: Category_new 36 Bảng 9: new 36 vi DANH MỤC HÌNH VẼ vii LỜI MỞ ĐẦU Giới thiệu Cuộc sống ngày phát triển, cầu mua sắm người tăng theo.Có thể nói mua sắm thú vui đam mê nhiều người, họ lại tiếp cận sản phẩm xu hướng thời trang cách đến trực tiếp cửa hàng thời trang để xem sản phẩm Vì họ thường hay vào trang thương mại điện tử cửa hàng thời trang để xem trước sản phẩm, giá thành lượng sản phẩm cịn hay khơng mà khơng cần đến trực tiếp Và ngày với lối sống công nghệ, trang web giúp khách hàng dễ tiếp cận với sản phẩm doanh nghiệp thời trang Lý chọn đề tài Vì dịch COVID-19 làm thiệt hại đến kinh tế nói chung cửa hàng thời trang nói riêng Hiện nhiều nước lãnh thổ chấp nhận sống chung với dịch khơng mà người chủ quan ngồi mua sắm cho thân Vậy nên nhiều cửa hàng chọ tiếp cận người tiêu dùng qua trang web Do tơi định chọn đề tài web thời trang để nhằm mục đích trên, cung cấp cho cửa hàng thời trang nơi họ đăng bán sản phẩm cho người tiêu dùng tiệp cận sản phẩm họ mong muốn Mục tiêu chọn đề tài - Xây dựng website cung cấp cho khách hàng thông tin chi tiếp sản phẩm bày bán - Khách hàng dễ dàng đăng ký thàng viên đặt trước sản phẩm giao hàng trực tiếp nhà - Tạo website thân thiện, đơn giản dể tiếp cận với người dùng - Xây dựng website giúp người quản trị quản lý thông tin hệ thống cách dễ dàng tiện lợi - Củng cố kiến thức học qua rèn luyện bổ sung thêm kiến thức viii Nhiệm vụ hướng giải Từ yêu mục tiêu đặt ra, đề tài tiến hành phân tích đưa hướng giải sau - Tìm hiểu website hoạt động để xây dựng chức phù hợp với người dùng - Tìm hiểu nội dung cần có website thời trang, từ đưa hướng xây dựng - Lựa chọn công cụ, công nghệ phù hợp cho việc thiết kế website - Thiết kế website - Chạy thử kiểm tra lỗi - Thay đổi bổ sung… ix Chương CÔNG CỤ CÔNG NGHỆ SỬ DỤNG I Ngơn ngữ • HTML : viết tắt Hypertext Markup Language ngơn ngữ lập trình dùng để xây dựng cấu trúc lại thành phần có Website • CSS : chữ viết tắt Cascading Style Sheets, ngơn ngữ sử dụng để tìm định dạng lại phần tử tạo ngơn ngữ đánh dấu (HTML) Có thể hiểu đơn giản rằng, HTML đóng vai trị định dạng phần tử website việc tạo đoạn văn bản, tiêu đề, bảng,…thì CSS giúp thêm style vào phần tử HTML đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu trúc… • JavaScript: loại ngơn ngữ lập trình sử dụng chủ yếu HTML website với mục đích phát triển ứng dụng internet chạy server client • NodeJs : hệ thống phần mềm thiết kế để viết ứng dụng internet có khả mở rộng đặc biệt máy chủ web Chương trình biết JavaScript, sử dụng kỹ thuật điều khiển theo kiện, nhập/xuất không đồng để tối thiểu tổng chi phí tối đa khả mở rộng • React : thư viện JavaScript front-end mã nguồn mở miển phí để xây dựng giao diện người dùng thành phần UI Nó trì Facebook cộng đồng nhà phát triển cơng ty cá nhân React sử dụng sở để phát triển ứng dụng trang đơn di động II Cơng cụ • Visual Studio Code : trình biên tập phát triển Microsoft dành cho Windows, Linux macOS Nó hỗ trợ chức debug, kèm với Git, có syntax highlighting, tự hồn thành mã thơng minh, snippets, cải tiến mã nguồn 2.5.5 Biểu đồ hoạt động Use Case quản lý danh mục sản phẩm Hình 13 Biểu đồ hoạt động Use Case quản lý danh mục sản phẩm 25 2.5.6 Biểu đồ hoạt động Use Case mua hàng, tiếp nhận sử lý đơn hàng Hình 14 : Biểu đồ hoạt động Use Case mua hàng, tiếp nhận sử lý đơn hàng 26 2.6 Mơ hình hố tương tác 2.6.1 Biểu đồ Use Case đăng ký thành viên Hình 15: Biểu đồ Use Case đăng ký thành viên 2.6.2 Biểu đồ Use Case đăng nhập 27 Hình 16 : Biểu đồ Use Case đăng nhập 2.6.3 Biểu đồ Use Case sửa thơng tin cá nhân Hình 17: Biểu đồ Use Case sửa thông tin cá nhân 2.6.4 Biểu đồ Use Case quản lý danh mục sản phẩm 28 Hình 18: Biểu đồ Use Case quản lý danh mục sản phẩm 2.6.5 Biểu đồ Use Case Mua hàng sử lý đơn hàng Hình 19 : Biểu đồ Use Case Mua hàng sử lý đơn hàng 29 Phân tích thiết kế sở liệu 3.1 Bảng thiết kế CSDL Pk: Khố Fk: Khố phụ 3.1.1Bảng user Tên Kiểu Null Ràng buộc Mặc định user_id int không pk không role tinyint không email varchar không không password varchar không không fullname varchar không không Bảng : user 3.1.2 Bảng contact Tên Kiểu Null Ràng buộc Mặc định id int không pk không user_id int không fk không name varchar không không email varchar không không content text không không created_at timestamp không CURRENT TIMESTAMP Bảng contact 30 3.1.3 Bảng Customer Tên Kiểu Null Ràng buộc Mặc định customer_id int không pk không hovaten varchar không không diachi varchar không không dienthoai varchar không không ghichu text không không email varchar không không password varchar không không Bảng : Customer 3.1.4 Bảng Category_product Tên Kiểu Null Ràng buộc Mặc định category_product_id int không pk không user_id int không fk không name varchar không created_at timestamp không không CURRENT TIMESTAMP Bảng 4: Category_product 3.1.5 Bảng Product Tên Kiểu Null Ràng buộc Mặc định product_id int không pk không user_id int không fk không category_product_id int không fk name varchar không không description varchar không không content text không không img varchar không không hotproduct int không price float không không Bảng 5: Product 3.1.6 Bảng order_detail 31 Kiểu Null Ràng buộc Mặc định order_detail_id int không pk không product_id varchar không fk không order_id int không fk không product int không fk không number int không Tên không Bảng 6: order_detail 3.1.7 Bảng order Tên Kiểu Null Ràng buộc Mặc định order_id int không pk không user_id int không fk không name varchar không không created_at datetime không CURRENT TIMESTAMP customer_id int không email varchar không không status tinyint không phone varchar không không address varchar không không product_id varchar không client varchar không không note text không không fk không fk không Bảng 7: order 3.1.8 Bảng category_new Tên Kiểu Null Ràng buộc Mặc định category_new_id int không pk không user_id int không fk không name varchar không không Bảng 8: category_new 3.1.9 Bảng new Tên Kiểu Null Ràng buộc Mặc định new_id int không pk không category_new_id int không fk không name varchar không không 32 description varchar không không content text không không img varchar không không hotnew int không viewed int không created_at datetime không CURRENT TIMESTAMP Bảng : new 3.2 Biểu đồ quan hệ CSDL Hình 20: Biểu đồ quan hệ CSDL 33 CHƯƠNG XÂY DỰNG ỨNG DỤNG I.Giao diện chung 1.1 Giao diện trang chủ trang web 1.2 Giao diện sản phẩm 34 1.3 Giao diện chi tiết sản phẩm 1.4 Giao diện giỏ hàng 35 1.5 Giao diện đăng nhập 1.6 Gia diện đăng ký 36 CHƯƠNG 4: KẾT LUẬN Kết đạt Sau thời gian thực đề tài chương trình hồn thành đạt số kết sau: Hiểu rõ quy trình bán hàng thời trang trực tuyến Xây dựng thành công website bán hàng thời trang đáp ứng nhu cầu đặt người dung Tìm hiểu nắm rõ cơng cụ phân tích thiết kế xây dựng website Giao diện chương trình thân thiện, dễ sử dụng Website giúp người dùng tiết kiệm thời gian cơng sức để có sản phẩm ưng ý Dễ dàng quản lý thông tin chi tiết người dùng, thông tin sản phẩm đơn hàng người mua sản phẩm từ thuận tiện cho việc toán mua hàng Thực kiểm thử phần mềm mức độ lập trình Hướng nghiên cứu Với nỗ lực thân, em cố gắng hoàn thành yêu cầu đề tài Do thời gian lực có hạn nên website em sâu vào chức bán sản phẩm Nhóm đề tài hướng phát triển website thành website bán hàng chuyên nghiệp Cung cấp đầy đủ sản phẩm có mặt thị trường với giá hớp lý, phải Đi kèm với bán hàng dịch vụ uy tín chất lượng tốt để phục vụ đến khách hàng 37 TÀI LIỆU THAM KHẢO [1] Tô Văn Nam, Phân tích thiết kế hệ thống, Nhà xuất Giáo dục, 2002 [2] Đỗ Xuân Lôi, Cấu trúc liệu giải thuật, Nhà xuất Đại học Quốc gia Hà nội, 2010 [3] Phạm Văn Ái, Kỹ thuật lập trình, Nhà xuất Hồng Đức, 2009 [4] A V Aho, J E Hopcroft, and J D Ullman, Data Strutures and Algorithms, Addison – Wesley, 1983 [5] Niklas Wirth, Data Structures and Algorithms, Prentice Hall, 2004 [6] Russ Miles, Kim Hamilton, Learning UML 2.0, O'Reilly Media, 2006 i PHỤ LỤC ... thân, em cố gắng hoàn thành yêu cầu đề tài Do thời gian lực có hạn nên website em sâu vào chức bán sản phẩm Nhóm đề tài hướng phát triển website thành website bán hàng chuyên nghiệp Cung cấp đầy... Kết đạt Sau thời gian thực đề tài chương trình hồn thành đạt số kết sau: Hiểu rõ quy trình bán hàng thời trang trực tuyến Xây dựng thành công website bán hàng thời trang đáp ứng nhu cầu đặt người... HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính BÁO CÁO ĐỒ ÁN TỐT NGHIỆP WEBSITE BÁN QUẦN ÁO THỜI TRANG Sinh viên thực hiện: Giáp Hoàng Trung Hiếu Lớp: 19I2 Giảng viên hướng