Ủ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