(TIỂU LUẬN) TIỂU LUẬN THIẾT kế GIAO DIỆN đề tài PHÂN TÍCH THIẾT kế WEBSITEAPP bán QUẦN áo

ỦY BAN NHÂN DÂN TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC SÀI GỊN KHOA CƠNG NGHỆ THƠNG TIN THIẾT KẾ GIAO DIỆN ĐỀ TÀI: PHÂN TÍCH THIẾT KẾ WEBSITE/APP BÁN QUẦN ÁO NHÓM 15 Nguyễn Đức Minh Trung 3119410467 Giáo viên hướng dẫn: Phạm Thi Vương Thành phố Hồ Chí Minh, 12/2021 LỜI MỞ ĐẦU Công nghệ thông tin có bước phát triển vũ bão lĩnh vực khắp nơi giới, nói cơng nghệ thơng tin trợ thủ đắc lực cho người quan tổ chức Trong bối cảnh xã hội ngày phát triển không ngừng, người mời gọi bắt kịp xu hướng để tồn trước đột phá vũ bão Công nghệ thông tin dần khẳng định vị xã hội ấy, đảm bảo vai trị hầu hết lĩnh vực đời sống xã hội Có thể nói, nắm bắt cơng nghệ thơng tin nắm bắt chìa khố dẫn đến thành cơng Bước sang kỷ 21, châu Á trở thành kinh tế lớn có tốc độ phát triển nhanh chóng Đặc biệt khu vực Đơng Nam Á nơi có tăng trưởng cao năm Cùng với phát triển Việt Nam dần trở thành thị trường tiềm cho hoạt động kinh tế Trong mảng thương mai điện tử có phát triển nhảy vọt năm qua nhiều doanh nghiệp đầu tư phát triển Nắm bắt nhu cầu cửa hàng khách hàng, nhóm chúng em học tập phát triển nên “Hệ thống website app thời trang” cung cấp trang website cho cửa hàng thời trang khác Mong với sản phẩm nhỏ phần đề số giải pháp có liên quan cho việc xây dựng hệ thống hỗ trợ người dùng thời đại LỜI CẢM ƠN Chúng em xin chân thành cảm ơn đến tập thể quý thầy cô khoa Cơng nghệ thơng tin trường Đại học Sài Gịn giúp cho chúng em kiến thức để thực đề tài Đặc biệt, chúng em xin gửi lời cảm ơn sâu sắc đến thầy Phạm Thị Vương, giảng viên mơn Phân tích thiết kế hướng đối tượng Thầy tận tình hướng dẫn, sửa chữa đóng góp ý kiến giúp cho đề tài chúng em ngày hoàn thiện Tuy nhiên, trình thực đề tài khơng thể tránh khỏi việc thiếu sót Chính vậy, chúng em mong muốn nhận thêm nhiều góp ý thầy để ngày hoàn thiện đề tài đề tài tương lai Nhóm chúng em xin chân thành cảm ơn quý thầy! Nhóm sinh viên thực hiện: 05 CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 ĐẶT VẤN ĐỀ Xã hội phát triển theo thời đại công nghệ 5.0 , internet ngày trở nên phổ biến người khai thác đưa vào đời sống giúp cho sống ngày phát triển đại Vậy bạn nghĩ việc mua sắm trực tuyến qua website app mạng internet ? Ngày việc ứng dụng công nghệ thông tin vào kinh doanh, sản xuất đem lại lợi nhuận vô to lớn cho doanh nghiệp, lại vừa tăng sức cạnh tranh công ty Việc mua bán trực tuyến trở nên phổ biến, trở nên rộng rãi người không riêng người trẻ, lúc, nơi Đa số cửa hàng bán quần áo hầu hết đầu có cho trang web bán hàng online Việc bán quần áo trực tuyến thông qua website/app mang lại nhiều lợi ích tiện lợi cho chủ cửa hàng khách hàng Đối với cửa hàng việc có tảng kinh doanh giúp cửa hàng hoạt động hiệu quả, quản lý tốt tác nhân bên bên ngồi Giúp chủ cửa hàng có cơng cụ số liệu để đánh giá hiệu kinh doanh khơng phải lo vấn đề diện tích cửa hàng nhỏ Đối với khách hàng có nhiều điều tiện lợi , cho người bận rộn Khách hàng khơng có nhiều thời gian khoảng cách từ nhà đến cửa hàng xa họ xem mua thơng qua website app Hệ thống giúp cho khách hàng xem đầy đủ thông tin sản phẩm tìm kiếm sản phẩm mà cần với tốc độ nhanh Qua cho thấy website/app giúp cho việc mua hàng trở nên thuận tiện dễ dàng hết 1.2 GIẢI PHÁP Nắm bắt nhu cầu cửa hàng khách hàng, nhóm chúng em học tập phát triển nên “Website/app quản lý cửa hàng thời trang” cung cấp tảng cửa hàng trực tuyến cho cửa hàng thời trang khác Nhờ có website/app mà cửa hàng giải toán quảng bá, tiếp cận khách hàng tiềm với nguồn tài thấp Website/app giúp cho cửa hàng đem lại nhiều lợi nhuận, tăng sức cạnh tranh, tiết kiệm chi phí, thời gian quản lý Với khách hàng truy cập vào website/app tương tác cửa hàng thay đến tận cửa hàng Như tiết kiệm thời gian tìm kiếm khách hàng họ cần tìm trang web/app có nhiều kết khác phù hợp với thân 1.3 MỤC TIÊU Mục tiêu đề tài dựa kiến thức PostgreSQL,ReactJS, Spring, HTML, SASS phương pháp thiết kế giao diện để hỗ trợ cho việc thiết kế website cung cấp dịch vụ quản lý cho cửa hàng làm đẹp, chăm sóc sức khoẻ Áp dụng mơ hình Scrum vào việc phát triển dự án Các đối tượng hỗ trợ website như: nhà quản trị hệ thống, nhân viên khách hàng 1.3.1 Đối với nhân viên Nhân viên thực số chức quản lý sau: -Hỗ trợ quản lý nhập hàng cửa hàng -Hỗ trợ xử lý truy xuất thơng tin hố đơn -Hỗ trợ quản lý sản phẩm -Hỗ trợ quản lý phân loại sản phẩm -Hỗ trợ quản lý nhà cung cấp -Hỗ trợ quản lý chương trình khuyến -Hỗ trợ quản lý tài khoản thông tin khách hàng -Thông kê, báo cáo đến chủ cửa hàng 1.3.2 Đối với quản trị viên Có chức nhân viên hỗ trợ thêm chức sau: -Hỗ trợ quản lý tài khoản thông tin nhân viên -Hỗ trợ quản lý phân quyền tài khoản truy cập vào trang quản trị 1.3.3 Đối với khách hàng: -Cho phép khách hàng tìm kiếm nhanh sản phẩm mà họ quan tâm theo tiêu chí khác -Khách vào website thực số chức hệ thống như: đặt đơn hàng, đăng ký tài khoản, góp ý, tìm kiếm sản phẩm, xem thông tin sản phẩm, xem thông tin cửa hàng khuyến có 1.4 PHẠM VI ĐỀ TÀI 1.4.1 Về phần liệu - Dữ liệu cập nhật trực tuyến, kiểm tra lỗi phát sinh thay đổi liệu Ngăn chặn thao tác gây lỗi liệu hệ thống - Sử dụng hệ quản trị sở liệu PostgreSQL 1.4.2 Về phần xử lý -Hệ thống quản trị không tập trung nhiều vào quản lý nhân sự, mà tập trung vào việc xử lý đặt đơn hàng quản lý sản phẩm quản lý cửa hàng, nhân viên, khách hàng -Cho phép tra cứu thông tin hoạt động kinh doanh -Báo cáo thống kê tình hình kinh doanh hệ thống cung cấp khả thống kê cho cửa hàng 1.4.3 Về phần khách hàng Hệ thống phù hợp với loại khách hàng, giúp cho việc mua hàng trở nên dễ dàng Giúp cho cửa hàng làm đẹp, chăm sóc sức khoẻ giải tốn tiếp tận khách hàng, chuyển đồi số 1.4.4 Về phần giao diện Giao diện đơn giản , nhiều thành phần Hệ thống khơng cho phép thay đổi cấu hình giao diện 1.4.5 Về mạng Hệ thống hoạt động mạng toàn cục 1.5 Ý NGHĨA CỦA ĐỀ TÀI Đề tài “Thiết kế website cung cấp dịch vụ quản lý cho cửa hàng làm đẹp, chăm sóc sức khoẻ”, với đề tài giúp nhóm hiểu rõ cách thức xây dựng website thương mại Giúp cho nhà quản trị có nhìn tổng quan hệ thống, quyền kiểm soát hoạt động hệ thống Ngồi chủ cửa hàng tiếp cận khách hàng, mang lại nhiều lợi nhuận mà bỏ chi phí cao để xây dựng website riêng biệt cho cửa hàng Đối với khách hàng hiểu biết nhiều dịch vụ, tự lựa chọn dịch vụ từ cửa hàng khác qua Internet, tiết kiệm thời gian tìm kiếm 1.6 KHĨ KHĂN CỦA ĐỀ TÀI Do thời gian có phần hạn chế, số chức chưa thực hồn chỉnh Nhóm nhanh chóng hồn thiện tương lai 1.7 LỢI ÍCH CỦA ĐỀ TÀI 1.7.1 Đối với cửa hàng : - Giúp việc quản lý trở nên dễ dàng Dễ dàng quảng bá thương hiệu Việc mua bán diễn lúc nơi Dễ dàng chỉnh sửa , thay đổi 1.7.2 Đối với khách hàng: - Tìm kiếm sản phẩm nhanh chóng (tìm kiếm theo loại sản phẩm, theo khách mong muốn, theo màu sắc) Có thể xem chi tiết thơng tin sản phẩm khách hàng dự định mua Việc mua trực tuyến giúp khách hàng tiết kiệm thời gian CHƯƠNG KHẢO SÁT HIỆN TRẠNG 2.1 TỔNG QUAN VỀ CỬA HÀNG Là cửa hàng chuyên cung cấp quần áo thị trường TP Hồ Chí Minh Cửa hàng cố gắng mở rộng chuỗi cửa hàng với quy mô khắp đất nước Cửa hàng luôn liên tục cập nhật loại sản phẩm có xu hướng mới, phong cách thiết kế (Lịch lãm cho quý ông, Sang trọng cho quý bà; Trẻ trung, động cho bạn trẻ) Cửa hàng kinh doanh vừa thành lập không lâu bước phát triển nên thương hiệu riêng Do nên cửa hàng cịn kinh doanh theo hình thức mua bán truyền thống mua trực tiếp từ cửa hàng Tuy nhiên, khách hàng xa mua hàng trực tiếp từ cửa hàng, điều dẫn đến giảm lượng khách hàng tiềm năng, làm giảm sức cạnh tranh cửa hàng, việc kinh doanh trở nên khó khăn Nắm bắt vấn đề đó, với phát triển thương mai điện tử khoa học đại ngày nay, cửa hàng xem xét nghĩ đến việc triển khai trang web để mua bán giới thiệu sản phẩm cửa hàng đến với khách hàng Dù người có xa cửa hàng thấy tất loại sản phẩm cửa hàng từ mẫu mã đến màu sắc Điều giúp cho cửa hàng mở rộng thị trường mua bán, nâng cao doanh thu đồng thời tăng sức cạnh tranh với cửa hàng khác thị trường 2.2 HIỆN TRẠNG CỦA TỔ CHỨC Cơ cấu tổ chức mối quan hệ phận kinh doanh công ty: Sơ đồ cấu tổ chức hệ thống 2.2.1 Chức năng, nhiệm vụ phận Nhà quản trị hệ thống( Chủ cửa hàng): Là người có tồn quyền hệ thống web/app, đảm bảo tính ổn định hệ thống Nhân Viên: Nhân viên phải có mặt thường xuyên để tư vấn cho khách hàng, giúp khách hàng lựa chọn, làm thủ tục toán định mua sản phẩm Khách Hàng: Khách hàng truy cập vào website tải app về, khách đăng ký tài khoản xem sản phẩm có cửa hàng.Khách hàng đăt mua sản phẩm mà cửa hàng trưng bày website app 2.3 XÁC ĐỊNH YÊU CẦU 2.3.1 Yêu cầu chức hệ thống Dựa vào phần phân tích ta thấy hệ thống hỗ trợ ba nhóm đối tượng sử dụng sau: Khách Hàng: gồm tất người vào website để xem sản phẩm, chương trình khuyến Quản lý thông tin tài khoản cá nhân Xem đơn hàng đặt Xem thông tin cửa hàng, sản phẩm Quản lý giỏ hàng cá nhân Nhân Viên : Vận hành hoạt dộng kinh doanh cửa hàng Quản lý sản phẩm Quản lý phân loại sản phẩm Quản lý nhà cung cấp Quản lý phiếu nhập Quản lý hố đơn Quản lý chương trình khuyến Quản lý thông tin tài khoản khách hàng Thống kê, báo cáo hoạt động kinh doanh Quản Trị Viên(Chủ Cửa Hàng): Là người có tồn quyền hệ thống, xem xét đánh giá hoạt động kinh doanh cửa hàng Quản lý nhân viên Quản lý phân quyền tài khoản nhân viên 2.3.2 Yêu cầu phi chức Giao diện đẹp thân thiện dễ dùng : Giao diện thân thiện với người dùng , không yêu cầu nhiều kinh nghiệm sử dụng, tiết kiệm thời gian, hạn chế lỗi sai từ người sử dụng , thông báo đầy đủ rõ ràng, bố cục hợp lý Tương thích với nhiều trình duyệt thiết bị Phân quyền chặt chẽ : Quản lý quyền người dùng thơng qua chức ( hình ) liệu Chủ cửa hàng có khả tuỳ chỉnh quyền hạn nhân viên Tính mở mềm dẻo : Giải pháp cung cấp nhiều lựa chọn để người dùng tùy biến chương trình phù hợp với phương thức hoạt động Người dùng có khả quản lý nhiều cửa hàng chi nhánh khác Hỗ trợ lúc nhiều người dùng : Giải pháp thiết kế, xây dựng nhằm tận dụng tối ưu hệ thống mạng máy tính, khơng hạn chế số lượng người dùng ( hỗ trợ hàng trăm người dùng lúc ) Báo cáo, biểu mẫu phong phú, đa dạng : Cung cấp báo cáo phong phú, đa dạng, giúp nhà chủ cửa hàng quản trị tồn diện nhằm đánh giá cách xác, khách quan tình hình kinh doanh cửa hàng nghiệp Các báo cáo lọc theo nhiều phương thức khác Từ làm cho báo cáo trờ nên sinh động, dễ hiểu dễ so sánh CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 3.1 KỊCH BẢN HOẠT ĐỘNG 3.2 BIỂU ĐỒ USECASE 3.2.1 Biểu đồ use case tổng quát 3.2.2 Biểu đồ phân rã use case 3.2.3 Biểu đồ phân rã use case 3.2.4 Biểu đồ phân rã use case 3.2.5 Biểu đồ phân rã use case 3.2.6 Biểu đồ phân rã use case 3.2.7 Biểu đồ phân rã use case 3.2.8 Biểu đồ phân rã use case 3.2.9 Biểu đồ phân rã use case 3.2.10 Biểu đồ phân rã use case 3.2.11 Biểu đồ phân rã use case 3.2.12 Biểu đồ phân rã use case 3.2.13 Biểu đồ phân rã use case 3.2.14 Biểu đồ phân rã use case 3.2.15 3.3 ĐẶC TẢ USE CASE 3.3.1 Đặc tả use case 3.3.2 Đặc tả use case 3.3.3 Đặc tả use case 3.3.4 Đặc tả use case 3.3.5 Đặc tả use case 3.3.6 Đặc tả use case 3.3.7 Đặc tả use case 3.3.8 Đặc tả use case 3.3.9 Đặc tả use case 3.3.10 3.4 THIẾT KẾ CƠ SỞ DỮ LIỆU ... phần giao diện Giao diện đơn giản , nhiều thành phần Hệ thống khơng cho phép thay đổi cấu hình giao diện 1.4.5 Về mạng Hệ thống hoạt động mạng toàn cục 1.5 Ý NGHĨA CỦA ĐỀ TÀI Đề tài ? ?Thiết kế website... web/app có nhiều kết khác phù hợp với thân 1.3 MỤC TIÊU Mục tiêu đề tài dựa kiến thức PostgreSQL,ReactJS, Spring, HTML, SASS phương pháp thiết kế giao diện để hỗ trợ cho việc thiết kế website cung... đề tài Đặc biệt, chúng em xin gửi lời cảm ơn sâu sắc đến thầy Phạm Thị Vương, giảng viên mơn Phân tích thiết kế hướng đối tượng Thầy tận tình hướng dẫn, sửa chữa đóng góp ý kiến giúp cho đề tài