Thiết kế webiste kinh doanh quần áo

BỘ GIO DC V ĐO TO TRƯNG ĐI HC SƯ PHM K THUÂT TP H CH MINH KHOA ĐO TO CHẤT LƯỢNG CAO BO CO CUỐI KÌ ĐỀ TÀI: XÂY DỰNG WEBSITE KINH DOANH QUẦN O Giảng viên hướng dẫn : ThS Mai Anh Thơ Môn : Công nghệ phần mềm hướng Lớp đối tượng : Chiều thứ 4, Tiết 08-11 Mã lớp : OOSE330679_21_2_03CLC Thực : Nhóm Thành phố Hồ Chí Minh, tháng 03 năm 2022 Trường Đại học Sư phạm Kỹ thuật CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM LI CẢM ƠN Để hoàn thành tốt đề tài báo cáo này, chúng em xin gửi lời cảm ơn chân thành đến giảng viên, thạc sĩ Mai Anh Thơ, người trực tiếp hỗ trợ nhóm suốt q trình làm đề tài Chúng em cảm ơn cô đưa lời khuyên từ kinh nghiệm thực tiễn để định hướng cho nhóm em với yêu cầu đề tài chọn, giải đáp thắc mắc đưa góp ý, chỉnh sửa kịp thời giúp chúng em khắc phục nhược điểm hoàn thành tốt thời hạn đề Đề tài báo cáo chúng em thực với kiến thức hạn chế nhiều hạn chế khác mặt kỹ thuật kinh nghiệm việc thực dự án phần mềm Do đó, trình làm nên đề tài có thiếu sót điều khơng thể tránh khỏi nên nhóm mong nhận ý kiến đóng góp q báu để kiến thức chúng em hoàn thiện nhóm em làm tốt lần sau Cuối lời, chúng em kính chúc dồi sức khỏe thành công nghiệp trồng người Một lần chúng em xin chân thành cảm ơn cô! CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TI Đặt vấn đề Hiện công nghệ tiên tiến phát triển ngày mạnh mẽ ứng dụng ngày nhiều vào lĩnh vực kinh tế, sản xuất đời sống thường nhật người Đặc biệt trải qua giai đoạn dịch covid 19 kéo dài, đóng góp cơng nghệ thông tin thấy rõ qua ứng dụng điện tử khai báo ý tế, kiểm soát dịch bệnh, … Nhờ cơng việc thực nhanh, xác đạt kết cao nhiều Đồng thời giai đoạn khó khăn dịch bệnh vừa qua khiến nhiều nơi giới có Việt Nam thực thi nhiều lệnh phong tỏa khiến cho việc lại trao đổi hàng hóa mua bán trực tiếp diễn khó khăn Điều ảnh hưởng trực tiếp đến nhu cầu, chất lượng sống người dân Chính điều đó, nắm bắt thị trường nhiều công ty, cửa hàng,… xây dựng thị trường trực tuyến nhằm giải đề Chính công ty, doanh nghiệp cần Website để quảng bá hình ảnh cơng ty đến với tất khách hàng người mua sắm trực tiếp Website Khi xã hội ngày phát triển, nhu cầu người khơng gói gọn bưa ăn, giấc ngủ mà mở rộng nhiều khía cạnh thời trang, làm đẹp, du lịch,…Nhất thời trang, lĩnh vực người quan tâm ngày đầu tư nhiều Nắm bắt xu hướng thị trường ứng dụng tuyệt vời công nghệ thông tin, nhóm chúng em chọn đề tài cho đồ án cuối kì mơn học Cơng nghệ phần mềm hướng đối tượng “Thiết kế Webiste kinh doanh quần áo” Mô tả đề tài “Website kinh doanh quần áo” hệ thống quảng bá hình ảnh cửa hàng thể việc chăm sóc khách hàng lúc, nơi Với website khách hàng không cần đến cửa hàng hay nhà phân phối mà tham khảo giá thông tin sản phẩm quần áp đảm bảo từ phía nhà cung cấp Tạo thuận tiện, thoải mái cho khách hàng mua sản phẩm Quy trình nghiên cứu, xây dựng đề tài - Xây dựng mơ hình nghiệp vụ - Xác định u cầu - Phân tích - Thiết kế - Lập trình kiểm tra chương trình - Vận hành Chương 2: KHẢO ST, CƠ SỞ LÝ THUYẾT Khảo sát thực tế 1.1 Khảo sát Website kinh doanh quần áo Việt Nam 1.1.1 Webiste kinh doanh thời trang thương hiệu ELISE https://elise.vn/ a Nội dung Website Giới thiệu Elise thương hiệu thời trang Việt Nam với nhiều năm kinh nghiệm hệ thống phân phối rộng khắp nước Website cung cấp item thời trang công sở, thời trang dạo phố, dự tiệc… hướng đến đối tượng phái nữ trẻ em b Các chức Website - Hiển thị danh sách sản phẩm Elise - Hiển thị danh sách kiện, tin tức cửa hàng đến khách hàng - Chức giỏ hàng: giúp người dùng lựa chọn đăng kí mua sản phẩm yêu thích - Chức toán - Chức hỗ trợ trực tuyến: giải đáp câu hỏi khách hàng sản phẩm - Người dùng: Đăng kí, Đăng nhập thành viên c Bố cục trang web - Menu dọc (đặt banner) gồm: sưu tập mới, xuân hè 2022, thời trang trẻ em, phụ kiện, IME – Online Exclusive, sản phẩm OutLet, thẻ thành viên, hệ thống cửa hàng - Footer: Thông tin liên lạc, Thông tin Website đưa lên trang online Bộ Công Thương d Nhận xét ưu, nhược điểm Ưu điểm  Màu sắc Website trang nhã với màu màu trắng phù hợp với đối tượng mua sắm chủ yếu phái nữ làm việc môi trường công sở Nhược điểm  Thiết kế bố cục chưa thật hợp lý có số phần có chữ đè lên 1.1.2 Website kinh doanh thời trang thương hiệu NEM Fashion https://nemshop.vn/ a Nội dung Website Website giới thiệu sưu tập mang âm hưởng cân thời trang Á-Âu NEM Fashion cung cấp nhóm mặt hàng chính: thời trang nữ mặc nhà, thời trang phổ thông trang phục cao cấp Đây thương hiệu đông đảo phái đẹp toàn quốc ưa chuộng b Các chức Website - Hiển thị thông tin chi tiết thương hiệu sản phẩm dịch vụ - Blog đọc tin tức thời trang - Cung cấp chức tìm kiếm - Chức giỏ hàng: giúp người dùng đăng ký mua sản phẩm trực tuyến - Chức liên hệ: Cho phép khách liên hệ, phản hồi, đặt hàng với doanh nghiệp thơng qua hệ thống website có nhu cầu c Bố cục trang Web - Menu ngang: danh mục trang chủ, sản phẩm, sản phẩm mới, sưu tập, online exclusive, sale, blog, giỏ hàng, tìm kiếm - Menu dọc: danh mục giới thiệu, tất sản phẩm - Footer: tên công ty, địa chỉ, thông tin liên lạc - Màu sắc chủ đạo trắng d Nhận xét ưu nhược điểm Ưu điểm  Bố cục Website phân chia hợp lý Thiết kế đơn giản dễ sử dụng khách hàng truy cập lần để mua hàng  Kèm tính “TƯ VẤN” truy cập sản phẩm để khách hàng giải đáp hết thắc mắc trước mua hàng  Zoom ảnh xem sản phẩm  Phân loại, xếp sản phẩm tạo thuận lợi cho việc tìm kiếm Nhược điểm  Khơng có tìm kiếm theo gợi ý có trước 1.1.3 Website kinh doanh thời trang phụ kiện YAME https://yame.vn/ a Nội dung Website Đây hệ thống bật số thương hiệu thời trang giá rẻ Việt Nam bạn trẻ ưa chuộng Các sản phẩm quần áo, phụ kiện phổ thơng YAME ln thuyết phục tín đồ streetwear khắp nước Khách hàng tìm thấy nhiều sản phẩm đa dạng phong cách hệ thống cửa hàng YAME, từ mẫu áo thun đơn giản, sweater thời trang đến phụ kiện dây nịt, tất vớ thông dụng cho nam giới b Các chức Website - Hiển thị giưới thiệu cửa hàng - Hiển thị danh sách sản phẩm - Chứcnăng giỏ hàng vừa tiện lợi vừa chi tiết c Bố cục trang Web - Menu: trang chủ, giới thiệu, sản phẩm, liên hệ, hỗ trợ trực tuyến, đối tác, tiêu điểm, hình ảnh sản phẩm cơng ty - Footer: tên công ty, địa chỉ, email - Gam màu chủ đạo màu trắng, trắng chữ đen d Ưu nhược điểm - Xem thông tin chi tiết giới thiệu cửa hàng/thương hiệu - Xem danh sách hình ảnh, thơng tin sản phẩm Website - Xem tin tức, kiện, tin tức liên quan ngành - Chức liên hệ: Cho phép khách liên hệ, phản hồi, đặt hàng với cửa hàng thơng qua hệ thống website có nhu cầu c Bố cục trình bày: - Một trang chủ ưa nhìn phù hợp với đối tượng khách hàng muốn hướng đến: có hiển thị đầy đủ chức web site, hình ảnh, logo… - Một menu top với menu như: trang chủ, giới thiệu, hoạt động, tin tức, liên hệ, - Một menu giới thiệu sản phẩm cho phép xem dạng nhiều danh mục sản phẩm Cơ sở lý thuyết công nghệ hướng đối tượng phương pháp mơ hình hóa 2.1 Mơ hình hóa hướng đối tượng Việc trừu tượng hóa giới tự nhiên thành lớp đối tượng gọi mơ hình hóa hướng đối tượng Mơ hình ánh xạ giới thực, mơ tả phản ánh giới thực từ góc nhìn Mơ hình đơn giản giới thực nhiều, mang thơng tin cần thiết cho mục đích sử dụng cụ thể Chính mà thơng qua mơ hình tìm hiểu, bàn luận vấn đề cần giải quyết, thiết kế kiểm chứng giải pháp trước tiến hành thực thi Có thể nói, tư sở mơ hình phương pháp khơng thể thiếu người làm khoa học, kỹ thuật Đương nhiên, công nghệ phần mềm thiếu vai trị phương pháp mơ hình hóa Mơ hình hệ thống mơ tả cách thức hoạt động, số cơng thức tốn học, vài sơ đồ mô tả thành phần hoạt động diễn hệ thống Mặt khác việc sử dụng mơ hình mơ tả cấu trúc, nhấn mạnh mặt tổ chức hệ thống mô tả hành vi ứng xử, tập trung vào mặt động hệ thống Mục đích xây dựng theo mơ hình hóa: - Mơ hình giúp trực quan hóa hệ thống theo cách vốn có theo cách mà muốn - Mơ hình rõ cấu trúc ứng xử hệ thống - Mô hình giúp có khn mẫu để hướng dẫn suốt trình xây dụng hệ thống - Mơ hình đưa dẫn chứng tài liệu định mà đưa trình thiết kế hệ thống 2.2 Phân tích, thiết kế hướng đối tượng Cơng nghệ phần mềm khơng lập trình, mà cịn nhiều bước khác phân tích, thiết kế bảo trì Ưu điềm lớn phân tích, thiết kế phần mềm hướng đối tượng nằm chỗ tạo chương trình nhanh tốn cơng sức, mà nằm chỗ gần với thực tế thúc đẩy việc tái sử dụng lại thành xây dựng trước 2.3 Lập trình hướng đối tượng Lập trình hướng đối tượng coi phương pháp lập trình chuẩn đa số lĩnh vực ứng dụng có nhiều ưu điểm lớn so với phương pháp cổ điển Mục tiêu mà lập trình hướng đối tượng đặt ra: Đơn giản hóa việc sử dụng thư viện, cho phép sử dụng lại phần mềm cách triệt để, nâng cao độ tin cậy tính bền vững phần mềm, hỗ trợ dự án phát triển phần mềm có quy mơ lớn địi hỏi nhiều người tham gia, cải thiện khả bảo trì mã nâng tính mềm dẻo linh hoạt phần mềm Như vậy, công nghệ hướng đối tượng tất công nghệ kỹ thuật phần mềm dựa tảng phương pháp luận hướng đối tượng Nền tảng bao gồm: mơ hình hóa hướng đối tượng, phân tích thiết kế hướng đối tượng, lập trình hướng đối tượng Dựa mơ hình đối tượng thu mơ hình hóa hệ thống, phương pháp phân tích thiết kế phần mềm hướng đối tượng bổ sung thêm liên kết lớp đối tượng mới, tinh chỉnh lại… để rạo mơ hình đối tượng chi tiết phần mềm CHƯƠNG 3: PHÂN T CH HỆ THỐNG Phân tích yêu cầu người dùng - Yêu cầu Khách hàng + Giao diện dễ sử dụng có tính thẩm mỹ + Cho phép khách hàng đăng kí thành viên đảm bảo bí mật + Thơng tin sản phẩm phong phú đa dạng: giới thiệu bày bán nhiều loại hàng để khách hàng có nhiều lựa chọn, thông tin sản phẩm tiết, rõ ràng; Luôn cập nhật giới thiệu sản phẩm + Cho phép tìm kiếm nhanh chóng, xác theo nhiều tiêu chí - Yêu cầu người quản trị + Quản lý chung: Liên quan đến thông tin khách hàng, sản phẩm,… + Cập nhật thông tin + Quản lí đơn hàng trực tuyến: Quản lí, lưu trữ báo cáo thông tin đặt hàng trạng thái đơn hang (cịn, hết,…) + Quản lí khách hàng: Lưu trữ hoạt động gắn với khách hành cửa hàng Mọi hoạt động khách hàng thực từ xa khơng phụ thuộc vào vị trí địa lý Đối tượng Website Website xây dựng phục vụ hai đối tượng Admin (nhà quản trị) Khách hàng với chức sau: Admin: - Đăng nhập Website - Xem, cập nhật, xố thơng tin sản phẩm - Quản lí đơn đặt hàng - Xem, trả lời ý kiến, góp ý phản hồi khách hàng xố thơng tin từ khách hàng - Xem, xố thông tin khách hàng không quyền thay đổi thơng tin - Cập nhật tin tức Khách hàng: - Đăng kí thành viên - Có quyền đăng nhập, đăng xuất - Tìm kiếm sản phẩm - Xem đặt mua sản phẩm Mục tiêu Xây dựng hệ thống bán quần áo trực tuyến đơn giản, thân thiện, dễ sử dụng, cho phép khác hàng xem thông tin đặt hàng qua mạng, người quản trị quản lý thông tin sản phẩm người dùng Website thiết kế với: - Giao diện hài hoà, thân thiện, giúp người dùng dễ dàng sử dụng - Trang chủ hiển thị danh sách sản phẩm bán chạy giúp cho người dùng dễ dàng việc tìm kiếm - Khách hàng dễ dàng tìm thấy thông tin chi tiết loại quần áo mà họ quan tâm - Khách hàng chọn mua loại quần áo mà họ cần dựa khả tài chức cần thiết cách thêm vào giỏ hàng - Có chức đăng ký, đăng nhập - Khách hàng gửi ý kiến phản hồi, góp ý đến Website để góp phần làm Website thêm phong phú phát triển Biểu đồ Usecase Actor Khách hàng Actor Admin Biểu đồ lớp Biểu đồ Use Case: Đăng nhập Short Description: User đăng nhập vào hệ thống Actor: Khách hàng Pre-Conditions: khách hàng có tài khoản Post-Conditions: Tất trường form đăng nhập trường bắt buộc không để trống Main Flow: Người dùng truy cập vào trang web Người dùng chọn trang đăng nhập Nhập thông tin đăng nhập Gửi thông tin đăng nhập tới hệ thống Kiểm tra thơng tin đăng nhập, chophép truy cập hệ thống, sai thơng báo lỗi ucầu nhập lại Alternate Flows(s): Hệ thống thông báo thông tin nhập chưa đầy đủ Hệ thống thông báo thông tin nhập bị sai Hệ thống thông báo đăng nhập thất bại Exception Flow(s): Use Case: Đăng ký Actor: Khách hàng Pre-Conditions: User có kết nối với hệ thống, hệ thống hoạt động Post-Conditions: Người đăng ký vào hệ thống thành công Main Flow: Tại trang chủ chọn chức đăng ký Hiển thị form đăng ký tài khoản Nhập thông tin yêu cầu Gửi thông tin đăng nhập tới hệ thống Kiểm tra thơng tin, hợp lệ cho phép truy cập hệ thống cập nhật vào CSDL Alternate Flow(s): Hệ thống thông báo bắt buộc phải nhập Exception Flow(s): Người dùng nhập thông tin tên tài khoản, email tồn Thông báo không hợp lệ Use Case: Thêm sản phẩm Short Description: Thêm sản phẩm Actor: admin Pre-Conditions: Đăng nhập thành công tài khoản quản trị viên Post-Conditions: Đã thêm sản phẩm vào website Main Flow: Truy cập vào website Chọn mục Quản lý sản phẩm Chọn Thêm Hiển thị form Thêm sản phẩm Nhập thông tin cần thiết Lưu vào CSDL Alternate Flow(s): Exception Flow(s): Hệ thống thông báo không bỏ trống Use Case: Sửa sản phẩm Short Description: Sửa thông tin sản phẩm Actor: admin Pre-Conditions: Đăng nhập thành công tài khoản quản trị viên Post-Conditions: Đã sửa thông tin sản phẩm Main Flow: Truy cập vào website Chọn mục Quản lý sản phẩm Hiển thị danh sách sản phẩm Chọn sản phẩm cần sửa Nhập thông tin cần thiết Lưu vào CSDL Alternate Flow(s): Exception Flow(s): Hệ thống thơng báo khơng bỏ trống Use Case: xóa sản phẩm Short Description: xóa sản phẩm Actor: admin Pre-Conditions: Đăng nhập thành công tài khoản quản trị viên Post-Conditions: Đã xóa sản phẩm khơng cịn bán Main Flow: Truy cập vào website Chọn mục Quản lý sản phẩm Hiển thị danh sách sản phẩm Chọn sản phẩm cần xóa Yêu cầu xác nhận chắn xóa Xóa thành cơng, cập nhật CSDL Alternate Flow(s): Exception Flow(s): Use Case: tìm kiếm sản phẩm Short Description: Tìm kiếm sản phẩm Actor: Khách hàng Pre-Conditions: Đăng nhập thành công tài khoản quản trị viên Post-Conditions: tìm kiếm nhanh sản phẩm có danh sách sản phẩm website Main Flow: Truy cập vào website Nhập từ cần tìm kiếm tìm kiếm Hiển thị danh sách sản phẩm theo từ tìm kiếm Chọn lựa sản phẩm Hiển thị sản phẩm Alternate Flow(s): Exception Flow(s): Hệ thống thơng báo khơng có kết phù hợp ... đồ án cuối kì môn học Công nghệ phần mềm hướng đối tượng ? ?Thiết kế Webiste kinh doanh quần áo? ?? Mô tả đề tài “Website kinh doanh quần áo? ?? hệ thống quảng bá hình ảnh cửa hàng thể việc chăm sóc... Phân tích - Thiết kế - Lập trình kiểm tra chương trình - Vận hành Chương 2: KHẢO ST, CƠ SỞ LÝ THUYẾT Khảo sát thực tế 1.1 Khảo sát Website kinh doanh quần áo Việt Nam 1.1.1 Webiste kinh doanh thời... q trình thiết kế hệ thống 2.2 Phân tích, thiết kế hướng đối tượng Công nghệ phần mềm không lập trình, mà cịn nhiều bước khác phân tích, thiết kế bảo trì Ưu điềm lớn phân tích, thiết kế phần mềm