Xây dựng Website bán máy ảnh và phụ kiện máy ảnh sử dụng ASP.NET Core Khảo sát tình hình thực tế về các cửa hàng máy ảnh và phụ kiện máy ảnh Cơ sở lý thuyết, các công nghệ được sử dụng Phân tích thiết kế hệ thống website bán máy ảnh và phụ kiện máy ảnh: Sơ đồ lớp (Class Diagram), Sơ đồ trình tự (Sequence Diagram), Sơ đồ hoạt động (Activity Diagram), Sơ đồ ERD, Cơ sở dữ liệu Kết quả và quy trình thực hiện
Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Thông tin chung Tên đề tài Xây dựng Website bán máy ảnh phụ kiện máy ảnh sử dụng ASP.NET Core Họ tên sinh viên: Bùi Trung Hiếu Điện thoại liên lạc: 0948308736 Email: buitrunghieu15112001@gmail.com Lớp: Công Nghệ Phần Mềm K64 Hệ đào tạo: Đại học quy Đồ án tốt nghiệp thực tại: Hà Nội Thời gian làm ĐATN: 2023 Mục tiêu ĐATN Xây dựng Website bán máy ảnh phụ kiện máy ảnh sử dụng ASP.NET Core Các nhiệm vụ cụ thể ĐATN Để hoàn thành mục tiêu kể trên, đồ án cần làm nhiệm vụ cụ thể sau: Tìm hiểu tổng quan đề tài Khảo sát yêu cầu người dùng Phân tích yêu cầu, đưa chức sơ Tìm hiểu sở lý thuyết Phân tích thiết kế hệ thống Xây dựng phần mềm Cài đặt chạy thử Bùi Trung Hiếu I Lớp CNPM K64A Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm Lời cam đoan sinh viên: Tôi Bùi Trung Hiếu cam kết ĐATN cơng trình nghiên cứu thân tơi hướng dẫn ThS.Hồng Anh Đức Các kết nêu ĐATN trung thực, chép tồn văn cơng trình khác Hà Nội, ngày 26 tháng 06 năm 2023 Tác giả ĐATN Bùi Trung Hiếu Xác nhận giáo viên hướng dẫn mức độ hoàn thành ĐATN cho phép bảo vệ: Hà Nội, ngày 26 tháng 06 năm 2023 Cán hướng dẫn Hoàng Anh Đức Bùi Trung Hiếu II Lớp CNPM K64A Đồ án tốt nghiệp chun ngành Cơng Nghệ Phần Mềm TĨM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP Đồ án tốt nghiệp em hệ thống trang web bán máy ảnh linh kiện máy ảnh Mục tiêu đồ án xây dựng website hoàn chỉnh để tương lai cửa hàng kinh doanh phục vụ khách hàng từ xa, ngồi em cịn bổ sung trang quản trị giúp người quản trị quản lý hoạt động website cách dễ dàng nhanh chóng phần services tương lai tái sử dụng để xây dựng hệ thống mobile Hệ thống cung cấp chức trang web bán hàng, bao gồm đăng ký tài khoản, đăng nhập, tìm kiếm sản phẩm, xem chi tiết sản phẩm, thêm sản phẩm vào giỏ hàng, toán, đánh giá, theo dõi đơn hàng, danh sách đơn hàng mua, ngồi cịn trang blog Cũng chức cho quản lý quản lý tài khoản, quản lý đơn hàng, quản lý khuyến mãi, quản lý đánh giá, quản lý blog thống kê báo cáo Tuy nhiên, hạn chế thời gian quy mô đồ án, số chức chưa hồn thiện q trình phát triển Điều bao gồm xử lý đơn hàng, quản lý đơn hàng mua, theo dõi đơn hàng xem blog Cũng chức quản trị bao gồm quản lý đơn hàng, thống kê báo cáo quản lý blog Em tiếp tục phát triển hoàn thiện chức để mang lại trải nghiệm tốt cho khách hàng tối ưu hóa quản lý bán hàng Đồ án tốt nghiệp không cơng cụ để hồn thành u cầu đào tạo, mà cịn mang mục đích phục vụ cho em việc xây dựng phát triển trang web bán máy ảnh linh kiện máy ảnh cho cửa hàng Bùi Trung Hiếu III Lớp CNPM K64A Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm LỜI CẢM ƠN Em xin gửi lời cảm ơn chân thành tới người đồng hành đóng góp quan trọng q trình thực đồ án Đầu tiên, tơi muốn tri ân hướng dẫn hỗ trợ tận tâm ThS.Hoàng Anh Đức Những kiến thức dạy tận tâm thầy giúp em vượt qua khó khăn hồn thiện đồ án cách tốt Em muốn bày tỏ lòng biết ơn đến gia đình, bạn bè người thân yêu động viên, tin tưởng cung cấp hỗ trợ mặt tinh thần suốt trình nghiên cứu hoàn thiện đồ án Sự ủng hộ động lực giúp em vượt qua thử thách tiếp tục đạt kết tốt Hơn em xin cảm ơn TEDU Channel sản xuất video hay, ý nghĩa phù hợp với thực tiễn đề tài em nghiên cứu giúp phần quan trọng cho em trình thực đề tài Một lần nữa, em xin chân thành cảm ơn Bùi Trung Hiếu IV Lớp CNPM K64A Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm MỤC LỤC PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP .I TÓM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP .III MỤC LỤC V DANH MỤC CÁC HÌNH VẼ .X DANH MỤC CÁC BẢNG BIỂU XIV Danh mục từ viết tắt XVI MỞ ĐẦU CHƯƠNG TỔNG QUAN 1.1 Lý chọn đề tài .3 1.2 Khảo sát tình hình sử dụng phần mềm tương tự giới nước 1.2.1 Tình hình quốc tế .4 1.2.2 Tình hình nước 1.3 Khảo sát yêu cầu 1.3.1 Khảo sát cửa hàng 1.3.2 Khảo sát yêu cầu chức sơ website .10 CHƯƠNG CƠ SỞ LÝ THUYẾT 12 2.1 HTML ? 12 2.1.1 Lịch sử hình thành định nghĩa HTML gì? 12 2.1.2 Cấu trúc HTML 13 2.1.3 Ưu điểm nhược điểm HTML gì? 14 2.1.4 HTML hoạt động vai trị HTML gì? .15 2.1.5 HTML có mối liên hệ với CSS JavaScript? 15 2.1.6 Con đường phát triển HTML 16 2.2 CSS gì? 16 2.2.1 Định nghĩa CSS gì? 16 2.2.2 Bố cục cấu trúc CSS gì? 17 2.2.3 Ưu điểm CSS gì? 18 2.2.4 Các phiên CSS gì? 19 2.3 Javascript gì? .19 2.3.1 JavaScript gì? .19 Bùi Trung Hiếu V Lớp CNPM K64A Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm 2.3.2 Client-side JavaScript 20 2.3.3 Các lợi JavaScript 21 2.3.4 Hạn chế JavaScript 21 2.3.5 JavaScript ngày nay? .22 2.4 ASP.NET Core gì? 22 2.4.1 ASP.NET Core gì? .22 2.4.2 ASP.NET Core đời hoàn cảnh nào? 23 2.4.3 Xây dựng web UI web API sửng dụng ASP.NET Core MVC 23 2.4.4 Phát triển client-side 24 2.4.5 Kết luận ASP.NET Core gì? 24 2.5 SQL Server gì? 24 2.5.1 SQL Server gì? .24 2.5.2 SQL Server cung cấp dịch vụ công cụ gì? 25 2.5.3 Các ấn SQL Server 26 2.5.4 SQL Server giúp bạn làm việc dễ dàng nào? .26 2.6 MVC gì? 26 2.6.1 MVC gì? 26 2.6.2 Thành phần mơ hình MVC .27 2.6.3 Luồng mơ hình MVC 28 2.6.4 Ưu nhược điểm mơ hình MVC 29 2.6.5 Ứng dụng mơ hình MVC lập trình 30 2.6.6 Cách sử dụng mơ hình MVC hiệu 30 2.7 Kết chương 30 CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 32 3.1 Xác định tác nhân hệ thống 32 3.2 Mơ hình Use Case hệ thống 32 3.3 Đặc tả số Use Case chính: 34 3.3.1 Use Case “Đăng ký” 34 3.3.2 Use Case “Đăng nhập” 35 3.3.3 Use Case “Đăng xuất” .36 3.3.4 Use Case “Xem danh sách sản phẩm” .37 3.3.5 Use Case “Xem chi tiết sản phẩm” 37 3.3.6 Use Case “Thêm sản phẩm vào giỏ hàng” .38 Bùi Trung Hiếu VI Lớp CNPM K64A Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm 3.3.7 Use Case “Đánh giá sản phẩm” .39 3.3.8 Use Case “Tìm kiếm sản phẩm” 40 3.3.9 Use Case “Xem danh sách đơn hàng” .41 3.3.10 Use Case “Thêm sản phẩm” 42 3.3.11 Use Case “Xem danh sách tài khoản” 42 3.3.12 Use Case “Xuất thống kê” .43 3.3.13 Use Case “Duyệt đánh giá” 44 3.3.14 Use Case “Cập nhật thông tin slide” 45 3.4 Biểu đồ lớp 47 3.5 Biểu đồ hoạt động 48 3.5.1 Biểu đồ hoạt động “Đăng ký” 48 3.5.2 Biểu đồ hoạt động “Đăng nhập” 48 3.5.3 Biểu đồ hoạt động “Đăng xuất” .49 3.5.4 Biểu đồ hoạt động “Xem danh sách sản phẩm” 49 3.5.5 Biểu đồ hoạt động “Xem chi tiết sản phẩm” 50 3.5.6 Biểu đồ hoạt động “Thêm sản phẩm vào giỏ hàng” 50 3.5.7 Biểu đồ hoạt động “Đánh giá sản phẩm” 51 3.5.8 Biểu đồ hoạt động “Tìm kiếm sản phẩm” .51 3.5.9 Biểu đồ hoạt động “Xem danh sách đơn hàng” .52 3.5.10 Biểu đồ hoạt động “Thêm sản phẩm” 52 3.5.11 Biểu đồ hoạt động “Xem danh sách tài khoản” .53 3.5.12 Biểu đồ hoạt động “Xuất thống kê” .53 3.5.13 Biểu đồ hoạt động “Duyệt đánh giá” .54 3.5.14 Biểu đồ hoạt động “Cập nhật thông tin slide” .54 3.6 Biểu đồ 55 3.6.1 Biểu đồ “Đăng ký” 55 3.6.2 Biểu đồ “Đăng nhập” 55 3.6.3 Biểu đồ “Đăng xuất” 56 3.6.4 Biểu đồ “Xem danh sách sản phẩm” 56 3.6.5 Biểu đồ “Xem chi tiết sản phẩm” 57 3.6.6 Biểu đồ “Thêm sản phẩm vào giỏ hàng” .57 3.6.7 Biểu đồ “Đánh giá sản phẩm” .58 3.6.8 Biểu đồ “Tìm kiếm sản phẩm” 58 Bùi Trung Hiếu VII Lớp CNPM K64A Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm 3.6.9 Biểu đồ “Xem danh sách đơn hàng” 59 3.6.10 Biểu đồ “Thêm sản phẩm” 59 3.6.11 Biểu đồ “Xem danh sách tài khoản” 60 3.6.12 Biểu đồ “Xuất thống kê” 60 3.6.13 Biểu đồ “Duyệt đánh giá” 61 3.6.14 Biểu đồ “Cập nhật thông tin slide” 61 3.7 Biều đồ ERD 62 3.8 Xây dựng CSDL 63 3.8.1 AppUsers (Thông tin tài khoản) 63 3.8.2 AppRoles (Danh sách vai trò) 63 3.8.3 Slides (Slide quảng cáo) 64 3.8.4 Transactions (Bảng lưu giao dịch hệ thống) .64 3.8.5 Contacts (Thông tin liên hệ người dùng) 65 3.8.6 ReviewImages (Hình ảnh đánh giá sản phẩm) 66 3.8.7 Orders (Thông tin đơn hàng) .66 3.8.8 Categories (Danh mục sản phẩm) 67 3.8.9 Products (Danh sách sản phẩm) .67 3.8.10 Brands (Danh mục thương hiệu) 68 3.8.11 ProductImages (Hình ảnh sản phẩm) .68 3.8.12 Languages (Bảng ngôn ngữ) 69 3.8.13 ProductTranslations (Phiên dịch sản phẩm) .69 3.8.14 Promotions (Chương trình khuyễn mãi) 70 3.8.15 ProductReviews (Đánh giá sản phẩm) 70 3.8.16 Carts (Giỏ hàng) 71 3.8.17 CategoryTranslations (Phiên dịch danh mục sản phẩm ) 71 3.9 Kết chương 72 CHƯƠNG KẾT QUẢ CÀI ĐẶT, THỬ NGHIỆM 73 4.1 Giới thiệu phần mềm 73 4.2 Dịch vụ (services) 74 4.2.1 Dịch vụ tài khoản .74 4.2.2 Dịch vụ quyền hạn 74 4.2.3 Dịch vụ ngôn ngữ 75 4.2.4 Dịch vụ danh sách thương hiệu .75 Bùi Trung Hiếu VIII Lớp CNPM K64A Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm 4.2.5 Dịch vụ sản phẩm 75 4.2.6 Dịch vụ đánh giá sản phẩm 76 4.2.7 Dịch vụ danh mục sản phẩm 76 4.2.8 Dịch vụ giỏ hàng 77 4.2.9 Dịch vụ đặt hàng 77 4.2.10 Dịch vụ slide 77 4.3 Demo sản phẩm .78 4.3.1 Trang chủ (webapp) 78 4.3.2 Trang đăng nhập cho quản trị (adminapp) .81 4.3.3 Quản trị slide (adminapp) 82 4.3.4 Quản trị sản phẩm (adminapp) 84 4.3.5 Trang đăng ký tài khoản (webapp) 88 4.3.6 Quản trị tài khoản (adminapp) 89 4.3.7 Trang đăng nhập (webapp) 94 4.3.8 Trang danh sách sản phẩm (webapp) .95 4.3.9 Tìm kiếm sản phẩm (webapp) 97 4.3.10 Trang chi tiết sản phẩm (webapp) 98 4.3.11 Trang giỏ hàng (webapp) .99 4.3.12 Trang toán (webapp) 100 4.3.13 Đánh giá sản phẩm (webapp) 101 4.3.14 Duyệt đánh giá (adminapp) 101 4.3.15 Xem đánh giá sản phẩm (webapp) .102 4.4 Kết chương 102 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN .104 PHỤ LỤC 106 Bùi Trung Hiếu IX Lớp CNPM K64A Đồ án tốt nghiệp chuyên ngành Công Nghệ Phần Mềm DANH MỤC CÁC HÌNH VẼ Hình 1-1 Website B&H .5 Hình 1-2 Website MapCamera Hình 1-3 Website Bình Minh Digital Hình 1-4 Hình ảnh cửa hàng khảo sát Hình 1-5 Hình ảnh khơng gian cửa hàng khảo sát Hình 2-1 HTML .12 Hình 2-2 Mối liên hệ HTML CSS .16 Hình 2-3 Javascript gì? 20 Hình 2-4 Lợi Javascipt 21 Hình 2-5 Cấu trúc SQL Server 25 Hình 2-6 Thành phần mơ hình MVC 27 Hình 2-7 Mơ hình MVC 28 Hình 2-8 Ưu nhược điểm mơ hình MVC 29 Hình 3-1 Các tác nhân hệ thống 32 Hình 3-2 Use Case hệ thống 32 Hình 3-3 Use Case khách vãng lai 33 Hình 3-4 Use Case khách hàng 33 Hình 3-5 Use Case quản trị .34 Hình 3-6 Biều đồ class 47 Hình 3-7 Biểu đồ hoạt động đăng ký 48 Hình 3-8 Biểu đồ hoạt động đăng nhập 48 Hình 3-9 Biểu đồ hoạt động đăng xuất .49 Hình 3-10 Biểu đồ hoạt động xem danh sách sản phẩm 49 Hình 3-11 Biểu đồ hoạt động xem chi tiết sản phẩm 50 Hình 3-12 Biểu đồ hoạt động thêm sản phẩm vào giỏ hàng .50 Hình 3-13 Biểu đồ hoạt động đánh giá sản phẩm .51 Hình 3-14 Biểu đồ hoạt động tìm kiếm sản phẩm 51 Hình 3-15 Biểu đồ hoạt động xem danh sách đơn hàng 52 Hình 3-16 Biểu đồ hoạt động thêm sản phẩm 52 Bùi Trung Hiếu X Lớp CNPM K64A