đề tài xây dựng ứng dụng bán sách môn phát triển thương mại di động

Nếu các ô edittext đã hết lỗi định dạng, hệ thong sé bat đầu kiêm tra cơ sở dữ liệu để xem xét sự trùng lắp của số điện thoại dùng đề đăng ký, vì l số điện thoại chỉ được sử dụng cho I

VIETNAM NATIONAL UNIVERSITY HO CHI MINH CITY

UNIVERSITY OF ECONOMICS AND LAW

DE TAI: XAY DUNG UNG DUNG BAN SACH

Giảng viên: Nguyễn Quang Phúc

Môn: Phát triển thương mại di động

Sinh viên thực hiện

MỤC LỤC

Contents

I00909 92775 -.‹+£zŒœăa., H, ,), 2

I0/9889/951)120.)1200177 4

PHAN 1: GiGi ii 8n 4 5

Ra an 5

2 Lý do chọn để tài và tính thực tiễn của đề tài PHẦN 2 Phân tích trải nghiệm người dùng .2s 5 2221 222211 2111 222 1 E1 eưe PHẦN 3 Phân tích thiết kế hệ thống - 52-20 2n 2H 22 21 21 112 1 1e erye 6 1 Chức năng ứng dụng - ‹- ¿cà 2k1“ HH HH HH HH TH TT TH TH TH TT TH TC Hà TH 6 2 Use Case Diagram nh nh ố ố ằ 10

2.1 UCD quy trình Xác thực của WObO Là LH HH HH HH HH Hà kh tà TH Tà CC TT 10 2.2 UCD quy trình quản lý tài khoản của WODO Là HH HH HH Hành Hà HH tà TH TT HH 11 2.3 UCD quy trình tìm kiếm của WObo - cọ c2 Hàn ng ng ng nàn này 11 2.4 UCD quy trình đặt hàng của WObO HH HH TT HT TT TH HH Hàng HT 12 P9 00 ánh 0000 16

3 Sơ đồ hoạt động (Activity DiagTam) ¿sàn HH ng Hàng ng ng ng 17 ki › 3 .,ƠỎ 17 kh) nã ẽ.ẽ :-:ÄäƑäăŒÄäậẬHpH,.,.à H.HẬH 19

3.3 Quên mật khâu 5k9 2EE S2 11911011211011 1E 11111111.1111T11 1111111011111, 21 3.4 Thay d6i thong tin C4 an :' A®-":Ơ' 23

3.5 Thay d6i amb dai nh 25

3.6 Quan ly dia chi giao Wang oo eee ốố .Ầ 27

3.7 Trang CU ẶẶằ.ẦằẦ 29

k9 lo nh ä45 30

3.9 Tìm kiếm và Phân loại sản phẩm - ¿55c 2 2 tt 132211 221221 11c g1 gen 31 ke ng sinh ốc ẽ ‹(“(ŒAAäAAdẬÂH.,H, ,H, HH.A., 33 4 Data Flow IDlaBTaIH TH Hà TH Hà TT HT TH TH TT TT TT Tà HH Hà TH Hà TH Hà tk 37 5 Data Object Diagram ee LH HH HH HH HH HH Tàn Hà Tà Tà HT TH TH Tàn TH Tà TH Tàn kg 38 PHẦN 4 Phân tích thiết kế UI/UX -256 2222222112221 222112212 TT 1t e1 geere 39 In SN ẽn .“(‹%£ŒäÄdH )HLH 39

2 Cơng nghệ sử dỤng ¿LH H HH HH HT Hà HH Hà Hà Hà Tà tà LH TT HH Tà TL Tà TH Tà TH 39

PHẦN 5 Phương pháp triển khai - 225 S2 c2 11121112222 11 HH1 HH H1 are 40 PHẦN 6 Giao diện ứng đụng - 255cc 222112211 2221127 21122 1E 1 g1 eeree 42

1

2 3 Non ố cố cố ốc cố CỐ Gố GO1 45

5 Quan ly dia chi giao nan 49

6 Trang chủ 90

7 Chỉ tiết sản phẩm „51

8 Tìm kiếm và Phân loại sản phẩm 52 9 Phuong thức thanh toán v3

10 Quan ly don hang 56 PHẦN 7: Đánh gid va kt WA0 cccccccccsecsssssesssssscsssescsssscossescssesssssssssusscsnssssssssesssssssussesssesssisecsuissssussessuesssisessseesseeses 57

MỤC LỤC HÌNH ANH

Hình 1 Phân tích trải nghiệm người dùng . Là TT“ HT TT HT TT Hiện 6 Hình 2 Danh sách chức năng ứng dụng (Í) - k1 k1 21kg HH Hà HH Hàn Tư 7 Hình 3 Danh sách chức năng ứng dụng (2) - - L1 L1 21H HH HH HH Hà HH HH TH Hà TH TH 7 Hình 4 Danh sách chức năng ứng dụng () - Là 2T“ HH HH HH HH HH TH Hành Hà Hư 8 Hinh 5 Danh séch chire năng ứng dụng (⁄4) ¿cà HH HH HH Hà HH Hà HH HH TH Hàn Tà Hư 8 Hình 6 Danh sách chức năng ứng dụng (Š) Là k1 2H HH Hà HH Hà HH HH TH Hàn HH 9 Hình 7 Danh sách chức năng ứng dụng (6) ¿Là HH HH HH Hà TH Hà HH Tà HT Hàn TH 9 Hình 8 Danh sách chức năng ứng dụng (7) ‹- Là LH HH HH TH HH Hà KH Tà ĐH TT Là 10 Hình 9 UCD quy trình Xác thực người dùng - Là HH HH Hà HH HH HH HH HH HD 10 Hình 10 UCD quy trình Quản lý tài khoản cá nhân TT TT n HH HH TH Hy 11

Hình 11 UCD quy trình Tìm kiẾm - 5-55: 25c S22 ÈE 22121 E221 T1 11 T1 2gp nàn ngay 11

Hình 12 UCD quy trình Mua hàng án TT HH HH Hà Hà HT HH TH HT Hà TT HH TH Hàn Hàn 12 Hình 13 Settings Management Process UCT - ¿Là HH HH TH Hà TH KH TH kg Tàn ĐH HT 16 Hình 14 Sơ đồ hoạt động quy trình Đăng ký ¿- 5: 25c 22 tr tt ngưng ng ng 17

Hình 15 Sơ đồ hoạt động quy trình Đăng nhập .2:- + 55+ S222 2E x2 E211 2711271 C27121 re 19 Hình 16 Sơ đồ hoạt động quy trình Quên mật khâu - + ©5522 2E 2EE2EExE221 11 E21 E2 crkrrrei 21 Hình 17.Sơ đồ hoạt động quy trình Thay đổi thông tỉn cá nhân ¿5s 25c 2tr2 t2 tre 23 Hình 18.Sơ đồ hoạt động Thay đổi amb dai di@n c cccccccccccccccssssessssesssesssssessecsssecssesssccssseessecsssecssecsucessecsuesesseeesseessess 25

Hình 19.Sơ đồ Hoạt động Quản lý địa chỉ giao hàng cọ tt ng ng ng ko 27 Hình 20 Sơ đồ Hoạt động Trang chủ 5-5 222 2 22 tr Ex E211 E7 2g g1 n1 ng ng 29

Hình 21 Sơ đồ Hoạt động xem chỉ tiết sản phẩm (5c 25c tt HE H211 271 E12 c1 cgtnegg ray 30 Hình 22 Sơ đỗ Hoạt động Phân loại sản phâm (1) .-¿- 2-56 SE S11EE122112112211211211 2211.11.11.11 11011211 1e 31 Hình 23 Sơ đỗ Hoạt động Phân loại sản phâm (2) . ¿- 2-56 SE S112E1221121122112211211 2211.1101101 11011011 1 re 32

Hình 24 Sơ đồ Hoạt động Quy trình đặt hàng (1) . -.s 6c 25c t2 ng HH ng ng ng 33 Hình 25 Sơ đồ Hoạt động Quy trình đặt hàng (2) . :s c2 2 tr ng ng ng ng 34 Hình 26 Sơ đồ Hoạt động Quy trình đặt hàng (3) - s6 2c ng ng nen re 35 Hinh 27 Context Diagram DFD for WObO ác HH TT Hà HT HH Hà Hà Thi HT TH TT HH TH ghế 37 Hinh 28 DED level 1 for Wobo ác kg kh kh Hà kh kh Hà Tà LH Tà Làn TT TT HH Tà TH TH 37 Hình 29 Data Object Diagram for WObO Là kh Hàng HH Hà Hà Hà TH Hà Làn ko Hà Tàn HT TH TH HT 38 Hình 30 Màu sắc trong bộ nhận diện thương hiệu WObO ST TH TH TH HT TH TT HH TH kh 39

PHẢN 1: Giới thiệu đề tài

1 Đặt vấn đề

- _ Thông thường, đối với thao tác mua sách ở nhà sách, người mua sẽ gặp các khó khăn như

không nắm bắt được vị trí các thể loại sách trong nhà sách, không có nhiều thời gian dé

tham kháo được nội dung quyền sách

+ Nhà sách nhỏ (ít sách, ít thể loại sách) thì khách hàng sẽ gặp khó khăn về việc tìm

được cuốn sách mình muốn mua

+ Nhà sách lớn (rộng, nhiều thể loại sách) thì khách hàng không nắm bắt được vị trí

từng thê loại sách gây mất thời gian trong việc tìm kiếm

- _ Người mua sách thường cảm thấy bắt tiện, mất thời gian khi phải đợi lâu trong lúc chờ đến

lượt thanh toán tại nhà sách Bên cạnh đó, trong bối cảnh dai dich COVID-19 anh huong

nặng nề đến các hoạt động mua bán trực tiếp, khách hàng càng gặp nhiều khó khăn hơn khi phải đến thăng nhà sách đê mua quyên sách mà họ mong muốn

- _ Tương tự như vậy, việc mua sách đã khó thì hoạt động đối trả sách càng gây ra nhiều khó

khăn hơn khi khách hàng phải mắt nhiều thời gian và công sức đi lại, nhiều nhà sách thậm

chí còn không hỗ trợ đối trả khi đã hoàn tất thanh toán

2 Lý do chọn đề tài và tính thực tiễn của đề tài

Sự tiễn bộ của công nghệ thông tin dẫn đến sự xuất hiện của hàng loạt mô hình kinh doanh

mới, nôi bật nhất là thương mại điện tử Trong những năm gần đây, mua sắm qua internet đã trở

nên rất quen thuộc và thu hút rất nhiều sự chủ ý trong nước, đặc biệt là kể từ khi xuất hiện đại

dịch COVID-I9, khi cách thức mua hàng của người dân thay đôi Điều này có ảnh hưởng to lớn đến thói quen mua sắm của người dân nói chung, cụ thê là giới trẻ nói riêng Mua hàng truyền thống đang nhường chỗ cho việc tiêu thụ thông qua internet tăng lên Khách hàng thích sử dụng các thiết bị điện tử kết nối Internet để tìm kiếm, lựa chọn, đặt mua hàng hóa trên các trang web, ứng dụng hơn là đến trực tiếp cửa hàng đề xem, trao đôi, mua hàng theo cách truyền thông Khách

hàng ưa chuộng việc sử dụng các thiết bị điện tử thông minh có kết nối Internet để tham gia mua hang chính bởi sự tiện lợi và thân thiện này

PHẢN 2 Phân tích trải nghiệm người dùng

Nhóm tiên hành phỏng vấn một người có các đặc điểm của khách hàng mục tiêu mà nhóm hướng đến

Ngọc Phương

“Ngọc Phương là một nhấn! viên quỹ tử: dụng lềm việc cho một công ty tại Hải Dương Ngọc Phương có sở thích đọc sách Trung bình một tháng có đọc 2 cuốn sách Bên cạnh việc đọc những cuốn sách liên quan đến chuyên ngành của cô ấy đế năng cao kiến thức

MỤC TIỂU 'NHỦ CẤU

tên sách, giá thành và review

+ Để dàng nắm bắt được những thông tin liên quan đến sách thông cua giao điện được thiết kế hợp li

« ẻ nhanh

63 mua nhiều sách thuộc nhiều thế Ioạl khác như sách

Tuổi 24 về kĩ năng sống, sách về hôn nhân, sách nâng cao kĩ

l "

ghề nghiệp Nhân vide qu) tin d¥ng „2 ` duy, _C0 thường tim hiếu thông ga về sách

«+ Đổi trả sách dễ dâng khí có ru cầu

«+ Xem lịch sử mua hằng bất cứ lúc nào

+ Theo dõi đơn hàng

giúp cô By cổ thố tm sách một cách

đề dàng thay vì phải mất thời gian đến

nhà sách để tìm

+ Cô muốn tham khảo các review ding

tin cậy đổ nâm được giá trị mà sách

bản thân trước khi mus

+ Cô muốn các thông tìn về sách được hiến thị rõ rằng, mạch iạc, dê theo dõi

+ Cá muốn tham khảo giá sách, các

M

rung tal Trong mờ U90 kh mse théeg qua google, Facebook vi review chương trình khuyến mãi, lượng sách

Nơiở Hải Dương, từ người thân, ban bo" đã được bán đổ ra quyết định mua

sách

TÍNH CÁCH DICH vy YEU THICH KHO KHAN SỞ THÍCH

Hướng nội lạ, Hướng ngogi nhà sách

loi Oo ® « Mất thời gian để tìm được sách muốn mua + Thích sử dựng rĐững app có thiết kế

Phán tích Sáng tạo rong nhà sách để đúng, gia điện dep

° * Thich sin sale Binron Rảnh rêt gấu tr

+ Thích các gýao dịch nhanh chóng, dễ BEHAVIOR roa TRAITS + Phả chờ lâu để được thanh toán khi nhà tách đông tách os

= ° ye | | PM + * Kho khan qiấy việc lưu giữ hóa đơn + Thich dupe đối trả sản khi chất lượng khôeg như mong đợi " đã mua Độc lập ©° Hợp tác “

Hình 5 Danh sách chức năng ứng dụng (4)

Hình 7 Danh sách chức năng ứng đụng (6)

ages: Vietnamese and English from app

Hinh 8 Danh sách chức năng ứng đụng (7)

2 Use Case Diagram

2.1 UCD quy trình Xác thực của Wobo

'WoBơ's Authentication Module

2.2 UCD quy trình quản lý tài khoản của Wobo

Wobo's Account Management

sy Add delivery address `

Manage delivery address

Hình 10 UCD quy trình Quản lý tài khoản cá nhân

2.3 UCD quy trình tìm kiếm của Wobo

Wobo's Book Search Process

Search for <<include>>

2.4 UCD quy trình đặt hàng của Wobo

Trigger - Nguoi dùng chọn (những) quyên sách muốn mua va

nhân vào nút “Thanh toán” trên màn hình Giỏ hàng

- _ Người dùng nhấn nút “Mua ngay bây giờ” trên màn

hình Chỉ tiết Sách

Điều kiện tiên quyết - _ Người dùng có thé truy cập màn hình Giỏ hàng / Chi

Hiậu điêu kiện

- Người dùng mua thành công (các) cuỗn sách mong

muốn của họ

- _ Kho hàng thay đôi lượng hàng tồn kho

- _ Wobo nhận thanh toán và đóng đơn hàng

- _ Phòng Kế toán ghi số thanh toán

13

Mann Flow 1 Người dùng thêm (những) quyên sách vào giỏ hàng

của họ bằng cách nhắn vào nút '“Thêm vào giỏ hàng”

2 Người dùng chọn (những) quyển cuốn sách để thực hiện thanh toán

3 Nguoi dung chọn / thêm dia chi giao hàng

4 Nguoi dung chon mét phuong thirc thanh toán và thực hiện thanh toán nếu họ chọn thanh toán bằng thẻ

ATMWi điện tử

- Wobo nhận kết quả thanh toán thành công với

phương thức thanh toán bằng thẻ ATM/ví điện tử từ

các ứng dụng thanh toán liên kết bên ngoài

5 Người dùng xác nhận dat hang bằng cách nhắn vào nút

"Đặt hàng"

6 Wobo xac nhan don hang

7 Wobo giao hang theo don dat hang

8 Nguoi ding nhận đơn đặt hàng và thanh toán nếu họ

chọn phương thức thanh toán COD

- _ Wobo nhận khoản thanh toán bằng tiền mặt đối với

phương thức thanh toán COD

9 Người dùng đánh giá đơn đặt hàng

10.Wobo đóng đơn hàng

Alternative Flow

1 Ngwoi ding chon mua | cuén sach cy thé bang cach

chạm vào nút “Mua ngay” trên màn hình Chỉ tiết sách

2 Người dùng chọn (những) quyền cuốn sách để thực hiện thanh toán

4 Người dùng chọn / thêm địa chỉ giao hàng

4 Người dùng chọn một phương thức thanh toán và thực

14

hiện thanh toán nếu họ chọn thanh toán bằng thẻ

ATM điện tử

-Wobo nhận kết quả thanh toán thành công với

phương thức thanh toán bằng thẻ ATM/ví điện tử từ

các ứng dụng thanh toán liên kết bên ngoài

5 Người dùng xác nhận đặt hàng bằng cách nhắn vào nút

"Đặt hàng"

6 Wobo xác nhận đơn hàng

7 Wobo giao hang theo don đặt hàng

8 Người dùng nhận đơn đặt hàng thành công và thanh

toán nếu họ chọn phương thức thanh toán COD

- _ Wobo nhận khoản thanh toán bằng tiền mặt đôi với

phương thức thanh toán COD

9 Người dùng đánh giá đơn đặt hàng

10.Wobo đóng đơn hàng

Exceptions

4 Wobo nhận kết quả thanh toán không thành công với

phương thức thanh toán bằng thẻ ATM/ví điện tử từ các ứng dụng thanh toán liên kết bên ngoài

-> ÙC kết thúc

8 Người dùng không nhận được đơn đặt hàng

-> ÙC kết thúc

8 Wobo không nhận được khoản thanh toán bằng tiền

mặt đối với phương thức thanh toán COD từ khách mua hàng

15

Wobo's Settings and General info Management

3 Sơ đồ hoạt động (Activity Diagram)

i { seo eves message '-

Caan wane Seren ton come Ì=

== tang »)

=x=s=)

Hình 14 Sơ đồ hoạt động quy trình Đăng ký

Mô tả Sơ đồ Hoạt động

Nếu người dùng chưa có tài khoản, họ sẽ phải đăng ký tạo tài khoản bằng chức năng “Đăng

17

Ký” của Wobo, có 2 lựa chọn:

- Dang ky tài khoản mới bằng số điện thoại và mật khâu: Người dùng cần phải cung cấp các thông tin bắt buộc như Tên, SĐT, Địa chỉ Email, Mật khẩu, trong đó mật khẩu phải được

nhập 2 lần để xác nhận Sau khi điền đầy đủ thông tin, người dùng cần nhân nút “Đăng ký”

để hệ thống kiểm tra Nếu các ô edittext cần nhập có lỗi về định đạng, hệ thống SẼ ĐửỬI Các

thông báo lỗi để người dùng chỉnh lại cho đúng Nếu các ô edittext đã hết lỗi định dạng, hệ

thong sé bat đầu kiêm tra cơ sở dữ liệu để xem xét sự trùng lắp của số điện thoại dùng đề đăng ký, vì l số điện thoại chỉ được sử dụng cho I tài khoản Wobo Sau đó, họ cần phải xác thực OTP bang SDT dùng để đăng ký tài khoản Hệ thông sẽ gửi l mã OTP có hiệu lực trong vòng 10 phút, và họ cần nhập chính xác ma OTP nay vào màn hình “Kiểm tra OTP” của ứng dụng để xác nhận SĐT này là chính chủ Nếu mã OTP hợp lệ, người dùng

sẽ được đưa vào màn hình “ Trang chủ” của ứng dụng với tài khoản đã được đăng ký thành công Nếu mã không hợp lệ và họ cũng không muốn tiếp tục việc xác thực OTP nữa thì họ cũng sẽ được đưa vào màn hinh “Trang chu” cua ứng dụng với tài khoản vừa được đăng

ký Tuy nhiên, người dùng sẽ không thê sử dụng chức năng “Quên mật khâu” nếu người dùng chưa hoàn tất việc đăng ký tài khoản và xác thực OTP

- Đăng ký tài khoản bằng tài khoản Google: Người dùng mới có thể sử dụng tài khoản Google của họ đề đăng ký, chức năng này sẽ cho phép Wobo lấy Tên và Địa chỉ Gmail để xây dựng hồ sơ Người dùng sẽ được dẫn vào màn hình “Trang chủ” khi hệ thông hoàn

thành việc tạo tài khoản mới cho họ

18

©

Hình 15 Sơ đồ hoạt động quy trình Đăng nhập

Mô tả Sơ đồ Hoạt động

Khi người dùng mở ứng dụng, giao diện đăng nhập sẽ được hiễn thị

- _ Đăng nhập bằng số điện thoại và mật khâu: Màn hình đăng nhập xuất hiện cho phép người

dùng nhập số điện thoại và mật khẩu, hệ thong sẽ dựa vào ô edittext để kiểm định dang số

điện thoại và mật khẩu Nêu người dùng nhập không đầy đủ hoặc không đúng định dạng,

hệ thống sẽ hiên thị thông báo lỗi màu đỏ đề người dùng có thể chỉnh sửa Người dùng có

19

thê chọn cho phép điện thoại của mình ghi nhớ thông tin đăng nhập đề sau này không phải

lặp lại các bước đăng nhập như vậy nữa Sau khi đã hoàn thành việc nhập đúng định dạng

các ô số điện thoại và mật khâu, người dùng sẽ nhấn vào nút “Đăng nhập” đề hệ thống

Wobo bắt đầu kiêm tra cơ sở dữ liệu Nếu số điện thoại và mật khâu khớp, người dùng sẽ

hoàn tất việc đăng nhập và có thể truy cập các chức năng chính của Wobo

Đăng nhập bằng tài khoản Google: Người dùng sẽ thực hiện việc đăng nhập bên Google

và Google sẽ trả kết quả lại về hệ thống Nếu kết quả trả về là thành công, người dùng sẽ hoàn tất việc đăng nhập và có thể truy cập các chức năng chính của Wobo

20

3.3 Quên mật khẩu

Application

Mô tả Sơ đồ Hoạt động

Trường hợp người dùng không nhớ thông tin đăng nhập của mình, họ có thê sử dụng chức năng “Quên mật khâu” của ứng dụng Bằng cách nhập số điện thoại họ dùng đề đăng ký tài khoản

và nhắn “Gửi”, họ sẽ nhận được l mã OTP có hiệu lực trong vòng I0 phút, và họ cần nhập chính

xác mã OTP này vào màn hình “Quên mật khẩu” của ứng dụng để xác nhận tài khoản này là chính chủ Nếu mã OTP hợp lệ người dùng sẽ được chuyên qua màn hình “Đặt lại mật khâu” để họ có

thể thiết lập lại một mật khâu mới Họ cần phải thực hiện đúng các quy định về việc đặt lại mật

khâu như mật khẩu phải ít nhất 6 chữ số và 2 mật khẩu mới phải giống nhau Nếu người dùng

thực hiện thành công các bước này, mật khẩu mới cho tài khoản của họ sẽ được thiết lập và lưu vào cơ sở dữ liệu, và song song đó họ cũng đăng nhập thành công vào ứng dụng bằng mật khâu mới thiết lập này Nêu người dùng không nhập đúng mã OTP hoặc mã OTP đã hết thời gian hiệu lực và họ muốn hệ thong gửi một mã khác, họ có thể nhắn nút “Gửi lại OTP” để nhận được 1 ma

OTP moi va quy trình thực hiện vẫn như đã đề cập

22

3.4 Thay đổi thông tin cá nhân

'Chorse field9o eđt Ì

Ww trwetemeaurent \_ { Cheese retead >) (ehew exter weesnge)e—< (valet ovr

Hình 17.Sơ đồ hoạt động quy trình Thay đổi thông tin cá nhân

Mô tả Sơ đồ Hoạt động:

Người dùng chọn trường thông tin muôn chỉnh sửa Sau đó người dùng chinh sửa thông

tin Khi người dùng chinh thông tin thì đồng thời hệ thống sẽ kiểm tra tính hop 1é phia front-end

23

của thông tin được nhập Nếu thông tin được nhập không hợp lệ thì hệ thống sẽ không báo lỗi

Còn trong trường hợp thông tin được nhập không hợp lệ thì hệ thông sẽ hiên thị lỗi để người dùng

sửa lại cho đúng Người dùng sẽ không thể chọn xác nhận cho tới khi thông tin họ nhập không còn lỗi Sau khi không còn lỗi nào được hiển thị thì người dùng có thể chọn xác nhận Hệ thống

sẽ bắt đầu kiểm tra tính hợp lệ phía backend của thông tin được nhập Nếu bước kiểm tra thành công hệ thông sẽ cập nhật thông tin được nhập và hiện thị thông tin trên màn hình của người dùng Nếu bước kiểm tra thất bại thì hệ thống sẽ báo lỗi và người dùng sẽ phải nhập lại cho đến khi thông tin hợp lệ Trong trường hợp người dùng đang chỉnh sửa email thì hệ thông sẽ gửi mã OTP tới email đê xác nhận người dùng là chủ tài khoản sở hữu email đó Người dùng sẽ nhận

được | mã OTP có hiệu lực trong vòng I0 phút, và họ cần nhập chính xác mã TP này vào màn

hình “Quên mật khẩu” của ứng dụng đề xác nhận tài khoản này là chính chủ Nếu mã OTP hợp lệ

người dùng sẽ được chuyền qua màn hình “Đặt lại mật khâu” để họ có thê thiết lập lại một mật

khâu mới Họ cần phải thực hiện đúng các quy định về việc đặt lại mật khâu như mật khẩu phải ít

nhất 6 chữ số và 2 mật khẩu mới phải giống nhau Nếu người dùng thực hiện thành công các bước

nảy, mật khâu mới cho tài khoản của họ sẽ được thiết lập và lưu vào cơ sở dữ liệu, và song song

đó họ cũng đăng nhập thành công vào ứng dụng bằng mật khẩu mới thiết lập này Nếu người dùng

không nhập đúng mã OTTP hoặc mã OTP đã hết thời gian hiệu lực và họ muôn hệ thống gửi một

mã khác, họ có thể nhắn nút “Gửi lại OTP” để nhận được l mã OTP mới và quy trình thực hiện

vẫn như đã đề cập

24

3.5 Thay đổi ảnh đại diện

e

[Clrenae renter avaape fname pentane Stray |

ferent © amme at ee)

Hình 18.Sơ đồ hoạt động Thay đổi ảnh đại diện

25

Mô tả Sơ đồ Hoạt động:

Người dùng nhấn vào avatar Sau đó người dùng có thể thực hiện một trong hai lựa chọn dưới đây:

1 Phóng to ảnh avatar: Hệ thống sẽ hiển thị ảnh avatar trong một khung hình chữ nhật và

kích thước của ảnh được phóng to lên cho vừa với khung hình để người dùng có thế thay được ảnh rõ hơn Sau khi người dùng xem ánh xong, người dùng chọn quay trở về Sau đó,

hệ thông sẽ quay lại màn hình trước đó

2 Thay anh avatar hiện tại

2.1 Hệ thống truy cập vào ứng dụng máy ảnh mặc định của android

2.2 Các thư mục ảnh sẽ được hiển thị

2.3 Người dùng chọn thư mục ảnh

2.4 Các ảnh được lưu trong thư mục vừa được chọn sẽ được hiển thị

2.5 Người dùng chọn ảnh mà người dùng muốn sử dụng đề làm avatar

2.6 Sau khi người dùng chọn xong, hệ thống sẽ hiển thị chuyên tới màn hình chính ảnh

2.7 Người dùng có thê di chuyên ảnh đề chọn vị trí ảnh muốn hiển thị Đồng thời, người

dùng có thể phóng to hoặc thu nhỏ ảnh

2.8 Sau khi chỉnh ảnh xong, người dùng sẽ có hai lựa chọn: Một là người dùng chọn hủy:

Khi người dùng chọn hủy xong, hệ thông sẽ hiển thị màn hình chứa ánh có trong thư mục

ban đầu người dùng đã chọn Sau đó người dùng thực hiện lại từ bước I.2.6 Hai là chọn

lưu ảnh: Khi người dùng chọn lưu ảnh xong, hệ thống sẽ hiển thị ảnh trên khung avatar,

đồng thời quay trở về màn hình có chỉnh sửa thông tin cá nhân

26

3.6 Quan ly dia chi giao hang

Mô tả Sơ đồ Hoạt động:

Đối với chức năng quản lí địa chỉ nhận hàng người dùng có hai lựa chọn sau: Một là chọn

thêm địa chỉ mới Hai là chỉnh sửa địa chỉ đã có

- - Nếu người dùng chọn thêm địa chí mới hệ thông sẽ hiên thị màn hình thêm địa chỉ chứa

các trường để trồng

- Nếu người dùng chọn chỉnh sửa địa chỉ đã lưu có thì hệ thống sẽ hiển thị màn hình chứa

các trường gồm các thông tin mà người dùng đã thêm vào lần gần nhất.Sau khi hệ thông

đã hiển thị màn hình chứa các trường thông tin Người dùng có thể thêm/ chỉnh sửa tên, số điện thoại, địa chỉ cụ thể nhận hàng ( bao gồm số nhà, tên đường) Sau khi người dùng thêm hoặc chỉnh sửa xong, người dùng chọn tỉnh/ thành phố Sau khi người dùng chọn tinh/ thành phố xong thì chọn quân/ huyện Sau khi chọn quận/ huyện xong thì người dùng chọn xã/ phường Sau khi chọn xã/ phường xong người dùng có thê lựa chọn thiết lập chọn

địa chỉ hiện tại là địa chỉ mặc định

- _ Sau đó người dùng chọn xác nhận Hệ thông sẽ kiểm tra tính hợp lệ từ phía ront - end của các thông tin được nhập Nếu các thông tin được nhập thỏa mãn các điều kiện font -end thì hệ thống sẽ tiếp tục kiêm tra tính hợp lệ của thông tin từ phía back - end Nếu thông tin

được nhập thỏa mãn các điều kiện backend thì hệ thống sẽ cập nhật thông tin hiện tại vào

database va hiển thị các thông tin này trên màn hình của người dùng Trong trường hợp

thông tin người dùng nhập không thỏa điều kiện front - end thì hệ thông sẽ báo lỗi và người

dùng sẽ nhập lại cho đến khi các thông tin hợp lệ Trong trường hợp thông tin người dùng nhập không thỏa điều kiện back - end thì hệ thông cũng sẽ báo lỗi và người dùng sẽ nhập

lại cho đến khi các thông tin hợp lệ

28