Báo cáo chuyên đề học phần môn đồ án lập trình web nâng cao đề ti xây dựng trang web bán quần áo

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 MÔN: ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO ĐỀ T!I: XÂY DỰNG TRANG WEB BÁN QUẦN ÁO Sinh viên thực : NGUYỄN DUY AN LẠI ĐỨC QUỲNH Giảng viên hướng dẫn : LÊ HO!N Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Lớp :D15CNPM5 Hà Nội, tháng 05 năm 2023 PHIẾU CHẤM ĐIỂM STT Họ tên Nội dung thực Điểm Chữ ký sinh viên NGUYỄN DUY AN LẠI ĐỨC QUỲNH Họ tên giảng viên Giảng viên chấm 1: Giảng viên chấm 2: Chữ ký Ghi MỤC LỤC LỜI CẢM ƠN .1 CHƯƠNG I: KHẢO SÁT VÀ DỰ ÁN THIẾT KẾ WEBSITE BÁN QUẦN ÁO 1.1 Khảo sát hệ thống tương tự 1.2 Đặt vấn đề 1.3 Các chức dự án CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 2.1 Khảo sát trạng phân tích hệ thống 2.1.1 Xác định tác nhân 2.1.2 Xác định use case sử dụng .6 2.2 Usecase tổng quát 2.3 Usecase cho tác nhân Admin .7 2.4 Usecase cho tác nhân Khách Hàng .8 2.5 Đặc tả use case 2.6 Biểu đồ 13 2.7 Biểu đồ Class hệ thống .19 CHƯƠNG III: PHÂN TÍCH THIẾT KẾ CHƯƠNG TRÌNH 20 3.1 Giao diện trang chủ 20 3.2 Trang đăng nhập 20 3.3 Trang chi tiết sản phẩm .21 3.4 Trang giỏ hàng 21 3.5 Trang quản lý sản phẩm 22 3.6 Trang quản lý hóa đơn .22 3.7 Trang đăng ký 23 KẾT LUẬN 24 LỜI CẢM ƠN Trên thực tế, khơng có thành cơng mà không gắn liền với hỗ trợ, giúp đỡ dù hay nhiều, dù trực tiếp hay gián tiếp người khác Trong suốt thời gian từ bắt đầu học tập giảng đường Đại học đến nay, em nhận nhiều quan tâm, giúp đỡ thầy cơ, gia đình bạn bè Với lòng biết ơn sâu sắc nhất, em xin gửi đến thầy cô Khoa Công Nghệ Thông Tin- Trường Đại Học Điện Lực với tri thức tâm huyết để truyền đạt vốn kiến thức quý báu cho chúng em thời gian học tập trường Và đặc biệt, kỳ này, em tiếp cận với mơn học hữu ích sinh viên ngành Cơng Nghệ Thơng Tin Đó mơn:“ Đồ án lập trình web nâng cao” Mặc dù cố gắng hoàn thiện báo cáo với tất nỗ lực, nhiên, bước đầu vào thực tế, tìm hiểu xây dựng báo cáo thời gian có hạn, kiến thức cịn hạn chế, nhiều bỡ ngỡ, nên báo cáo “Xây dựng trang web bán quần áo” chắn tránh khỏi thiếu sót Chúng em mong nhận quan tâm, thơng cảm đóng góp quý báu thầy cô bạn để báo cáo hoàn thiện CHƯƠNG I: KHẢO SÁT V! DỰ ÁN THIẾT KẾ WEBSITE BÁN QUẦN ÁO 1.1 Khảo sát hệ thống tương tự Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động cá phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Cùng với phát triển khơng ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin công nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng cần có máy tính kết nối Internet dịng liệu truy tìm gần lập tức… giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí đơi lúc có âm bạn cần… Bằng Internet, thực nhiều cơng việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mai điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Trong hoạt động sản xuất, kinh doanh, đây, thương mại điện tử khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với cửa hàng hay shop, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng nhu cầu khách hàng cần thiết Vậy phải quảng bá xây dựng đươc Website cho cửa hàng quảng bá tất sản phẩm bán Vì vậy, nhóm chúng em thực đồ án: “Xây dựng website bán quần áo qua mạng” cho cửa hàng bán quần áo Người chủ cửa hàng đưa sản phẩm như:(áo sơ mi, váy, quần bị, áo phơng, …) Đặc biệt sản phẩm đưa lên trang web với giá hợp lý xác, hình ảnh sắc nét, thông tin chi tiết đầy đủ, với khuyến ưu đãi đến với khách hàng Khách hàng đặt mua hàng website mà không cần đến cửa hàng Chủ cửa hàng gửi sản phẩm cho khách hàng nhận tiền 1.2 Đặt vấn đề a, Thiết bị phầm mềm - Máy tính thiết kế web - Hệ quản trị sở liệu SQLSEVER b, Yêu cầu trang Web Thứ nhất: Phần khách hàng: Khách hàng người có nhu cầu mua sắm hàng hóa, họ tìm kiếm mặt hàng cần thiết từ hệ thống đặt mua mặt hàng Vì phải có chức sau: - Hiển thị danh sách mặt hàng cửa hàng để khách hàng xem, lựa chọn mua - Tìm kiếm hiển thị nhanh sản phẩm mà khách hàng muốn tìm - Khách hàng xem thơng tin chi tiết sản phẩm trang web, định có nên đặt mua hay không - Nếu khách hàng muốn đặt hàng phải đăng nhập tài khoản trang web để hệ thống thực chức lưu đơn hàng xử lý đơn hàng cho khách hàng Nếu khách hàng chưa có tài khoản vào chức “Login” trang web để đăng kí tài khoản nhập thông tin cần thiết theo yêu cầu trang web đặt hàng - Khách hàng đăng nhập tài khoản trang web để xem lại đơn hàng đặt hệ thống Và xác nhận với hệ thống nhận hàng chưa - Hiển thị đầy đủ thông tin cần thiết sản phẩm khách hàng nhấn xem giỏ hàng Thứ hai: Dành cho người quản trị: Người làm chủ trang web có quyền kiểm sốt hoạt động hệ thống Người cấp username password để đăng nhập hệ thống thực chức mình: - Chức cập nhập, thêm, sửa, xóa, tìm kiếm mặt hàng, danh mục sản phẩm, thương hiệu sản phẩm -Tiếp nhận kiểm tra đơn đặt hàng khách hàng Hiển thị đơn đặt hàng Ngoài chức trang Web phải thiết kế cho dễ hiểu, giao diện mang tính dễ dùng đẹp mắt cho khách hàng thầy thông tin cần tìm, cung cấp thơng tin quảng cáo hấp dẫn, tin tức khuyến để thu hút khách hàng Điều quan trọng phải đảm bảo an toàn tuyệt đối thơng tin khách hàng q trình đăt mua hàng qua mạng Đồng thời trang web phải đổi mới, hấp dẫn 1.3 Các chức dự án Đây website bán giới thiệu sản phẩm cửa hàng, công ty đến người tiêu dùng với chi tiết mặt hàng giá xác Có chứa chức sau: - Cho phép cập nhập hàng vào CSDL - Tìm kiếm sản phẩm - Hiển thị danh sách mặt hàng theo danh mục sản phẩm - Hiển thị danh sách mặt hàng theo loại thương hiệu - Hiển thị hàng hóa khách hàng chọn mua - Đăng nhập, đăng ký tài khoản vào trang web - Hiển thị thông tin khách hàng - Quản lý đơn hàng - Quản lý sản phẩm - Quản lý thương hiệu sản phẩm, danh mục sản phẩm CHƯƠNG II: PHÂN TÍCH V! THIẾT KẾ HỆ THỐNG 2.1 Khảo sát trạng phân tích hệ thống 2.1.1 Xác định tác nhân STT Tác nhân Mô tả Khách Hàng Là người có nhu cầu đến website để mua hàng, người đến bán hàng Quản Trị Viên Là nhân viên quản trị hệ thống, quyền đăng nhập vào web để thực chức quản lý sản phẩm, quản lý thương hiệu, quản lý danh mục sản phẩm 2.1.2 Xác định use case sử dụng STT Use case Mô tả Đăng nhập Đăng Ký Người dùng cần đăng nhập tài khoản mật để thực thao tác cập nhật hệ thông tin cho hệ thống Quản Lý Sản Phẩm Chức người dùng sử dụng để cập nhật thông tin sản phẩm thêm thông tin sản phẩm sửa, xóa, tìm kiếm sản phẩm hệ thống Quản Lý Đơn Hàng Chức người dùng sử dụng xem thông tin sản phẩm mà khách hàng chưa toán, sản phẩm toán mà chưa giao Thống kê sản phẩm giao, toán Quản Lý Danh Chức người dùng sử dụng để cập Mục Sản Phẩm nhật thông tin loại sản phẩm thêm thơng tin danh mục sản phẩm sửa, xóa, tìm kiếm loại sản phẩm hệ thống - Nội dung: Use case mơ tả chức tìm kiếm sản phẩm Admin, khách hàng Chức giúp cho việc tìm kiếm sản phẩm dễ dàng có nhiều sản phẩm lưu trữ hệ thống, để tìm kiếm sản phẩm muốn biết thông tin theo yêu cầu không đơn giản - Đối tác : Quản Trị Viên, Khách Hàng Hành động tác nhân Phản ứng hệ thống Nhập tên sản phẩm thương hiệu Hiển thị thông tin sơ lược vể tất mà người dùng tìm kiếm sản phẩm có tên sản phẩm thương hiệu có từ gần giống lên trang web(Hình ảnh, tên sản phẩm, đơn giá ) 2.5.4 Đặc tả use case “Giỏ Hàng” - Tên ca sử dụng: Giỏ Hàng - Mục đích: Chức giỏ hàng đựng nặt hàng mà khách hàng chọn, khách hàng thay đổi số lượng sản phẩm theo ý muốn Có thể hủy bỏ sản phẩm đặt vào giỏ hàng trước - Đối tác: Khách Hàng Hành động tác nhân Phản ứng hệ thống Khách hàng click vào chữ “Thêm Giỏ Hệ thống tự động lưu trữ sản phẩm Hàng” trang web hiển thị tổng số lượng sản phẩm giá thành mà khách hàng đặt mua Khách hàng click vào giỏ hàng Hiển thị thông tin sản đầu trang web phẩm mà khách hàng chọn như: (Hình ảnh, tên sản phẩm, số lượng, đơn giá, thành tiền) 2.5.5 Đặc tả use case “Đặt Hàng” - Tên ca sử dụng: Đặt Hàng - Mục đích: Chức giúp khách hàng đặt mua sản phẩm mà họ muốn mua trang web 10 - Nội dung: Use case mô tả chức đặt hàng khách hàng - Đối tác: Khách Hàng Hành động tác nhân Phản ứng hệ thống Khách hàng click vào chữ “Thêm Giỏ Hệ thống tự động lưu trữ sản phẩm Hàng” trang web hiển thị tổng số lượng sản phẩm giá thành mà khách hàng đặt mua Khách hàng click vào chữ “Đặt Hàng” -Nếu khách hàng có tài khoản hệ thống chuyển đến trang tốn - Nếu khách hàng chưa có tài khoản phải nhập thơng tin cần thiết theo u cầu trang web đặt hàng 2.5.6 Đặc tả use case “Quản Lý Sản Phẩm” - Tên ca sử dụng: Quản lý Sản Phẩm - Mục đích: Quản lý sản phẩm học sinh hệ thống - Nội dung: Use case mô tả chức cập nhật thông tin sản phẩm vào hệ thống Admin Khi thông tin sản phẩm thay đổi Admin người cập nhật thơng tin vào hệ thống - Đối tác: Quản Trị Viên Hành động tác nhân Click vào chức quản lý sản phẩm Phản ứng hệ thống Hiển thị thông tin sơ lược tất sản phẩm (Tên sản phẩm, mơ tả, giá, hình ảnh…) Chọn chức (thêm, Thực thi chức (thêm, sửa, sửa, xóa, tìm kiếm, …) xóa, tim kiếm, ) với yêu cầu tác nhân *Chú ý: Quản lý Danh Mục Sản Phẩm, Thương Hiệu tương tự “Quản Lý Sản Phẩm” 2.5.7 Đặc tả use case “Quản Lý Đơn Hàng” - Tên ca sử dụng: Quản Lý Đơn Hàng 11 - Mục đích: Admin quản lý đơn hàng khách hàng đặt mua - Đối tác: Quản Trị Viên Hành động tác nhân Click vào chữ “Chưa Xử Lý” Phản ứng hệ thống Hiển thị chữ “Đang vận chuyển” Bên shift hàng nhận thông tin va thực shift hàng cho khách hàng Khách hàng nhận hàng Đăng Hiển thị thông tin xác nhận nhận nhập vào hệ thống Click vào chữ “Xác hàng Nhận” 12 2.6 Biểu đồ 2.6.1 Biểu đồ trình tự chức đăng nhập 13 2.6.2 Biểu đồ trình tự cho chức đăng ký 14 2.6.3 Biểu đồ trình tự cho chức quản lý đơn hàng 15 2.6.4 Biểu đồ trình tự cho chức quản lý thành viên 16 2.6.5 Biểu đồ trình tự cho chức quản lý sản phẩm 17 2.6.7 Biểu đồ trình tự cho chức quản lý loại sản phẩm 18 2.7 Biểu đồ Class hệ thống 19 CHƯƠNG III: PHÂN TÍCH THIẾT KẾ CHƯƠNG TRÌNH 3.1 Giao diện trang chủ Hình 3.1.2: Giao diện trang chủ 3.2 Trang đăng nhập Hình 3.2.2: Giao diện trang đăng nhập 20 3.3 Trang chi tiết sản phẩm Hình 3.3.2: Giao diện trang chi tiết sản phẩm 3.4 Trang giỏ hàng Hình 3.4.2: Giao diện trang giỏ hàng 21 3.5 Trang quản lý sản phẩm Hình 3.6.2: Giao diện trang quản lý sản phẩm 3.6 Trang quản lý hóa đơn Hình 3.6.2: Giao diện trang quản lý hóa đơn 22 3.7 Trang đăng ký Hình 3.6.2: Giao diện trang đăng ký 23 KẾT LUẬN Kết đạt - Phần mềm triển khai cửa hàng bán quần áo Phần mềm có giao diện dễ nhìn, thân thiện với người sử dụng - Sau nghiên cứu, nhóm xây dựng trang web quản lý bán quần áo, thay cách quản lý thủ công tay, nhiều thời gian tốn công sức người quản lý - Phần mềm có ứng dụng thực tiễn cửa hàng bán đồng hồ, dùng để quản lý thông tin liên quan đến sản phẩm Hạn chế đề tài - Phần mềm xây dựng website bán quần áo hồn thành xong khơng tránh khỏi thiếu xót hạn chế định: + Phần mềm cịn thiếu chức năng, chưa hồn thiện + Kỹ phân tích hệ thống cịn nhiều hạn chế Hướng phát triển - Tiếp tục bổ sung chức mà trang web chưa có để trang web ứng dụng rộng rãi hàng - Tiếp tục hồn thiện chương trình hi vọng đáp ứng nhu cầu người sử dụng - Hoàn thiện chức lưu phục hồi liệu cho chương trình - Phát triển trang web để triển khai nhiều cửa hàng khác 24