BÁO CÁO đồ án CÔNG NGHỆ PHẦN MỀM đề TÀI xây dựng website và ứng dụng quản lí cửa hàng thời trang

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản có quyền chỉnh sửa role Quy trình nghiệp vụ Từ màn hình hiển thị danh sách role → nhấn nút Edit tương ứng

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN

-

BÁO CÁO ĐỒ ÁN CÔNG NGHỆ PHẦN MỀM

ĐỀ TÀI

Xây dựng website và ứng dụng quản lí cửa hàng thời trang

GVHD: TS Võ Đức Hoàng

Nhóm: 17NH11F SVTH: Lê Văn Chiến (nhóm trưởng)

Nguyễn Ngọc Quang Nhân Trần Viết Thành

Đoàn Văn Hoàng

Lê Văn Cường

Đà Nẵng, 2021

MỤC LỤC

LỜI NÓI ĐẦU

Đồ án chuyên ngành công nghệ phần mềm là đồ án quan trọng của sinh viênchuyên ngành công nghệ phần mềm Sau khi được học các môn học về phần mềm nhưcông nghệ phần mềm, phân tích và thiết kế hướng đối tượng thì có thể nói đây là phầnquan trọng để sinh viên hiểu rõ hơn về thế nào là một dự án phần mềm

Đồ án này là một cột mốc mà các kỹ năng và khả năng lập trình của sinh viênlại lên một bước mới vì những mảng kiến thức đã xuất hiện trong các môn học, sinhviên sẽ áp dụng vào dự án này

Và nhóm em xin tỏ lòng cảm ơn tới thầy Võ Đức Hoàng– giảng viên khoaCông nghệ thông tin, Trường Đại học Bách Khoa, Đại học Đà Nẵng đã trực tiếphướng dẫn em hoàn thành đề tài này

Trong quá trình làm khó có thể tránh khỏi các thiếu sót, kính mong nhận được

ý sự góp ý của quý thầy cô để đề tài trở nên hoàn thiện hơn

Nhóm em xin chân thành cảm ơn!

PHÂN CÔNG CÔNG VIỆCSTT Thành viên Nội dung công việc

1 Lê Văn Chiến

- Phân tích và thiết kế database

- Phân tích và thiết kế API cho hệ thống

- Viết báo cáo

- Kiểm tra tiến độ từng thành viên trong nhóm

2 Lê Văn Cường

- Khởi tạo & thiết kế các component cho app

- Tạo trang xem chi tiết sản phẩm

- Xử lý module tạo & xem đơn hàng

3 Đoàn Văn Hoàng

- Phân tích và thiết kế UX/UI cho trang admin

- Phân tích và thiết kế sơ đồ lớp cho hệ thống

- Coding phần frontend cho toàn hệ thống

4 Trần Viết Thành

- Phân tích và thiết kế UX/UI cho web client

- Coding phần frontend web cho customer

- Xử lý đăng nhập và đăng ký

5 Nguyễn Ngọc Quang

Nhân

- Phân tích và thiết kế database cho hệ thống

- Coding phần API cho employee và các component liên quan

- Hỗ trợ Cường hoàn thành phần app cho client

CHƯƠNG 1: GIỚI THIỆU HỆ THỐNG

I MỤC ĐÍCH:

- Mục đích của hệ thống là hỗ trợ chủ cửa hàng thời trang có thể quản lí việcmua bán hàng của cửa hàng mình một cách tiện lợi và hỗ trợ tích cực trong việcquản lí thông tin toàn bộ trong cửa hàng từ sản phẩm cho tới doanh thu cũngnhư quản lí nhân viên và customer của mình

Quản trị viên (Admin) - Có các quyền tương tự như Moderator.

- Có quyền phân quyền cho user

- Có các đặc quyền của operator

- Có quyền xem thống kê doanh thu của

- Có quyền tạo, sửa, xóa các sản phẩm

- Có quyền tạo, sửa, xóa các brand, danh mục, bài đăng

- Có quyền tạo, sửa, xóa các khách hàng

- Có quyền xem, sửa đơn hàng, hủy (xóa mềm) đơn hàng, có thể tạo đơn hàng trựctiếp sau khi đã liên lạc với khách hàng vàmặc định là đơn đã được tiếp nhận

- Có quyền xem và tạo chi tiết thanh toánứng với các sản phẩm, khách hàng

- Có quyền tạo các hóa đơn thanh toán ứng với đơn hàng của khách hàng

Khách hàng (Customer) - Có quyền xem, sửa thông tin cá nhân

2 Sơ đồ ca sử dụng:

a) Chức năng xác thực người dùng:

b) Chức năng của admin

Hình 1: Chức năng của admin

Hình 2: Chức năng quản lí phân quyền và cấp quyền cho users

Hình 3: Chức năng quản lí users

Hình 4: Chức năng quản lí báo cáo doanh thu thống kê

c) Chức năng của employee

Hình 5 : Chức năng của employee

Hình 6: Chức năng quản lí hoá đơn cho cửa hàng

Hình 7: Chức năng quản lí tin tức cho website

Hình 8: Quản lí thông tin đánh giá từ khách hàng cho sản phẩm

Hình 9: Quản lí sản phẩm cho cửa hàng

Hình 10: Quản lí danh mục sản phẩm

Hình 11: Quản lí thương hiệu sản phẩm

Hình 14: Tìm kiếm sản phẩm

Hình 15: Xem tin tức trên website

Hình 16: Xem thông tin đơn hàng

Hình 17: Đánh giá sản phẩm

Kết quả Thành công sẽ chuyển về trang đăng nhập, thất bại sẽ hiện

thông báo lỗiGhi chú Trường password phải tối thiếu 6 ký tự

Kết quả Web: Thành công sẽ chuyển về trang quản lý, thất bại sẽ hiện

thông báo lỗiApp: Màn hình sẽ quay về trang trước khi đăng nhập nếu thành công, nếu thất bại sẽ hiện thông báo lỗi

Ghi chú Trường password phải tối thiếu 6 ký tự

3 Hiển thị danh sách role (Web)

Mã chức năng 02

Tên chức năng Hiển thị danh sách role

Đối tượng sử

dụng

Admin, Operator

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền xem role

Quy trình nghiệp

vụ

Nhấn tab “Roles” trên Sidebar

Kết quả Có quyền xem: Hiển thị danh sách các role

Không có quyền xem: hiển thị lỗi 403Ghi chú

4 Thêm role (Web)

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú Bắt buộc phải điền name role

5 Sửa role (Web)

Mã chức năng 04

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền chỉnh sửa role

Quy trình nghiệp

vụ

Từ màn hình hiển thị danh sách role → nhấn nút Edit tương ứng với role cần sửa → điền form → nhấn nút UpdateKết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú Bắt buộc phải điền name role

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền xem user

Quy trình nghiệp

vụ

Nhấn tab “Users” trên Sidebar

Kết quả Có quyền xem: Hiển thị danh sách các user

Không có quyền xem: hiển thị lỗi 403Ghi chú

8 Thêm User (Web)

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền thêm user

Quy trình nghiệp

vụ

Từ màn hình hiển thị danh sách user → nhấn nút New User → điền form → nhấn nút Submit

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú Bắt buộc phải điền tất cả các trường

9 Sửa User (Web)

Thất bại: Hiển thị thông báo thất bạiGhi chú Không được để trống bất kì trường nào

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền xóa user

Quy trình nghiệp

vụ

Từ màn hình hiển thị danh sách user → tích checkbox của những role cần xóa → bấm nút deleted user

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú

Admin, Operator, Sale

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền xem customer

Quy trình nghiệp

vụ

Nhấn tab “Customers” trên Sidebar

Kết quả Có quyền xem: Hiển thị danh sách các customer

Không có quyền xem: hiển thị lỗi 403Ghi chú

12 Xem danh sách product (Web & App)

Kết quả Web: Hiển thị danh sách các sản phẩm

App: Hiển thị danh sách các sản phẩmGhi chú

Admin, Operator, Sale

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền thêm sản phẩm

Quy trình nghiệp

vụ

Từ màn hình hiển thị danh sách sản phẩm → nhấn nút Create

→ điền form → nhấn nút SubmitKết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú Bắt buộc phải điền tất cả các trường

14 Sửa sản phẩm (Web)

Mã chức năng 04

Tên chức năng Chỉnh sửa sản phẩm

Đối tượng sử

dụng

Admin, Operator, Sale

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú Bắt buộc phải điền tất cả các trường

Thất bại: Hiển thị thông báo thất bạiGhi chú

16 Xem danh sách Category (Web & App)

Kết quả Web: Hiển thị danh sách các category

App: Hiển thị danh sách các categoryGhi chú

17 Thêm Category (Web)

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền thêm category

Quy trình nghiệp

vụ

Từ màn hình hiển thị danh sách category → chọn add item ở cuối nếu muốn thêm category lớn Nếu muốn tạo category con thì add item của category cha muốn thêm vào → điền form → nhấn nút Add

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú Bắt buộc phải điền tất cả các trường

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền chỉnh sửa category

Quy trình nghiệp

vụ

Từ màn hình hiển thị danh sách category → nhấn icon bút chì tương ứng với category cần sửa → điền form → nhấn nút Update

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú Bắt buộc phải điền tất cả các trường

19 Xoá Category (Web)

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền xóa category

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú

1 Xem danh sách Category (Web & App)

Kết quả Web: Hiển thị danh sách các category

App: Hiển thị danh sách các categoryGhi chú

2 Thêm Brand (Web)

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú Bắt buộc phải điền tất cả các trường

3 Sửa brand (Web)

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền chỉnh sửa brand

Quy trình nghiệp

vụ

Từ màn hình hiển thị danh sách brand→ nhấn icon bút chì tương ứng với brand cần sửa → điền form → nhấn nút UpdateKết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú Bắt buộc phải điền tất cả các trường

4 Xoá brand (Web)

Mã chức năng 04

Tên chức năng Xóa brand

Đối tượng sử

dụng

Admin, Operator

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền xóa brand

Quy trình nghiệp

vụ

Từ màn hình hiển thị danh sách category → nhấn icon bút chì tương ứng với category cần xóa → bấm nút delete

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú

1 Xem danh sách brand (Web & App)

Tiền điều kiện Không có

1 Thêm review (Web)

Mã chức năng 04

Tên chức năng Thêm review

Đối tượng sử

dụng

Admin, Operator, customer

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền thêm reviewQuy trình nghiệp Từ màn hình hiển thị danh sách sản phẩm → click vào sản

vụ phẩm, ở phía dưới sản phẩm có box nhập review nếu muốn

thêm review Nếu muốn thêm số sao thì click vào mục số sao dưới sản phẩm → điền review → nhấn enter

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú Bắt buộc phải điền tất cả các trường

2 Sửa review (Web)

Mã chức năng 04

Tên chức năng Chỉnh sửa review

Đối tượng sử

dụng

Admin, Operator, customer

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền chỉnh sửa review

Quy trình nghiệp

vụ

Từ màn hình hiển thị danh sách review của mỗi sản phẩm→

nhấn icon bút chì tương ứng với review cần sửa → điền reviewhoặc chọn số sao → nhấn nút Update

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú Bắt buộc phải điền tất cả các trường

3 Xoá review (Web)

Mã chức năng 04

Tên chức năng Xóa review

Đối tượng sử

dụng

Admin, Operator, customer

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền xóa review

Quy trình nghiệp

vụ

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú

4 Xem danh sách bài đăng (Web & App)

Kết quả Web: Hiển thị danh sách Post

App: Hiển thị danh sách PostGhi chú

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền thêm Post

Quy trình nghiệp

vụ

Từ màn hình hiển thị danh sách Post → nhấn nút Create → điền form → nhấn nút Submit

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú Bắt buộc phải điền tất cả các trường

6 Sửa Post (Web & App)

App: Vào trang xem danh sách post hoặc trang xem chi tiết post → Nhấn vào icon trái tim để thêm dịch vụ vào danh sách yêu thích

Kết quả Web: Hiển thị thông báo thành công hoặc hiển thị thông báo lỗi

App: post được thêm hoặc xóa khỏi danh sách Ghi chú

7 Xoá post (Web)

Tiền điều kiện Thông tin của tài khoản đã tồn tại trên hệ thống và là tài khoản

có quyền xóa post

Quy trình nghiệp

vụ

Từ màn hình hiển thị danh sách post → tích checkbox ở cột select của những post cần xóa → bấm nút delete

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bạiGhi chú

Kết quả Web: Nếu thêm thành công sẽ hiển thị thông báo Nếu thất bại

chú (nếu có) → Submit

Kết quả Web: Nếu thêm thành công sẽ hiển thị thông báo Nếu thất bại

sẽ hiển thị lỗiGhi chú

11 Xoá Bill (Web)

Mã chức năng 04

Admin, Operator, Sale

Tiền điều kiện Yêu cầu đăng nhập

Kết quả Thành công: Hiển thị thông báo thành công

Thất bại: Hiển thị thông báo thất bại

Ghi chú Sau khi hoàn tất tạo Payment cho Bill, thông báo được gửi đến

App cho khách hàng

B YÊU CẦU PHI CHỨC NĂNG:

1 Hiệu suất:

STT Yêu cầu

1 Cho phép nhiều tài khoản truy cập vào hệ thống cùng một lúc (scale tự

động dựa trên dịch vụ của Google Cloud)

2 Yêu cầu về thời gian chờ kết quả: hiển thị nhanh 1 trang web (thời gian tải

1 trang chậm nhất là 3s nếu đường truyền internet ổn định)

3 Tài nguyên sử dụng: Tiết kiệm tài nguyên, đảm bảo sử dụng hợp lý bộ nhớ

4 Yêu cầu linh động: Thao tác với phần mềm đơn giản, không quá phức tạp

1 Phù hợp với nhu cầu tìm kiếm dịch vụ du lịch của người dân du lịch

2 Nội dung bằng tiếng Anh nên phù hợp với người nước ngoài

3 Giao diện đơn giản + đẹp mắt với người sử dụng

4 Tính tin cậy:

STT Yêu cầu

1 Bảo trì định kỳ (trung bình 1 tuần 1 lần)

2 Nhiều chức năng đáp ứng

3 Khả năng phục hồi sao lưu dữ liệu

5 An toàn thông tin:

STT Yêu cầu

1 Bảo mật thông tin tốt

2 Toàn vẹn dữ liệu khi có sự cố xảy ra (mất nguồn điện)

3 Chức năng xác thực (các thay đổi dữ liệu đều được quản trị viên xác thực)

II THIẾT KẾ

A Sơ đồ lớp class diagram:

B Sơ đồ tuần tự sequence-diagram:

III CÀI ĐẶT

- Front-end: Thành + Hoàng điền chỗ này

- Back-end: Java, Sring boot, JPA

- Mobile: React Native

- Database: MySQL

- Server:

CHƯƠNG 3: KẾT QUẢ TRIỂN KHAI HỆ THỐNG

Tổ chức project : backend and frontend, app

Hình ảnh

CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

I THUẬN LỢI VÀ KHÓ KHĂN

I.1 Thuận lợi:

- Các thành viên đều nắm khá rõ quy trình phát triển phần mềm

- Có nhiều công cụ và thư viện hỗ trợ cho việc quản lý công việc, xây dựng cácchức năng và deploy sản phẩm

- Các thành viên đều có kiến thức chuyên môn vững vàng, tinh thần trách nhiệmtốt và luôn hoàn thành công việc

II THÀNH QUẢ ĐẠT ĐƯỢC

- Chất lượng sản phẩm đáp ứng được yêu cầu đề ra

- Deploy thành công sản phẩm

- Thực hiện đầy đủ quy trình phát triển phần mềm

- Nâng cao kỹ năng làm việc nhóm

III HƯỚNG PHÁT TRIỂN:

- Mang sản phẩm tới các doanh nghiệp và người dùng

- Liên tục nhận các đánh giá và phản hồi từ người dùng để cải thiện sản phẩm

- Quản lý và bảo trì sản phẩm thường xuyên

- Tích hợp lịch sử thay đổi hóa đơn

- Tích hợp thanh toán thông qua ví điện tử