Minh chứng rõ ràng nhất là khi Smartphone gần như đã thống trị cuộc sống của con người với sự thích ứng, tích hợp thông minh trong các lĩnh vực giải trí, kinh doanh, nghiên cứu đều đã đư
Trang 1
BÁO CÁO DỰ ÁN TỐT NGHIỆP
Ứng dụng mua sắm áo nam Coolmate
Giảng viên hướng dẫn : Nguyễn Hữu Huy
Trang 2NHẬN XÉT
(Của giáo viên hướng dẫn)
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
Giáo viên hướng dẫn ký, ghi rõ họ tên
Trang 3Ứng dụng mua sắm áo nam Coolmate 2
NHẬN XÉT (Của hội đồng phản biện) ………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
HĐ phản biện ký, ghi rõ họ tên lOMoARcPSD|11424851
Trang 5Ứng dụng mua sắm áo nam Coolmate 4
2.2.2.14: Chức năng nhắn tin - trò chuyện 90 2.2.2.15: Chức năng phản hồi - khiếu nại 92
Trang 62.5.1.15: Tìm kiếm hóa đơn 129
2.5.1.19: Sửa trạng thái voucher Error! Bookmark not defined
Trang 7Ứng dụng mua sắm áo nam Coolmate 6
7.4: Những bài học rút ra trong quá trình làm dự án 206 7.4: Định hướng phát triển trong tương lai: 206
lOMoARcPSD|11424851
Trang 8LỜI MỞ ĐẦU
Kỷ nguyên số đã mở ra một cuộc chuyển đổi lớn về lối sống, hành vi và
tư duy phát triển công nghệ của con người trên toàn thế giới Minh chứng rõ ràng nhất là khi Smartphone gần như đã thống trị cuộc sống của con người với
sự thích ứng, tích hợp thông minh trong các lĩnh vực giải trí, kinh doanh, nghiên cứu đều đã được thứ gọi là ứng dụng di động (app mobile) nắm trọn công năng Chính vì đó, nhiều chuyên gia kinh tế công nghệ nhận định thời của các công ty công nghệ điển hình như thiết kế app thương mại điện tử, bán phần mềm quản
lý đã tới khi doanh nghiệp từ nhiều lĩnh vực khác nhau như F&B, vận tải,
booking, giáo dục,…đều có nhu cầu sử dụng trong hoạt động kinh doanh phát triển thương hiệu
Theo số liệu thống kê từ năm 2020 trở lại đây cho thấy hành vi mua sắm trực tuyến của người tiêu dùng đã có sự dịch chuyển mạnh rõ ràng Thời lượt sử dụng thiết bị điện tử để truy cập, tìm kiếm, mua sắm chiếm tỷ lệ cao nhất trên smartphone
Hiện nay nhu cầu mua sắm trực tuyến ngày càng tăng lên, không chỉ phụ
nữ mà đàn ông đã có nhu cầu cao trong ăn mặc hằng ngày Không những thế, với lượng sản phẩm khổng lồ trên các web mua sắm, việc lựa chọn để mua một chiếc áo nam nhanh chóng, tiện lợi và chất lượng đang gặp nhiều khó khăn Chính vì thế “Ứng dụng mua sắm áo nam Coolmate” được tạo ra để giải quyết những vấn đề này
Trang 9Ứng dụng mua sắm áo nam Coolmate 8
GIẢI THÍCH THUẬT NGỮ
Tester Người kiểm tra sản phẩm mà lập trình viên làm ra
Backend
Developer
Người xử lý mọi logic nghiệp vụ phức tạp ở ẩn phía sau, giúp
hệ thống hoạt động trơn tru
Web hosting Web Hosting là nơi lưu trữ tất cả các trang Web, các thông tin,
tư liệu, hình ảnh của Website trên một máy chủ InternetResponsive
HTTP error Lỗi thường gặp với web services và server trả về các error cùng
với các mã số quen thuộc như: 500 (server error), 404 (not found), 403 (forbidden),…
Browser Công cụ cho phép bạn truy cập vào mạng internet Ví dụ như:
Chrome, Internet Explorer và Mozilla Firefox
Bug Thuật ngữ được sử dụng để mô tả một vấn đề hoặc một lỗi trong
chương trình hoặc máy tính làm cho nó hoạt động không bình thường
lOMoARcPSD|11424851
Trang 10Database Một bộ dữ liệu được lưu trữ để tiếp cận một cách dễ dàng.
Thiết bị cầm tay là điện thoại nhưng đa chức năng
PHẦN 1: KHẢO SÁT – GIỚI THIỆU TỔNG QUAN
Trang 11Ứng dụng mua sắm áo nam Coolmate 10
1.1: Khảo sát – Giới thiệu đề tài
Hiện nay, sự bùng nổ của của kỷ nguyên số và sự tăng lên chóng mặt về
số lượng người sử dụng smartphone, đồng thời đời sống con người dần được cải thiện, nhu cầu mua sắm trực tuyến ngày càng tăng Việc tăng nhu cầu mua sắm
đã mang đến một số lượng lớn ứng dụng mua sắm được tạo ra Chúng ta được tiếp xúc với nhiều sản phẩm với nhiều mẫu mã, kích thước,… Nhưng phần lớn những ứng dụng này chưa có tính chuyên môn hóa, nó làm hiệu quả mua sắm của người dùng bị suy giảm – người dùng khó có thể lựa chọn được những sản phẩm chất lượng và phù hợp với bản thân
Phần lớn các ứng dụng đã được tạo ra thường được hướng tới phái nữ Nhưng chúng ta có thể thấy rõ, nhu cầu mua sắm của phái mạnh đang ngày một
tăng nhanh
Hình 1.2: Hình ảnh minh họa ứng dụng mua sắm trực tuyến
Sự tăng nhanh trong nhu cầu mua sắm của nam giới hiện nay được thể hiện rõ khi các sản phẩm của Coolmate (Quần áo nam tăng trưởng gấp 3 lần
lOMoARcPSD|11424851
Trang 12mỗi năm), Nerman (Mỹ phẩm nam tăng trưởng 50%-100% / năm) ra đời đang đạt nhiều thành công và tiếng vang (Theo vnexpress)
Hình 1.3: QR bài viết vnexpress
Chính vì những nguyên nhân trên, “Ứng dụng mua sắm áo nam Coolmate”
ra đời, sẽ giải quyết vấn đề hiện hữu và giúp người dùng có trải nghiệm mua sắm
Hình 1.4: Logo Coolmate
Trang 13Ứng dụng mua sắm áo nam Coolmate 12
Khảo sát khách hàng
Hình 1.1.2 QR file thống kê khảo sát
lOMoARcPSD|11424851
Trang 14Nắm bắt tâm lý người dùng nhóm đã tạo ra “Ứng dụng mua sắm áo nam Coolmate” phục vụ nhu cầu mua sắm áo nam của người tiêu dùng Theo khảo sát và thăm dò ý kiến 163 người với độ tuổi chủ yếu từ 18 – 37, tỉ lệ nam/nữ khoảng 3.1 cho thấy:
Hình 1.1.1: Tỉ lệ giới tính và độ tuổi tham gia khảo sát
Trang 15Ứng dụng mua sắm áo nam Coolmate 14
- Có đến 66,9% thích “Mua sắm trực tuyến qua ứng dụng” trong khi đó
15,3% thích mua “Trực tiếp tại cửa hàng”
Hình 1.1.2: Tỉ lệ xu hướng mua sắm
- Có 60,1% “gặp vấn đề khi mua sắm áo trực tiếp tại cửa hàng” đây là một
con số khá lớn
Hình 1.1.3: Tỉ lệ người dùng gặp vấn đề khi mua sắm trực tiếp
Downloaded by nhung nhung (nhungnguyen949595@gmail.com)
lOMoARcPSD|11424851
Trang 16- 92% số người khảo sát đồng ý rằng mua sắm trực tuyến là xu hướng phát triển trong tương lai
Hình 1.1.4: Tỉ lệ đồng ý mua sắm trực tuyến là xu hướng phát triển tương lai
- Có đến 76,1% người cảm thấy “khó khăn khi muốn mua sắm áo nam trực tuyến trên các ứng dụng có lượng sản phẩm quá nhiều”
Hình 1.1.5: Tỉ lệ gặp khó khăn khi mua sắm trên các ứng dụng thiếu chuyên môn hóa
Trang 17Ứng dụng mua sắm áo nam Coolmate 16
- 93,3% là tỉ lệ người “mong muốn có một ứng dụng chỉ để mua sắm áo nam”, trong khi đó chỉ có 6,7% thì không đồng tình
Hình 1.1.6: Tỉ lệ người “mong muốn có một ứng dụng chỉ để mua sắm áo nam”
- 95,7 % người dùng mong chờ ứng dụng thông báo đến những chương trình
ưu đãi, sản phẩm mới
Hình 1.1.7: Tỉ lệ mong muốn nhận thông báo
Downloaded by nhung nhung (nhungnguyen949595@gmail.com)
lOMoARcPSD|11424851
Trang 18- Cũng từ khảo sát cho thấy phần lớn người dùng sợ chất lượng sản phẩm không đảm bảo, giao nhầm sản phẩm, hình ảnh sai sự thật, dịch vụ sau mua tệ,…
- Người dùng thường cảm thấy lo lắng về chất lượng sản phẩm, quá trình đổi trả, dịch vụ mua hàng
- Khi sử dụng ứng dụng, mọi người mong muốn được nhận những thông báo về những chương trình ưu đãi và sản phẩm mới
- Người tiêu dùng cho thấy phản hồi tốt về sự quan tâm đến ứng dụng mua sắm áo nam, cũng như đánh giá cao khả năng sử dụng tiện lợi của app
→ Từ những yếu tố trên có thể khẳng định ứng dụng mua sắm áo nam ra đời sẽ đáp ứng được một bộ phận lớn người tiêu dùng, đồng thời với thị trường rộng mở, ứng dụng này hoàn toàn có thể phát triển và cạnh tranh với những kênh mua sắm khác đang hiện có
1.3: Hệ thống tương tự
Trang 19Ứng dụng mua sắm áo nam Coolmate 18
khác nhau không chỉ thời trang nam Do đó nhóm đã tìm hiểu về các ứng dụng này và rút ra được nhiều vấn đề liên quan đến sản phẩm - ứng dụng cũng như dịch vụ liên quan
Danh sách các ứng dụng dưới đây là các ứng dụng mua sắm nổi tiếng trong nước và thị trường quốc tế:
Trang 20Shopee giống như một cái chợ Online, là trung gian kết nối giữa người mua
và người bán, giúp hoạt động kinh doanh online trở nên dễ dàng hơn Ở đó người bán đăng tải các thông tin về sản phẩm và dịch vụ mà không cần người tư vấn hay vận chuyển, đồng thời người mua cũng tiếp cận được các thông tin ấy một cách trực quan mà không cần đến cửa hàng
+ Ứng dụng khá nặng ~ 196MB, một số máy yếu dễ bị giật lag
+ Vì quá nhiều sản phẩm làm cho người dùng khá khó trong việc tìm sản phẩm
+ Nhiều nguồn bán nên rủi ro cao về chất lượng sản phẩm
+ Giao hàng trong nội thành chậm
1.3.2: Ứng dụng Shein
Shein là trang thương mại điện tử về thời trang quốc tế, chuyên cung cấp
các trang phục cho phụ nữ, nam giới và trẻ em Ngoài ra, Shein cũng cung cấp các loại phụ kiện giày dép, túi xách và các mặt hàng thời trang thịnh hành trên thị trường
Shein có trụ sở tại Canada, được thành lập vào tháng 10/2008 Thị trường
mà thương hiệu này hướng đến là các nước Châu Âu, Châu Mỹ, Úc và Trung Đông Hiện nay, Shein vận chuyển hàng đến 220 quốc gia và khu vực trên thế
Trang 21Ứng dụng mua sắm áo nam Coolmate 20
Hình 1.2.1.2: Ứng dụng Shein
Ưu điểm:
- Hầu như luôn có giảm giá cho nhiều loại mặt hàng
- Ngoài việc giảm giá, giá của Shein cũng cực kỳ phải chăng so với các thương hiệu thời trang nhanh khác
- Một bộ sưu tập đa dạng các phong cách cập nhật cho giày dép, phụ kiện và các mặt hàng quần áo
- Nhiều lựa chọn cho trẻ em, nam giới và phụ nữ
Nhược điểm:
- Chất lượng của các sản phẩm không phải lúc nào cũng đồng nhất
- Thời gian vận chuyển mất khá nhiều thời gian
- Chỉ đang chú trọng vào phụ nữ
- Thời gian giao hàng lâu
Downloaded by nhung nhung (nhungnguyen949595@gmail.com)
lOMoARcPSD|11424851
Trang 221.4: Tổng kết ý tưởng - Mục đích đề tài
Từ khảo sát của nhóm đồng thời tìm hiểu trên thị trường hiện tại, nhóm đã rút
ra được nhiều điểm khó khăn cũng như thuận lợi khi triển khai “Ứng dụng mua sắm áo nam Coolmate” như sau:
+ Hiện tại thị trường chưa có ứng dụng mua sắm áo nam, đây sẽ là ứng dụng tiên phong nên dễ mắc nhiều sai lầm
- Thuận lợi:
+ Hiện nay, các ứng dụng trên thị trường chưa đánh mạnh vào nhu cầu của một bộ phận cụ thể đặc biệt là thời trang nam Vì thế ứng dụng mua sắm áo nam Coolmate là một sản phẩm đáp ứng bộ phận khách hàng này, đồng thời việc mua sắm trên ứng dụng sẽ dễ dàng hơn và nhanh chóng cập nhật thông tin đơn hàng
+ Là ứng dụng bán áo của một local brand duy nhất nên dễ dàng quản
lý chất lượng sản phẩm
+ Vì Coolmate đã có thành công, thương hiệu và đặc biệt chỗ đứng trong thị trường nên khi ra mắt “ứng dụng mua sắm áo nam” sẽ dễ lấy được sự tin yêu của người dùng
+ Coolmate đang có các kho tập trung ở Hà Nội và TP Hồ Chí Minh nên tốc độ giao hàng trong nội thành nhanh hơn (trong 24 giờ) + Coolmate là thương hiệu đầu tiên và hiện tại vẫn là duy nhất có chính
Trang 23Ứng dụng mua sắm áo nam Coolmate 22
→ Rút ra được những khó khăn cũng như thuận lợi trên, nhóm đã tự hình thành lên ý tưởng xây dựng “Ứng dụng mua sắm áo nam Coolmate” để giúp việc mua sắm trên điện thoại thông minh dễ dàng hơn Việc ra sử dụng ứng dụng sẽ tiện lợi và tối ưu hơn khi mua sắm trên điện thoại thông minh, người dùng dễ dàng nhận thông tin về đơn hàng, mua sắm nhanh chóng và cập nhật tin tức thời trang, thông tin giảm giá nhanh hơn Ứng dụng sẽ là sản phẩm nhóm mong muốn giới thiệu cho Coolmate
Ứng dụng mua sắm áo nam Coolmate ra đời, nó sẽ giúp Coolmate phát triển hơn trên mảng thương mại di động Ứng dụng sẽ giúp thỏa mãn được số lượng lớn khách hàng sẽ dùng, đã dùng và đang dùng sản phẩm của Coolmate Nhóm sẽ thêm các tính năng để người dùng có thể trải nghiệm tốt sản phẩm và nhận thông tin về các sản phẩm mới kịp thời, nhanh chóng
1.5: Đối tượng sử dụng ứng dụng mua sắm áo nam Coolmate
sử dụng ứng dụng như sau:
tặng
Downloaded by nhung nhung (nhungnguyen949595@gmail.com)
lOMoARcPSD|11424851
Trang 241.6: Sơ đồ làm việc nhóm
1.6.1: Sơ đồ làm việc nhóm
Hình 1.6.1: Sơ đồ làm việc nhóm
Trang 25Ứng dụng mua sắm áo nam Coolmate 24
1.6.2: Bảng công việc cần làm
Người thực hiện
Tiến độ hoàn thành
7 Code giao diện
web quản trị 16/09 13/10
Phạm Văn Thanh Thọ, Nguyễn Hoài Nam
Trang 268 Code chức năng
Phạm Văn Thanh Thọ, Nguyễn Hoài Nam
90%
9 Code giao diện
ứng dụng 16/09 13/10
Ngô Minh Quân, Đỗ Quốc Huy,
Âu Giang Sơn
90%
10 Code các chức
năng ứng dụng 06/10 24/11
Ngô Minh Quân,
Đỗ Quốc Huy
90%
11 Tester 16/09 01/12 Âu Giang Sơn 90%
12 Làm slide 17/11 01/12 Cả nhóm 100%
Trang 27Ứng dụng mua sắm áo nam Coolmate 26
1.7: Các công cụ và công nghệ sử dụng
1.7.1: Các công cụ sử dụng trong dự án
Downloaded by nhung nhung (nhungnguyen949595@gmail.com)
lOMoARcPSD|11424851
Trang 281.7.2: Các công nghệ sử dụng trong dự án
Hình 1.7.2.1: Các công nghệ sử dụng trong FrontEnd và BackEnd Web
Hình 1.8: Các công nghệ sử dụng bên ứng dụng di động
Trang 29Ứng dụng mua sắm áo nam Coolmate 28
PHẦN 2: PHÂN TÍCH – THIẾT KẾ HỆ THỐNG
2.1: Sơ đồ Usecase
Hình 2.1.1: Sơ đồ usecase web
Downloaded by nhung nhung (nhungnguyen949595@gmail.com)
lOMoARcPSD|11424851
Trang 30Hình 2.1.2: Sơ đồ usecase app
Trang 31Ứng dụng mua sắm áo nam Coolmate 30
Mô tả Chỉ cho phép quản trị viên đăng nhập vào web quản trị
Actor Quản trị viên
Trang 32Use case Nội dung
Luồng sự kiện rẽ nhánh A1:
● Nếu tài khoản không tồn tại
● Hiển thị thông báo không tồn tại, yêu cầu nhập lại hoặc kết thúc
Luồng sự kiện rẽ nhánh A2:
● Mật khẩu không trùng khớp
● Thông mật không khẩu trùng khớp, yêu cầu nhập lại hoặc kết thúc
Luồng sự kiện rẽ nhánh A3:
● Tài khoản không có quyền hạn admin
● Thông báo người dùng không có quyền đăng nhập, yêu cầu nhập lại hoặc kết thúc
4 Nếu use case thành công, actor có thể truy cập vào
5 Kết thúc use case
2.2.1.2: Đổi mật khẩu
Đổi mật khẩu
Trang 33Ứng dụng mua sắm áo nam Coolmate 32
Mô tả Cho phép người dùng đổi mật khẩu tài khoản quản trị
Actor Quản trị viên
kiện chính 1 Đăng nhập hệ thống thành công
2 Khách hàng lựa chọn chức năng đổi mật khẩu
3 Luồng sự kiện rẽ nhánh:
Luồng sự kiện rẽ nhánh A1:
● Nếu admin nhập mật khẩu mới không khớp
● hệ thống sẽ thông báo lỗi "mật khẩu mới không khớp" Luồng sự kiện rẽ nhánh A2:
● Nếu admin nhập sai mật khẩu cũ
● Hệ thống trả về thông báo lỗi "mật khẩu cũ không đúng"
Downloaded by nhung nhung (nhungnguyen949595@gmail.com)
lOMoARcPSD|11424851
Trang 34Use case Nội dung
4 Nếu use case thành công, Thông tin admin sẽ được cập nhật Ngược lại, trạng thái của hệ thống không thay đổi
Mô tả Cho phép quản trị viên truy vấn thông tin người dùng thông qua
ID,tên người dùng,email
Actor Quản trị viên
Điều kiện
kích hoạt Người dùng điền đúng trường thông tin tìm kiếm tương ứng với tùy chọn và chọn biểu tượng tìm kiếm Tiền điều Đã đăng nhập tài khoản quản trị, phải kết nối internet
Trang 35Ứng dụng mua sắm áo nam Coolmate 34
Hậu điều
kiện Hiển thị danh sách người dùng tìm được
Luồng sự
kiện chính 1 Đăng nhập hệ thống thành công
2 Khách hàng lựa chọn chức năng người dùng và click và thanh tìm kiếm
3 Luồng sự kiện rẽ nhánh:
Luồng sự kiện rẽ nhánh A1:
● Nếu admin bị mất kết nối internet
● Hệ thống trả về thông báo "Tìm kiếm thất bại", yêu cầu kết nối lại hoặc kết thúc
Luồng sự kiện rẽ nhánh A2:
● Nếu nhập sai dữ liệu trong hệ thống
● Hệ thống thông báo "không tìm thấy kết quả" admin có thể tiếp tục tìm kiếm theo từ khóa khác hoặc kết thúc tìm kiếm
4 Nếu use case thành công, Thông tin người dùng sẽ được cập nhật Ngược lại, trạng thái của hệ thống không thay đổi
5 Kết thúc use case
Downloaded by nhung nhung (nhungnguyen949595@gmail.com)
lOMoARcPSD|11424851
Trang 362.2.1.4: Sửa trạng thái người dùng
Tên use
case
Sửa trạng thái người dùng
Mô tả Cho phép quản trị viên chỉnh sửa trạng thái của người dùng Actor Quản trị viên
Trang 37Ứng dụng mua sắm áo nam Coolmate 36
● Nếu admin bị mất kết nối internet
● Hệ thống trả về thông báo “Mất kết nối", yêu cầu kết nối lại hoặc kết thúc
5 Nếu use case thành công, trạng thái người dùng được thay đổi
6 Kết thúc use case
Downloaded by nhung nhung (nhungnguyen949595@gmail.com)
lOMoARcPSD|11424851
Trang 38Mô tả Cho phép quản trị viên nhắn tin hỗ trợ với người dùng
Actor Quản trị viên
kiện Sau khi gửi, tin nhắn sẽ được gửi đến cửa sổ trò chuyện của người dùng và khi người dùng gửi tin nhắn tới sẽ hiển thị tin
nhắn trên cửa sổ trò chuyện
Luồng sự
kiện chính 1 Đăng nhập hệ thống thành công
2 Khách hàng lựa chọn chức năng tin nhắn
3 Luồng sự kiện rẽ nhánh:
Trang 39Ứng dụng mua sắm áo nam Coolmate 38
● Nếu admin bị mất kết nối internet
● Hệ thống trả về thông báo "Mất kết nối internet", yêu cầu kết nối lại hoặc kết thúc
4 Nếu use case thành công, Thông tin nội dung tin nhắn sẽ được cập nhật Ngược lại, trạng thái của hệ thống không thay đổi
5 Kết thúc use case
Downloaded by nhung nhung (nhungnguyen949595@gmail.com)
lOMoARcPSD|11424851
Trang 402.2.1.6:Gửi thông báo
Tên use
case
Gửi thông báo
Mô tả Cho phép quản trị viên gửi thông báo tới người dùng
Actor Quản trị viên
kiện chính 1 Đăng nhập hệ thống thành công
2 Khách hàng lựa chọn chức năng thông báo
3 Luồng sự kiện rẽ nhánh: