Xây dựng website cửa hàng mỹ phẩm

lOMoARcPSD|17838488 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 ĐẶNG BÁ HÙNG 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 Hà Nội, tháng 12 năm 2021 Sinh viên thực hiện: lOMoARcPSD|17838488 PHIẾU CHẤM ĐIỂM STT 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 MSV: 19810320211 phẩm, chi tiết sản phẩm, đăng nhập, tin tức - Thiết kế giao diện - Thiết kế sở liệu Đặng Bá Hùng MSV: 19810320624 - Phân tích hồn thiện báo cáo - Code phần admin quản lý sản phẩm, quản lý tin tức, danh mục sản phẩm Giảng viên chấm: Họ tên Giảng viên chấm : Giảng viên chấm : Chữ ký Ghi lOMoARcPSD|17838488 MỤC LỤC LỜI MỞ ĐẦU .1 CHƯƠNG 1: KHẢO SÁT VÀ SÁT LẬP ĐỀ TÀI .2 Tổng quan toán 1.1 Khảo sát trạng .2 1.2 Mô tả toán 1.3 Ưu điểm website 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 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 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ý 2.2.1 Đặc tả use case đăng nhập 2.2.2 Use case đăng nhập, đăng xuất đăng kí 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 lOMoARcPSD|17838488 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 .19 3.2.4 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 lOMoARcPSD|17838488 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 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 q trình làm dự án, nhiên kiến thức 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 hoàn thiện Chúng em xin chân thành cảm ơn quý thầy cô! lOMoARcPSD|17838488 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 toà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 lOMoARcPSD|17838488 1.3 Ưu điểm website Ngày hình thức kinh doanh online mang lại nhiều ưu điểm thuận lợi:  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, tốn, lấy hàng, Trong q 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 lOMoARcPSD|17838488 Hình 1: Trang chủ Hasaki Hình 2: Trang danh mục sản phẩm  Website: https://thegioiskinfood.com/ lOMoARcPSD|17838488 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 ngồi  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 lOMoARcPSD|17838488 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 Yêu cầu trang web         Website có dung lựng không 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 lOMoARcPSD|17838488 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 lOMoARcPSD|17838488 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ả Actor Use Case liên quan Tiền điều kiện Hậu điều kiện Luồng kiện 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 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 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 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 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 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Actor Use Case liên quan Tiền điều kiện Hậu điều kiện Luồng 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 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 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 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 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ả Actor Use Case liên quan Tiền điều kiện Hậu điều kiện Luồng kiện Quản lý sản phẩm Use Case cho phép người dùng quản lý sản phẩm có 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 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 cị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 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 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 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 2.6 Biểu đồ lớp Hình 16: Biểu đồ lớp tổng quát 15 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 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 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 3.1.3 Giao diện trang sản phẩm Hình 19 : Giao diện trang sản phẩm 3.1.4 Giao diện trang tin tức Hình 20 : Giao diện trang tin tức 3.1.5 Giao diện trang chi tiết sản phẩm 17 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 21: Giao diện trang chi tiết sản phẩm 3.1.6 Giao diện trang đăng nhập Hình 22 : Giao diện trang đăng nhập 3.2 Giao diện trang admin 3.2.1 Giao diện trang đăng nhập admin 18 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 23 : Giao diện trang đăng nhập admin 3.2.2 Giao diện trang quản lý sản phẩm Hình 24 : Giao diện trang quản lý sản phẩm 3.2.3 Giao diện trang danh mục sản phẩm 19 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 25: Giao diện trang danh mục sản phẩm 3.2.4 Giao diện trang tin tức Hình 26 : Giao diện trang tin tức 3.3 Kết đạt  Thiết kế thành công phần mềm “Quản lý cửa hàng bán mỹ phẩm”, đáp ứng yêu cầu người sử dụng  Tìm hiểu nắm cơng cụ để Thiết kế quản lý ngôn ngữ lập trình Net net asp mvc  Giao diện website thiết kế đơn giản, thân thiện dễ sử dụng 20 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 3.4 Việc chưa làm Bổ sung thêm quản lý chấm công Bổ sung thêm doanh thu chi bảng doanh thu Bổ sung quản lý hóa đơn Bố cục chưa tối ưu Sản phẩm hạn chế 3.5 Hướng phát triển đề tài Vì thời gian khơng cho phép kiến thức thiết kế web hạn chế nên chúng em chưa tìm hiểu rõ kỹ đề tài Vì đề tài cịn có nhiều thiếu sót, mong thầy giúp đỡ chúng em nhiều em tiếp tục tìm hiểu sâu cơng nghệ này, nhằm mục đích Thiết kế web quản lý cửa hàng dành cho nhân viên: - Giao diện đẹp, thân thiện với người dùng, có nhiều chức tương tác tốt với người dùng - Thiết kế, bổ sung tính cịn thiếu hay chưa thật hồn chỉnh q trình sử dụng 21 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 KẾT LUẬN Qua việc thực nghiên cứu đề tài “Xây dựng hệ thống quản lý cửa hàng mỹ phẩm” Em học hỏi nhiều kĩ hay kiến thức bổ ích Bên cạnh đó, việc làm nghiên cứu giúp em trau dồi kiến thức, nâng cao khả làm việc Trong trình thực đề tài có nhiều ý tưởng hay, độc đáo Nhưng kiến thức em hạn hẹp thời gian không cho phép nên em chưa thể thực ý tưởng Mặc dù em cố gắng để xây dựng chương trình hồn chỉnh nhất, đẹp trình xây dựng chương trình em khó tránh khỏi thiếu sót Vì em mong thầy đóng góp ý kiến để em hồn thành báo cáo cách hồn chỉnh chỉnh chu Em xin chân thành gửi lời cảm ơn tới thầy Phương Văn Cảnh, người tận tình giảng dạy em mơn Lập trình Web nâng cao Giúp đỡ em trình nghiên cứu đề tài Chia sẻ kiến thức hay, tài liệu bổ ích, tài liệu thú vị kĩ lập trình, tiếp cận tốn nhanh Một lần chúng em xin chân thành cảm ơn! 22 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 TÀI LIỆU THAM KHẢO [1] Slide giảng dạy thầy Phương Văn Cảnh [2] Giáo trình lập trình Web, ASP.Net [3] HTML Tutorial (w3schools.com) [4] CSS Tutorial (w3schools.com) [5] JavaScript Tutorial (w3schools.com) [6] jQuery Tutorial (w3schools.com) - Công cụ: + Microsoft Visual Studio 2019 + MySQ 23 Downloaded by hây hay (vuchinhhp3@gmail.com) ... 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... Đố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... Trong 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