Báo cáo chuyên đề học phần lập trình web nâng cao đề ti xây dựng website cửa hng mỹ phẩm

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 LẬP TRÌNH WEB NÂNG CAO ĐỀ T"I: XÂY DỰNG WEBSITE CỬA H"NG MỸ PHẨM Sinh viên thực : TRẦN BÍCH NGỌC 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 : QUẢN TRỊ V" AN NINH MẠNG Lớp : D14QTANM2 Khóa : 2019-2024 ĐẶNG BÁ HÙNG Hà Nội, tháng 12 năm 2021 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: ST T Họ tên Nội dung thực Điểm Chữ k ý - Phân tích thiết kế báo cáo Trần Bích Ngọc - Code phần admin bán hàng, sản phẩm, chi tiết sản phẩm, đăng MSV: 19810320211 Đặng nhập, tin tức - Thiết kế giao diện - Thiết kế sở liệu - Phân tích hồn thiện báo cáo Bá Hùng MSV: - Code phần admin quản lý sản phẩm, quản lý tin tức, danh 19810320624 mục sản phẩm Giảng viên chấm: Họ tên Giảng viên chấm : Chữ ký Ghi Giảng viên chấm : MỤC LỤC LỜI MỞ ĐẦU CHƯƠNG 1: KHẢO SÁT V" SÁT LẬP ĐỀ T"I Tổng quan toán 1.1 Khảo sát trạng 1.2 Mơ tả tốn .2 1.3 Ưu điểm website .3 1.4 Nhược điểm Các hệ thống liên quan tương tự .3 Mục tiêu giải toán .6 Yêu cầu trang web CHƯƠNG 2: PHÂN TÍCH V" THIẾT KẾ HỆ THỐNG 2.1 Xác định Actor Use case .7 2.1.1 Các Actor 2.1.2 Use case tổng quát hệ thống 2.2 Chức đăng nhập, đăng xuất đăng ký .7 2.2.1 Đặc tả use case đăng nhập 2.2.2 Use case đăng nhập, đăng xuất đăng kí .8 2.2.3 Biểu đồ trình tự cho chức đăng nhập, đăng xuất đăng kí 2.3 Chức danh mục sản phẩm 10 2.3.1 Đặc tả use case danh mục sản phẩm 10 2.3.2 Use case danh mục sản phẩm 11 2.3.3 Biểu đồ trình tự cho chức danh mục sản phẩm 11 2.4 Chức quản lý khách hàng 12 2.4.1 Đặc tả use case quản lý khách hàng 12 2.4.2 Use case quản lý khách hàng 12 2.4.3 Biểu đồ trình tự cho chức quản lý khách hàng 13 2.5 Chức quản lý sản phẩm 13 2.5.1 Đặc tả use case quản lý sản phẩm 13 2.5.2 Use case quản lý sản phẩm 14 2.5.3 Biểu đồ trình tự cho chức quản lý sản phẩm 14 2.6 Biểu đồ lớp .15 CHƯƠNG 3: KẾT QUẢ THỰC NGHIỆM 16 3.1 Giao diện trang khách hàng 16 3.1.1 Giao diện trang chủ .16 3.1.2 Giao diện trang danh mục sản phẩm 16 3.1.3 Giao diện trang sản phẩm 17 3.1.4 Giao diện trang tin tức 17 3.1.5 Giao diện trang chi tiết sản phẩm 17 3.1.6 Giao diện trang đăng nhập 18 3.2 Giao diện trang admin 18 3.2.1 Giao diện trang đăng nhập admin 18 3.2.2 Giao diện trang quản lý sản phẩm 19 3.2.3 Giao diện trang danh mục sản phẩm 3.2.4 19 Giao diện trang tin tức 20 3.3 Kết đạt 20 3.4 Việc chưa làm 21 3.5 Hướng phát triển đề tài 21 KẾT LUẬN 22 LỜI MỞ ĐẦU Trong thời đại công nghệ 4.0 nay, với phát triển mạnh mẽ công nghệ thông tin, tin học hóa cơng ty, quan tổ chức điều mà cần phải nghĩ đến Tin học ứng dụng lĩnh vực sống, đem lại nhiều lợi ích to lớn, giúp cho người quản lý có nhìn tổng thể mà chi tiết thông tin lưu trữ cập nhậy hàng ngày, nâng cao hiệu làm việc, tiết kiệm sức lao động Đi với phát triển mạnh mẽ công nghệ thông tin phát triển thương mại hóa tồn cầu Những website mua bán, thương mại xuất ngày nhiều, trang thương mại tiếng www.amazone.com, www.alibaba.com hay www.ebay.com khơng cịn xa lạ với Đối với cửa công ty, doanh nghiện hay cửa hàng, 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 Website cho cửa hàng quảng bá tất sản phẩm bán Và nắm bắt xu thời đại nên chúng em thực đề tài “Xây dựng Website cửa hàng mỹ phẩm” nhằm phục vụ cho nhu cầu tất yếu sống ưu chuộng đẹp Trong thời gian thiết kế website, giúp đỡ, hướng dẫn tận tình thầy Phương Văn Cảnh, nhóm chúng em tiến hành tìm hiểu xây dựng website thương mại Website giúp chúng em phát huy tính sáng tạo, tinh thần làm việc tập thể, khả vận dụng kiến thức học để hồn thành tốt báo cáo Mặc dù có nhiều cố gắng trình làm dự án, nhiên kiến thức cịn hạn chế thời gian có hạn nên dự án cịn nhiều thiếu sót, chúng em mong giúp đỡ, góp ý, sửa chữa thầy để báo cáo chúng em hồn thiện Chúng em xin chân thành cảm ơn quý thầy cô! CHƯƠNG 1: KHẢO SÁT V" SÁT LẬP ĐỀ T"I Tổng quan toán 1.1 Khảo sát trạng Thực tìm hiểu, khảo sát hệ thống, cụ thể số website bán mỹ phẩm internet, đánh giá trạng cửa hàng, xác định mặt hạn chế hệ thống cũ, từ đề xuất khắc phục Xã hội ngày phát triển, nhu cầu mua sắm, thời trang người nâng cao Trong khơng thể thiếu loại mỹ phẩm chất lượng Những loại mỹ phẩm ngày thu hút nhiều người quan tâm, người ưu chuộng đẹp Tuy nhiên cửa hàng, website bán mỹ phẩm chưa đáp ứng yêu cầu khách hàng, phục vụ chưa chu đáo, tốn nhiều thời gian Các trang web bán mỹ phẩm chưa phổ biến, phong phú Nhằm khắc phục điều mong muốn có mơi trường giao tiếp tiện lợi khách hàng, đơn giản hóa việc mua sắm, chúng em xây dựng website Bên cạnh , khách hàng phản hồi cho cửa hàng chia sẻ với người, đóng góp ý kiến với website để chúng em hồn thiện hơn, phục vụ khách hàng tốt Qua website, khách hàng nắm thơng tin bổ ích từ sản phẩm, liên tục cập nhật thông tin từ hãng sản xuất 1.2 Mô tả tốn Website giúp cho chủ cửa hàng quản lý mặt hàng cửa hàng cách thuận tiện hơn, đồng thời chủ cửa hàng cập nhật mặt hàng nhập lên website, lưu thông tin mặt hàng bán cho khách hàng, đồng thời kiểm tra, chỉnh sửa viết sản phẩm, hiển thị thông tin lên theo mục Một website bán hàng có quy trình bắt đầu việc nhận đơn hàng từ phía khách hàng, nhận trực tiếp gián tiếp qua điện thoại, email, theo tiếp nhận thông tin đơn đặt hàng, sản phẩm đặt hàng sau lưu vào kho đơn đặt hàng tất khách hàng Sau người quản lí hệ thống lên lịch hẹn với khách hàng thời điểm giao hàng vị trí giao hàng thuận tiện Website gồm nhiều trang, trang có chủ đề chức riêng Mỗi chủ đề phải có đường dẫn đến trang, có tên chủ đề nội dung trang Trang chủ tóm tắt nội dung tồn website bao gồm loại mỹ phẩm chăm sóc da, trang điểm, phụ kiện,… Đối với người truy cập Website với tư cách User cho phép đăng kí, đăng nhập, tìm kiếm tham khảo thơng tin sản phẩm, cho phép bình luận viết đánh giá sản phẩm 1.3 Ưu điểm website lợi: Ngày hình thức kinh doanh online mang lại nhiều ưu điểm thuận Tiết kiệm nguồn tài đầu tư Khơng cần th nhiều nhân viên bán hàng Nhiều dòng sản phẩm đăng bán web Vì khách hàng thoải mái lựa chọn mỹ phẩm phù hợp với thân Việc mua hàng dễ dàng thuận tiện cho người mua, mang đến tâm lý thoải mái cho khách hàng 1.4 Nhược điểm Bên cạnh ưu điểm kinh doanh bán hàng web tồn nhược điểm định: Hiện khách hàng chưa tin tưởng vào hình thức bán hàng web số trang web thực “ đăng đằng bán kiểu” nên gây hoang mang cho khách hàng Đòi hỏi website phải chủ động linh hoạt khâu: từ khâu quảng bá sản phẩm đến khâu chăm sóc khách hàng, giao hàng, toán, lấy hàng, Trong trình kinh doanh web gặp nhiều khó khăn Sự cạnh tranh website lớn Nên sản phầm không chất lượng, đa dạng, đẹp làm ăn khơng uy tín khó trì lâu Khách hàng sau đặt hàng đến giao hàng lại không nhận nên chủ shop lại thêm chi phí Một số trang web giả mạo, lừa đảo Khách hàng chưa nắm rõ nhu cầu sử dụng sản phẩm Các hệ thống liên quan tương tự Một số website tìm hiểu tham khảo: Website: https://hasaki.vn/ Website Hasaki web bán mỹ phẩm với tông màu chủ đạo xanh trắng Nhận thấy trang chủ dễ nhìn, đẹp, đa dạng, nhiều chức mua bán, tính tiền Lơi người xem Hình 1: Trang chủ Hasaki Hình 2: Trang danh mục sản phẩm Website: https://thegioiskinfood.com/ Hình 3: Trang chủ Hình 4: Trang sản phẩm Nhận xét website: Nhìn tổng quan trang web Việt Nam chất lượng khơng thua trang web nước Layout phân chia đều, đẹp, dễ nhìn Thơng tin rõ ràng, đầy đủ cho người xem Trang web thấy tối ưu, đơn giản, đầy đủ, trang trí đẹp hình ảnh, sản phẩm bố cục Mục tiêu giải toán Xây dựng chức website bán hàng thương mại Website có khả tự tương thích, hiển thị tất thiết bị nâng cấp tương lai Website hiển thị cách sinh động, đẹp mắt không phức tạp tất người sử dụng Hỗ trợ khách hàng cách nhanh nhận yêu cầu liên hệ từ khách hàng Quản lý mặt hàng sản phẩm, cấu hình website Nắm bắt công nghệ thiết kế web ngôn ngữ như: ngôn ngữ đánh dấu siêu văn C# net framework giúp cho website sinh động hấp dẫn u cầu trang web Website có dung lựng khơng q lớn, tốc độ xử lý nhanh Cơng việc tính tốn thực xác, khơng chấp nhận sai sót Sử dụng mã hóa thơng tin cá nhân khách hàng Đảm bảo an toàn liệu chạy website trực tuyến Hình thức thơng tin đa dạng sống động Giao diện thân thiện, dễ nhìn, an tồn liệu Cung cấp thông tin phát triển hoạt động 24/24 Thông tin cập nhật sửa đổi thường xuyên Hình 7: Biểu đồ trình tự cho chức đăng nhập Hình 8: Biểu đồ trình tự cho chức đăng xuất Hình 9: Biểu đồ trình tự cho chức đăng ký 2.3 Chức danh mục sản phẩm 2.3.1 Đặc tả use case danh mục sản phẩm Tên Use Case Mô tả Quản lý hệ thống danh mục sản phẩm Use Case cho phép người dùng quản lý tất danh mục Actor Use Case liên sản phẩm kinh doanh cửa hàng Nhân viên quản lý Thêm, sửa, xóa, tìm kiếm danh mục sản phẩm quan Tiền điều kiện Hậu điều kiện Luồng kiện Người quản lý đăng nhập vào hệ thống Người quản lý biết thông tin danh mục sản phẩm Chọn chức danh mục sản phẩm Form danh mục sản phẩm xuất hiện, hệ thống hiển thị thông tin cá danh mục sản phẩm Hệ thống cung cấp liên kết để thành viên sửa thông tin 10 2.3.2 Use case danh mục sản phẩm Hình 10: Use case danh mục sản phẩm 2.3.3 Biểu đồ trình tự cho chức danh mục sản phẩm Hình 11: Biểu đồ trình tự chức danh mục sản phẩm 2.4 Chức quản lý khách hàng 2.4.1 Đặc tả use case quản lý khách hàng Tên Use Case Mô tả Quản lý khách hàng Use Case cho phép người dùng quản lý tất khách 11 Actor Use Case liên quan Tiền điều kiện hàng mua hàng cửa hàng Nhân viên Thêm, sửa, xóa, tìm kiếm khách hàng Hậu điều kiện Người dùng đăng nhập vào hệ thống Người dùng lựa chọn chức quản lý khách hàng thực Luồng kiện chức mở rộng Chọn chức quản lý khách hàng Form quản lý khách hàng xuất hiện, hệ thống hiển thị thông tin khách hàng 2.4.2 Use case quản lý khách hàng Hình 12: Use case quản lý khách hàng 2.4.3 Biểu đồ trình tự cho chức quản lý khách hàng 12 Hình 13: Biểu đồ trình tự cho chức quản lý khách hàng 2.5 Chức quản lý sản phẩm 2.5.1 Đặc tả use case quản lý sản phẩm Tên Use Case Mô tả Quản lý sản phẩm Use Case cho phép người dùng quản lý sản phẩm có Actor Use Case liên cửa hàng Nhân viên quản lý, nhân viên cửa hàng Thêm, sửa, xóa, tìm kiếm sản phẩm quan Tiền điều kiện Hậu điều kiện Người quản lý đăng nhập vào hệ thống Người quản lý biết số hàng có, biết thiếu hàng Luồng kiện tồn hàng Người quản lý kích hoạt chức quản lý sản phẩm Hệ thống hiển thị tổng quát thông tin sản phẩm 13 2.5.2 Use case quản lý sản phẩm Hình 14: Use case quản lý sản phẩm 2.5.3 Biểu đồ trình tự cho chức quản lý sản phẩm Hình 15: Biểu đồ trình tự cho chức quản lý sản phẩm 14 2.6 Biểu đồ lớp Hình 16: Biểu đồ lớp tổng quát 15 CHƯƠNG 3: KẾT QUẢ THỰC NGHIỆM 3.1 Giao diện trang khách hàng 3.1.1 Giao diện trang chủ Hình 17: Giao diện trang chủ 3.1.2 Giao diện trang danh mục sản phẩm Hình 18 : Giao diện trang danh mục sản phẩm 16