Xây dựng website thương mại điện tử NVT computer

ĐỒ ÁN CHUYÊN NGÀNH WEBSITE THƯƠNG MẠI ĐIỆN TỬ NVTCOMPUTER Ngành: CÔNG NGHỆ THÔNG TIN Chuyên ngành: CÔNG NGHỆ PHẦN MỀM LỜI MỞ ĐẦU Ngày công nghệ thông tin ngành khoa học đà phát triển mạnh ứng dụng rộng rãi nhiều lĩnh vực Cùng với xu hướng phát triển phương tiện truyền thơng Báo, Radio… việc sử dụng Internet ngày phổ biến Truy cập Internet, có kho thông tin khổng lồ phục vụ nhu cầu, mục đích nhấp chuột Công nghệ thông tin phát triển mạnh mẽ, nhanh chóng xâm nhập vào nhiều lĩnh vực khoa học, kỹ thuật sống Nó trở thành cơng cụ đắc lực nhiều ngành nghề quan trọng giao thông, quân sự, y học… LỜI CẢM ƠN Sau thời gian học tập tích lũy kiến thức chun mơn từ mơn học, thực hành kiến thức Nhóm chúng em cịn tìm hiểu thêm kiến thức lập trình Website ngơn ngữ lập trình C# giúp cho thân biết thêm cách khách quan lĩnh vực Và áp dụng kiến thức học lớp nguồn tài liệu thêm vào dự án “Xây dựng website thương mại điện tử NVT Computer” Trong trình thực đồ án, nhóm chúng em xin cảm ơn thầy Lê Trung Hiếu hướng dẫn tận tình, theo dõi sát q trình xây dựng website nhóm hỗ trợ kịp thời để nhóm chúng em hồn thành đồ án Do chưa có nhiều kinh nghiệm kiến thức hạn chế nên đề tài cịn nhiều thiếu sót chúng em mong nhận góp ý thầy để khắc phục hoàn thiện đề tài thực tốt Chúng em xin chân thành cảm ơn NHIỆM VỤ ĐỒ ÁN ⮚ Xây dựng website thương mại điện tử ● Quản lý mẫu thiết bị điện tử cửa hàng ● Việc quản lý trở nên thuận tiện cho chủ cửa hàng với quản trị viên muốn sửa đổi, xóa thêm sản phẩm ● Giải quyết, hỗ trợ công việc liên quan đến hoạt động ngày cửa hàng ● Ứng dụng công nghệ thông tin vào việc giảm thiểu công sức, tiết kiệm thời gian cho hoạt động việc kinh doanh o Website phải đáp ứng tác vụ bản, đồng thời phải hoạt động ổn định có hiệu suất cao, đảm bảo hiệu lượng liệu lớn o Đặc biệt, website phải phù hợp với nghiệp vụ số nhân viên phận nhà hàng nhằm giúp giảm thiểu thời gian công sức bỏ so với việc ghi chép thông qua sổ sách trước Đồng thời có khả mở rộng, nâng cấp cần thiết NHẬN XÉT CỦA GIẢNG VIÊN Mục lục Chương 1: TỔNG QUAN 10 1.1 Tổng quan vấn đề nghiên cứu 10 1.2 Khảo sát thực trạng 10 Chương 2: ĐÁNH GIÁ 11 2.1 Ưu điểm 11 2.2 Nhược điểm 11 2.3 Nhiệm vụ đồ án 11 2.3.1 Đối tượng phạm vi ứng dụng 11 2.3.2 Cấu trúc đồ án 11 Chương 3: CƠ SỞ LÝ THUYẾT 12 3.1 Tổng quan công nghệ 12 3.1.1 Ngôn ngữ C Sharp (C#) 12 3.1.2 Hệ quản trị sở liệu 12 3.1.3 Giới thiệu framework 13 3.1.4 Môi trường lập trình 13 3.1.5 Các thư viện hỗ trợ 14 3.2 Xác định yêu cầu 14 3.2.1 Yêu cầu hệ thống 15 3.2.2 Yêu cầu chức 15 3.2.3 Mơ hình giải pháp 15 Chương 4: THIẾT KẾ WEBSITE 51 4.1 Các thành phần chức hệ thống 51 4.2 Thiết kế giao diện hệ thống 51 4.2.1 Giao diện trang chủ người dùng 51 4.2.2 Giao diện trang chủ quản trị viên 52 4.2.3 Giao diện đăng nhập, đăng ký 52 4.2.4 Giao diện quản lý khách hàng 53 4.2.5 Giao diện quản lý sản phẩm 53 4.2.6 Giao diện thương hiệu thể loại 55 4.2.7 Giao diện khuyến giảm giá 56 4.2.8 giao diện danh sách viết 58 4.2.9 Giao diện bình luận phản hồi 58 4.2.10 Giao diện danh mục viết 59 4.2.11 Giao diện danh sách ghim 60 4.2.12 Giao diện Tags 61 4.2.13 Giao diện danh sách đơn hàng 61 4.2.14 Giao diện toán vận chuyển 62 4.2.15 Giao diện phân quyền 63 4.2.16 Giao diện danh sách liên hệ 65 4.2.17 Giao diện Upload ảnh 65 4.2.18 Giao diện trang chi tiết sản phẩm 66 4.2.19 Giao diện giỏ hàng 66 4.2.20 Giao diện đơn hàng 67 4.2.21 Giao diện toán 67 4.2.22 giao diện xác nhận email 68 4.2.23 Giao diện trang tin tức 70 Chương 5: KẾT LUẬN 74 5.1 Kết đạt 74 5.2 Hạn chế 74 5.3 Hướng phát triển tương lai 74 Chương 6: TÀI LIỆU THAM KHẢO 75 DANH MỤC BẢNG BIỂU ● Hình 1: Mơ hình MVC ● Hình 2: Luồng hoạt động mơ hình MVC ● Hình 3: Sơ đồ luồng liệu (DFD) ● Hình 4: Mơ hình quan hệ liệu ● Hình 5: Biểu đồ Use-Case mức độ tổng quát ● Hình 6: Biểu đồ Use-case quản lý hệ thống ● Hình 7: Biểu đồ Use-case người dùng ● Hình 8: Giao diện dành cho khách hàng ● Hình 9: Giao diện dành cho quản trị viên ● Hình 10: Giao diện đăng ký, đăng nhập tài khoản ● Hình 11: Giao diện quản lý danh sách khách hàng ● Hình 12: Giao diện danh sách sản phẩm ● Hình 13: Giao diện danh sách ảnh sản phẩm ● Hình 14: Giao diện đánh giá sản phẩm ● Hình 15: Giao diện thương hiệu ● Hình 16: Giao diện thể loại cha ● Hình 17: Giao diện thể loại ● Hình 18: Giao diện khuyến ● Hình 19: Giao diện sản phẩm khuyến ● Hình 20: Giao diện chương trình giảm giá ● Hình 21: Giao diện danh sách viết ● Hình 22: Giao diện bình luận: cha ● Hình 23: Giao diện bình luận: ● Hình 24: Giao diện danh mục ● Hình 25: Giao diện danh mục: ● Hình 26: Giao diện danh sách ghim ● Hình 27: Giao diện tags ● Hình 28: Giao diện danh sách đơn hàng ● Hình 29: Giao diện phương thức tốn ● Hình 30: Giao diện đơn vị vận chuyển ● Hình 31: Giao diện danh sách quyền ● Hình 32: Giao diện quản trị viên ● Hình 33: Giao diện biên tập viên ● Hình 34: Giao diện người kiểm duyệt ● Hình 35: Giao diện danh sách liên hệ ● Hình 36: Giao diện upload ảnh ● Hình 37: Giao diện chi tiết sản phẩm ● Hình 38: Giao diện giỏ hàng ● Hình 39: Giao diện đơn hàng ● Hình 40: Giao diện trang tốn ● Hình 41: Giao diện xác nhận đăng ký tài khoản ● Hình 42: Giao diện xác nhận mã giảm giá ● Hình 43: Giao diện xác nhận đơn hàng ● Hình 44: Giao diện trang chủ tin tức ● Hình 45: Giao diện tìm kiếm viết ● Hình 46: Giao diện danh sách sản phẩm - viết ● Hình 47: Giao diện viết sản phẩm ● Hình 48: Giao diện chi tiết viết ● Hình 49: Giao diện bình luận viết ● Hình 50: Giao diện thông tin người đăng BẢNG PHÂN CÔNG NHIỆM VỤ STT Nhiệm vụ Người thực Thiết kế sở liệu Xây dựng giao diện tác vụ phía người Back: Nhân dùng Front: Bảo Xây dựng giao diện tác vụ phía quản trị viên (Admin) Back: Thịnh Viết báo cáo Nhân, Thịnh, Bảo - Nhân, Thịnh, Bảo Front: Bảo Trong trình thực đồ án thành viên hỗ trợ lẫn nhau, tìm kiếm tài liệu hoàn thành sản phẩm ▪ 4.2.12 Giao diện Tag Hình 27: Giao diện tags ▪ 4.2.13 Giao diện danh sách đơn hàng Hình 28: Giao diện danh sách đơn hàng 59 ▪ 4.2.14 Giao diện tốn vận chuyển Hình 29: Giao diện phương thức tốn Hình 30: Giao diện đơn vị vận chuyển 60 ▪ 4.2.15 Giao diện phân quyền Hình 31: Giao diện danh sách quyền Hình 32: Giao diện quản trị viên 61 Hình 33: Giao diện biên tập viên Hình 34: Giao diện người kiểm duyệt 62 ▪ 4.2.16 Giao diện danh sách liên hệ Hình 35: Giao diện danh sách liên hệ ▪ 4.2.17 Giao diện Upload ảnh Hình 36: Giao diện upload ảnh 63 ▪ 4.2.18 Giao diện trang chi tiết sản phẩm Hình 37: Giao diện chi tiết sản phẩm ▪ 4.2.19 Giao diện giỏ hàng Hình 38: Giao diện giỏ hàng 64 ▪ 4.2.20 Giao diện đơn hàng Hình 39: Giao diện đơn hàng ▪ 4.2.21 Giao diện tốn Hình 40: Giao diện trang tốn 65 ▪ 4.2.22 giao diện xác nhận email Hình 41: Giao diện xác nhận đăng kí tài khoản Hình 42: Giao diện xác nhận mã giảm giá 66 Hình 43: Giao diện xác nhận đơn hàng 67 ▪ 4.2.23 Giao diện trang tin tức Hình 44: Giao diện trang chủ tin tức Hình 45: Giao diện tìm kiếm viết 68 Hình 46: Giao diện danh sách sản phẩm - viết Hình 47: Giao diện danh sách viết sản phẩm 69 Hình 48: Giao diện chi tiết viết Hình 49: Giao diện bình luận viết 70 Hình 50: Giao diện thơng tin người đăng 71 Chương KẾT LUẬN 5.1 Kết đạt ● Xây dựng sản phẩm cuối website kinh doanh LapTop đáp ứng chức mà website cần có ● Hiển thị đầy đủ phần giao diện quản trị viên người dùng riêng biệt ● Củng cố kiến thức lập trình web dựa mơ hình MVC ngơn ngữ lập trình C# ● Tìm hiểu quy trình để tạo thành website thương mại điện tử 5.2 Hạn chế ● Do lượng kiến thức lớn nên việc tìm hiểu triển khai tính cịn nhiều khó khăn, thiếu sót ● Code cịn dài chưa tối ưu hóa ● Giao diện đơn giản ● Các chức website hạn chế, số chức gặp lỗi ● Phân quyền admin người dùng gặp khó khăn chưa thật tốt ● Một vài thành phần có thời gian xử lý lâu chưa tối ưu tính bảo mật chưa đảm bảo nhiều 5.3 Hướng phát triển tương lai ● Tối ưu hóa code giúp website chạy mượt giảm dung lượng ● Phát triển thêm chức đồng thời hồn thiện chức cịn lỗi ● Phát triển thêm giao diện hoàn chỉnh hơn, tiếp cận người dùng nhanh ● Củng cố tính bảo mật thơng tin nâng cấp website phát triển lâu dài 72 Chương TÀI LIỆU THAM KHẢO ● https://www.c-sharpcorner.com/ ● https://dotnet.microsoft.com/apps/aspnet ● https://api.jquery.com/ ● Tài liệu khóa học tổng hợp từ nhiều nguồn khác 73 ... trình Website ngơn ngữ lập trình C# giúp cho thân biết thêm cách khách quan lĩnh vực Và áp dụng kiến thức học lớp nguồn tài liệu thêm vào dự án ? ?Xây dựng website thương mại điện tử NVT Computer? ??... đề tài thực tốt Chúng em xin chân thành cảm ơn NHIỆM VỤ ĐỒ ÁN ⮚ Xây dựng website thương mại điện tử ● Quản lý mẫu thiết bị điện tử cửa hàng ● Việc quản lý trở nên thuận tiện cho chủ cửa hàng với... phân biệt thương hiệu, không trùng ● Brand_image: Hiển thị hình ảnh thương hiệu ● Brand_name: Phần hiển thị tên thương hiệu ● Slug: viết lại URL ● Web_directory: Đường dẫn website thương hiệu