ứng dụng chấm công báo cáo cuối kỳ thiết kế giao diện người dùng

Storyboard có thể được sử dụng để trình bày ý tưởng cho một bộ phim, quảng cáo, trò chơi, hay bất kỳ sản phẩm đa phương tiện nào khác, giúp người xem hoặc đội ngũ sáng tạo hiểu được cách

TRUONG DAI HOC TON DUC THANG KHOA CONG NGHE THONG TIN

BAI HOC TON ĐỨC THẮNG TAAL NIA TAIZ FIRIMEDCTEY

LAM THAO NGUYEN - 52000374

NGUYEN MINH NHAT - 51900667

UNG DUNG CHAM CONG

BAO CAO CUOL KY THIET KE GIAO DIEN NGUOI DUNG

THANH PHO HO CHi MINH, NAM 2023

TRUONG DAI HOC TON DUC THANG KHOA CONG NGHE THONG TIN

BAI HOC TON BUC THANG

TON DUC THANG UNIVERSITY

LAM THAO NGUYEN - 52000374 NGUYEN MINH NHAT - 51900667

UNG DUNG CHAM CONG

BAO CAO GIUA KY THIET KE GIAO DIEN NGUOI DUNG

Người hướng dan

TS DZOAN XUÂN THANH

THÀNH PHÓ HÒ CHÍ MINH, NĂM 2023

Chúng em xin chân thành cảm ơn thầy Dzoãn Xuân Thanh đã truyền đạt những kiến thức bổ ích cho chúng em suốt học kỳ vừa qua Tuy nhiên kiến thức là

vô hạn củng với với điều kiện thời gian cũng như kinh nghiệm còn hạn chế của, bài báo cáo này không thê tránh được những thiếu sót Em rất mong nhận được sự chỉ bảo, đóng góp ý kiến của các quý thầy cô để em có điều kiện bổ sung, nâng cao kiến thức của mình Em kính mong quý thây/cô góp ý đề hoàn thiện hơn

Em xin chân thành cảm ơn

TP Hồ Chí Minh, ngày 10 tháng 12 năm 2023

Tác giả

Lâm Thảo Nguyên Nguyễn Minh Nhật

TAI TRUONG DAI HOC TON DUC THANG

Tôi xin cam đoan đây là công trình nghiên cứu của riêng tôi và được sự hướng dẫn khoa học của Ths.Dzoãn Xuân Thanh Các nội dung nghiên cứu, kết

quả trong đề tài này là trung thực và chưa công bố dưới bất kỳ hình thức nào

trước đây Những số liệu trong các bảng biểu phục vụ cho việc phân tích, nhận

xét, đánh giá được chính tác giả thu thập từ các nguồn khác nhau có ghi rõ

trong phan tài liệu tham khảo

Ngoài ra, trong Dự án còn sử dụng một số nhận xét, đánh giá cũng như

sô liệu của các tác giả khác, cơ quan tô chức khác đều có trích dân và chú thích

<5 aaaAaăaăă

In na 1.7 Mockup -. - c2 01201120 112111 12111111 1111111111 111111111111 H1 k1 KT HH HH HH

1.9 Lý do chọn TT 1.10 Mô tả về ứng dụng chấm công - 5 s1 1111111152111 11 1 111111 012121211 re

CHUONG 2 TIM HIEU THONG TIN

2.1 Vai tro va trach nhiệm của nhóm ngw6i dung ccc 22 22221222 1223112122155

VN (0 0 1 4.4 an ng ng na 2.1.2 Manager/Admin Cu HG (HH vn nh gà ad kho 2.2 Hành vi nhóm người dùng - 5c 2 221122111211 1111 1211111111118 211 1118211111 Hy 2.3 SWOT cua bén cung cap 01101 07 2.3.1S_ Điểm mạnh n n n nn nn n H HH HH HH HH HH HH Ho nh nga 2.3.2 W— ĐIỂM VẾN SE ỀEHETH HH1 H1 2212112 g ng tuyu P8590 ng n4

CHUONG 3 NGHIEN CUU NGUOI DUNG

3.1 Thong tin khao Sat SLD Thong tint nut an ng ng nen dd 3.1.2 Yêu cẩu đối với ứng dụng chấm CÔNg chu K2» co ae

UP n tr n(đră 18x Vang dd ga ăäă.ŠŠa oe nie tiernieeine 8x 6n ng rr da ăẼ EE EE inet tiernieeine CHƯƠNG 4 CONCEPT DESIGN

4.2 StoryBoard - L0 01020111101 111111111 111111111 1111111111 111111111111 H11 11111 11111111111 xka 4.2.1 Story Board C TheCR-I/M(CH€CÑ-OHĂ, ch nh kg HH ho 4.2.2 Story Board Gửi yêu cẩu hỗ HỢ ch HH HH HH gi 4.2.3 Story Board Xem chi tiét chấm CÔNg n2 nH HH yn 4.3 Bảng ưu tiên thứ tự chức nắng - c1 2211122112111 121111211 1111181 1111111811122 x4

Ai 4.4.1 Workflow ving dung cho nhâH VỈÊH à vu th th nh hàng kh nà tàn 4.4.2 Workflow ứng dụng cho Mianage1/A|dHHIH icon geso CHƯƠNG 5 SKETCH

5.1 Sketch phân quyền ứng dụng cho nhân viên -s- St 1E 221 E1221215212112 te h2 4 nan rd ra

SH 1lL, Ả4 nữ

1h l9,.2- /0 1.n ng rnraaaaa 5.1.5 Xem chỉ tiết chẤm CÔNg nh ng ng ngu 5.1.6 Tạo báo cáo chấm công sai ỦỆCỈ à cuc nghành khao 5.1.7 Yêu cẩu tư vấn hỗ rQ s ST HH HH HH HH HH HH HH hang H ai 5.2 Sketch phân quyền ứng dụng cho Manager/Admi 5s 5c E221 22222222 te2 NI 4 Na ằ.a 5.2.2 1, 4( 11 5 :.1trrrrta esntessnieesteeesteneniereiees 5.2.3 Thiết lập ngày giờ chấm công cho nhân ViÊN nh 5.2.4 Báo cáo chấm công sai lệch - c tEnEH HH tryyu 5.2.5 Thông báo hỗ IrỢ lí VẤN Sàn nh n1 ng yên CHUONG 6 WIREFRAME

6.1 Sketch phân quyền ứng dụng cho nhân viên - 5 + s1 E221 E1221212212112 1x2 6.].] Đăng HhẬP uc nh nh nghành hy nh HH HT HH HH hà 0N XL, -4: trraaa aAa 6.1.3 Tranng thông ti cả HHH cung nhà hành kh nà nghe tku N79 7.0 ng cố ốeeea 6.1.5 Xem chỉ tiết ChẤM CÔN TT 212212221 nga 6.1.6 Tạo báo cáo chấm công sai ỦỆCỈ à cuc nghành khao 282/171 0n 7.1 7n na 6.2 Wireframe phân quyền ứng dụng cho Manager/Admin 5-5 sccsczcEczszszzcez O.21 TRANG AUD r daa.ă .a

UJ5591,.: -4: 1)5 ::,0:.:.Traa.ố

6.2.4 Báo cáo chấm công sai lệch 5c tt HH HH na 6.2.5 Thông báo hỗ trợ tư VẤN ch nh ng HH tt re uA CHƯƠNG 7 MOCKUP

7.1 Mockup phân quyền ứng dụng cho nhân viên ¿s2 SE E111 11 11212111 xzx2 W"Nh2 3 ) 1n rực

II, 4 nngN —¬a ồồỒẦ a 7.1.3 Tranng thông tÌH cá HhẬH à ch nnn hao F0, 21.0 an hố ốốằốẦằeẦẶ<a.Ả 7.1.5 Xem chỉ tiết chấm CÔNg c nnnEnnEETrE n2 EH 2t nàn 7.1.6 Tạo báo cáo chấm công sai ỦỆCỈ à cuc nghành khao 7.1.7 Yêu cẩu tư vấn hỗ ÍrQ s acc TH HH TH HH HH HH HH HH HH nh ng trai 7.2 Mockup phân quyền ứng dụng cho Manager/A dmin - 55-52 S222 2222215213252 8/1 1n nền ốc .((( 7.2.2 Trang Quan bp ARGH VICI cành nh nh Hà kh kg kg tk 7.2.3 Thiết lập ngày giờ chấm công cho nhân ViÊN nhe 7.2.4 Báo cáo chấm công sai lệcÌ, Sàn ng ru 7.2.5 Thông báo hỗ IrỢ ti VẤN TH nh HH H22 tiên CHƯƠNG 8 PROTOTYPE

8.1 Prototype phân quyền ứng dụng cho nhân viên - 2s E251 5152822112 Exe2

PP h0 4 0 na 3,4 cốc aăă (((4a

PP Ni 4 4 //.1 1 1 ng adđađII1.ố.ố

8.1.5 Xem chỉ tiết chấm CÔNg nh TH H2 tt gu 8.1.6 Tạo báo cáo chấm công sai ỦỆCỈ à cuc nghành khao 8.1.7 Yêu cẩu tư vấn hỗ lrQ các ch HH HH HH HH HH HH HH nong H rat 8.2 Prototype phân quyền ứng dụng cho Manager/Admin 52-52 2 2 22c xe S.2.1 Trang Chit Mander 1n hố «dd .ằ 8.2.2 Trang quản lÿ nhÂH VIÊN ch nh hà gà HH kg kg cái 8.2.3 Thiết lập ngày giờ chấm công cho nhân ViÊN nhện 8.2.4 Báo cáo chấm công sai lệch - c tt TH t ryu 8.2.5 Thông báo hỗ IrỢ lí VẤN Sàn nh HH ng yên

CHUONG 9 TONG KET

9,1 Ưu nhược điểm ctia tng dung ccc cccccccccscscseseseesecsesessesscsessisessessesessesesseseesesees

OLD OU MEM nh

E881.) na Đ

L8 ¡gui 8n D3 9.3 Bảng phân công công vIỆc Q0 200011011101 11111 1111111111111 1 1111111111111 11111111 ka

[180W /2,-8.5-.:8.,7 RE PHHsn Ả 29 Hình 2: Thống kê độ tuôi SE 11 1212121121121 1n re 29

Hình 3: Thống kê nghề nghiệp ác TT TH t1 11111111 re 30

Hình 4: Thống kê vị trí ngh nghiỆp TT HE HH 1H H221 12tr 30 Hinh 5: Thong ké kinh nghiém nghé nghiép iccccccccccccccccccccsscscsscssesvssesvsesssvscevseseeees 30

Hinh 6: Thong ké trinh Ab WOC VGA eccccccccccccsccccsscescssessessesssssessesscesesiesestsecseseesnseees 31

Hình 7: Thống kê về mục tiêu mong muốn đối với teng MUNG .cecccccccccccscescescesteeceees 32 Hinh 8: Thống kê mức độ cần thiết đối với các thiết bị điện từ khi chấm CÔNG 32 Hình 9: Thống kê những tính năng cần có trên giao điỆ 5c tre 33 Hình 10: Thông kê những điêm chính trên giao diện che ne 33 Hình 11: Thong ké nhém mau sac ste dung cho ting Mun Qi.cccccccccccccccescsssscscssesesesee 34 Hình 12: Thống kê mức cân thiết của cảm giác đối với ứng giao điện ứng dụng 34 Hình 13 Thống kê mức cần thiết của giao dién une dung vé viéc dai dién cho

thurong Niu, 16 CRC ecccccccccccescescescesssessessessessessessessessesssssssesessessessessesessesesessnseses 34 Hình 14: Thông kê những đặc điểm tỉnh năng người dùng muốn sử dụng 35 Hình 15: Danh sách ý kiến/gợi ý về giao điện ứng dụng sen 35 7/80/1082 00n0nẺ o 36 1/80/2042 00 10nẦẦẦ.Ầ 36

;7/.80580u2.12 00nnẺn.o 37 Hình 19: Sitemap Ứng dụng quản lý chấm công nhân sự ssSs ch rerrea 37 'x1;.1/2I0N03::+ -) TS 37 Hình 21: Story Board Chấm CÔNg ST T11 5121111121211 111 ng 38

Hình 24: Woriflow tưng dụng cho nhÃn VIÊH ác ccknHnHn HH 11 k1 ườ 42 Hình 25: Woriflow ứng dụng cho MlanagefẢdHHIH à c ccc nh HH ưa 43 Hinh 26: 1275.89.17 2TXINậẠẶ 44 F2 222-,91 -4 0N n6 nh a 44 Hình 28: Sketch Trang Hồ sơ cá nhÂh 5s TS E1 E11 1121221212111 11 1g 45 Hình 29: Sketch Trang Chấm công (Check-in/ChecÄ-0ul) ác nen e 45 Hình 30: Sketch Trang Chỉ tiết chấm CÔHg ST E112 11211 re 46 Hình 31:Sketch Trang Bảo cáo chấm l0/15012T81216 Ea 46

Hình 32:Sketch Tạo yêu cẩu tư vấn hỗ IrỢ sa n1 1111 E121 ng 47

Hình 33: Sketch Trang chủ ÀÍ@HQĐ€F c T ccHn 11H TT ng vn 11k TH ky 48 Hinh 34: Sketch Quản by nhhGin vidi cccccccccccccccccseccseeseteseeteceneenssensesseseutstesteesenssenses 48 Hinh 35: Sketch Thiết lập ngày giờ chẩm CONG ccccsceccescescscescsesssesessescssesestesesteseees 49 Hình 36: Sketch Xw ly chấm CONG SATE RE ad 50 Hình 37: Sketch Xử lý yêu cẩu tư vấn hỗ HrỢ 5c TT TH H11 1n rag 50 Hình 38: WireFrame Đăng nhẬp à n TH HH HH H SH ST HH kg HH hưu 31 Hinh 39: WireFvame Trang Ht cccccccccccccccccccccteccsteccs cesses sssessseesssessusessseseessssasesees 52 Hinh 40: WireFrame Trang H6 80 CO ANGI cccccccccccccccsccscescesescsscessssssessesseseeteeseses 53 1/8 708//L210 10, i01 000nn ra 54 1./.8528//u2/04.,.00, 211.008 ốee Ả 55 Hình 43: WireFrame Chỉ tiết chấm CÔNg TT TT re re 56 Hình 44: WireFrame Tạo báo cáo chấm công sai lỆCh á TT 2n HH rà 57

Hình 47: Wireframe Quản lý nhÂH VIÊH à TT H1 HH g1 na 60 Hình 4S: Wireframe thiết lập ngày giờ chẳm cÔng s-s ch nn He n ri 61 Hình 49: Wireframe Xử lý chấm công sai lệch s51 E111 1 re 62 Hình 50: Wireframe xử lý yêu cầu tư vắn/hỗ HỢ SE n1 xe 63 Hình 51: Mockup Đăng HhẬP c TnL TT HH HH HH H1 1H ng k ngàn 64 'c1./.®2 (03,0 / -4s,.00000nnn0 - “Xa 65 Hình 53: Mockup Trang thông tIH Có HHỮH à TT HS HH tr tra 66 z7 m® n8 0ð, 7 0000806 e.aa 67 c1, mbhB (2c, S0, na 0000000880 eaea 68 Hình 56: Mockup Xem chỉ tiết chẩn CÔNg sac 211121211 1n ri 69 Hình 57: Mockup Bảo cáo chấm công sai lỆCH TH H 1 S121 HH SH HH vn ky 70 Hình 5S: Mockup Gửi yêu câu tư vấn hỗ HỢ sec HH 121 ng re 71 Hình 59: Mockup Trang cả nhân VẪGHŒĐ©F St TH HH 1111111111111 11tr 72 Hình 6U: Mockup Quản lý nhÂH VIÊH c ccnn HH t1 TH HH H111 11x ke 73 Hình 61: Mockup Thiết lập ngày giờ chấm cÔHg s12 rreg 74 Hình 62: Mockup Quản lý chấm công sai lệch ác cnTnEEHE 112121 rcy 75 Hình 63: Mockup xứ lý yêu cẩu hỗ HỢ ST TH H11 11121 22tr 76 Hình 64: Prototype Đăng HhHẬp à TT HH HT TH H11 1111111111121 tràn 77

;1/.8i 5g) 20/0/27 0000800 78 Hình 66: Prototype Trang thông tì cá nHÊH TT TH HH HH Ha 79 c1/,.82/04.2)200, 1.00 nh ốằốốẦeaaa ố 80

Hình 69: Prototype Chỉ tiết chẩm CÔNg 5c St SE 11121211121 11 ng 82 Hình 70: Prototype Báo cáo chấm công sai lệch ác E1 1121112121111 2 x2 83 Hình 71: Prototype yêu câu tư vẫn hỗ HrỢ 5c TT E111 ng 84 Hình 72: Prototype Trang Chủ MÍGHŒĐ€F à à TT n HT 11111 11111111111 ngư 85 Hình 73: Prototype trang quản lÿ nhÂH VIÊH à c n HH HH vn ra 86 Hình 74: Prototype Thiết lập ngày giờ chấm công cho nhân viên - se: 87 Hinh 75: Prototype Quan ly chm cng Sat lénhiccccccccccccccccccccsccsscscescssteseseesteseees 88 Hinh 76 : Prototype Xử lý tư vấn hỗ trỢ các H21 11a 89

DANH MUC BANG BIEU

Bảng 1: Bảng hành vì nhÓIH HgưỜi Aung ccc cccccc cece tieeteteteeneceneensteeentetenseens 27 Bảng 2: Bảng thứ tự trụ thé CC NENG eee Q c n LH HT HH HH ray 42 Bảng 3: Bảng phân công CÔNG VIỆC TT 2n S2 111 11 1111111111111 1111111111 ska 92

CHƯƠNG 1 GIỚI THIỆU

1.1 Khái niệm Personas

"Personas" (doi khi cũng được gọi là "User Personas" hoặc "Buyer Personas") là một công cụ quan trọng trong lĩnh vực thiết kế trải nghiệm người dùng (UX) và tiép thi Personas 1a biéu đồ hóa hoặc mô tả nhân tượng hóa về một nhóm người dùng hoặc khách hàng mục tiêu dựa trên nghiên cứu và dữ liệu thông

kê Mục tiêu chính của việc tạo ra personas là giúp các nhóm làm việc (như nhóm thiết kế, phát triển sản phẩm, tiếp thị) hiểu rõ hơn về đối tượng mục tiêu của họ, từ

đó thiết kế sản phẩm hoặc chiến dịch tiếp thị tốt hơn

Personas thường bao gôm các yêu tô sau:

Tên và hình ảnh: Tạo ra một "người" ảo với tên và hình ảnh để làm cho personas trở nên hình dung và dé nhớ

Thông tin cá nhân: Bao gồm thông tin như tuôi, giới tính, nghề

nghiệp, gia đình, và bất kỳ yếu tố cá nhân nào quan trọng đối với việc thiết kế sản phẩm hoặc chiến dịch tiếp thị

Thông tin hành vị: Mô tả cách người dùng này tương tác với sản phẩm hoặc dịch vụ, bao gồm các mục tiêu, cần hỏi, vấn đề thường gặp và mong đợi từ sản phâm hoặc dịch vu

Mục tiêu và mục đích: Nêu rõ những mục tiêu và mục đích mà personas cô gắng đạt được khi sử dụng sản phẩm hoặc dịch vụ

Sở thích và khó chịu: Điều này bao gồm các sở thích và sở ghét của personas, để giúp định hình cách sản phẩm hoặc chiến dịch có thé phản ánh sự phản hồi của họ

Thách thức và vấn đề: Nêu rõ các khó khăn và vấn đề mà personas có thé gap phai khi su dung san pham hoặc dịch vụ

Personas giúp các đội làm việc có một cái nhìn rõ ràng về người dùng mục tiêu của họ, từ đó họ có thê tạo ra trải nghiệm người dùng hoặc chiến dịch tiếp thị tốt hơn, phù hợp hơn với nhu cầu và mong đợi của người dùng

Uu diém cia personas:

e Hiểu rõ người dùng: Personas giúp nhóm thiết kế và tiếp thị hiểu rõ người dùng hơn bằng cách tạo ra hình ảnh rõ ràng về đặc điểm, nhụ cầu, mục tiêu và thách thức của họ

® Tập trung vào người dùng: Việc sử dụng personas g1úp tập trung vảo người dùng mục tiêu trong quá trình phát triển sản phâm hoặc chiến lược tiếp thị, giúp đáp ứng tốt hơn với nhu cầu của họ

© - Hỗ trợ quyết định thiết kế: Khi phát triển sản phâm hoặc dịch vụ mới, personas cung cấp hướng dẫn cụ thế để đảm bảo rằng sản phẩm được thiết kế sao cho phản ánh được nhu cầu của người đùng mục tiêu

e - Tạo đồng thuận trong nhóm: Personas giúp tạo ra một tầm nhìn chung

về người dùng, giúp các thành viên trong nhóm có cùng cái nhìn và hiểu rõ về đối tượng mục tiêu

Nhược điểm của personas:

e©- Có thê đơn giản hóa quá mức: Đôi khi personas có thê tập trung quá nhiều vào các đặc điểm trừu tượng, dẫn đến việc đơn giản hóa và không phản ánh đầy đủ sự đa dạng của người dùng thực tế

©_ Dễ rơi vào định kiến: Nếu không được làm mới và cập nhật đều, personas c6 thé tao ra dinh kién vé người dùng, làm mất đi khả năng thích ứng với sự thay đổi trong thị trường

e©_ Mất hướng khi không chính xác: Nếu thông tin để xác định personas

không chính xác, điều này có thê dẫn đến việc xây dựng sản phâm

không phù hợp hoặc chiến lược tiếp thị không hiệu quả

1.2 Sitemap Hệ thống

Sitemap hệ thống là một biểu đồ hoặc danh sách các trang web, trang con, hoặc thành phần chính của một trang web hoặc ứng dụng, sắp xếp theo cấu trúc hệ thông Nó giúp người dùng hoặc những người tham gia trong việc thiết kế và phát triển trang web hoặc ứng dụng hiểu được cách các trang hoặc phần tử kết nối với nhau và tổ chức trong hệ thông Sitemap hệ thống thường được sử dụng đề trình bày

một cái nhìn tổng quan về cầu trúc và luồng làm việc của một trang web hoặc ứng dụng

Sitemap hệ thống thường bao gồm các thành phần sau:

I Trang chính: Đây là trang đầu tiên mà người dùng thường truy cập khi truy cập vào trang web hoặc ứng dụng Nó có thế chứa liên kết hoặc đường dẫn đến các phần tử chính khác của trang web

2 Trang con: Day là các trang con hoặc trang con của trang chính, thường được sắp xếp trong một cấu trúc phân cấp Các trang con thường liên quan chặt chẽ đến nội dung hoặc chức năng cụ thé

3 Thành phần chức năng: Ngoài các trang web hoặc trang con, sitemap

hệ thống cũng có thê bao gồm các thành phần chức năng như nút, biểu

đồ, hoặc hộp thoại Các thành phần này có thê tương tác với trang web hoặc ứng dụng theo cách riêng biệt

4 Mối liên kết: Một phần quan trọng của sitemap hệ thống là các liên kết hoặc đường dẫn giữa các trang hoặc thành phần Các liên kết này thường thê hiện luồng điều hướng của người dùng qua trang web hoặc ứng dụng

Sitemap hệ thống thường được sử dụng đề hỗ trợ quá trình phát triển trang web hoặc ứng đụng, làm cho việc quản lý và hiểu cầu trúc của hệ thống trở nên dễ dàng hơn Nó cũng có thể giúp người dùng cuối hiểu cách điều hướng và tìm kiếm thông tin trên trang web hoặc ứng dụng một cách hiệu quả

1.3 Storyboard

Storyboard là một dạng biểu đồ hoặc tập hợp các bức tranh hoặc hình ảnh minh họa tuần tự đê mô tả hoặc trình bày một câu chuyện, một quy trình, hoặc một chuỗi sự kiện Đây là một công cụ thường được sử dụng trong ngành điện ảnh, truyền hình, thiết kế đồ họa, marketing, và sản xuất multimedia dé biéu dién y tưởng hoặc kịch bản

Storyboard thường gồm các khung hình hoặc ô trống được sắp xếp theo thứ

tự tuần tự của các sự kiện hoặc hành động trong câu chuyện Mỗi khung hình

thường đi kèm với một mô tả ngắn về những gì đang diễn ra, bao gồm các ghi chú

về hành động, cảm xúc của nhân vật, hoặc các yếu tố quan trọng khác

Storyboard có thể được sử dụng để trình bày ý tưởng cho một bộ phim, quảng cáo, trò chơi, hay bất kỳ sản phẩm đa phương tiện nào khác, giúp người xem hoặc đội ngũ sáng tạo hiểu được cách các sự kiện sẽ diễn ra theo trình tự thời gian

và không gian Điều này giúp cho quá trình thực hiện sau này có thê diễn ra đễ dàng

và chính xác hơn dựa trên kịch bản hoặc ý tưởng ban đầu

Ưu điểm của storyboard:

¢ Hỗ trợ trực quan hóa ý tưởng: Storyboard giúp bạn biêu đạt ý tưởng một cách trực quan và dễ hiểu Nó giúp bạn thấy trước cách câu chuyện hoặc dự an sé diễn ra trước khi bạn thực hiện nó

©_ Tạo kịch bản và kế hoạch: Việc xây dựng storyboard có thể giúp bạn lập kế hoạch cho các cảnh, diễn biến câu chuyện, và dự án Điều này giúp tiết kiệm thời gian và nguồn lực trong quá trình sản xuất

e Sáng tạo: Storyboard cho phép bạn thử nghiệm và điều chỉnh ý tưởng một cách linh hoạt, cải thiện tính sáng tạo trong quá trình sáng tạo nội dung hỉnh ảnh hoặc video

¢ H6 tro giao tiếp: Storyboard cung cấp một cách hiệu quả đề trình bày

ý tưởng cho các thành viên khác trong nhóm sản xuất hoặc đề thuyết phục đối tác hoặc khách hàng

Nhược điểm của storyboard:

©_ Thời gian và công sức: Việc tạo storyboard yêu cầu đầu tư thời gian

và công sức Điều này có thế tạo áp lực đối với người tham gia khi họ cần hoàn thiện nhanh một dự án

¢ Gidi han tinh chi tiết: Storyboard thường tập trung vào khung cảnh chính của câu chuyện hoặc dự án, do đó không thể trình bày tất cả các chỉ tiết hoặc tình huống phụ

¢ Khong thé thay déi nhanh chong: Khi storyboard da dugc hoan thién

và quyết định, việc thay đôi nhanh chóng hoặc điều chỉnh có thế khó khăn và đòi hỏi thời gian và công sức thêm

Tóm lại, storyboard là một công cụ hữu ích đề thể hiện ý tưởng vả kế hoạch trong lĩnh vực đồ họa, điện ảnh và sản xuât video, nhưng cần xem xét cân thận về thời gian và công sức cần thiết và khả năng thay đôi linh hoạt

1.4 Workflow diagram

Workflow diagram là một biểu đồ hoặc sơ đồ trực quan hóa các quy trình công việc hoặc luông làm việc trong một tô chức hoặc dự án Nó giúp hiện thị các bước, quy tắc và tương tác giữa các phần tử khác nhau trong quy trình làm việc

Uu diém cua workflow diagram:

Truc quan hoa quy trinh: Workflow diagram giup trie quan hóa quy trình làm việc, ø1úp mọi người hiểu được các bước và tương tác một cách dễ dàng

Tăng hiệu suất: Nó giúp tối ưu hóa quy trình làm việc bằng cách xác định các bước không cần thiết hoặc lặp lại, từ đó tăng

hiệu suất làm việc

Cải thiện hiệu suất và chất lượng: Workflow diagram cho phép xác định và thực hiện quy tắc, quy trình và kiểm soát chất lượng, giúp cải thiện chất lượng sản phẩm hoặc dịch vụ

Dễ dàng theo dõi và đánh giá: Nó cung cấp cơ hội theo dõi tiến

độ công việc, đánh giá thời gian hoàn thành và xác định các vấn đề

H6 tro trong dao tao: Workflow diagram co thé duge str dung

để đào tạo nhân viên mới hoặc hướng dẫn họ về cách thực hiện công việc một cách chính xác

Nhuwoc diém cua workflow diagram:

Phức tạp: Nếu không được xây dựng và quản ly can than, workflow diagram có thê trở nên phức tạp và khó hiểu

1.5 Sketch

e Yéu cau thoi gian va céng strc: Viée tao va duy tri workflow diagram cé thé doi hoi nhiéu thoi gian và công sức, đặc biệt khi

tổ chức hoặc dự án có nhiều quy trình phức tạp

e _ Cần cập nhật thường xuyên: Quy trình làm việc có thê thay đối theo thoi gian, va workflow diagram cần phải được cập nhật thường xuyên đề đảm bảo tính chính xác

© (C6 thể bị hiểu sai hoặc gian lận: Nếu không được sáng tạo hoặc

sử dụng một cách cân thận, workflow diagram c6 thé bi hiéu sai hoặc bị lợi dụng dé gian lận hoặc làm việc không đúng quy

tặc

Sketch thường đề cập đến việc tạo ra một phiên bản đơn giản và trực quan hóa của personas Mục tiêu chính của việc tạo sketch personas là hiên thị các đặc điểm quan trọng và thông tin cơ bản về một personas một cách nhanh chóng và đề hiểu, thay vì tạo ra một biểu đồ hoặc hình ảnh chỉ tiết

Một sketch personas thường bao gồm các yếu tố sau:

1 Tên: Tên của personas, thường là một biệt danh hoặc tên giả đề dễ nhớ

Hình ảnh: Một biểu đồ hoặc hình ảnh đại diện tương tự cho personas

để làm cho nó trực quan hóa hơn

Đặc điểm: Một số đặc điểm chính hoặc thông tin quan trọng về personas, như độ tuổi, nghề nghiệp, mục tiêu, và thách thức chính Mục tiêu: Mô tả ngắn gọn về mục tiêu hoặc nhiệm vụ quan trọng của personas trong ngữ cảnh cụ thé

Nhu cầu và mong muốn: Những yêu cầu, mong muốn hoặc vẫn dé ma personas có thê gặp phải trong quy trình sử đụng sản phẩm hoặc dịch

vụ

Thông tin thêm: Bắt kỳ thông tin bổ sung nảo cần thiết để làm cho personas trở nên trực quan hóa vả đề hiểu hon

Sketch personas thường được sử dụng trong giai đoạn sớm của quá trình thiết

kế sản phẩm hoặc chiến lược tiếp thị để nhanh chóng thê hiện và chia sẻ thông tin

về người đùng mục tiêu Chúng có thể được cải thiện và bố sung theo thời gian khi

có thêm thông tin và nhận thức về personas

1.6 Wireframe

Wirefame là một sơ đồ trực quan hóa và đơn giản hóa của giao diện người dùng hoặc trang web Nó thường được sử dụng trong thiết kế sản phẩm hoặc trang web đề hiển thị cau trúc tông quan của trang hoặc ứng dụng mà không cần quan tâm đến các yếu tổ thiết ké chi tiết như màu sắc, hình ảnh hoặc phông chữ Wiref#ame giúp thiết kế tập trung vào sự cầu trúc và sắp xếp nội dung Dưới đây là một số ưu điểm và nhược điểm cua wireframe:

Uu diém cua wireframe:

e Trực quan hóa cấu trúc: Wireframe giúp trực quan hóa cấu trúc tổng quan của giao diện hoặc trang web, giúp người thiết kế và những người tham gia dự án hiểu được cách các phần tử giao diện sắp xếp và tương tác với nhau

® Tập trung vào nội dung và chức năng: Wireframe giúp tập trung vào nội dung và chức năng của sản phẩm hoặc trang web mà không bị xao

lạc bởi thiết kế chi tiết

e© Nhanh chóng va chi phi thap: Viéc tao wireframe nhanh chóng và

không đòi hỏi nhiều tài nguyên, giúp tiết kiệm thời gian và tiền bạc

trong quá trình thiết kế

e Dé dang thay đổi và điều chỉnh: Wireframe có thê đễ dàng thay đôi và điều chỉnh khi có thêm ý tưởng hoặc khi cần phản hồi từ người dùng hoặc đối tác

Nhược điểm của wireframe:

e Thiéu chi tiết: Wireframe không hiến thị thông tin về màu sắc, hình ảnh và phông chữ, do đó có thê thiếu đi tính trực quan và cảm xúc của sản phẩm cuôi cùng

¢ Dé hiéu sai: Do tinh trivu tuong cua wireframe, có thé xay ra hiéu sai hoặc hiểu không đúng cấu trúc hoặc chức năng

e© Cần sự bô sung: Wireframe thường cần được bồ sung bằng các tải liệu bổ sung như mô hình tương tác hoặc hướng dẫn thiết kế chỉ tiết để làm cho nó hoàn chỉnh hơn

Tóm lại, wireframe là một công cụ hữu ích trong quá trình thiết kế sản phẩm hoặc trang web để trực quan hóa cấu trúc và chức năng tổng quan, nhưng nó không thê thay thế thiết kế chỉ tiết và yêu cầu sự bổ sung để đảm bao tinh trực quan và hiểu quả của sản phẩm hoặc trang web cuối cùng

1.7 Mockup

Một mockup là một biểu đồ trực quan hóa và chỉ tiết hơn so với wirefame, thường chứa thông tin về màu sắc, hình ảnh, phông chữ và giao điện người dùng cụ thê Mockup thường được sử dụng trong quá trình thiết kế sản phẩm hoặc trang web

đề hiển thị cụ thế hơn về cách sản phâm hoặc trang web sẽ trông như khi hoàn thành Dưới đây là một số ưu điểm và nhược điểm của mockup:

Uu diém cia mockup:

e Hién thi cu thé: Mockup cung cấp một biểu đồ cụ thể về cách sản phẩm hoặc trang web sẽ trông như khi hoàn thành, giúp người thiết kế

và các bên liên quan hiểu được cách giao diện người dùng sẽ hoạt động trong thực tế

¢ _ Tạo trải nghiệm gân giống sản phẩm cuối cùng: Với sự chú ý đến chỉ tiết thiết kế, màu sắc và giao diện người dùng, mockup giúp tái tạo một trải nghiệm gần giống sản phẩm cuối củng

©_ Dễ dàng giao tiếp và thu hút sự quan tâm: Mockup giúp tạo ra một hình ảnh rõ ràng và dễ hiểu về sản phẩm hoặc trang web, thu hút sự quan tâm và hỗ trợ trong việc giao tiếp với đối tác hoặc khách hàng

¢ Chỉnh sửa và phản hồi để dàng: Mockup có thế được để dàng chỉnh sửa và điều chỉnh theo phản hỗi từ người đùng hoặc đối tác, giúp cải thiện quy trình thiết kế

Nhược điểm ctia mockup:

e = Thoi gian va céng strc: Tao mockup đòi hỏi nhiều thời gian và công sức, đặc biệt khi cần phải xử ly các chỉ tiết thiết kế va giao diện phức tạp

®_ Không phản ánh chức năng thực tế: Mockup tập trung vào giao diện người dùng và thiết kế, không phản ánh cụ thể về chức năng và tương tác người dùng Điều này có thế dẫn đến sự khác biệt giữa mockup và sản phẩm cuối củng

e Yéu cau hiéu biết thiết kế: Tạo mockup yêu cầu kiến thức về thiết kế

và phần mềm đồ họa, do đó có thế khó khăn cho những người không

có kinh nghiệm trong lĩnh vực này

Tóm lại, mockup là một công cụ quan trọng trong quá trình thiết kế sản phẩm hoặc trang web dé hién thi cu thé va hap dan, nhưng nó đòi hỏi sự đầu tư về thời gian và kiến thức thiết kế dé tạo ra nó

1.8 Prototype

Một prototype (nguyên mẫu) trong lĩnh vực thiết kế sản phẩm và phát triển phần mềm là một phiên bản thử nghiệm và có thê tương tác của sản phâm hoặc ứng dụng cuối cùng Prototype được tạo ra để kiểm tra, đánh giá và cải thiện cách sản phẩm hoặc ứng dụng hoạt động trước khi xây dựng phiên bản cuối cùng Dưới đây

là một số ưu điểm và nhược điểm của việc sử đụng prototype:

Uu diém cua prototype:

© Hiến thị cụ thể về hoạt động: Prototype cho phép người đùng và nhóm phát triển thấy trước cách sản phâm hoặc ứng dụng sẽ hoạt động trong thực tế

® Kiếm tra tương tác người dùng: Prototype cho phép kiếm tra tương tác người dùng, giúp đánh giá tính năng vả trải nghiệm người dùng

¢ Thu hut phan héi sớm: Prototype giúp thu thập phản hồi sớm từ người dùng và bên liên quan, từ đó cải thiện sản phẩm trước khi tiến hành phát triền cuôi củng

e - Dễ dàng chỉnh sửa và điều chinh: Prototype thuong dé dang chinh stra

và điều chỉnh theo phản hồi và yêu cầu, giúp tiết kiệm thời gian và tài nguyên

® Hỗ trợ trong dao tạo: Prototype có thể được sử dụng để đào tạo nhân viên và người dùng cuối cùng về cách sử dụng sản phẩm hoặc ứng dụng

Nhược điểm của profotype:

®©- Đòi hỏi thời gian và nguồn lực: Tạo prototype đòi hỏi thời gian và nguồn lực đáng kế đề phát triển và kiểm tra, đặc biệt trong trường hợp sản phẩm phức tạp

© Không phản ánh tất cả tính năng: Prototype thường tập trung vào một

số tính năng hoặc khía cạnh quan trọng của sản phẩm, do đó không phản ánh toàn bộ chức năng của sản phâm cuối cùng

© Có thế gây hiểu nhằm: Người dùng và bên liên quan có thể hiểu nhằm rằng prototype là phiên bản cuối cùng của sản phẩm, dẫn đến kỳ vọng không phủ hợp

¢ Chí phí tạo và duy trì: Tạo và duy trì prototype có thể tốn kém, đặc biệt nêu cần nhiều phiên bản và sự cập nhật liên tục

Tóm lại, prototype là một công cụ quan trọng trong quá trình phát triển sản phẩm hoặc ứng dung dé hién thi cụ thể, kiểm tra tương tác người dùng và thu thập phản hỗồi sớm Tuy nhiên, nó đòi hỏi đầu tư về thời gian và nguồn lực và không phản ánh toàn bộ sản phẩm cuỗi cùng

1.9 Lý do chọn đề tài

1 Mở Đâu:

Trong quá trình xây dựng dự án nảy, chúng em đã đặt ra nhiều câu hỏi về cách tối ưu hóa quá trình quản lý thời giờ làm việc và chấm công trong môi trường công ty Điều này đặt ra nhu cầu cao cho một giải pháp hiệu quả và tiện ích hơn, không chỉ giúp quản trị viên mà còn đơn giản hóa quá trình chấm công cho nhân viên

2 Xudt Phdt Diém:

Với sự phát triển nhanh chóng của công nghệ và sự phô biến của các công cụ

di động, chúng em nhận ra rằng việc tận dụng ưu điểm của các ứng đụng di động dé giải quyết vấn đề chấm công có thế mang lại nhiều lợi ích Điều này không chỉ tăng cường tính chính xác và minh bạch trong quản lý chấm công mà còn tạo ra sự thuận tiện cho người dùng cuỗi, như nhân viên và quản trị viên

3 Nhu Cau Thực Tế:

Nhu cầu thực tế trong doanh nghiệp ngày càng cao về việc quản lý thời gian làm việc của nhân viên một cách chính xác và thuận lợi Điều này không chỉ giúp tăng cường hiệu suất làm việc mà còn đảm bảo tính công bằng trong việc tính lương

và quản lý nguồn nhân lực

4 Nghiên Cứu Vấn Để:

Chúng em đã tiến hành một loạt nghiên cứu thị trường về các doanh nghiệp

đề đánh giá sâu sắc về thách thức mà họ đang phải đối mặt trong việc quản lý chấm công Những thông tin này đã khăng định rằng có một nhu cầu rõ ràng cho một ứng dụng chấm công hiện đại và linh hoạt

5 Tiềm Năng Phát Triển:

Chúng em tin rằng việc phát triển một ứng đụng chấm công không chỉ là giải

pháp ngay lập tức mà còn mang lại tiềm năng phát triển lâu dài, đặc biệt là khi doanh nghiệp mở rộng và số lượng nhân viên tăng lên

6 Kết Luận:

Với những lý do trên, chúng em tin tưởng rằng việc thực hiện dự án "Ứng Dụng Chấm Công" không chỉ là một nhiệm vụ hữu ích mà còn là một đóng góp tích cực đối với sự phát triển của cả doanh nghiệp và cộng đồng người sử dụng

1.10 Mô tá về ứng dụng chấm công

Ứng dụng Chấm công là một giải pháp hiện đại và tiện ích nhằm tối ưu hóa quá trình quản lý thời gian làm việc và giám sát hoạt động nhân viên Với giao diện thân thiện và dễ sử dụng, ứng dụng này mang lại trải nghiệm người dùng tốt, giúp

ho dé dang ghi lai gid làm và theo dõi thông tin chấm công cá nhân

Chức Năng Chính:

¢ Cham Céng Linh Hoạt: Nhân viên có thế đễ dàng chấm công thông qua ứng dụng trên điện thoại di động hoặc trực tuyến tại máy tính cá nhân

e© Quản Lý Thông Tin Cham Công: Quản trị viên có khả năng phê đuyệt

và quản lý thông tin chấm công, giúp đảm bảo sự chính xác và minh bạch trong quá trình quản lý nhân sự

¢ Bao Cao Hiệu Suất: Ứng dụng cung cấp các báo cáo chỉ tiết về giờ làm, nghỉ phép, và các thống kê khác, giúp quản trị viên hiểu rõ về hiệu suất làm việc của đội ngũ

e©_ Thông Báo và Nhắc Nhở: Hệ thống thông báo tự động giúp nhân viên không bỏ sót bất kỳ sự kiện hoặc nhiệm vụ nào quan trọng liên quan đến thời gian làm việc của họ

Uu Diém Chính:

e Tiét Kiém Thoi Gian: Giam thiéu thu tuc gidy to, gitp nhan vién va

quản trị viên tiết kiệm thời gian quản lý và xử lý thông tin chấm công e¢ Minh Bạch và Chính Xác: Dữ liệu chấm công được lưu trữ trực tuyến, tạo ra một môi trường minh bạch và p1ảm sai sót trong quá trình quản

CHUONG 2 TIM HIEU THONG TIN

2.1 Vai trò và trách nhiệm của nhóm người dùng

2.1.1 Nhân viên sử dụng ứng dụng

¢ Vai tro

© Thực hiện việc chấm công qua ứng dụng, nhân viên có trách

nhiệm chấm công vào và ra đúng thời điểm khi đến và rời khỏi nơi

làm việc

Nếu có bất kỳ sai sót nào trong quá trình chấm công, nhân viên nên thông báo ngay lập tức cho quản trị viên dé có sự sửa đổi và điều chỉnh

Theo đõi thông báo từ ứng dụng, bao gồm những nhắc nhở về việc chấm công hoặc các thông báo quan trọng khác từ quản trị viên Bảo vệ thông tin đăng nhập cá nhân và duy trì an ninh tài khoản trên ứng dụng chấm công

© Trach nhiém

© Nhân viên phải ty quan lý thời gian làm việc của mình dé dam bảo tuân thủ lịch trình làm việc và giữ được hiệu suất làm việc Báo cáo sai sót ngay lập tức

Tuân thủ mọi quy tắc và quy định của công ty liên quan đến việc

sử dụng ứng dụng chấm công và thời gian làm việc

Hợp tác với quản trị viên trong việc xác nhận và giải quyết mọi vấn đề liên quan đến chấm công và quản lý thời gian

Nếu nhận thấy có cơ hội cải tiến quy trình chấm công hoặc sử dụng ứng dụng, nhân viên có trách nhiệm đề xuất ý kiến đề nâng cao hiệu suất

Thực hiện công việc một cách trung thực và minh bạch, đặc biệt là khi liên quan đên thời gian làm việc và châm công

2.1.2 Manager/Admin cua ứng dụng

e Vai tro

© Thêm, sửa, và xóa thông tin người dùng trong hệ thống, bao gồm

cả nhân viên và các quản trị viên

Tạo và quản lý thông báo cần thiết, như nhắc nhở nhân viên chấm công, thông báo lịch trực, và các thông báo khác liên quan đến

Tổ chức buổi đào tạo hoặc hướng dẫn đề đảm bảo nhân viên hiểu

rõ và sử dụng hiệu quả ứng dụng chấm céng qua WiFi

Thu thập phản hỏi từ nhân viên và đề xuất cải tiến cho hé thong dé tối ưu hóa quá trình quản lý nhân sự

Đảm bảo rằng quá trình quản lý thời gian và nhân sự tuân thủ tất

cả các quy định và pháp luật liên quan

® Sửdụng tin chấm công | là nhân viên | mục tiêu nghề

mọi tính năng day du và tiến hành | nghiệp định

của ứng dụng *® Kiếm thực hiện kỳ

Nhân viên chấm công đề tra lịch sử các yêu cầu se Chấm

quản lý thời gian | chấm công trong việc công dúng hạn

làm việc một « Gửitư | chấm công

cách hiệu quả vấn hỗ trợ s® Cung cấp

thông tin chấm công chính xác

và đầy đủ Admin/Manager | ® Quản lý tài ® Xác e Dang | Bat dau

khoan nhan nhận và quản | nhập tải của mỗi

viên lý thông tin khoản với ngày, tuần,

¢ Hétrongwoi | cham cong tư cách hoặc tháng dùng về mọi của nhân viên | admin vả e Kếtthúc vấn đề liên ® Hướng tiễn hành mỗi ngày, quan đến Ứng dẫn và đào tạo | thao tác các tuần, hoặc dụng chấm nhân viên về công việc tháng công và đào

tao MỚI "8ƯỜI cách sử dụng

ứng dụng tương ứng

với hành vị ® Trước các

kỳ đánh

dung chấm công của mình giá hiệu Tối ưu hóa ® Thực suất

quá trình hiện kiểm tra Khi có sự

chấm công để | định kỳ và thay đôi tiết kiệm thời | giám sát quá trong quy gian và tang trinh cham trinh cham hiệu suất công công Nhanh chóng ® Xác Trong quả

xử lý các vấn | nhận và phê trình xử lý

đề kỹ thuật và |_ duyệt từ nhân các tình

ngoại lệ trong | viên huống đặc quá trình sử e Hỗ trợ biệt hoặc

dụng hệ nhân viên ngoại lệ

thống trong việc giải liên quan

quyết vấn đề đến thời liên quan đến gian làm chấm công việc

Khi cần

đánh giá hiệu suất tổng thê và phân tích

đữ liệu chấm công

® Dự án có đội ngũ phát triển và hỗ trợ chuyên nghiệp

® - Đã có danh sách khách hàng hài lòng và thành công trong việc sử dụng sản phẩm

2.3.2 W— Điểm yếu

e Cần phải cải thiện tính linh hoạt và tùy chỉnh của ứng dụng

e - Có thế gặp khó khăn trong việc cung cấp dịch vụ hỗ trợ khách hàng toàn câu

e - Đối diện với sự cạnh tranh mạnh mẽ từ các công ty khác trong ngành

2.3.3 0— Cơ hội

® - Cơ hội mở rộng thị trường và thu hút thêm khách hàng mới

© Có thể phát triển các tính năng mới và tích hợp công nghệ mới đề tối ưu hóa sản phẩm

e _ Tận dụng các xu hướng về làm việc tir xa va quan ly dy án trực tuyến

CHƯƠNG 3 NGHIÊN CỨU NGƯỜI DÙNG

3.1 Thông tin khảo sát

Form khao sat: https://forms.gle/CJp82wkixXxsdLwjr7

3.1.1 Thong tin ngwoi dung

Nghề nghiệp hiện tại của Anh/Chị là gì? Iũ Sao chép

50 câu trả lời

15

1(2%) 1 (2%) 1 (2%)

Marketing Nhân viên xuất nhậ — kinh doanh quốctế kỹ sư máy tính marketing Marketing intem Software Engineer ké toan lap trinh vién quản lý d

Hình 4: Thống kê vị trí nghề nghiệp

© Kinh nghiệm nghề nghiệp

Anh/Chị đã có kinh nghiệm bao lâu trong công việc của mình?

Trình độ học vấn của Anh/Chị là gì? | sao

50 cau tra loi

@ Tiénsi (Ph.D)

@ Thac sf (Master's degree)

@ Ci nhan (Bachelor's degree)

@ Trung hoc phé théng (High school diploma

@ Hoc nahé hoac chứng chi dao tao

Hinh 6: Thống kê trình độ học vấn

3.1.2 Yêu câu doi voi wng dung cham cong

e = Thiét bị thường sử dụng để chấm công

Thiết bị mà Anh/Chị sử dụng khi chấm công là gì? 0 Sao chép

® Mục tiêu

Mục tiêu chính khi sử dụng phần mềm chẩm công của Anh/Chị là gì? (Vui lòng chọn Sao

tất cả các mục tiêu phù hợp) O chép

50 câu trả lời

Quản lý thời gian làm việc

Tính lương và thanh toán lương

Theo dõi thông tin chấm công|

Tổng hợp dữ liệu về thời gian lam việc đê phân tích hiệu suất

Anh/Chị muốn giao diện chấm công có giao diện chính nào? (0) Sao chép

50 câu trả lời

Trang chủ Trang lich sir cham cong}

Trang yêu cầu xác nhận chám|

công Trang bao cao}

thé hién 16 s6 n con thiéu, hé tro tinh OT, submit OT

Lịch sử chấm công gần đây

Hình 10: Thống kê những điểm chính trên giao diện

Nhóm màu lạnh: xanh dương, xanh lá

tim,

@ Nhóm màu nóng: đồ, cam, vàng,

9 Nhóm màu trung tính: đen, trằng, xám,

Hình 11: Thống kê nhóm màu sắc sử dụng cho ứng dụng

Màu sắc trong ứng dụng có cần thiết phải tạo cảm giác chuyên nghiệp và thân thiện không?

50 cau trả lời

@ co

@ không

Hình 12: Thống kê mức cân thiết của cảm giác đối với ứng giao diện ứng đụng

Màu sắc của ứng dụng có cần phải thể hiện đại diện cho thương hiệu hoặc tổ chức của Anh/Chị không?

50 cau tra loi

@Co

® Không

Hình 13 Thống kê mức cần thiết của giao dién une dung vé viéc dai dién cho

thương hiệu, tô chức

¢ Dac diém tinh nang

Những đặc điểm tính năng Anh/Chị nghĩ là cần thiết trong ứng dụng chấm công là Si

50 cau tra Idi

Dễ sử dụng Tìm kiếm dễ dàng Thông tin chỉ tiết Ngày tháng năm đây đủ

Ứng dụng quá tuyệt vời

Cân nhắc cách màu sắc và giao diện phản ánh các tương tác người dùng Ví dụ, có thể sử dụng màu sắc để chỉ ra trạng thái hoặc thay đổi màu của nút khi người dùng tương tác với chúng

Sử dụng màu sắc để tạo sự tương tác, ví dụ như khi người dùng nhấn vào một nút hoặc di chuyển qua một phần tử

Đảm bảo rõ ràng sự tương phản giữa màu nền và màu chữ để thông tin dễ nhận biết

Sử dụng màu sắc để làm nổi bật các phần quan trọng hoặc tính năng đặc biệt

Sử dụng màu sắc để thể hiện trạng thái như "đã chấm công" hoặc "nghỉ phép” để người dùng dễ dàng nhận

biết

Sử dụng mã màu đồng nhất và duy nhất trên toàn ứng dụng để tạo sự nhất quán

Hình 15: Danh sách ý kiến/gợi ý về giao diện ứng dụng 3.2 Personas

3.2.1 Personas I

GUYỄN LÂM TRÀ MI

Quản lý nhôn sự, 28

Tôi là một người quản lý nhôn sự và tập trung vào

việc tối ưu hóa hiệu suất của đội ngũ nhôn v ôi

muốn sử dụng ứng dụng chấm công để theo dõi thời gian làm việc củc nhân viên vò cải thiện quy trình

quản lý nhôn sự

3.2.2 Personas 2

PROBLEM PERSONALITY

Giảm thei gian lam việc khong can Extrovert introvert

thiết và tăng hiệu suất làm việc của

Thinking Feeling DEMAND

s Sử dụng dữ liệu châm công đế Sensing Intuition dua ra quyét dinh chi tiét vé viec

làm vò phút triển nhan vién

Can bao cao định kỹ vẽ hiệu suất,

phôn tích nhên sự GOALS Yêu cầu tích hợp ứng dụng chấm

nguyên nhân sự (HRM)

Giảm thdi gian lam việc không cần

thiết vũ tăng hiệu suất lãm việc của

Một vấn đề tiêm ấn là sự cân thiết

của việc giải thích cụ thể về cách sử cà

dụng ứng dụng chấm công cho Thinking Feeling

những người mới tham gia cóng ty

hoặc thực tập sinh như tôi Sensing Intuition

VĂN NGỌC HIỂN

N vién Marketing, 21

Tôi là mệt sinh viên đại học đang thiực tập tại bộ phận

marketing của một công ty vừa vẻ nhỏ Nhiệm vụ chính củo tôi lò hỗ trợ công việc morketing vò quảng cóo của công ty

DEMAND

Mong muốn có một ứng dụng chấm công di động dé danh gió thời gian GOALS

lam việc vả theo döi cỏng việc của Học hỏi cách sử dụng ứng dụng "

mình cham cong dé quan ly thoi gian % se

lam viéc cua minh mét cach hiéu

PROBLEM PERSONALITY

Introvert

Tính đóng tin cậy của các ứng dụng Extrovert cham công trước đây, đặc biệt khi lam vie trong moi trường sản xuất Thinking Fooling đồi hỏi tính linh hoạt

s Sử dụng ứng dụng cham cong một cách thuận tiện dể theo dõi

GOALS cảm bảo tính chính xác

* Tận dụng công nghệ để tổi ưu hóc thời gian làm việc vò cải mình

TECHNOLOGY trình quản lý nhõn sự cho cóc

Tôi lò một kỹ sư phần mềm với hơn 5 năm kinh SOFTWARE

ko dã _ Ty n kir nghiệm trong việc phót triến ứng dụng web vò di EXPERIENCE

động Tôi đang lam việc cho một công ty công nghệ INTERNET 1 15 lớn vũ thưởng xuyên tham gia vao cac dy Gn phic aa -ÔÓ

tạp lién quan dén phat trién phan mém