Báo cáo chuyên đề học phần đồ án lập trình web nâng cao đề tài website cửa hàng bán giày

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO ĐỀ TÀI: WEBSITE CỬA HÀNG BÁN GIÀY Sinh viên thực : ĐÀM NGỌC LINH : HOÀNG VĂN BIỂU Giảng viên hướng dẫn : CẤN ĐỨC ĐIỆP Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : QUẢN TRỊ AN NINH MẠNG Lớp : D14QTANM1 Khóa : 2019-2023 Hà Nội, tháng năm 2021 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: Họ tên Chữ ký Ghi Chữ ký Ghi Hoàng Văn Biểu Đàm Ngọc Linh Giảng viên chấm: Họ tên Giảng viên chấm 1: Giảng viên chấm : LỜI MỞ ĐẦU Những tiến to lớn công nghệ, đặc biệt công nghệ thông tin thập niên cuối kỷ 20 tạo bước ngoặt cho phát triển kinh tế xã hội tồn cầu Chính tảng đó, phương thức thương mại xuất phát triển nhanh chóng, thương mại điện tử Thương mại điện tử công cụ đại sử dụng mạng Internet giúp cho doanh nghiệp thâm nhập vào thị trường giới, thu thập thông tin nhanh hơn, nhiều xác Với thương mại điện tử, doanh nghiệp đưa thơng tin sản phẩm đến đối tượng khách hàng tiềm khác nơi giới với chi phí thấp nhiều so với phương pháp truyền thống Trong xu phát triển mạnh mẽ thương mại điện tử giới, doanh nghiệp Việt Nam đặc biệt doanh nghiệp vừa nhỏ, phận chiếm tỷ lệ lớn tổng số doanh nghiệp Việt Nam, bước đầu nhận thức ích lợi tầm quan trọng việc ứng dụng thương mại điện tử Tuy nhiên, nhiều hạn chế nhận thức thân doanh nghiệp điều kiện sở hạ tầng, việc ứng dụng thương mại điện tử doanh nghiệp vừa nhỏ Việt Nam nói mức độ sơ khởi Vì thế, doanh nghiệp vừa nhỏ cần xây dựng cho chiến lược kinh doanh phù hợp với điều kiện thực tế nhằm tiếp cận nhiều với thương mại điện tử để khai thác tối đa lợi ích mà phương thức kinh doanh đem lại Ngày nay, cửa hàng trực tuyến xuất nhiều Cửa hàng trực tuyến đem lại nhiều lợi ích cho người sử dụng Đối với doanh nghiệp, tiết kiệm không gian trưng bày sản phẩm, tiết kiệm nguồn nhân lực, tiết kiệm chi phí mặt bằng…Đối với khách hàng, tiết kiệm thời gian lại, lựa chon sản phẩm ưa thích…Đây lý để em chọn đề tài: “Website cửa hàng bán giày” làm đề tài CHƯƠNG 1: KHẢO SÁT VÀ XÁC LẬP ĐỀ TÀI 1.1 Lý chọn đề tài CNTT ngành thiếu khoa học ngành trọng điểm Công nghệ thông tin bùng nổ giữ vai trị quan trọng thúc đẩy xã hội lồi người phát triển tồn diện, giúp người nhiều mặt sống, giúp sống thêm phần thú vị hơn, bớt nặng nhọc Mỗi cơng việc có góp mặt công nghệ thông tin đem lại hiệu cao nhiều so với việc không ứng dụng công nghệ thông tin Việc bán hàng qua cửa hàng thường không mang lại hiệu cao doanh thu lẫn quảng cáo sản phẩm Áp dụng công nghệ thông tin để giới thiệu sản phẩm cho phép người dùng mua bán trực tuyến từ lâu mang lại hiệu cao so với cách truyền thống Xuất phát từ yếu tố qua khảo sát, em chọn đề tài xây dựng website bán giày tảng ngôn ngữ lập trình ASP MVC4 MicroSoft 1.2 Mục tiêu đề tài - Áp dụng mơ hình MVC4 hệ quản trị sở liệu SQL để xây dựng website bán giày - Nắm rõ nguyên lý hoạt động Model, View Controller mơ hình MVC - Giới thiệu mẫu giày hot tới người tiêu dùng - Tìm kiếm theo đa tiêu chí: tên sản phẩm, giá thành - Giúp khách hàng dễ dàng tìm mua sản phẩm website - Giúp người quản trị trang web dễ dàng quản lý thông tin sản phẩm, slider, hóa đơn, danh mục sản phẩm 1.3 Giới hạn phạm vi đề tài - Lập trình ngơn ngữ ASP MVC4 với công cụ Visual Studio hệ quản trị sở liệu SQL Server - Sử dụng plugin Entity FrameWork version6 hỗ trợ sử dụng Code First để quản lý thực thể dễ dàng - Nghiên cứu trang web bán hàng khác để có hướng thiết kế giao diện chức cần có website bán hàng 1.4 Nội dung thực Nội dung thực hiện/nghiên cứu cụ thể sau: - Nghiên cứu mơ hình MVC lập trình website sử dụng ngơn ngữ ASP.NET MVC4 - Phân tích yêu cầu đề xuất giải pháp Website công nghệ NET - Thiết kế đặc tả hệ thống - Xây dựng Cơ sở liệu - Lập trình cho Module hệ thống - Kiểm thử hệ thống - Triển khai thực nghiệm hệ thống mạng Internet 1.5 Tổng quan MVC4 1.5.1 Mơ hình MVC4 Mơ hình MVC (Model – View - Controller) kiến trúc phần mềm hay mơ hình thiết kế sử dụng kỹ thuật phần mềm Nó giúp developer tách ứng dụng họ thành phần khác Model, View Controller Mỗi thành phần có nhiệm vụ riêng biệt độc lập với thành phần khác - Model: Model MVC chứa tất logic ứng dụng (ví dụ: xử lý sở liệu,…), không chứa view hay controller Model chứa gồm logic ứng dụng, logic nghiệp vụ, logic truy xuất sở liệu Model MVC chứa mơ hình lớp (mơ hình đối tượng miền ứng dụng) - View: View MVC chứa thẻ HTML view logic Đảm nhận việc hiển thị thông tin tương tác với người dùng nơi chứa tất đối tượng GUI textbox, image… Hiểu cách đơn giản, tập hợp from file HTML - Controller: Controller MVC chứa tính logic lưu đồ điều khiển (control-flow) Giữ nhiệm vụ nhận điều hướng yêu cầu từ người dùng gọi phương thức xử lý chúng…Chẳng hạn thành phần nhận request từ url from để thao tác trực tiếp với Model - Hoạt động MVC User tương tác với View cách click vào button, user gửi yêu cầu Controller nhận điều hướng chúng đến phướng thức xử lý Model Model nhận thông tin thực thi yêu cầu Khi Model hoàn tất việc xử lý, View nhận kết từ Model thị lại cho người dùng 1.5.2 Cấu trúc mặ định project MVC - App_Data: chứa file liệu, thư mục App_Data chứa sở liệu cục - Content: chứa nội dung tĩnh hình ảnh file css - Controllers: chứa lớp controller ASP.NET MVC - Models: chứa lớp model ASP.NET MVC - Scripts: chứa file javascript bao gồm thư viện ASP.NET Ajax jQuery - Views: chứa views ASP.NET MVC 1.5.3 Ưu nhược điểm MVC - Ưu điểm + Mô hình lập trình đơn giản + Hỗ trợ ADO (Active Data Object), FSO (File System Object) + ASP hỗ trợ nhiều ngôn ngữ như: VBscrip, Javascrip - Nhược điểm + Code ASP lẫn với html nên khó khăn việc tìm lỗi + Khơng hỗ trợ chế cache + Tốc độ xử lý chậm CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Các chức hệ thống - Người ghé thăm website xem, tìm kiếm thơng tin sản phẩm, tin tức, chương trình khuyến - Cho phép khách hàng chọn sản phẩm vào giỏ hàng để đánh dấu sản phẩm muốn chọn, chắn sản phẩm muốn mua khách hàng chọn đặt hàng để đặt sản phẩm mà khơng cần phải đăng nhập - Khách hàng liên hệ trực tiếp tới nhân viên để trao đổi, tư vấn - Có thể cho tổ chức lưu trữ, cập nhật thông tin tin tức, thông tin chương trình - Cho phép lưu trữ, cập nhật thơng tin sản phẩm, chi tiết sản phẩm - Cho phép cập nhật thông tin khách hàng đặt hàng - Cho phép lưu trữ, cập nhật thông tin đặt hàng, đơn hàng - Cho phép người quản trị nhân viên quản lý thực dễ dàng nghiệp vụ có liên quan 2.2 Các tác nhân hệ thống Dựa vào mơ tả tốn, ta xác định tác nhân hệ thống sau: - Nhân viên: người quản lý trì, kiểm sốt thơng tin web site, thơng tin nhập xuất … - Người quản trị: người điều hành, quản lý theo dõi hoạt động hệ thống, phân quyền kiểm soát hành động nhân viên - Khách hàng: người xem tác động có giao dịch với hệ thống thông qua hoạt động đặt mua hàng 2.3 Biểu đồ tổng quát Use Case Hình 2.1 Biểu đồ tổng quát Use Case 2.3.1 Use case quản lý sản phẩm Hình 2.2 Use case quản lý sản phẩm - Tác nhân: Nhân viên, Admin - Mô tả: Use case cho phép nhân viên admin quản lý thơng tin sản phẩm có sở liệu Trừ chức duyệt sản phẩm dành riêng cho admin nhân viên viết sản phẩm - Điều kiện trước: Đã đăng nhập thành công vào hệ thống với quyền admin nhân viên tài khoản chưa bị khóa - Dịng kiện chính: Chọn chức quản lý sản phẩm Giao diện hiển thị chức tương ứng Người quản trị chọn kiểu tác động: Thêm, danh sách sản phẩm chờ duyệt, danh sách sản phẩm duyệt, duyệt, bỏ duyệt, khóa mở khóa + Thêm sản phẩm:  Hệ thống hiển thị giao diện nhập thông tin sản phẩm  Người quản trị nhập thông tin sản phẩm nhấn nút “Thêm” sản phẩm để thêm sản phẩm vào sở liệu  Nếu thành cơng, sản phẩm có trạng thái tương ứng với sản phẩm chờ duyệt chuyển qua trang duyệt sản phẩm  Nếu thất bại thông báo thất bại chuyển sang trang duyệt sản phẩm + Danh sách sản phẩm chờ duyệt:  Hệ thống hiển thị danh sách sản phẩm có trạng thái tương ứng với sản phẩm chờ duyệt  Người quản trị chọn nút duyệt sản phẩm tương ứng với sản phẩm  Hệ thống chuyển trạng thái sản phẩm chọn thành tương ứng với duyệt + Danh sách sản phẩm duyệt  Hệ thống hiển thị danh sách sản phẩm có trạng thái tương ứng với sản phẩm duyệt  Người quản trị chọn nút bỏ duyệt sản phẩm nút cập nhật tương ứng với sản phẩm  Nếu người quản trị chọn nút duyệt sản phẩm, hệ thống chuyển trạng thái sản phẩm duyệt thành tương ứng với sản phẩm chờ duyệt Đặc tả giao diện “thêm sản phẩm”: - Giao diện cho phép nhân viên/admin thêm sản phẩm vào sở liệu - Admin nhân viên chọn chức quản lý sản phẩm chọn chức thêm sản phẩm, giao diện thêm sản ra, admin/nhân viên nhập đầy đủ thông tin sản phẩm sau nhấn nút thêm để thêm sản phẩm vào sở liệu - Sản phẩm tạo thành cơng có trạng thái = tương ứng với sản phẩm chờ duyệt Hình Error! No text of specified style in document 17 Giao diện trang danh sách sản phẩm chờ duyệt Đặc tả giao diện “danh sách sản phẩm chờ duyệt”: - Giao diện cho phép nhân viên/admin thêm sản phẩm vào sở liệu - Admin nhân viên chọn chức quản lý sản phẩm chọn chức thêm sản phẩm, giao diện thêm sản ra, admin/nhân viên nhập đầy đủ thông tin sản phẩm sau nhấn nút thêm để thêm sản phẩm vào sở liệu - Sản phẩm tạo thành cơng có trạng thái = tương ứng với sản phẩm chờ duyệt Hình Error! No text of specified style in document 18 Giao diện trang sản phẩm duyệt Hình Error! No text of specified style in document 19 Giao diện trang sản phẩm duyệt (tìm kiếm) Đặc tả: - Giao diện cho phép admin quản lý xem danh sách sản phẩm sau duyệt - Admin bỏ duyệt sản phẩm cách nhấn vào nút bỏ duyệt tương ứng với sản phẩm cần bỏ duyệt - Giao diện cho phép admin tìm kiếm nhanh sản phẩm duyệt khác thơng qua textbox tìm kiếm Hình Error! No text of specified style in document 20 Giao diện trang cập nhật sản phẩm (Hình 1) Hình Error! No text of specified style in document 21 Giao diện trang cập nhật sản phẩm (Hình 2) Đặc tả: - Giao diện cho phép admin nhân viên chỉnh sửa thông tin sản phẩm chưa duyệt, thông tin cập nhật sau người quản trị nhấn vào nút cập nhật - Giao diện thông báo cho người quản trị cập nhật thành công hay thất bại j Trang quản lý đơn hàng Hình Error! No text of specified style in document 22 Danh sách đơn hàng chờ giao Hình Error! No text of specified style in document 23 Giao diện chi tiết đơn hàng Đặc tả: - Giao diện cho phép người quản trị quản lý đơn hàng mà khách hàng đặt chưa xác minh - Các nghiệp vụ tương ứng với đơn hàng xem chi tiết đơn hàng, xuất đơn hàng hủy đơn hàng - Khi người quản trị chọn chi tiết đơn hàng, giao diện chi tiết đơn hàng bao gồm thông tin khách hàng thông tin sản phẩm đơn hàng thông tin khác - Khi người quản trị chọn xuất đơn hàng, đơn hàng chọn có trạng thái xuất hàng, số lượng sản phẩm đơn hàng trừ cho số lượng sản phẩm có tương ứng - Khi người quản trị chọn nút hủy đơn hàng, đơn hàng chuyển trạng thái từ chờ sang hủy Đơn hàng hủy khơng thể lấy lại Hình Error! No text of specified style in document 24 Giao diện trang đơn hàng xuất Đặc tả: - Giao diện cho phép người quản trị quản lý đơn hàng xuất, chờ người giao hàng giao cho người nhận lấy biên lai xác minh - Các nghiệp vụ tương ứng với đơn hàng xem chi tiết đơn hàng, hoàn thành đơn hàng trả đơn hàng - Khi người quản trị chọn chi tiết đơn hàng, giao diện chi tiết đơn hàng bao gồm thông tin khách hàng thông tin sản phẩm đơn hàng thông tin khác - Khi người quản trị chọn hoàn đơn hàng, đơn hàng chọn chuyển trạng thái từ xuất sang hoàn thành, kết thúc trình đặt hàng giao hàng - Khi người quản trị chọn nút trả đơn hàng, đơn hàng chuyển trạng thái từ xuất sang chờ Đơn hàng chọn để trả, số lượng sản phẩm đơn hàng trả cộng lại vào kho hàng tương ứng với sản phẩm Hình Error! No text of specified style in document 25 Giao diện trang danh sách đơn hàng hoàn thành Đặc tả: - Giao diện cho phép người quản trị quản lý đơn hàng hoàn thành - Khi người quản trị chọn chi tiết đơn hàng, giao diện chi tiết đơn hàng bao gồm thông tin khách hàng thông tin sản phẩm đơn hàng thơng tin khác Hình Error! No text of specified style in document 26 Giao diện trang danh sách đơn hàng hủy Đặc tả: - Giao diện cho phép người quản trị quản lý đơn hàng hủy - Khi người quản trị chọn chi tiết đơn hàng, giao diện chi tiết đơn hàng bao gồm thông tin khách hàng thông tin sản phẩm đơn hàng thông tin khác k Trang quản lý danh mục sản phẩm Hình Error! No text of specified style in document 27 Giao diện trang thêm danh mục sản phẩm Đặc tả: - Giao diện cho phép người quản trị thêm danh mục vào danh sách danh mục sở liệu - Nếu danh mục cấp người quản trị điển ID Cha - Nếu danh mục theo danh mục cha đó, người quản trị tìm kiếm danh mục có cha bên trang danh sách danh mục điền ID danh mục có ID Cha - Sau danh mục thêm hệ thống tự động chuyển sang trang danh mục sản phẩm chờ duyệt để duyệt danh mục Hình Error! No text of specified style in document 28 Giao diện trang danh sách danh mục chờ duyệt Đặc tả: - Giao diện cho phép người quản trị quản lý danh mục thêm chờ duyệt - Các nghiệp vụ tương ứng duyệt danh mục, khóa danh mục cập nhật lại thông tin danh mục - Nếu người quản trị chọn duyệt, danh mục chuyển trạng thái từ chờ duyệt sang duyệt, danh mục hiển thị lên trang chủ - Nếu người quản trị chọn nút cập nhật, trang cập nhật thông tin danh mục hiển thị cho người quản trị cập nhật lại - Nếu người quản trị chọn nút khóa, danh mục tương ứng chuyển trạng thái từ chờ sang khóa Hình Error! No text of specified style in document 29 Giao diện trang danh sách danh mục duyệt Đặc tả: - Giao diện cho phép người quản trị quản lý danh mục duyệt - Các nghiệp vụ tương ứng bỏ duyệt danh mục - Nếu người quản trị chọn bỏ duyệt, danh mục chuyển trạng thái từ duyệt sang chờ duyệt KẾT LUẬN Xây dựng Website bán giày cho công ty Nghị Hưng Website giới thiệu thông tin loại giày, hãng giày cho phép khách hàng đặt hàng trực tuyến website Website cho phép khách hàng đặt hàng mà khơng cần đăng nhập, khách hàng đặt mua sản phẩm cách dễ dàng thuận tiện Website cung cấp cho admin trang giao diện dễ sử dụng dễ quản lý mục Website chạy tất trình duyệt web IE, Google Chrome, Mozilla Firefox Qua việc tự tìm hiểu xây dựng website, với hướng dẫn bảo thầy giáo hướng dẫn Em biết thêm nhiều kiến thức công nghệ ASP.Net MVC 4, Entity Framework, cách triển khai dự án website Hiểu quy trình nghiệp vụ làm website bán hàng, đưa thông tin mạng  Hạn chế - Hệ thống website bán giày cho công ty Nghị Hưng chưa cho phép khách hàng toán trực tuyến được, cịn số thủ tục tốn thủ cơng - Hệ thống chưa có trợ giúp ngữ cảnh cho người dùng cấu hình tạo website - Một số chức cịn chưa hồn thiện chưa với mong muốn đặt Cách thiết kế giao diện, màu sắc chưa chuyên nghiệp Một số chỗ chưa dư thừa … - Vì cơng nghệ MVC cịn nên số chức hệ thống lỗi số khác chưa thực  Hướng phát triển Trong thời gian nghiên cứu thực đề tài, tác giả vạch hướng phát triển đề tài sau: - Xây dựng thêm Control làm phong phú việc tùy biến giao diện website - Bổ sung Module hỗ trợ cho website giới thiệu sản phẩm thương mại điện tử