Báo cáo chuyên đề học phần đồ án lập trình web nâng cao

lOMoARcPSD|12114775 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 Bán Hàng Quần Áo Sinh viên thực : VŨ XUÂN LINH PHẠM NGỌC MINH Giảng viên hướng dẫn : PHƯƠNG VĂN CẢNH Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Lớp : D14CNPM3 Khóa : 2019-2024 Hà Nội, tháng 01 năm 2022 lOMoARcPSD|12114775 PHIẾU CHẤM ĐIỂM Họ tên Giảng viên chấm : Giảng viên chấm : Chữ ký Điểm Ghi lOMoARcPSD|12114775 Họ Và Tên Công Việc Vũ Xuân Linh Khảo sát +Báo Cáo+ Code font-end Khảo Sát + Báo Cáo+Code Back-end Phạm Ngọc Minh lOMoARcPSD|12114775 CHƯƠNG : KHẢO SÁT I Khảo sát trạng : Hiện nay, khác với nước có cơng nghệ thơng tin phổ biến phát triển, Việt Nam, đại đa số website tĩnh, có cấu trúc tổ chức thơng tin cố định, khơng thay đổi thay đổi, chủ yếu mang tính chất giới thiệu cơng ty sản phẩm dịch vụ Bên cạnh đó, có nhiều trang web động (tên thương mại Dynamic Website) với nhiều hình thức tổ chức khác giao diện, bố cục cách thức quản lý, tiêu biểu website kinh doanh địa ốc Cơng ty Hồng Qn, website đặt phịng khách sạn trực tuyến Cơng ty Thương mại điện tử Việt, website Ngân hàng Cổ phần thương mại ABC… Tuy nhiên, thực tế cần nhìn nhận rằng: đa số website công ty sở hữu thuê nhà thiết kế (thường công ty thiết kế website) đảm nhận việc thiết kế ban đầu, điều hợp lý, với chi phí ban đầu cho dù có cao – trang web động – website thiết lập mang tính chuyên nghiệp hoạt động ổn định điều cần thiết; để website hoạt động thực hiệu khơng thể thiếu bàn tay người chủ, cơng ty sở hữu quản lý điều hành Thực tế là, Việt Nam nay, vai trò người quản trị website dường chưa đánh giá đúng, đa phần người quản trị trang web công ty đảm đương công việc sau hồn tất cơng việc khác, vấn đề làm thơng tin website cịn bị xem nhẹ, khiến cho khách hàng thường xuyên website cảm thấy nhàm chán từ từ rời bỏ thói quen vào thăm trang web! Sự hoạt động hiệu số trang web nói minh chứng cho vai trò người quản trị website doanh nghiệp Các cơng ty sở hữu website có phận riêng đảm đương việc quản lý thông tin website, nhằm đáp ứng kịp thời hiệu yêu cầu vị “thượng đế” thông qua mạng internet, có khai thác hết giá trị website, nguồn khách hàng tiềm mạng Vì thế, theo chúng tơi, cơng ty đã, có ý định xây dựng website riêng cho dù ít, dù nhiều quan tâm đến vai trị cơng nghệ lOMoARcPSD|12114775 thơng tin khách hàng tiềm mạng, nên có kế hoạch cắt đặt người quản trị để website cơng ty ln mẻ, thu hút khách hàng đến với website, đến với công ty II Giới thiệu đề tài : Mục tiêu đề tài : - Hiểu biết hình thức kinh doanh thương mại điện tử - Hiểu biết giải pháp xây dựng website thương mại điện tử - Xây dựng website mang lại thuận tiện cho người dùng, tiết kiệm thời gian có nhu cầu mua sản phẩm - Xây dựng Website giúp cho nhân viên quản lý thông tin cách trực quan, thuận tiện - Nắm cách thức bảo mật website với SSL Yêu cầu đề tài : 2.1 Yêu cầu 2.1.1 Yêu cầu chung - Tìm hiểu hoạt động kinh doanh thương mại điện tử - Tìm hiểu giải pháp xây dựng website thương mại điện tử - Xây dựng website mang tính thương mại hóa - Xây dựng trang web với đầy đủ tính phục vụ cho việc bán hàng trực tuyến giới thiệu sản phẩm - Xây dựng chức giúp người quản trị dễ dàng quản lý nội dung trang web 2.1.2 Xây dựng website thương mại điện tử - Webiste thương mại điện tử có số chức sau: lOMoARcPSD|12114775 + Đối với khách hàng: Xem danh sách sản phẩm, Xem thông tin chi tiết sản phẩm, Tìm kiếm sản phẩm, Đưa sản phẩm vào giỏ hàng, Đặt mua, Thanh tốn, Góp ý, Liên hệ, Xem tin tức… + Đối với quản trị: Quản trị sản phẩm, quản trị nhân viên, Quản trị đơn hàng, Quản trị khách hàng, Quản trị tin tức, góp ý… 2.2 Các chức - Website bán hàng xây dựng với tiêu chí phục vụ cho tất người với mong muốn đáp ứng đầy đủ mặt hàng, chức website bán hàng trực tuyến - Website bao gồm loại người dùng chính: Khách hàng viếng thăm, Khách hàng thành viên, Nhân viên, Giám đốc: + Đối với Khách hàng viếng thăm: Xem danh sách sản phẩm, Xem chi tiết sản phẩm, Đưa sản phẩm vào giỏ hàng, cập nhật giỏ hàng, Tìm kiếm, Đăng Ký… + Đối với Khách hàng thành viên: Ngoài chức khách hàng viếng thăm cịn có thêm số chức Đặt mua, Xem danh sách đơn hàng, Quản lý đơn hàng, Thanh Toán, Đăng nhập… + Đối với nhân viên: Được xem khách hàng thành viên cịn có chức quản lý tùy thuộc vào chức Quản lý sản phẩm, đơn hàng, khách hàng, quản lý thơng tin khác Ngồi cịn tư vấn khách hàng, giải đáp thắc mắc, phản hồi ý kiến cho khách hàng + Đối với Giám đốc: Toàn quyền hệ thống người có quyền định nhân viên 2.3 Đối tượng phạm vi nguyên cứu - Website bán hàng xây dựng với tiêu chí phục vụ cho tất người với mong muốn đáp ứng đầy đủ mặt hàng, chức website bán hàng trực tuyến - Với khoảng thời gian có hạn nên em giới hạn phạm vi nguyên cứu mức độ hợp lý cho + Xây dựng chức cho khách hàng lOMoARcPSD|12114775 + Xây dựng chức cho nhân viên quản trị + Tìm hiểu vài công nghệ ứng dụng ASP.NET Giải pháp thực : 3.1 Tìm hiểu thơng tin : Cuộc sống phát triển với nhu cầu hoạt động mạng xã hội.Việc kinh doanh, buôn bán ngày tăng cao với hình thức kinh doanh khác Bên cạnh việc mở hệ thống cửa hàng kinh doanh theo kiểu truyền thống với lợi mặt bằng, ngày có nhiều doanh nghiệp theo hướng phát triển hoạt bán hàng Trong bối cảnh dịch bệnh COVID-19 diễn biến phức tạp, ảnh hưởng nhiều đến sống ngày người dân khơng ngồi Việc áp dụng hình thức bán hang trực tuyến lại đẩy mạnh để kinh danh buôn bán thuận lợi điều kiện phòng trống dịch ngày siết chặt Việc làm giúp khách hàng mua sắm online không lo dịch bệnh, đồng thời giúp tiểu thương trì chi trả phí sử dụng, sinh hoạt hàng tháng, giúp tiểu thương kết nối, tìm kiếm thêm nhiều khách hàng, trì kinh doanh Từ thơng tin tìm hiểu , yêu cầu đặt : Để phục vụ tốt cho nhu cầu mua bán giao thương trước tình hình dịch bệnh phức tạp Từ em xây dựng website bán hàng quần áo nam đáp ứng nhu cầu 3.2 Môi trường phát triển triển khai : - Môi trường phát triển ứng dụng : + Công cụ xây dựng sở liệu SQL + Công cụ dùng để phân tích, thiết kế :Rational Rose Enterprise Edition + Công cụ dùng để xây dựng ứng dụng : Visual Studio Code - Môi trường triển khai ứng dụng : + Hệ điều hành Windows 10 lOMoARcPSD|12114775 + Để chạy Website yêu cầu máy phải cài trình duyệt web lOMoARcPSD|12114775 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.1 Xác định Actor Use Case tổng quát hệ thống 3.1.1 Các Actor STT Actor Bộ phận quản lý Nhân viên User Case - Đăng nhập - Quản lý hàng hóa - Đăng nhập - Quản lý bán hàng - Quản lý khách hàng - Quản lý hàng hóa - Thanh tốn lOMoARcPSD|12114775 3.1.2 Các User Case tổng quát hệ thống Hình 3.1 use case tổng quan 3.2 Phân tích thiết kế chức hệ thống 3.2.1 Chức đăng nhập lOMoARcPSD|12114775 - Hiển thị hình đăng nhập Luồng kiện - Người dùng nhập user password - Hệ thống kiểm tra thơng tin đăng nhập - Nếu thành cơng chuyển sang trang dashboard - Kết thúc use-case Ngoại lệ • • • • - Đăng nhập sai user password Hiển thị trang login kèm thông báo đăng nhập không thành công Quay lại bước luồng kiện - Click nút Quên mật Hệ thống gửi email chứa link reset mật thông qua mail server Gửi tin nhắn chứa mật tới số điện thoại để người dùng đăng nhập đổi mật 3.2.1.2 Biểu đồ hoạt động đăng nhập Hình 3.2.1.2 Biểu đồ hoạt động đăng nhập lOMoARcPSD|12114775 10 3.2.1.3 Biểu đồ trình tự chức đăng nhập Hình 3.2.1.3 Biểu đồ trình tự chức đăng nhập 3.2.1.4 Biểu đồ cộng tác chức đăng nhập Hình 3.2.1.4 Biểu đồ cộng tác đăng nhập Downloaded by Vu Vu (quangchinhlas199@gmail.com) lOMoARcPSD|12114775 11 3.2.2 Chức quản lí hàng hóa 3.2.2.1 Biểu đồ use case quản lí hàng hóa Hình 3.2.3.1 Quản lí hàng hóa -Đặc tả use case quản lí hàng hóa: Use case Nội dung Tên Quản lý hàng hóa Mơ tả Cho phép quản lý thơng tin hàng hóa Downloaded by Vu Vu (quangchinhlas199@gmail.com) lOMoARcPSD|12114775 12 Actor Điều kiện Người dùng Click nút quản lý hàng hóa Tiền điều kiện Người dùng đăng nhập thành cơng Có chức quản lý hàng hóa Hậu điều kiện Quản lý hàng hóa thành cơng Luồng kiện Ngoại lệ - u cầu chức quản lý hàng hóa -Nhập thơng tin đơn hàng hóa(mã hàng hóa, tên hàng hóa, kích cỡ, ) -Xác nhận thơng tin hàng hóa -Đóng chức quản lý hàng hóa -Hiển thị danh sách hàng hóa -Kết thúc usecase -Mã hàng hóa, tên hàng hóa khơng hợp lệ Quay lại bước -Click nút hủy quản lý hàng hóa Đóng chức thêm đơn hàng nhập Downloaded by Vu Vu (quangchinhlas199@gmail.com) lOMoARcPSD|12114775 13 3.2.3.2 Biểu đồ hoạt động quản lí hàng hóa Hình 3.2.3.2 Biểu đồ hoạt động quản lí hàng hóa Downloaded by Vu Vu (quangchinhlas199@gmail.com) lOMoARcPSD|12114775 14 3.2.3.3 Biểu đồ trình tự quản lí hàng hóa: Hình 3.2.3.3 Biểu đồ trình tự quản lí hàng hóa: 3.2.3.4 Biểu đồ cộng tác quản lí hàng hóa: Downloaded by Vu Vu (quangchinhlas199@gmail.com) lOMoARcPSD|12114775 15 Hình 3.2.3.4 Biểu đồ cộng tác quản lý hàng hóa 3.2.3 Chức quản lí danh mục hàng hóa 3.2.3.1 Biểu đồ use case quản lí danh mục Hình 3.2.3.1 Biểu đồ use case danh mục Downloaded by Vu Vu (quangchinhlas199@gmail.com) lOMoARcPSD|12114775 16 3.2.3.2 Biểu đồ trình tự quản lý danh mục : W:Quan ly danh muc chon quan ly danh muc : Nhan vien : Quan ly danh muc : W:danh sach danh muc : database danh muc them/sua/xoa danh muc luu du lieu truyen du lieu thong bao thong bao cong 3.2.3.3 Biểu đồ cộng tác quản lý danh mục 1: chon quan ly danh muc 2: them/sua/xoa danh muc 6: thong bao cong : Nhan vien : W:Quan ly danh muc : Quan ly danh muc 5: thong bao 3: luu du lieu 4: truyen du lieu : W:danh sach danh muc : database danh muc Hình 3.2.3.3 Biểu đồ cộng tác quản lí danh mục Downloaded by Vu Vu (quangchinhlas199@gmail.com) lOMoARcPSD|12114775 17 3.2.3.4 Biểu đồ trạng thái quản lí danh mục nhap tai khoan, mat khau Dang nhap Hien thi trang quan tri lua chon quan ly danh muc Quan ly danh muc Them/sua/ xoa Luu thong tin Hình 3.2.3.4 Biểu đồ trạng thái quản lí danh mục Downloaded by Vu Vu (quangchinhlas199@gmail.com) lOMoARcPSD|12114775 18 3.3 Biểu đồ lớp Hình 3.3 Biểu đồ lớp Các lớp mô tả : -Lớp user gồm thông tin : + user_id : Mã người dùng + user_name : Tên người dùng + email : Email cá nhân + password : Mật người dùng -Lớp danh mục gồm thông tin : + Cat_id : mã danh mục + Cat_name : tên danh mục + Status : Trạng thái danh mục + Date_create : Ngày tạo -Lớp sản phẩm trung tâm gồm thông tin : + Pro_id : mã hàng hóa + Pro_name : tên hàng hóa + Cat_id : mã danh mục + Image : ảnh hàng hóa +Description : mô tả + Status : trạng thái sản phẩm + Date_create : Ngày tạo Downloaded by Vu Vu (quangchinhlas199@gmail.com) lOMoARcPSD|12114775 19 3.4 Biểu đồ thành phần Hình 3.3 Biểu đồ thành phần Downloaded by Vu Vu (quangchinhlas199@gmail.com) lOMoARcPSD|12114775 20 3.4 Biểu đồ triển khai Hình 3.4 Biểu đồ triển khai Downloaded by Vu Vu (quangchinhlas199@gmail.com) lOMoARcPSD|12114775 21 Downloaded by Vu Vu (quangchinhlas199@gmail.com) lOMoARcPSD|12114775 22 Downloaded by Vu Vu (quangchinhlas199@gmail.com) lOMoARcPSD|12114775 23 Giao diện giỏ hang Downloaded by Vu Vu (quangchinhlas199@gmail.com) ... Biểu đồ hoạt động đăng nhập Hình 3.2.1.2 Biểu đồ hoạt động đăng nhập lOMoARcPSD|12114775 10 3.2.1.3 Biểu đồ trình tự chức đăng nhập Hình 3.2.1.3 Biểu đồ trình tự chức đăng nhập 3.2.1.4 Biểu đồ. .. vai trò người quản trị website dường chưa đánh giá đúng, đa phần người quản trị trang web công ty đảm đương cơng việc sau hồn tất công việc khác, vấn đề làm thông tin website bị xem nhẹ, khiến... xuyên website cảm thấy nhàm chán từ từ rời bỏ thói quen vào thăm trang web! Sự hoạt động hiệu số trang web nói minh chứng cho vai trò người quản trị website doanh nghiệp Các công ty sở hữu website