Thu thập yêu cầu: Gặp gỡ khách hàng, lắng nghe và hiệu yêu câu của ` Thiết kế giao diện: Xây dựng layout, tạo mẫu giao điện, làm việc c hàng đề đảm bảo phù hợp với thương hiệu và mục tiê
Trang 1TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP.HCM
KHOA TẢI CHÍNH - THƯƠNG MẠI
BAO CAO DỰ ÁN MÔN: Phân tích và thiết kế hệ thống thương mại điện tử
BAO CÁO DỰ ÁN PHÂN TÍCH VÀ THIẾT KÉ HỆ THÓNG THƯƠNG
MẠI ĐIỆN TỬ
Nhóm: Double S
GVHD: TS NGUYÊN THỊ PHƯƠNG GIANG
SVTT:
TRAN TRUONG VIET ANH_ 2188901536
PHAN MINH THONG_ 2188901640
VO DUY CUGNG_ 2188901282
CHUYEN NGANH: THƯƠNG MẠI ĐIỆN TỬ
Tp Hồ Chí Minh, ngày 09 tháng 06 năm 2023
Trang 22SO —- WEBSITE HO TRO BAN HANG DA KENH
Website này chúng tôi cung cap cac template web, app, dịch vụ marketing cho khách hàng Điều nay sẽ giúp cho khách hà được chi phí, thời gian vận hành buôn bán của khách hàng trên Thương mại điện tử
I Phan 1
Ké hoach cu thé cho từng tháng, tuần hiện thực
Trang 3What? (Cai gi?): Trang web kinh doanh giao diện
website cho doanh nghiệp
Mục tiêu: Tạo ra một trang web chuyên nghiệp, hấp dan va dé str du thiệu và quảng bá sản phẩm/dịch vụ của doanh nghiệp
Yêu cầu: Thiết kế giao diện hợp thời trang, tương thích trên các thiết Ì
dễ dàng tìm kiếm và tương tác, tích hợp các chức năng cân thiết (ví d
đặt hàng, đăng ký bản tin)
Who? (Ai?): Các bên liên quan đến dự án
Đội ngũ phát triên: Nhóm lập trình viên, nhà thiết kế giao diện, chuyêt
Khách hàng: Doanh nghiệp muốn có một trang web chuyên nghiệp đi sản phẩm/ dịch vụ và thu hút khách hàng mới
Where? (Ở đâu?): Nơi triển khai đự án
Văn phòng công ty hoặc môi trường làm việc của đội ngũ phát triển Máy chủ hoặc nên tảng lưu trữ để triển khai trang web
Lập kế hoạch dự án: Xác định mục tiêu, yêu cầu và phân công công vi Thiết kế giao diện: Xây dựng layout, tạo mẫu giao diện
Phát triển và tích hợp chức năng: Lập trình, kiêm thử và tích hợp các t Kiêm thử và điều chỉnh: Sửa lỗi, tối ưu hóa
Triển khai và đưa vào hoạt động: Public trang web va dam bao hoc
định tuần
Trang 4Why? (Tai sao?): Ly do triển khai dự án trang web
kinh doanh
Quảng bá thương hiệu: Tạo một giao diện chuyên nghiệp va thú - cường nhận diện thương hiệu của doanh nghiệp
Tăng doanh số bán hàng: Cung cấp một kênh trực tuyến để khách h:
tim hiéu và mua sản phẩm/dịch vụ của doanh nghiệp
Tạo trải nghiệm tốt cho khách hàng: Cải thiện sự tương tác và trải n
khách hàng trên trang web dé tao long tin va thu hút khách hàng tiềm 1
khai dự ản
Thu thập yêu cầu: Gặp gỡ khách hàng, lắng nghe và hiệu yêu câu của ` Thiết kế giao diện: Xây dựng layout, tạo mẫu giao điện, làm việc c hàng đề đảm bảo phù hợp với thương hiệu và mục tiêu của doanh nghỉ Phát triển và tích hợp chức năng: Lập trình, tạo các tính năng can th
thống quản lý nội dung, cơ chế tìm kiếm, liên hệ, đặt hàng, đăng ký bả Kiểm thử và điều chỉnh: Kiểm tra, phát hiện và sửa lỗi, tối ưu hóa tra đâm bảo hoạt động tốt trên các nên tảng và trình đuyệt khác nhau
Triển khai và đưa vào hoạt động: Đăng ký tên miền, đặt máy chủ hoặ lưu trữ, publie trang web và theo đõi hoạt động sau trién khai
Trang 5Click vao icon tim kiém trén thanh céng cu
Cac Double S cé thé tim kiém bat ky san pham ma DOUBLE § cung cap, thi
Double S có thê hiện ra sản phâm Lưu ý: Các sản phâm không được cung cấp
sẽ báo: “Không tìm thầy sản phẩm
s _ Thêm sản phâm vào giỏ hàng:
con Trang ch Website bin hing » App Binnaeg VỀchủgtôi TC tổượ Logn WO
Find your favounte style, all
the fashion you need is hore
me 6a ©
Click sản phẩm Double S muốn mua sẽ đưa Double S đến trang sản phẩm chỉ
tiết Tại đây Double § có thể “Thêm vào giỏ hàng, xem thông tin mô tả sản
phẩm, các đánh giá của khách hàng trước”
Trang 6
SHỐP revit w €MICKOUT
= GCG 5o
Cac san pham duge thém sé hién thi trong Giỏ hàng sau khi nhân thêm vào giỏ
hàng Người dùng muốn xem trong giỏ đã có hàng chưa? Thì khách hàng cliek vào xem giỏ hàng Lúc này, Khách hàng có thê hủy, chỉnh sửa hoặc thanh toán sản phẩm
Tiến hành điền các thông tin cân thiết, lựa chọn phương thức giao nhận và thanh toán
Thông Thông tin bể sung
2,
Sau khi hoàn tất các bước trên thì nhấp vào đặt hàng
Trang 7
ký Khách hàng điền Email đã đăng ký, nếu chưa có email thì khách hàng phải cần đăng ký, hệ thống sẽ gửi một mã xác nhận đăng ký thông qua email sau khi Double § đăng ký và chấp nhận các chính sách và điều kiện của chúng tôi Nếu khách hàng quên mật khẩu => Khách hang click vao “Forgot Password?”
dé lay lại mật khẩu
Trang 9tạo một trang hỗ trợ cho khách hàng Khách hàng có thê truy cập trang hỗ trợ bằng cách click vào “Hỗ trợ” trên Menu
Khách hàng sẽ được chuyên tới trang hỗ trợ Nơi này Double S cần để lại thông tin bao gồm: Tên, email, nội dung Double § gặp phải để chúng tôi có thê hỗ
trợ, giải đáp thắc mắc
Trang 10II Phần 2
® Xác định vấn đẻ:
Trước hết, giai đoạn này sẽ liên quan đến việc xác định mục tiêu và yêu cầu của trang web Double Š từ phía khách hàng Nhiệm vụ là năm bat thông tin về các chức năng và sản phẩm địch vụ cần thiết nhằm và phủ hợp với vấn đề hiện hữu
Từ đó giúp cửa hàng Double S xác định được vấn đề có thể bao gồm tạo ra một trang web cung cấp các template cho website và cung cấp dịch vụ thông qua app quản lý bán hàng và hệ thông còn phải đáp ứng được một số yêu cầu
phẩm và ứng dụng, tìm kiếm và đặt hàng, thanh toán,tải ứng dụng và gửi phải hôồi qua kênh hỗ trợ hoặc chatbox
Từ đó nhằm tăng doanh số lẫn doanh thu, gia tăng lượng khách hàng tiềm năng
và tăng sự tương tác với khách hàng, tăng mức độ phú sóng của thương hiệu
Giai đoạn này tập trung vào phân tích và biểu diễn yêu cầu của trang web Double S Cac yêu câu chức năng và phi chức năng sẽ được xác định chỉ tiết hơn dé hiểu rõ các chức năng cần thiệt và cách chúng tương tác với nhau Yêu câu về giao diện người dùng, hiệu suất, bảo mật và tích hợp với các kênh bán hàng cũng được xác định
Đối với hệ thông của Double S,được thiết kế với mục tiêu cung cấp cho người dùng một giao diện đơn giản, tiện lợi và trực quan để người có nhu cầu mua sản phẩm có thê duyệt và xem danh sách sản phẩm, thêm vào giỏ hàng, lựa chọn phương thức thanh toán, và sau đó hoàn tất quá trình đặt hàng và đối với app quản lý bán hàng thì hệ thống của Double S sẽ chuyên họ đến các sản cung cấp cấp ứng dụng như ChPlay hoặc AppStrore đề có thê tải xuống và sử dụng sản phẩm
® Thiết kế :
Giai đoạn thiết kế tạo ra một kiến trúc cho trang web Double § Điều này bao gồm cấu trúc trang web, giao diện người đùng, kiến trúc phân mềm Quyết định thiết kế sẽ liên quan đến việc xây đựng một giao điện người dùng hấp dẫn và
dễ sử dụng và sẽ được tạo lập bởi các nhân viên IT bao gồm Font end và Back end
Tur dé Double S các quyết định thiết kế liên quan đến việc xây dựng một giao diện người dùng thân thiện bao gồm thiết kế logo, xây dựng các banner cho website của Double S, xây dựng
cơ sở dữ liệu để lưu trữ thông tin về sản phẩm, người dùng và đơn hàng, và xác định kiến trúc phần mềm để xử lý các chức năng cần thiết cho trang web của Double S
Trang 11Giai đoạn này là quá trình thực hiện thiết kế thành các thành phân thực tế trên trang web Double S Nhà phát triển sẽ xây đựng mã nguồn, triển khai cơ sở dữ liệu và xây dựng giao diện người dùng Các chức năng như cung cấp các template cho website và cung cấp dịch vụ thiết kế và app quản lý bán hàng sẽ được triên khai trong giai đoạn này
ỚỞgiai đâm bảo rằng trang web Double S hoạt động chính xác và đáp ứng các yêu cầu đã được xác định Điều này bao gồm việc thực hiện kiểm thử chức năng, kiêm thử giao điện người dùng và kiểm tra hiệu suất của trang web Trong giai đoạn này, trang web Double § sẽ được kiểm tra để đảm bảo rằng các chức năng như đăng nhập, đăng ký, thêm vào giỏ hàng, đặt hàng, tải xuống, và các tính năng phụ trợ như chatbox, hoạt động đúng cach
Nếu phát hiện lỗi hoặc cần điều chính như khách hàng không thê truy cập vào
này nhằm sửa lỗi và điều chỉnh trang web Double 5 đề đảm bảo hoạt động ô én định và tối ưu Các sửa lỗi có thê liên quan đến việc khắc phục các vấn dé giao diện, chức năng hoặc hiệu suất của trang web
Giai đoạn triển khai bao gồm việc triển khai trang web Double S vao méi
định và hiệu suất của trang web khi phục vụ người dùng thực tế là mục tiêu trong giai đoạn này
Sau khi trang web Double S đã được triển khai trong một khoảng thời gian nhất định thì trang web sẽ được bảo trì lại và trong giai đoạn bảo trì sẽ nhằm đảm
ra cũng kiêm tra và xử lý các lỗi, sự có phát sinh trong quá trình sử dụng trang
web Từ đó tung ra các bản cập nhật hoặc các bản sửa đôi nhằm đáp ứng nhu
câu của khách hàng
Giai đoạn đánh giá nhằm đánh giá dựa vào các thông số cho website đem lại và
từ các đánh giá của khách hàng đề từ đó đo lương mức hộ hiệu quả mà website mang lại cho cửa hàng và từ đó đưa ra những chiến lược chính sách nhằm cãi thiện hoặc nâng cao chất lượng của hệ thống đề phục phụ cho mục đích lâu dai
Trang 12Il Phan 3
CASE STUDY 1: XAY DUNG HE THONG BAN HANG TREN WEBSITE
I Đối tượng phân tích:
Người quản trị: Có quyền điều hành, quản lý và theo dõi mọi hoạt động của hệ thống Người quản trị có thể thêm, sửa đổi và xóa thành viên trong hệ thống, quản lý danh sách sản phẩm bằng cách thêm, sửa đổi và xóa các mục sản phẩm Họ có
quyền kiểm soát và theo dõi các hoạt động của các thành viên thì đôi khi họ cũng có thể hoạt động dưới một vai trò là nhân
viên
Nhân viên: Vai trò của nhân viên là thiết kế hệ thống, cập nhất bảo trì hệ thống và tư vấn sản phẩm cho khách hàng, tiếp nhận đơn hàng và kiểm tra thông tin liên quan Họ có trách nhiệm liên hệ với khách hàng để xác nhận các thông tin trên đơn hàng thông qua sớt hoặc email, đảm bảo rằng các đơn hàng được xử lý chính xác và đáp ứng đúng nhu cầu của khách hàng
Khách hàng: Với vai trò khách hàng, người dùng có thể tìm kiếm thông tin và hình ảnh sản phẩm trên trang web Họ có thể mua hàng bằng cách thêm sản phẩm vào giỏ hàng và thực hiện quá trình thanh toán Khách hàng cũng có thể quản lý tài khoản cá nhân, theo dõi đơn hàng và tương tác với hệ thống
thông qua các tính năng như đánh giá và nhận xét sản phẩm
2 Chương trình cần thiết cho các yêu cầu:
® Thiết kế website:
Thiết kế logo bằng các công cụ : Ai, Ps, Canva đảm bảo logo có
ý nghĩa về đại diện cho thương thiệu và mang tính thẩm mỹ cao
Thiết kế giao diện website với một màu sắc hài hòa, hợp thời trang và phù hợp với các sản phẩm được bày bán
Bố trí giao diện đơn giản, gọn gàng và dễ dùng, tạo sự thoải mái và dễ tiếp cận cho khách hàng
Trang 13Đặt các sản phẩm bán chạy hoặc sản phẩm nổi bật lên phần đầu trang để thu hút sự chú ý và tăng khả năng tiếp cận của khách hàng
Hiển thị thông tin sản phẩm chỉ tiết và hình ảnh rõ ràng, hấp dẫn để khách hàng có thể xem và đánh giá trước khi mua hàng
Xây dựng danh mục sản phẩm và cung cấp chức năng tìm kiếm để khách hàng dễ dàng tìm kiếm và lựa chọn sản phẩm mong muốn
® Nội dụng website:
Tạo nội dụng hấp dẫn và chất lượng trên website, đặc biệt là trong các bài viết blog.Ngoài việc đáp ứng đủ quy tắt thiết kế một bài blog như các yếu tố SEO,Hastag, và cấu trúc của một bài viết thì nội dung bài viết cần tập trung vào các thông điệp chiến lược mà bạn muốn truyền đạt và giúp khách hàng hiểu rõ
về sản phẩm và giá trị mà Double S cung cấp và đảm bảo rằng nội dụng được đặt đúng trọng tâm, tập trung vào các yếu tố quan trọng nhất và hỗ trợ việc quyết định mua hàng của khách hàng
® Tối uu hóa công nghệ:
Sử dụng công nghệ tối ưu để đảm bảo giao diện và trải nghiệm người dùng phù hợp với các thiết bị của khách hàng, bao gồm
cả điện thoại di động, máy tính bảng và máy tính cá nhân
Đảm bảo tốc độ tải trang nhanh và hiệu suất ổn định để tăng trải nghiệm người dùng và giảm tỷ lệ thoát khỏi trang
® Giao diện ứng dụng:
Trang chủ: Thiết kế giao diện trang chủ đẹp mắt, thân thiện với người dùng Cung cấp các chuyên mục như Trang chủ, Website bán hàng, App bán hàng, Về chúng tôi, Tin tức, Hỗ trợ, Giỏ hàng và công cụ tìm kiếm nhanh để khách hàng dễ dàng tìm kiếm và tiếp cận thông tin cần thiết
Trang 14'ỨNG DỰNG QUẢN LÝ TEMPLATE WEBSITE MARKETING
Quin nt ning, Son ràng nsen ming, Cung cấp hơn 5)reenpiete na sesse Đang phốt triển
Dịch vụ từ Double S Group
Trang 15HO TRO’ BAN HANG DA KENH TU’ A-Z
ụ như cửa bằng trực tuyến
øo dønh mục và phân loại sản phẩm, cấp nhật giá
'anh toán, giúp tốt wu héa g của khách h
RÁI NGHIỆM MIỄN PHÍ
TRA! NGHIEM APP
Ung dụng điện thoại
Tại sao bạn
nên chọn
chúng tôi
«5 Bán hàng đa kênh dé dang
e_ Template thiết kế 8n giắn thẩm mỹ, độc
Trang 16CAM NHAN TU’ KHACH HANG
chúng tôi có thể đưa re được những,
Các cửa hằng của thững người
cổ € kinh nghiệm đến chừng người đã
từng kinh doanh đều đánh giả rắt can
chiến lược kinh dcanh phủ hợp cũng cũng như hễ trợ rhiệc tình của các tư
như theo dỗi được các số liệu mặt cách vận viên Bùi Quậc Anh cu thề, chính xắc vẽ nnarrt chóng nhất
CEO, Cữa hãng thời trang nam - HAR\
Anh Đỗ Thủy Nguyên
Chị Trịnh Hường, EO, Cửa hàng Konniz9 Phê phòng kinh doanh TMĐT, Công sự
TNHH Tăn Viết
Feedback tir khach hang
Cua hang: Hién thị các thông tin cụ thể về các danh mục sản phâm ma web site cung cấp và số lượng của tất cả sản phâm của shop
TEMPLATE
CUNG CẤP HƠN 100 WEBSITE CHO BẠN
(Trang thê hiện các danh mục do cửa hàng cung cấp)
Và ngoài ra người dùng có thê xem danh mục tại thanh menu
Trang 17
DOUBLE
Giải pháp bán hàng đe kênh
LỜI NÓI TỪ DOUBLE S
250 là mặt ứng dựng quản Wy bn hang da hệnh hàng đầu ——_ Ngoờira Z5O côn cung eho tinh
Website Thời trang
Website Nội thất Website Cong rghe
(danh mục sản phẩm)
App bán hàng chưa thông tin về sản phẩm của cửa hàng
Về chúng tôi : Chứa các thông tin giới thiệu về cửa hàng
Trang 18ABOUT US
Tin tức : Chưa các bài Blog, Bài báo về các lĩnh vực kinh tế, công nghệ, và
các bài viết liên quan tới Double S
Hỗ trợ : Nơi người dùng có thê gửi các thắc mắc về website, sản phâm, dịch vụ,
Trang 21CASE STUDY 2: XAY DUNG HE THONG QUAN LY THONG TIN CHO MOT SIEU THI ONLINE
*Đối tượng phân tích:
- Người quản trị hệ thống: Là những người khởi tạo thông tin tài khoản cho nhân viên và người dùng trên hệ thống, dữ liệu của
hệ thống, điều hành, quản lý và theo dõi mọi hoạt động của hệ thống: thêm sửa xóa thành viên, thêm sửa xóa sản phẩm Người quản lý có quyền sử dụng toàn bộ các chức năng của hệ thống
- Bộ phận chuyên môn, kỹ thuật và nhân viên: Thiết kế trang web, cập nhật, bảo trì và cập nhật thông tin sản phẩm, tin tức, khuyến mãi mới, cập nhật thông tin khách hàng, tư vấn sản phẩm cho khách hàng, tiếp nhận đơn hàng, kiểm tra thông tin, liên hệ với khách hàng để giải đáp các thắc mắt của họ thông
qua sdt, email
*Chương trình cần thiết cho các yêu cầu:
- Xây dựng hệ thống quản lý đơn giản, rõ ràng các mục về nhân viên và sản phẩm giúp người quản trị dễ dàng quản lý,
kiểm soát và đánh giá hoạt động bán hàng của mình một cách chuyên nghiệp và chính xác
- Xây dựng hệ thống thống kê tình trạng xuất-nhập của sản phẩm và thống kê doanh thu của shop để đánh giá hiệu suất làm việc của nhân viên, giảm thiểu chỉ phí và ngăn ngừa những hành vi xấu làm mắc đi độ tin cậy của cửa hàng trong mắt khách hàng
- Xây dựng phần mềm có chức năng quản lý khách hàng: Phân loại khách hàng qua thống kê, thuật toán của phần mềm giúp các nhà quản trị, nhân viên có thể nắm rõ được khách hàng mục tiêu và tư đó đưa ra những chiến lược phù hợp cho từng nhóm khách hàng
*Giao diện ứng dụng:
Trang 22- Bảng tin: Ở khu vực này nha quản trị hoặc nhân viên có thể điều chỉnh trang web phù hợp với loại hình sản phẩm dịch vụ
và nhóm khách hàng mình đang hướng đến
K
To help you get the most fro:
©wese X | (@ ZaloW-Dirg nhip Zalo X load TRANG CHU — Wior Hộp thể đến (1238)~vodupevo X | 4+ ».— 8x
admin/admnin.ptp? page =jotpack# /cxchbour Qaenr ®zn®:
Trang 23
lop 160 đoạch nghiệp lớn nhit thé git 2023 1099 V0, Icategoined Đ
6 điển nhãn công nghệ thể giới 2923 Cường Và Uncategorized - =
Trang 24
Sản phẩm : Đây là khu vực mà các nhân viên được cấp quyền hoặc nhà quản trị
có thể thêm, sửa, xóa, cập nhất các thông tin và hình ảnh của sản phẩm
© ves x | lew Zale Web - Đa) nhặc in phim «TR — Won X: _M M4öWG8(123-8w x) + - 9 x