THIẾT KẾ GIAO DIỆN ĐỀ TÀI PHÂN TÍCH THIẾT KẾ WEBSITE/APP 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 Ủ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 Ủ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 Ủ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

Ủ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 hiện nay đang có những bước phát triển như vũ bão trên mọi lĩnh vực ở khắp nơi trên thế giới, có thể nói công nghệ thông tin là trợ thủ đắc lực cho con người và các cơ quan tổ chức

Trong bối cảnh xã hội đang ngày càng phát triển không ngừng, con người được mời gọi bắt kịp xu hướng để cùng tồn tại trước sự đột phá như vũ bão ấy Công nghệ thông tin đang dần khẳng định vị thế của mình trong xã hội ấy, nó đã và đang đảm bảo vai trò của mình trong hầu hết các lĩnh vực đời sống xã hội Có thể nói, nắm bắt công nghệ thông tin chính là nắm bắt chìa khoá dẫn đến thành công

Bước sang thế kỷ 21, châu Á trở thành nền kinh tế lớn và có tốc độ phát triển nhanh chóng Đặc biệt là khu vực Đông Nam Á nơi có sự tăng trưởng cao hằng năm Cùng với

sự phát triển đó Việt Nam dần trở thành thị trường tiềm năng cho các hoạt động kinh tế mới Trong đó mảng thương mai điện tử đang có phát triển nhảy vọt trong các năm qua

và đang được rất nhiều doanh nghiệp đầu tư phát triển

Nắm bắt được các nhu cầu của cả cửa hàng và khách hàng, nhóm chúng em đã học tập và phát triển nên “Hệ thống website và app thời trang” cung cấp trang website cho các cửa hàng thời trang khác nhau Mong rằng với sản phẩm nhỏ này sẽ phần nào đề ra được một số giải pháp có liên quan cho việc xây dựng một hệ thống hỗ trợ người dùng thời đại mới này

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 những kiến thức cơ bản để thực hiện đề

tài này Đặ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 và đóng góp ý kiến giúp cho đề tài của chúng em ngày càng hoàn thiện hơn

Tuy nhiên, trong quá trình thực hiện đề tài không thể tránh khỏi việc thiếu sót Chính vì vậy, chúng em vẫn mong muốn nhận thêm nhiều góp ý của thầy để có thể ngày càng hoàn thiện đề tài này cũng như những đề tài trong 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 1 TỔNG QUAN ĐỀ TÀI

1.1 ĐẶT VẤN ĐỀ

Xã hội đang phát triển theo thời đại công nghệ 5.0 , internet ngày càng trở nên phổ biến hơn và con người đang khai thác nó và đưa nó vào trong đời sống giúp cho cuộc sống ngày càng phát triển và hiện đại hơn Vậy bạn nghĩ sao về việc mua sắm trực tuyến qua các website và app trên mạng internet ?

Ngày nay việc ứng dụng công nghệ thông tin vào trong kinh doanh, sản xuất đã đem lại lợi nhuận vô cùng to lớn cho doanh nghiệp, lại vừa tăng sức cạnh tranh giữa các công ty

Việc mua bán trực tuyến trở nên phổ biến, đang dần dần trở nên rộng rãi đối với mọi người không chỉ riêng là người trẻ, ở mọi lúc, mọi nơi Đa số các cửa hàng bán quần

áo hiện nay hầu hết đầu có cho mình một 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 rất nhiều lợi ích và sự tiện lợi cho cả chủ cửa hàng cũng như khách hàng Đối với cửa hàng việc có một nền tảng kinh doanh giúp cửa hàng hoạt động hiệu quả, quản lý tốt các tác nhân bên trong và bên ngoài Giúp chủ cửa hàng có công cụ và số liệu để đánh giá hiệu quả kinh doanh và không phải lo về vấn đề diện tích cửa hàng quá nhỏ nữa Đối với khách hàng thì càng có nhiều điều tiện lợi , nhất

là cho những người bận rộn Khách hàng không có nhiều thời gian hoặc khoảng cách từ nhà đến cửa hàng quá xa thì họ có thể xem và mua thông qua website hoặc app Hệ thống này cũng có thể giúp cho khách hàng xem đầy đủ thông tin hơn về sản phẩm cũng như tìm kiếm sản phẩm mà mình cần với tốc độ nhanh hơn Qua đó cho thấy website/app đã giúp cho việc mua hàng trở nên thuận tiện và dễ dàng hơn bao giờ hết

1.2 GIẢI PHÁP

Nắm bắt được các nhu cầu của cả cửa hàng và khách hàng, nhóm chúng em đã học tập và phát triển nên “Website/app quản lý cửa hàng thời trang” cung cấp nền tảng cửa hàng trực tuyến cho các cửa hàng thời trang khác nhau

Nhờ có website/app này mà các cửa hàng có thể giải quyết được bài toán quảng bá, tiếp cận khách hàng tiềm năng với nguồn tài chính 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 khi truy cập vào website/app là có thể tương tác cửa hàng thay vì đến tận cửa hàng

Như vậy sẽ tiết kiệm được thời gian tìm kiếm của khách hàng khi bây giờ họ chỉ cần tìm trên một trang web/app là có được rất nhiều kết quả khác nhau phù hợp với bản thân

1.3 MỤC TIÊU

Mục tiêu của đề tài dựa trên những kiến thức như PostgreSQL,ReactJS, Spring, HTML, SASS và 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ác 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ợ trong website như: nhà quản trị hệ thống, nhân viên và khách hàng

1.3.1 Đối với nhân viên

Nhân viên có thể thực hiện một số chức năng quản lý sau:

-Hỗ trợ quản lý nhập hàng của cửa hàng

-Hỗ trợ xử lý và truy xuất thông tin hoá đơn

-Hỗ trợ quản lý các sản phẩm

-Hỗ trợ quản lý phân loại sản phẩm

-Hỗ trợ quản lý các nhà cung cấp

-Hỗ trợ quản lý các chương trình khuyến mãi

-Hỗ trợ quản lý tài khoản và 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ó các chức năng của nhân viên và hỗ trợ thêm các chức năng sau:

-Hỗ trợ quản lý tài khoản và thông tin nhân viên

-Hỗ trợ quản lý phân quyền các tài khoản được 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 có thể tìm kiếm nhanh nhất có thể những sản phẩm mà họ đang quan tâm theo những tiêu chí khác nhau

-Khách có thể vào website thực hiện một số chức năng của 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 và khuyến mãi hiện có

1.4 PHẠM VI ĐỀ TÀI

1.4.1 Về phần dữ liệu

- Dữ liệu được cập nhật trực tuyến, kiểm tra những lỗi phát sinh khi thay đổi dữ liệu Ngăn chặn những thao tác gây lỗi dữ liệu hệ thống

- Sử dụng hệ quản trị cơ sở dữ 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à chỉ tập trung vào việc

xử lý đặt đơn hàng và quản lý các sản phẩm quản lý các cửa hàng, nhân viên, khách hàng -Cho phép tra cứu thông tin về hoạt động kinh doanh

-Báo cáo thống kê tình hình kinh doanh của hệ thống và cung cấp khả năng thống kê cho các cửa hàng

1.4.3 Về phần khách hàng

Hệ thống phù hợp với mọ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ác cửa hàng làm đẹp, chăm sóc sức khoẻ giải quyết bài toá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 trên 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ác cửa hàng làm đẹp, chăm sóc sức khoẻ”, với đề tài này giúp nhóm hiểu rõ hơn về cách thức xây dựng một website thương mại Giúp cho nhà quản trị có cái nhìn tổng quan về hệ thống, quyền kiểm soát mọi hoạt động của hệ thống Ngoài ra các chủ cửa hàng có thể tiếp cận khách hàng, mang lại nhiều lợi nhuận mà không phải bỏ ra chi phí cao để xây dựng một website riêng biệt

cho cửa hàng Đối với khách hàng có thể hiểu biết nhiều về các dịch vụ, tự do lựa chọn các dịch vụ từ các cửa hàng khác nhau 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ế, một số chức năng vẫn chưa thực hiện hoàn chỉnh Nhóm sẽ nhanh chóng hoàn thiện trong 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 hơn

- Dễ dàng quảng bá thương hiệu

- Việc mua bán diễn ra mọi lúc mọi 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 giá mà khách mong muốn, theo màu sắc)

- Có thể xem chi tiết thông tin các 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 2 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 tại thị trường TP Hồ Chí Minh Cửa hàng đang cố gắng mở rộng chuỗi cửa hàng với quy mô trên khắp cả đất nước Cửa hàng luôn luôn liên tục cập nhật các loại sản phẩm có xu hướng mới, phong cách thiết kế mới (Lịch lãm cho các quý ông, Sang trọng cho các quý bà; Trẻ trung, năng động cho các bạn trẻ)

Cửa hàng kinh doanh chỉ vừa mới thành lập không lâu và đang từng bước phát triển nên thương hiệu của riêng mình Do vậy nên cửa hàng còn kinh doanh theo hình thức mua bán truyền thống là mua trực tiếp từ cửa hàng Tuy nhiên, nếu khách hàng ở xa không thể mua hàng trực tiếp từ cửa hàng, điều đó dẫn đến giảm đi một lượng khách hàng tiềm năng, làm giảm sức cạnh tranh của cửa hàng, việc kinh doanh trở nên khó khăn hơn

Nắm bắt được vấn đề đó, cùng với sự phát triển của thương mai điện tử cũng như khoa học hiện đại ngày nay, cửa hàng đã xem xét và nghĩ đến việc triển khai một trang web để mua bán cũng như giới thiệu sản phẩm của cửa hàng đến với mọi khách hàng Dù

là người có ở xa cửa hàng đi chăng nữa cũng có thể thấy được tất cả các loại sản phẩm của cửa hàng từ mẫu mã đến màu sắc Điều này 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ác cửa hàng khác trên thị trường

2.2 HIỆN TRẠNG CỦA TỔ CHỨC

Cơ cấu tổ chức và mối quan hệ của các bộ phận kinh doanh trong công ty:

Sơ đồ cơ cấu tổ chức trong hệ thống

2.2.1 Chức năng, nhiệm vụ của từng bộ phận

Nhà quản trị hệ thống( Chủ cửa hàng):

Là người có toàn quyền trong hệ thống web/app, đảm bảo tính ổn định của 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 thanh toán khi quyết định mua sản phẩm

Khách Hàng:

Khách hàng truy cập vào website hoặc tải app về, khách có thể đăng ký tài khoản và xem các sản phẩm hiện có của cửa hàng.Khách hàng có thể đăt mua các sản phẩm mà cửa hàng trưng bày trên website và app

2.3 XÁC ĐỊNH YÊU CẦU

2.3.1 Yêu cầu chức năng 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 như sau:

Khách Hàng: gồm tất cả những người vào website để xem các sản phẩm, chương trình

khuyến mãi

Quản lý thông tin tài khoản cá nhân

Xem các đơn hàng đã đặt

Xem thông tin về 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 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ý hoá đơn

Quản lý chương trình khuyến mãi

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ó toàn quyền trong hệ thống, xem xét và

đá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 các tài khoản của nhân viên

2.3.2 Yêu cầu phi chức năng

Giao diện đẹp và thân thiện dễ dùng :

Giao diện thân thiện với mọi người dùng , không yêu cầu nhiều kinh nghiệm khi 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 đủ và rõ ràng, bố cục hợp lý Tương thích với nhiều trình duyệt và thiết bị

Phân quyền chặt chẽ :

Quản lý quyền người dùng thông qua chức năng ( màn hình ) và dữ liệu Chủ cửa hàng có khả năng tuỳ chỉnh quyền hạn của các nhân viên

Tính năng mở và mềm dẻo :

Giải pháp cung cấp nhiều lựa chọn để người dùng có thể tùy biến chương

trình phù hợp với phương thức hoạt động của mình Người dùng có khả năng quản lý nhiều cửa hàng các chi nhánh khác nhau

Hỗ trợ cùng lúc nhiều người dùng :

Giải pháp được 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ế về số lượng người dùng ( hỗ trợ hàng trăm người dùng cùng một lúc )

Báo cáo, biểu mẫu phong phú, đa dạng :

Cung cấp các báo cáo phong phú, đa dạng, giúp nhà chủ cửa hàng quản trị toàn diện nhằm đánh giá một cách chính xác, khách quan về tình hình kinh doanh của các cửa hàng nghiệp Các báo cáo đều có thể lọc theo nhiều phương thức khác nhau Từ đó làm cho các báo cáo trờ nên sinh động, dễ hiểu và dễ so sánh

CHƯƠNG 3 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