Màn hình xác thực robot

Một phần của tài liệu XÂY DỰNG ỨNG DỤNG ĐẶT LỊCH HẸN CẮT TÓC “E-HAIR” BUILDING THE APPLICATION OF A HAIR SCHEDULE “E-HAIR (Trang 39)

Hình 17: Màn hình nhập OTP Hình 18: Tin nhắn OTP

(Nguồn: màn hình ứng dụng tin nhắn)

Hình 21: Nhập thơng tin

Hình 20: Thiết lập mật khẩu (Nguồn: tác giả xây dựng) Hình 19: Nhập OTP

28

22 Hình 22: Trang chủ e-Hair

(Nguồn: tác giả xây dựng)

23: Hình 23: Tìm kiếm salon Hình 24Hình 24: Salon ở TP.HCM

Phần mềm sẽ bắt đầu tính thời gian hiệu lực mã OTP và nếu người sử dụng nhập sai mã OTP hệ thống sẽ thơng báo (hình 19). Sau khi nhập đúng mã OTP người sử dụng sẽ thiết lập mật khẩu gồm 6 chữ số và nhập lại 2 lần, thông báo nếu người sử dụng nhập mật khẩu không trùng khớp (hình 20). Thao tác cuối cùng, người sử dụng cung cấp các thông tin cần thiết và chấp nhận “Tôi cam kết thông tin trên là sự thật và đồng ý với chính sách của e-Hair”. Nếu người sử dụng muốn xem chi tiết chính sách có thể xem bằng cách chạm vào (hình 21).

Cuối cùng, người sử dụng sẽ được nhìn thấy giao diện của trang chủ e-Hair (hình 22). Do đây là lần đầu người sử dụng đăng nhập vào phần mềm nên chưa có ảnh đại diện để hiển thị. Trang chủ e-Hair bao gồm: lời xin chào người sử dụng, một cơng cụ tìm kiếm salon, một mục thơng báo và 3 chức năng chính của phần mềm (đặt lịch, hủy lịch, lịch sử). Đồng thời người sử dụng có thể xem các bài viết của các salon tại đây bằng cách chạm vào bài viết và có thể theo dõi lượt xem của mỗi bài viết.

3.3.2 Tìm kiếm salon

Người sử dụng chọn biểu tượng ở trang chủ e-Hair để tìm kiếm salon có trong e-Hair. Phần mềm cung cấp tìm kiếm salon theo miền, tỉnh thành (hình 23).

Sau khi chọn tỉnh thành người sử dụng có thể nhìn thấy các salon có trong tỉnh thành đó (hình 24).

29

Hình 25: Trang chủ salon Hình 26: Chọn dịch vụ

(Nguồn hình ảnh và tên dịch vụ: salon 30Shine)

Hình 27: Xem chi tiết dịch vụ

Hình 28: Chọn thời gian đặt lịch

(Nguồn giao diện tham khảo: ứng dụng đặt lịch 30 Shine)

Hình 29: Đặt lịch thành cơng (Nguồn: tác giả xây dựng) 3.3.3 Đặt lịch hẹn

Khi người sử dụng chọn một salon trong danh sách các salon, phần mềm sẽ hiển thị trang chủ salon. Tại đây người sử dụng có thể chọn dịch vụ mình muốn sử dụng hoặc chạm vào bất kỳ dịch vụ để xem chi tiết.

30

Hình 30Hình 30: Bài viết salon Hình 32: HHình 31: Xem bài viết : Hình 32: Đánh giá salon

(Nguồn hình ảnh: salon 30Shine) 3.3.4 Xem trang chủ salon

Tại trang chủ salon, người sử dụng ngoài việc xem và đặt lịch người sử dụng cịn có thể xem các bài viết và đánh giá của các khách hàng trước đây của salon.

3.3.5 Xem lịch sử lịch hẹn

Nếu người sử dụng đã từng đặt lịch hẹn trước đây và chưa thực hiện đánh giá lịch hẹn đó, người sử dụng phải thực hiện đánh giá trước khi muốn đặt thêm một lịch hẹn mới.

Hình 33: Hồn tất đánh giá lịch hẹn (khách hàng) (Nguồn: tác giả xây dựng)

Hình 34: Lịch sử lịch hẹn (Nguồn hình ảnh: Tiktok @huyleodaik)

31 (adsbygoogle = window.adsbygoogle || []).push({});

Hình 35: Đánh giá và phản hồi Hình 36: Xem ảnh Hình 37: Tùy chọn lịch sử (Nguồn: tác giả xây dựng)

Hình 38: Hủy lịch hẹn (Nguồn: tác giả xây dựng)

Người sử dụng đánh giá theo thang điểm 5 sao và kèm lời đánh giá (nếu có). Khi đã hồn thành đánh giá người sử dụng sẽ thấy được chi tiết lịch sử lịch hẹn của mình (hình 34). Hoặc để có thể xem lịch sử lịch hẹn, người sử dụng có thể chọn mục “Lịch sử” tại trang chủ e-Hair.

Tại đây, người sử dụng có thể xem chi tiết, phóng to một hình ảnh cụ thể bằng cách ấn vào hình ảnh. Ngồi ra, người sử dụng có thể chỉnh sửa đánh giá và xóa ảnh và báo cáo phản hồi (phụ lục 3).

3.3.6 Hủy lịch

Khi người sử dụng đã đặt lịch thành công, nếu gặp các vấn đề người sử dụng có thể hủy lịch tại mục “Đặt lịch” của trang chủ e- Hair. Sau khi hủy lịch người sử dụng có thể xem danh sách các lịch hẹn đã bị hủy. Hay người sử dụng muốn xem lại các danh sách hủy lịch, có thể xem bằng cách chọn mục “Hủy lịch” tại trang chủ e-Hair.

32

Hình 39: Trang chủ e-Hair Hình 40: Xem bài viết

Hình 41: Cập nhật thơng tin cá nhân (Nguồn: tác giả xây dựng) (Nguồn: tác giả xây dựng)

(Nguồn hình ảnh: salon 30Shine và MAY LUU Salon) 3.3.7 Xem trang chủ e-Hair

Khi người sử dụng đăng nhập thành công, phần mềm sẽ hiển thị trang chủ e-Hair đầu tiên. Tại đây người sử dụng có thể thực hiện 3 chức năng chính của phần mềm. Đồng thời, có thể xem các bài viết của các salon và xem thơng báo. Người sử dụng có thể báo cáo bài viết nếu cho là bài viết không phù hợp (phụ lục 3).

3.3.8 Cập nhật thông tin

Người sử dụng cập nhật thông tin tại mục “Thông tin cá nhân” của trang cá nhân. Tại đây người sử dụng có thể cập nhật lại tất cả các thơng tin liên quan đến mình. Khi cập nhật thơng tin mới người sử dụng phải cung cấp thêm địa chỉ tên đường, tòa nhà, số nhà và ảnh đại diện, ảnh bìa nếu muốn. Khi đã cập nhật thơng tin hồn tất, tồn bộ thơng tin liên quan đến người sử dụng này sẽ được cập nhật lại.

33

Hình 42: Hồn tất cập nhật thơng tin (Nguồn hình ảnh: salon 30Shine và Internet)

Hình 43: Đổi mật khẩu (Nguồn: tác giả xây dựng) (Nguồn: tác giả xây dựng)

Hình 44: Thơng báo (Nguồn: tác giả xây dựng) 3.3.9 Đổi mật khẩu

Người sử dụng có nhu cầu đổi mật khẩu, có thể chọn mục “Đổi mật khẩu” tại trang cá nhân (hình 43). Nếu người sử dụng vi phạm một trong những nguyên tắc khi đổi mật khẩu, phần mềm sẽ thông báo lỗi. Trường hợp, người sử dụng quên mật khẩu có thể thực hiện khai báo quên mật khẩu và thực hiện chức năng quên mật khẩu. Nếu người sử dụng muốn đăng xuất, có thể chọn mục “Đăng xuất” tại trang cá nhân.

3.3.10 Xem thơng báo

Khi có bất kỳ thơng báo nào liên quan đến các thông báo mà phần mềm phải gửi đến người sử dụng, phần mềm sẽ gửi đến thanh thông báo của người sử dụng. Nếu người sử dụng chọn thông báo trong thanh thông báo phần mềm sẽ hiển thị danh sách các thông báo. Ngồi ra khi chọn một thơng báo bất kỳ, phần mềm sẽ hiển thị thơng chi tiết thơng báo đó. Đối với thơng báo đã xem qua sẽ được hiển thị mờ hơn các thông báo chưa xem.

34

Hình 45: Đăng ký salon

(Nguồn hình ảnh: salon Anh Tú Hairsalon)

Hình 46: Hồn tất đăng ký salon (Nguồn hình ảnh: salon Anh Tú Hairsalon)

Hình 47: Đăng nhập (Nguồn: tác giả xây dựng) (Nguồn: tác giả xây dựng)

3.3.11 Đăng ký salon

Nếu người sử dụng chưa có tài khoản salon người sử dụng có thể đăng ký tài khoản salon. Người sử dụng cung cấp các thông tin về salon, sau khi đăng ký thành công phần mềm sẽ hiển thị giao diện salon ban đầu để người sử dụng bắt đầu xây dựng salon của mình (hình 46).

3.3.12 Đăng nhập

Khi người sử dụng đã đăng xuất tài khoản, người sử dụng sẽ phải đăng nhập trước khi sử dụng các chức năng khác. Nếu người sử dụng nhập sai quá 3 lần phần mềm sẽ hiển thị thời gian chờ hoặc nếu người sử dụng nhập sai phần mềm sẽ thông báo hoặc tài khoản không tồn tại (phụ lục 3).

35 (adsbygoogle = window.adsbygoogle || []).push({});

Hình 48: Xem chính sách (Nguồn: tác giả xây dựng) (Nguồn: tác giả xây dựng)

Hình 50: Liên hệ salon và e-Hair (Nguồn: tác giả xây dựng) (Nguồn: tác giả xây dựng)

Hình 49: Liên hệ admin (Nguồn: tác giả xây dựng) (Nguồn: tác giả xây dựng) 3.3.13 Xem chính sách của e-Hair

Người sử dụng xem chính sách e-Hair tại “Hỗ trợ khách hàng” của trang cá nhân. Tại đây, người sử dụng xem chi tiết từng chính sách bằng các chạm vào chính sách muốn xem.

3.3.14 Liên hệ salon và e-Hair

Người sử dụng có thể liên hệ với salon tại trang chủ salon bằng cách chạm vào biểu tượng tin nhắn. Tất cả ảnh đại diện của salon đều dẫn đến trang chủ salon (lịch hẹn, lịch sử, hủy lịch). Ngồi ra, người sử dụng có thể liên hệ trực tiếp với e-Hair thơng qua mục “Liên hệ Admin” tại trang cá nhân bằng tài khoản cá nhân hoặc tài khoản salon (nếu có). Tất cả các cuộc hội thoại đều được quản lý tại trang “Nhắn tin” của e-Hair.

36

Hình 51: Quên mật khẩu (Nguồn: tác giả xây dựng) (Nguồn: tác giả xây dựng)

Hình 52: Quên mật khẩu (OTP và thiết lập mật khẩu) (Nguồn: tác giả xây dựng và màn hình ứng dụng tin nhắn) 3.3.15 Quên mật khẩu

Người sử dụng thực hiện chức năng này tại màn hình đăng nhập hoặc trang cá nhân trong mục đổi mật khẩu. Quá trình thực hiện tương tự như đăng ký tài khoản.

Khi đã xác thực OTP hoàn tất, người sử dụng sẽ tiến hành thiết lập lại mật khẩu. Nếu người sử dụng quên mật khẩu lúc đăng nhập phải nhập số điện thoại trước khi thực hiện thiết lập lại mật khẩu tương tự đăng ký tài khoản.

37

Hình 53: Xem chi tiết lịch hẹn (Nguồn:tác giả xây dựng) (Nguồn:tác giả xây dựng)

Hình 54: Xử lý lịch hẹn (Nguồn: tác giả xây dựng) 3.4 Chức năng của tác nhân salon

3.4.1 Xử lý lịch hẹn

Khi khách hàng đặt lịch thành cơng, salon sẽ được thơng báo về lịch hẹn đó. Salon có thể xem tại mục thơng báo hoặc xem tại mục “Lịch hẹn” của salon. Tại đây, salon sẽ chọn lịch hẹn muốn xử lý để xem thông tin chi tiết. Đồng thời, chọn stylist của salon đã thực hiện lịch hẹn này.

38

Hình 55: Cập nhật ảnh khách hàng (Nguồn hình ảnh: Tiktok @huyleodaik)

Hình 56: Xem lịch sử lịch hẹn (Nguồn hình ảnh: Tiktok @huyleodaik)

Sau khi chọn stylist, nếu stylist có ảnh của người đặt lịch có thể thực hiện cập nhật ảnh. Nếu là lần đầu truy cập vào hình ảnh hoặc máy ảnh phần mềm sẽ xin cấp quyền truy cập. Sau khi cập nhật hình ảnh, salon chọn “Hồn tất” để hồn tất lịch hẹn. Khi hồn tất, sẽ có thơng báo đến khách hàng đã đặt lịch hẹn.

39

Hình 57: Xem chi tiết lịch hẹn (Nguồn hình ảnh: Tiktok @huyleodaik)

Hình 58: Hủy lịch hẹn (salon) (Nguồn: tác giả xây dựng)

Nếu salon muốn xem lịch sử lịch hẹn có thể chọn mục “Lịch sử” trong salon. Tại đây, salon xem chi tiết một lịch hẹn bằng cách chọn lịch hẹn muốn xem. Đồng thời, salon có thể xem ảnh của khách hàng và đánh giá của khách hàng cũng như phản hồi, báo cáo lại đánh giá đó. Ngồi ra, nếu có sự sai sót salon hồn tồn có thể sửa lại stylist hoặc xóa và cập nhật lại ảnh của khách hàng (phụ lục 3).

3.4.3 Hủy lịch hẹn

Salon có thể hủy lịch của một khách hàng bằng cách chọn mục “Lịch hẹn” của salon và chọn lịch hẹn muốn hủy và cung cấp lý do salon hủy lịch. Salon có thể xem các lịch hẹn đã bị hủy tại mục “Hủy lịch” của salon. Tại đây sẽ hiển thị các lịch hẹn bị hủy theo năm và tháng. Xem chi tiết salon chọn lịch bị hủy để biết thêm các thông tin liên quan.

40

3.4.4 Thêm, sửa, xóa dịch vụ

Salon quản lý dịch vụ salon của mình tại mục “Dịch vụ” của salon. Tại đây, dịch vụ sẻ chia thành các thể loại dịch vụ. Salon thêm mới dịch vụ bằng cách chọn .

Khi thêm dịch vụ salon cung cấp các thơng tin để hồn chỉnh một dịch vụ. Ngồi ra, salon có thể sửa hoặc xóa dịch vụ. (adsbygoogle = window.adsbygoogle || []).push({});

Hình 59: Xem và thêm dịch vụ salon (Nguồn hình ảnh và dịch vụ: salon 30Shine) (Nguồn hình ảnh và dịch vụ: salon 30Shine)

Hình 60: Thao tác với dịch vụ (Nguồn hình ảnh và dịch vụ: salon 30Shine) (Nguồn hình ảnh và dịch vụ: salon 30Shine)

41

Hình 63: Cài đặt salon (Nguồn: tác giả xây dựng) (Nguồn: tác giả xây dựng) Hình 62: Xóa dịch vụ

(Nguồn hình ảnh và dịch vụ: salon 30Shine)

Salon quản lý các dịch vụ theo thể loại, nên salon có thể thêm, xóa và sửa đối với từng thể loại dịch vụ (phụ lục 3).

3.4.5 Cài đặt salon

Salon có thể thiết lập các cài đặt riêng cho salon của mình tại biểu tượng cài đặt tại salon. Nếu salon chưa thiết lập, e-Hair sẽ lấy thông tin mặc định. Ngoài ra, salon quản lý stylist của salon tại mục “Quản lý stylist”. Đồng thời, salon có thể tạm dừng hoạt động và trở lại hoạt động tại thiết lập cài đặt (phụ lục 3).

3.4.6 Thêm và xóa bài viết

Salon quản lý bài viết trực tiếp tại trang salon, tại đây salon có thể xem tổng bài viết, các bài viết và thêm bài viết mới bằng cách chọn .

Hình 61: Sửa và xóa dịch vụ

42

Hình 65: Cập nhật thơng tin salon (Nguồn hình ảnh: salon 30Shine) (Nguồn hình ảnh: salon 30Shine) 3.4.7 Cập nhật thông tin salon

Salon cập nhật thông tin bằng cách chọn “Chỉnh sửa” tại trang salon và thực hiện cập nhật các thông cần thiết.

3.4.8 Liên hệ e-Hair và khách hàng

Salon liên hệ với e-Hair thông qua mục “Liên hệ Admin” tương tự tài khoản khách hàng, tuy nhiên chọn liên hệ với danh nghĩa là salon. Salon có thể liên hệ trực tiếp đến khách hàng thông qua việc chạm vào ảnh đại diện của khách hàng (chi tiết lịch hẹn, chi tiết lịch sử, chi tiết hủy lịch) (hình 66).

3.4.9 Báo cáo bài viết

Tài khoản salon kể cả tài khoản cá nhân của salon chỉ có thể báo cáo bài viết của salon khác, khơng thể tự báo cáo bài viết của chính salon mình quản lý. Quá trình báo cáo bài viết tương tự như khách hàng báo cáo bài viết.

Hình 64: Quản lý bài viết (Nguồn hình ảnh: salon 30Shine) (Nguồn hình ảnh: salon 30Shine)

43

Hình 66: Salon liên hệ khách hàng và e-Hair (Nguồn: tác giả xây dựng) (Nguồn: tác giả xây dựng)

Hình 67: Xem thông báo (salon) (Nguồn: tác giả xây dựng) 3.4.10 Xem thông báo

Salon nhận được thông báo từ khách hàng về đặt lịch, hủy lịch, hoàn tất đánh giá lịch hẹn và tạm khóa, khóa tài khoản salon từ e-Hair. Tồn bộ thơng báo của salon và tài khoản cá nhân của salon sẽ cùng tổ chức chung ở mục thông báo trang chủ e-Hair. Khi mở thông báo ở thanh thông báo, e-Hair sẽ hiển thị danh sách các thông báo. Xem chi tiết thơng báo bằng cách chạm vào thơng báo đó. Ngồi ra, tin nhắn đến cũng sẽ hiển thị ở thanh thông báo để dẫn đến cuộc hội thoại.

3.5 Chức năng của tác nhân quản trị viên

Đối với các quản trị viên và Special_Admin được phân quyền, các chức năng của quản trị được quản trị tại mục “Admin” trang cá nhân của quản trị viên (hình 68).

44 Hình 69: Hình 68: Quản trị e-Hair

(Nguồn: tác giả xây dựng)

Hình 68 Hình 69: Xem danh sách tài khoản cá nhân

(Nguồn: tác giả xây dựng)

Hình 70: Tìm kiếm người sử dụng (Nguồn: tác giả xây dựng) (Nguồn: tác giả xây dựng) 3.5.1 Xem danh sách tài khoản cá nhân (adsbygoogle = window.adsbygoogle || []).push({});

Quản trị viên xem danh sách tài khoản cá nhân tại mục “Cá nhân” của trang quản trị viên. Tại đây, quản trị viên có thể tìm kiếm người sử dụng theo tên hoặc số điện thoại.

3.5.2 Mở, khóa, tạm khóa tài khoản cá nhân

Quản trị viên mở, khóa, tạm khóa tài khoản tại danh sách tài khoản cá nhân bằng cách chọn tài khoản và thực hiện khóa, tạm khóa hoặc mở khóa, mở tạm khóa, người sử dụng sẽ nhận được thông báo và e-Hair sẽ ghi nhận ký về việc này. Ngoài ra, quản trị viên cịn có thể xem các thơng tin cơ bản của người sử dụng tại đây, bao gồm tài khoản salon liên kết với tài khoản cá nhân này. Đồng thời, quản trị có thể liên hệ với người sử dụng cá nhân hoặc salon bằng các chạm vào ảnh đại diện.

45

Hình 71: Mở, khóa và tạm khóa tài khoản cá nhân (Nguồn: tác giả xây dựng) (Nguồn: tác giả xây dựng)

Hình 72: Xem và tìm kiếm tài khoản salon (Nguồn: tác giả xây dựng) (Nguồn: tác giả xây dựng)

3.5.3 Xem danh sách tài khoản salon

Quản trị viên xem danh sách tài khoản salon tại mục “Salon” của trang quản trị viên. Tại đây, quản trị viên có thể tìm kiếm salon theo tên salon hoặc số điện thoại của salon. Tương tự như xem danh sách tài khoản cá nhân đối với các tài khoản bị tạm khóa sẽ hiển thị màu trắng, màu xanh đen tương ứng với tài khoản bị khóa. Các tài khoản bị khóa và tạm khóa nói chung sẽ bị hạn chế chức năng (phụ lục 3).

46

Hình 73: Mở, tạm khóa, khóa tài khoản salon (Nguồn: tác giả xây dựng) (Nguồn: tác giả xây dựng)

3.5.4 Mở, khóa, tạm khóa tài khoản salon

Quản trị viên mở, khóa, tạm khóa tài khoản salon tại danh sách tài khoản salon bằng cách chọn tài khoản salon và thực hiện khóa, tạm khóa hoặc mở khóa, mở tạm khóa, salon sẽ nhận được thơng báo và e-Hair sẽ ghi nhận ký về việc này. Ngồi ra, quản trị viên cịn có thể xem các thông tin cơ bản của salon và tài khoản cá nhân chủ quản. Quản trị viên liên hệ với salon hoặc chủ quản salon bằng các chạm vào ảnh đại diện. Khi đã bị tạm khóa hoặc khóa, salon không thể nhận thêm bất kỳ lịch hẹn nào cho đến hết thời hạn khóa (phụ lục 3).

3.5.5 Xem và xử lý báo cáo

Quản trị viên xem các báo cáo từ tài khoản cá nhân hoặc tài khoản salon tại mục “Báo cáo” của trang quản trị viên (hình 74). Quản trị viên có thể bỏ qua báo cáo để hồn tất nếu báo cáo đó khơng vi phạm chính. Ngược lại, quản trị viên có thể xóa bài viết đối với báo cáo bài viết, xóa ảnh, xóa lời đánh giá của khách hàng trong báo cáo, xóa phản hồi của salon đối với báo cáo lịch sử lịch hẹn (phụ lục 3). Tất cả các hành động đối với

Một phần của tài liệu XÂY DỰNG ỨNG DỤNG ĐẶT LỊCH HẸN CẮT TÓC “E-HAIR” BUILDING THE APPLICATION OF A HAIR SCHEDULE “E-HAIR (Trang 39)