LẬP TRÌNH WEB NÂNG CAO vận dụng kiến thức đã học để xây dựng một trang web mô phỏng web app ví điện tử phục vụ cho hai đối tượng user

503106 – LẬP TRÌNH WEB NÂNG CAO ĐỒ ÁN CUỐI KÌ – HỌC KỲ I/20222023 Vận dụng kiến thức học để xây dựng trang web mô web app Ví điện tử phục vụ cho hai đối tượng user khách hàng cá nhân (gọi tắt user) quản trị viên (gọi tắt admin) I CÁC CHỨC NĂNG CỦA USER 1.1 Đăng ký tài khoản Để sử dụng dịch vụ ví điện tử user cần chủ động đăng ký tài khoản trang web Khi đăng ký, user cần nhập thông tin bao gồm: số điện thoại, email, họ tên, ngày tháng năm sinh, địa chỉ, upload ảnh mặt trước mặt sau chứng minh nhân dân Mỗi user phải có địa email khác số điện thoại khác Sau đăng kýHai thành công, ký tự thông tin user gửi tự động đến email user Nếu khơng làm tính tạo gửi email cần username password ngẫu username hiển thị hai thông tinvànày giao diệnnhiên, trangtrong web sau dãy gồm 10 chữ số từ 0-9, password chuỗi gồm đăng ký thành công 1.2 Đăng nhập lần đầu Sau cấp thông tin đăng nhập, user cần đăng nhập để bắt đầu sử dụng dịch vụ ví điện tử Trong lần đăng nhập đầu tiên, user bị buộc đổi mật trước sử dụng hay nhìn thấy tính khác Dù có cố tình truy cập vào đường dẫn khác user bị chuyển hướng lại trang đổi mật Nếu khơng muốn đổi mật user có lựa chọn đăng xuất Trong giao diện đổi mật lần đầu user không cần nhập lại mật cũ, cần nhập mật 1.3 Xác minh tài hai lần Sau đổi mật xong user chuyển hướng vào hệ thống mà khoản Tài khoản user vừanhập đăng ký xong có trạng thái ‘chờ xác minh’ Lúc user chưa phép không cầndo phải đăng dùng hầu hết tính lại hệ thống ngoại trừ xem thông tin cá nhân đổi mật (có thể cho user xem đầy đủ menu trang web click vào hiển thị thơng báo “Tính dành cho tài khoản xác minh”) Việc xác minh tài khoản admin đảm nhiệm, hệ thống có admin Trong giao diện quản lý admin có chức hiển thị - Nhấn “Xác minh”: tài khoản user xác thực có trạng thái ‘đã xác minh’, họ có danhthể sách tàisửkhoản bắtcác đầu dụng chưa xác minh theo thứ tự trước Khi click vào tài khoản, admin thấy thông dịch vụ hệ thống Nhấn Nếu có Lúc dấunày hiệuadmin bất thường, admin hủy Khi thao tàitác tin- chi tiết "Hủy”: mà user phát cunghiện cấp tài lúc khoản đăng ký thựcđược quyền sau: khoản bị vơ hiệu hóa tài khoản có trạng thái ‘đã vơ hiệu hóa’, user khơng thể truy cập tài khoản Nếu đăng nhập, user nhận thông báo “tài khoản bị vơ hiệu hóa, vui lịng liên hệ tổng đài 18001008” - Nhấn “Yêu cầu bổ sung thông tin”: trường hợp xảy user upload ảnh CMND khơng hợp lệ, admin quyền u cầu upload lại ảnh CMND Khi tài khoản có trạng thái ‘chờ cập nhật’, user phải cần upload lại ảnh hai mặt 1.4 Khóacủa tàiCMND khoảnđể tự xác minh tài khoản động Khi đăng nhập sai mật lần liên tiếp (không kể thời gian) tài khoản bị khóa tạm thời vịng phút Đồng thời database cần ghi nhận lại tài khoản có lần ‘đăng nhập bất thường’ Khi thời gian khóa tạm thời phút, tiếp tục đăng nhập nhận thơng báo ‘Tài khoản bị tạm khóa, vui lòng thử lại sau phút’ thời tiếpkhi tụcqua nhập sai mật thêm lần liên tiếp database có ghi nhận lần - NếuSau tài gian ‘đăng phútnhập tạm bất khóathường’ thì: khoản bị khóa vơ thời hạn Lúc user tiếp tục đăng nhập nhận thông báo ‘Tài khoản bị khóa nhập sai nhập cơng truyđể cập vào hỗ hệ trợ’ thống, đồng thời số lần đăng nhập bất - Còn mật khẩuđăng nhiều lần, thành vui lịng liênthì hệuser quản trị viên thường database reset lại Tài khoản admin khơng bị khóa đăng nhập sai nhiều lần Trong giao diện quản lý admin có chức hiển thị danh sách tài khoản bị khóa vơ thời hạn đăng nhập sai nhiều lần kèm theo thời gian lúc bị khóa Để mở khóa, admin cần nhấn vào nút ‘Mở khóa’ nhấn yes hộp thoại xác nhận Sau mở khóa admin tài khoản user khơinhập phụcvào lại hệ nhưthống, ban đầu, ‘đăng bất thường’ resetsốvềdưlạitài 0.khoản, trạng Sau đăng usersố sẽlần xem đượcnhập thông tin mình, khoản xác minh thái Xemtài thông tin(đã cá nhân hay chưa) thông tin cần thiết khác 1.6 Đổi mật Trong trường hợp user chủ động muốn đổi mật đăng nhập user cần nhập lại mật cũ nhập mật hai lần để xác nhận Sau đổi mật xong user khơng cần phải đăng nhập lại 1.7 Bổ sung thông tin CMND Nếu tài khoản bị admin cho vào diện ‘chờ cập nhật’ giao diện profile user có hiển thị thông tin cụ thể, yêu cầu user phải upload lại ảnh hai mặt CMND (bình thường giao diện chức không hiển thị) Sau chọn upload ảnh thành cơng trạng thái tài khoản tự động chuyển lại thành ‘chưa xác minh’ tương tự vừa tạo tài khoản nàykhôi lại phải 1.8 User Chứclúc phụcchờ mậtđể duyệt admin Q trình bị lặp lặp lại admin đồng ý xác minh tài Trong trường hợp quên mật đăng nhập, user tự động khơi phục lại cách nhập địa khoản mail vàthì sốthơi điện thoại vào biểu mẫu, sau email tin nhắn sms tự động gửi đến hộp thư user chứa mã OTP Mã OTP dùng để nhập vào giao diện khôi phục mật vịng phút, nhập trang web cho phép tài hai 1.9 user Chứcnhập năngmật nạpkhẩu tiền vào khoản lần để dụng đổi mật Saucủa khiví đổi mậttử, công usertài phải đăngChỉ nhập từcách đầu để nạp tiền Để sử cáckhẩu dịch vụ điện userthành cần có tiềnthì khoản có lại miễn phí vào tài khoản thơng qua thẻ tín dụng Để nạp tiền user cần nhập thơng tin thẻ tín dụng với số tiền cần nạp Thơng tin thẻ tín dụng bao gồm: số thẻ (6 chữ số), ngày hết hạn thẻ mã cvv (3 chữ số) Nếu nhập thông tin thẻ không với quy tắc trang web cần hiển thị thông báo lỗi phù hợp trường hợp Để nạp tiền, user cần nhập xác thơng tin thẻ bảng bên Đây liệu mô nên tài khoản user nạp từ thẻ tín dụng STT Số thẻ 111111 222222 333333 Ngày hết hạn CVV 10/10/202 11/11/202 Mã Ghi 411 Không giới hạn số lần nạp số tiền lần nạp Không giới hạn số lần nạp nạp tối đa triệu/lần 443 577 Khi nạp thẻ ln nhận thông báo thẻ dụng dùng cho mục 12/12/202Bảng Danh sách “thẻ hếttíntiền” đích nạp tiền Nếu user nhập định dạng số thẻ (6 chữ số) khơng nằm bảng hiển thị thơng báo “thẻ không hỗ trợ” Nếu user nhập số thẻ bảng sai ngày hết hạn sai mã cvv hiển thị thơng báo lỗi tương ứng trường hợp Trong trường hợp khơng làm chức nạp tiền cần thiết lập sẵn database cho tài khoản 10 triệu đồng số dư để phục vụ cho tính khác đồng thời cần nhấn mạnh rõ điều làm để tiện cho trình Chức rút tiền cho phép user chuyển số tiền có ví vào thẻ tín dụng, ngược lại với tính chấm Sautiền mỗiởlần nạptrước tiền thành cơng cần ghi lại lịch sử giao dịch với đầy đủ thông tin cần thiết nạp phần 10 rút tiềnnăng mô user cần rút tiền thẻ tín dụng ĐâyChức cũngnăng tính Trong giao diện rút thẻ: - Số tiền, user cần nhập thông tin thẻ đây: 111111 - Ngày hết hạn: 10/10/2022 - Mã CVV: 411 - Ghi chú: (user nhập nội dung ghi nhận nội dung lịch sử giao dịch) Nếu nhập thơng tin thẻ khác xem thông tin không hợp lệ, trang web cần hiển thị thông báo lỗi “Thông tin thẻ không hợp lệ” “Thẻ không hỗ trợ để rút tiền” tùy trường hợp Chức rút tiền cần có thêm số ràng ngày tạo tối đa giao dịch - Mỗi buộc khác gồm: rút tiền - Số tiền rút lần phải bội số 50,000 đồng - Phí rút tiền 5% số tiền cần rút - Nếu số tiền cần rút 5,000,000 đồng giao dịch có trạng thái ‘đang chờ duyệt’, cần admin xác nhận đồng ý không đồng ý Giao dịch rút tiền 5,000,000 đồng thực khơng cần chờ duyệt Trong lúc chờ duyệt số dư tài khoản chưa bị thay đổi thông tin rút tiền tạo lịch sử giao dịch, với trạng thái ‘đang thái giao sốtài dưkhoản sau đótrong tùyTương vào hành động 1.11 Chức Chức nàychuyển sử chờ’ dụng Trạng để chuyển tiềndịch giữavà cùngcập hệ nhật thống tự rút phê duyệt admin số tiền tiền, chuyển tiền nhiều dư tàiđồng khoản 5,000,000 giao dịch cần phải duyệt admin Trong giao diện chuyển tiền, user cần nhập số điện thoại người nhận, số tiền muốn chuyển ghi Giao diện tự động hiển thị thêm thông tin cần thiết ví dụ tên người nhận tiền để xác nhận trước chuyển Phí chuyển tiền 5% số tiền cần chuyển, user chọn bên gửi bên nhận chịu phí Ở bước hệ thống gửi mã OTP chữ số email số điện thoại user, cần phải nhập mã OTP khoảng thời gian phút giao dịch chuyển tiền thực thành công Sau giao dịch chuyển tiền xác nhận thành cơng người nhận tiền nhận email tự động thông báo giao dịch nhận tiền biến động số dư Sau lần chuyển/nhận tiền thành công cần ghi lại lịch sử giao dịch với đầy đủ thông tin cần thiết 1.12 Chức mua thẻ điện thoại Chức cho phép user lựa chọn mua thẻ nạp điện thoại nhà mạng bao gồm: Viettel, Mobifone Vinaphone với phí giao dịch 0đ Phí giao dịch cập nhật tương lại nên cần hiển thị thông tin giao dịch Tất các nhà mạng cung cấp thẻ nạp với mệnh giá bao gồm 10,000đ, 20,000đ, 50,000đ 100,000đ User phép mua lúc tối đa mã thẻ loại giao dịch; số lượng giao dịch mua thẻ khơng giới hạn, miễn cịn đủ tiền để mua Sau mua xong trang web hiển thị hình kết giao dịch với thơng tin cần thiết, kèm theo thông tin mã thẻ Mã thẻ STT Nhà Mã số mạng điện thoại dãy 10 chữ số với 51 chữ số mã 11111 nhà mạng, ví dụ 111112345 mã điện thoại mạng Viettel User Viettel Mobifone xem lại mã thẻ điện thoại mục chi 22222 tiết giao dịch mục Lịch sử giao dịch Vinaphon e 33333 Bảng Danh sách nhà mạng di động mã nhà mạng tương ứng 1.13 Chức lịch sử giao dịch Tất giao dịch nạp tiền, rút tiền, chuyển tiền, nhận tiền, toán dịch vụ phải ghi nhận lại mục chung gọi Lịch sử giao dịch Lịch sử giao dịch có hai giao diện giao diện tổng quan: nơi hiển thị danh sách giao dịch với thơng tin cốt lõi (ví dụ icon, loại giao dịch, số tiền, thời gian thực hiện, trạng thái) xếp giảm dần theo thời gian, click vào giao dịch xem chi tiết tồn tất thông tin liên quan đến giao dịch (ví dụ mã giao dịch, trạng thái, phí giao dịch, lời nhắn chuyển tiền, mã nạp thẻ cào điện thoại, mã vé ca nhạc,…) Những giao dịch chờ duyệt hiển thị danh sách duyệt/hủy trạng thái cập nhật theo Giao dịch chuyển tiền có trạng thái ‘chờ duyệt’ ‘bị hủy’ hiển thị phía người chuyển, khơng hiển thị lịch sử giao dịch người nhận II CHỨC NĂNG CỦA ADMIN 2.1 Chức quản lý tài khoản Admin quyền xem danh sách tất tài khoản có hệ thống Cần chia nhiều danh sách khác bao gồm: - Danh sách tài khoản chờ kích hoạt: tài khoản tạo bổ sung CMND hiển thị trước Danh sách tài khoản kích hoạt: xếp giảm dần theo ngày tạo - Danh sách tài khoản bị vơ hiệu hóa (do khơng đồng ý kích hoạt): xếp giảm dần theo ngày tạo Danh sách tài khoản bị khóa vơ thời hạn (do nhập đăng nhập sai nhiều lần): xếp giảm dần theo thời gian bị khóa Khi click vào tài khoản cụ thể danh sách admin xem tất thông tin chi tiết tài khoản Trong trang chi tiết tài khoản, ngồi thơng tin tài khoản thì: - Nếu tài khoản chờ kích hoạt: chức liên quan đến việc kích hoạt tài khoản (xác minh/hủy/yêu cầu bổ sung thông - tin) hiển thị cho admin thao tác Nếu tài khoản có phát sinh giao dịch: hiển thị lịch sử giao dịch tháng hành, trước Nếu tài khoản bị khóa đăng nhập sai hiển thị thơng tin tương ứng cung cấp chức mở khóa cho admin Trước thực thao tác trang web cần hiển thị confirm dialog để xác nhận với admin Sau tài khoản thay đổi trạng thái (lock sang unlock, chờ xác minh sang xác minh/vơ hiệu hóa) tài khoản xóa khỏi danh sách tương ứng 2.2 Chức phê duyệt rút tiền chuyển tiền Trong giao diện quản lý admin có danh sách giao dịch rút tiền/chuyển tiền triệu chờ để duyệt xếp giảm dần theo thời gian Khi click vào giao dịch admin thấy đầy đủ tất thông tin giao dịch (tương tự cách chức Lịch sử giao dịch user hoạt động) Trong trang chi tiết, admin quyền phê duyệt giao dịch cách đồng ý không đồng ý Cần hiển thị confirm dialog trước ghi nhận định admin Sau phê duyệt thơng tin số dư tài III YÊU CẦU ĐẦU RA khoản liên quan trạng thái giao dịch cập nhật tương ứng Số dư tài khoản Sinh số viên âm nộp 01 file nén đặt tên dạng MSSV1_MSSV2_ zip (thay MSSV thành mã sinh viên thành viên nhóm) chứa nội dung sau: - Thư mục source: thư mục gốc project, chứa tồn mã nguồn, hình ảnh, tài nguyên khác trang web Thư mục - source chứa file index.js app.js để chạy web Tập tin database (database.sql) dùng sở liệu quan hệ: file script dùng để tạo database, tables liệu ban đầu Tập tin cần chứa câu lệnh tạo database (giảng viên import mà không cần phải tạo database trước Sinh viên nên import thử máy trước để đảm bảo tập tin khơng có lỗi) Tập tin export MongoDB file js thực khởi tạo đầy đủ data dụng MongoDB - - - Readme.txt chứa mơ tả cần thiết để người chấm setup project sinh viên chạy website máy người chấm Ngồi chứa thêm thông tin khác phục vụ cho việc chấm ví dụ thơng tin đăng nhập admin, đăng nhập Bản thiết người kế giao diệncó(file docx) chưa hình chụp thiết kế hình link đến thiết kế tài khoản dùng sẵn giao diện (ví dụ link figma) Bảng phân công công việc (file docx): Thể rõ làm phần đồ án Bản tự đánh giá (file docx pdf): lấy bảng thang điểm bên đánh giá điểm cho tiêu chí tương ứng Nếu thành viên có mức độ đóng góp khác ghi điểm cụ thể cho thành viên nhóm Thành viên làm báo cáo giao diện mà không tham gia lập trình chức đánh giá tối đa 5đ cho thành viên IV CÁC LƯU Ý KHÁC - Để tiện cho việc chấm, admin user đăng nhập giao diện Tài khoản admin lưu database - sử dụng giá trị cố định admin/123456 Nhiệm vụ tiểu luận hoàn toàn độc lập với đồ án cuối kỳ, tất thành viên cần phải tham gia vào công việc - tiểu luận đồ án cuối kỳ Bài tiểu luận giảng viên thực hành chấm Bài đồ án cuối kỳ giảng viên lý thuyết chấm Các nhóm không share code với nhau, không lấy source code mạng tự có trách nhiệm bảo vệ source code nhóm Các nhóm có source code giống (được kiểm tra phần mềm chuyên dụng) giống mạng điểm (tất thành viên), mà khơng cần quan tâm nhóm share code nhóm share code - Chỉ sử dụng tảng NodeJS ExpressJS để xây dựng web; sinh viên tự chọn template engine cho Có thể sử dụng thư viện Bootstrap, jQuery, thư viện javascript (client), package Node có sẵn để phục vụ số chức - nhỏ khác (ví dụ thư viện để gửi email, tạo OTP) Không sử dụng ngôn ngữ lập trình hay framework khác Nếu sử dụng Bootstrap jQuery sử dụng qua CDN, khơng tải tập tin vào project Tất mã client - Javascript phải viết tập tin đặt tên main.js đặt thư mục public/js source code Tất mã Điểm trừ áptrong dụngmột với trường CSS phải viết tập tin hợp đặt tên style.css đặt thư mục public/css sau đây: source Khơng • Nộp code trễ ngày: Khi nộp trễ sinh viên không cần gửi email xin giảng viên Bài nộp trễ trừ điểm, nộp trễjavascript; sử dụng inline css inline javascript Tất view sử ngày dụng internal css, internal cầndưới dùng đến css phút tính ngày • Nộp trễ từ ngày trở lên: không chấm javascript phải tham chiếu đến hai tập tin main.js style.css (0 điểm) • Nộp khơng định dạng css javascript đề yêu cầu: -1đ • Nộp sai u cầu khác: khơng có tập tin database (hoặc có import bị lỗi cú pháp), khơng có/sai thơng tin họ tên thành viên, source code không tổ chức theo cách yêu cầu mục III, cấu hình database khắp nơi • Nộp thư project: -1dmục node_modules: -1đ • Nộp không phần yêu cầu đầu ra: -1đ (khơng nộp đánh giá -2đ) V THANG ĐIỂM CHI TIẾT STT NỘI DUNG TIÊU CHÍ THANG ĐÁNH GIÁ ĐIỂM ĐIỂM 1/2 TỔNG ĐIỂM TRỌN ĐIỂM Thực chức số lỗi đáng kể Thực chức u cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể CHỨC NĂNG CƠ BẢN CỦA USER 2.75 Đăng ký tài khoản 0.25 Khơng có chức có không hoạt động Email thông báo tài khoản sau đăng ký 0.25 Khơng có chức có khơng hoạt động Đăng nhập 0.25 Khơng có chức có khơng hoạt động Thực chức số lỗi đáng kể Thực chức yêu cầu đề bài, không cịn lỗi có lỗi nhỏ khơng đáng kể Buộc nhập mật sau đăng nhập lần vào hệ thống 0.25 Khơng có chức có khơng hoạt động Thực chức số lỗi đáng kể Thực chức u cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể Xem thơng tin cá nhân 0.25 Khơng có chức Thực chức số lỗi đáng kể Thực chức u cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể Bổ sung thơng tin ảnh hai mặt CMND 0.25 Khơng có chức có khơng hoạt động Thực chức số lỗi đáng kể Thực chức u cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể Thực chức yêu cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể 7 Đổi mật 0.25 Khơng có chức có khơng hoạt động Có thể đổi mật số lỗi đáng kể Thực chức u cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể Khơi phục mật qua email/sms qn 0.5 Khơng có chức có khơng hoạt động Thực chức số lỗi đáng kể Thực chức u cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể Khóa tài khoản tạm thời phút 0.25 Khơng có chức có khơng hoạt động Thực chức yêu cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể 10 Khóa tài khoản vơ thời hạn liên tiếp đăng nhập sai 0.25 Khơng có chức có khơng hoạt động Thực chức yêu cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể CHỨC NĂNG CỦA VÍ 2.75 11 Nạp tiền vào tài khoản 0.5 Khơng có chức có khơng hoạt động Có danh sách tài khoản nhân viên công ty hiển thị thơng tin chưa đầy đủ có lỗi đáng kể Thực chức yêu cầu đề bài, khơng cịn lỗi có lỗi nhỏ không đáng kể 12 Rút tiền thẻ tín dụng 0.5 Khơng có chức có khơng hoạt động Có trang xem thơng tin riêng nhân viên chưa hiển thị đầy đủ thơng tin chi tiết cịn lỗi Thực chức yêu cầu đề bài, khơng cịn lỗi có lỗi nhỏ không đáng kể 13 Chuyển tiền qua tài khoản 0.5 Khơng có chức có khơng hoạt động Thực chức số lỗi đáng kể Thực chức u cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể 14 Email thông báo nhận tiền người khác chuyển 0.25 Khơng có chức có khơng hoạt động 15 Mua thẻ điện thoại 0.5 Không có chức có khơng hoạt động Thực chức yêu cầu đề bài, khơng cịn lỗi có lỗi nhỏ không đáng kể Thực chức số lỗi đáng kể Thực chức yêu cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể 16 Khơng có chức có khơng hoạt động Thực chức số lỗi đáng kể Thực chức yêu cầu đề bài, khơng cịn lỗi có lỗi nhỏ không đáng kể Lịch sử giao dịch 0.5 CHỨC NĂNG ADMIN 2.5 17 Xem danh sách tài khoản chờ kích hoạt 0.25 Khơng có chức có không hoạt động Thực chức u cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể 18 Xem danh sách tài khoản kích hoạt 0.25 Khơng có chức có khơng hoạt động Thực chức yêu cầu đề bài, khơng cịn lỗi có lỗi nhỏ không đáng kể 19 Xem danh sách tài khoản vơ hiệu hóa 0.25 Khơng có chức có khơng hoạt động Thực chức yêu cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể 20 Xem danh sách tài khoản bị khóa 0.25 Khơng có chức có không hoạt động Thực chức u cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể 21 Xem thơng tin chi tiết tài khoản 0.25 Khơng có chức có khơng hoạt động Thực chức số lỗi đáng kể Thực chức u cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể 22 Xác minh tài khoản 0.25 Khơng có chức có khơng hoạt động Thực chức số lỗi đáng kể Thực chức yêu cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể 23 Mở khóa tài khoản (do đăng nhập sai nhiều lần) 0.25 Khơng có chức có khơng hoạt động Thực chức yêu cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể 24 Xem danh sách giao dịch chuyển/rút tiền chờ duyệt 0.25 Khơng có chức có khơng hoạt động Thực chức yêu cầu đề bài, không cịn lỗi có lỗi nhỏ khơng đáng kể 25 Xem chi tiết dao dịch rút/chuyển tiền chờ chuyệt 0.25 Khơng có chức có khơng hoạt động 26 Phê duyệt giao dịch chuyển/rút tiền 0.25 Khơng có chức có khơng hoạt động U CẦU KHÁC 2.0 27 28 29 Responsive Giao diện (đánh giá theo cảm nhận người chấm) Tính liên kết chức toàn trang Thực chức số lỗi đáng kể Thực chức yêu cầu đề bài, khơng cịn lỗi có lỗi nhỏ không đáng kể Thực chức u cầu đề bài, khơng cịn lỗi có lỗi nhỏ khơng đáng kể 0.5 Khơng có tính responsive Có tính responsive hoạt động chưa ổn định có vài trang/phần tồn website hoạt động số thiết bị định 0.5 Giao diện không đẹp Giao diện tạm ổn, đủ để sử dụng tính chưa bắt mắt giao diện cịn phức tạp, khó sử dụng Giao diện trang web có đầu tư kỹ, trông đẹp bắt mắt, bố cục rõ ràng dễ sử dụng 0.5 Mặc dù làm chức đề yêu cầu chức phần rời rạc khơng liên quan tới nhau, tạo cảm giác chức giống tập thực hành riêng biệt, độc lập Có liên kết để tính trang web cịn hạn chế (ví dụ phải back trang chủ tới tính tiếp theo) liên kết phức tạp khó sử dụng có liên kết chặt chẽ thành phần trang web, có menu navbar để di chuyển dễ dàng tính năng, khu vực khác trang web Có chia menu làm menu menu phụ/menu Tạo cho người dùng cảm giác trang web khối liền mạch, thống (đánh giá theo cảm nhận người chấm) Có tính responsive hoạt động tốt thiết bị Khơng cịn cịn vài lỗi nhỏ không đáng kể 30 Nội dung hướng dẫn 0.25 Khơng có trình bày khơng rõ ràng Trình bày chưa cụ thể, chưa rõ ràng bước thực Trình bày cụ thể rõ ràng, làm theo bước thành công 31 Cấu trúc project source code 0.25 Để file lộn xộn, code không ghi Để file theo thư mục rõ ràng HOẶC code có ghi tốt Để file theo thư mục rõ ràng VÀ code có ghi tốt VI NÊN VÀ KHÔNG NÊN - Khi sinh viên báo cáo, trang web báo cáo phải phiên cuối hồn thiện nhất, có đầy đủ liệu Sinh viên làm hồn chỉnh trang web có liệu đạt tối đa điểm Đề mô tả chi tiết câu chữ cách làm đúng, sinh viên phải tự tham khảo chức năng/giao diện kinh nghiệm sử dụng trang web khác để áp dụng vào tập Nếu chức chạy có điểm chưa hợp lý Khicóngười đổichưa mật đánh giá vào mức trọn điểm Dưới số ví dụ: lỗi vềdùng bảo chủ mật động khẩu: - Làm chưa đúng: cho nhập mật cũ mật lần - Làm đúng: cho nhập mật cũ lần mật hai lần (đây điều tự hiểu, tự suy sử dụng trang web khác) Sử dụng tham số đường dẫn thay cho query string - Làm chưa đúng: Dùng query string để truyền tham số /product?id=123 trừ số trường hợp bắt buộc phải truyền sau dấu hỏi - Cách làm đúng: Truyền tham số đường dẫn /product/123 Khi xem thông tin profile - Làm chưa đúng: hiển thị thông tin profile đầy đủ viết code theo cách dùng GET parameter chẳng hạn / profile?userid=1234, 1234 id user hành Khi xem profile người khác cần đổi id địa - Cách làm đúng: lưu thông tin id session hiển thị địa theo dạng /profile Khi user đăng nhập xem profile đồng thời họ xem Khi hiển thị số tiền giao diện web - Làm chưa đúng: số hiển thị nhiêu, ví dụ 65 triệu hiển thị “số dư: 65000000” - Cách làm đúng: sử dụng dấu phẩy để ngăn cách sau ký tự hiển thị đơn vị, ví dụ “số dư: 65,000,000 đ” ... cần thiết lập sẵn database cho tài khoản 10 triệu đồng số dư để phục vụ cho tính khác đồng thời cần nhấn mạnh rõ điều làm để tiện cho trình Chức rút tiền cho phép user chuyển số tiền có ví vào thẻ... thư user chứa mã OTP Mã OTP dùng để nhập vào giao diện khơi phục mật vịng phút, nhập trang web cho phép tài hai 1.9 user Chứcnhập năngmật nạpkhẩu tiền vào khoản lần để dụng đổi mật Saucủa khiví... đổi mậttử, công usertài phải đăngChỉ nhập từcách đầu để nạp tiền Để sử cáckhẩu dịch vụ điện userthành cần có tiềnthì khoản có lại miễn phí vào tài khoản thơng qua thẻ tín dụng Để nạp tiền user