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/2022-2023 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ý thành công, user tạo username password ngẫu nhiên, username dãy gồm 10 chữ số từ 0-9, password chuỗi gồm ký tự Hai thông tin gửi tự động đến email user Nếu khơng làm tính gửi email cần hiển thị hai thông tin giao diện trang web sau đă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 hai lần Sau đổi mật xong user chuyển hướng vào hệ thống mà không cần phải đăng nhập lại 1.3 Xác minh tài khoản Tài khoản user vừa đăng ký xong có trạng thái ‘chờ xác minh’ Lúc user chưa phép dùng hầu hết tính 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ị danh sách tài khoản chưa xác minh theo thứ tự trước Khi click vào tài khoản, admin thấy thông tin chi tiết mà user cung cấp lúc đăng ký Lúc admin thực thao tác sau: - Nhấn “Xác minh”: tài khoản user xác thực có trạng thái ‘đã xác minh’, họ bắt đầu sử dụng dịch vụ hệ thống - Nhấn "Hủy”: Nếu phát tài khoản có dấu hiệu bất thường, admin quyền hủy Khi tài 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” LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user - 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 CMND để xác minh tài khoản 1.4 Khóa tài khoản tự độ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’ Sau qua thời gian phút tạm khóa thì: - Nếu tiếp tục nhập sai mật thêm lần liên tiếp database có ghi nhận lần ‘đăng nhập bất thường’ tài 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 mật nhiều lần, vui lòng liên hệ quản trị viên để hỗ trợ’ - Cịn đăng nhập thành cơng user truy cập vào hệ thống, đồng thời số lần đăng nhập bất 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ơi phục lại ban đầu, số lần ‘đăng nhập bất thường’ reset lại 1.5 Xem thông tin cá nhân Sau đăng nhập vào hệ thống, user xem thơng tin mình, số dư tài khoản, trạng thái tài khoản (đã xác minh hay chưa) thông tin cần thiết khác LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user 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 User lúc lại phải chờ để duyệt admin Quá trình bị lặp lặp lại admin đồng ý xác minh tài khoản thơi 1.8 Chức khôi phục mật 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 mail số đ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 user nhập mật hai lần để đổi mật Sau đổi mật thành cơng user phải đăng nhập lại từ đầu 1.9 Chức nạp tiền vào tài khoản Để sử dụng dịch vụ ví điện tử, user cần có tiền tài khoản Chỉ có cách để nạp tiền 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 LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user STT Số thẻ Ngày hết hạn Mã CVV Ghi 111111 10/10/2022 411 Không giới hạn số lần nạp số tiền lần nạp 222222 11/11/2022 443 Không giới hạn số lần nạp nạp tối đa triệu/lần 333333 12/12/2022 577 Khi nạp thẻ ln nhận thơng báo “thẻ hết tiền” Bảng Danh sách thẻ tín dụng dùng cho mục đí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ấm Sau lần nạp 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.10 Chức rút tiền 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 nạp tiền phần trước Đây tính mơ user cần rút tiền thẻ tín dụng Trong giao diện rút tiền, user cần nhập thông tin thẻ đây: - Số thẻ: 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) LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user 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 buộc khác gồm: - Mỗi ngày tạo tối đa giao dịch 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 chờ’ Trạng thái giao dịch số dư sau cập nhật tùy vào hành động phê duyệt admin số dư tài khoản 1.11 Chức chuyển tiền Chức sử dụng để chuyển tiền tài khoản hệ thống Tương tự rút tiền, chuyển tiền nhiều 5,000,000 đồng 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 LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user 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 đủ 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ẻ điện thoại dãy 10 chữ số với chữ số mã nhà mạng, ví dụ 111112345 mã điện thoại mạng Viettel User xem lại mã thẻ điện thoại mục chi tiết giao dịch mục Lịch sử giao dịch STT Nhà mạng Mã số Viettel 11111 Mobifone 22222 Vinaphone 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ờ LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user 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 LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user 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 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 số âm III YÊU CẦU ĐẦU RA Sinh viên 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 LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user - 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 Ngoà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 tài khoản người dùng có sẵn - Bản thiết kế giao diện (file docx) chưa hình chụp thiết kế hình link đến thiết kế 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 LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user - 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ã CSS phải viết tập tin đặt tên style.css đặt thư mục public/css source code Không sử dụng internal css, internal javascript; sử dụng inline css inline javascript Tất view cần dùng đến css javascript phải tham chiếu đến hai tập tin main.js style.css - Điểm trừ áp dụng với trường hợp sau đây: • Nộp 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ễ ngày trừ điểm, nộp trễ phút tính ngày • Nộp trễ từ ngày trở lên: khơng chấm (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 project: -1d • Nộp thư mục node_modules: -1đ • Nộp khơng phần u cầu đầu ra: -1đ (khơng nộp đánh giá -2đ) LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user 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 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Ơ 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 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 yê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 yê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 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ể LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user Đổ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 yê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 yê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ể LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user 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ể LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user 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 Responsive 28 (đánh giá theo cảm nhận người chấm) 29 Giao diện 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 toà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 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 LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user 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 hoà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ý có lỗi bảo mật chưa đánh giá vào mức trọn điểm Dưới số ví dụ: Khi người dùng chủ động đổi mật 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 LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user LAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.userLAP.TRINH.WEB.NANG.CAO.van.dung.kien.thuc.da.hoc.de.xay.dung.mot.trang.web.mo.phong.web.app.vi.dien.tu.phuc.vu.cho.hai.doi.tuong.user