BÁO CÁO DỰ ÁN 2 EVENT AND CHECK Giáo viên hướng dẫn: NGUYỄN HỮU HUY Sinh viên thực hiện: Nhóm: StartUp 3N, Lớp: PT13353-MOB HÀ NỘI - 2019 MỤC LỤC PHẦN 1 – GIỚI THIỆU ĐỀ TÀI 7 I. Giới thiệu nhóm 7 II. Lựa chọn đề tài 7 III. Lý do chọn đề tài 7 PHẦN 2 - KHẢO SÁT YÊU CẦU 8 PHẦN 3 - PHÂN TÍCH HIỆN TRẠNG 11 I. Điểm mạnh 11 II. Điểm yếu 11 III. Cơ hội 11 IV. Thách thức 12 PHẦN 4 - THIẾT KẾ HỆ THỐNG 13 I. Mô hình hệ thống 13 II. Mô hình cơ sở dữ liệu 14 III. Công nghệ sử dụng 16 IV. Yêu cầu hệ thống 18 1. Về phần cứng 18 2. Về phần mềm 18 V. Sơ đồ ERD 19 1. ERD Admin với toàn bộ người dùng 19 2. ERD Người tạo sự kiện( bao gồm admin) với người dùng hệ thống20 3. ERD Người tạo sự kiện ( bao gồm admin ) với sự kiện 21 VI. Giao diện người dùng 22 1. Đăng ký 22 2. Đăng nhập 22 3. Quên mật khẩu 23 4. Trang chủ 23 5. Điều khoản tạo sự kiện 24 6. Tạo sự kiện 24 7. Sửa sự kiện 25 8. Tham gia sự kiện 25 9. Lịch sử tạo sự kiện 26 10. Lịch sử tham gia sự kiện 26 11. Thông tin về sự kiện 27 12. Kiểm tra người tham gia sự kiện 27 13. Trang cá nhân 28 14. Sửa trang cá nhân 28 PHẦN 5 - THỰC HIỆN DỰ ÁN 29 I. Tổ chức 29 II. Tiến trình thực hiện 30 III. Thư viện sử dụng 36 PHẦN 6 - KIỂM THỬ 38 PHẦN 7 - TRIỂN KHAI VÀ SỬ DỤNG 48 I. Hướng dẫn triển khai sử dụng trên web (chỉ Admin) 48 II. Hướng dẫn triển khai và sử dụng app (người dùng) 49 PHỤ LỤC 55 TÀI LIỆU THAM KHẢO 55 LỜI MỞ ĐẦU QR Code là một mã ma trận hay được gọi là mã vạch hai chiều, được xây dựng từ năm 1994 bởi công ty Denso Wave (Nhật Bản) nhằm mục đích giải mã ma trận nhanh với tốc độ cao. Ban đầu, ứng dụng QR Code chủ yếu dùng vào việc quản lý kiểm kê ở nhiều ngành nghề khác nhau và được sử dụng nhiều nhất ở Nhật Bản, tuy nhiên ngày nay ứng dụng của nó được phát triển ở hầu hết mọi lĩnh vực và lan rộng ra nhiều quốc gia trên thế giới. QR là từ viết tắt của Quick Response (tạm dịch “Mã phản hồi nhanh”). Đây là một ma trận mã vạch có thể được đọc bởi máy đọc mã vạch hay smartphone có chức năng chụp ảnh với ứng dụng chuyên biệt để quét mã vạch. QR code gồm những module màu đen được sắp xếp ngẫu nhiên trong một ô vuông có nền trắng. Sự tổ hợp những module này mã hóa cho bất kỳ dữ liệu trực tuyến bao gồm: link dẫn đến trang web, hình ảnh, thông tin, chi tiết về sản phẩm, quảng cáo cho sản phẩm… Mã QR đang rất được giới marketing và quảng cáo chuộng dùng cho các ý tưởng quảng cáo tạp chí, trên các băng ghế công viên, xe buýt, đóng gói sản phẩm hay bất kỳ sản phẩm vật lý nào mà người tiêu dùng muốn tìm hiểu thêm thông tin về nó. Ví dụ bạn có thể nối kết website của mình lên namecard, tờ rơi quảng cáo có thể nối kết một website như Google Maps để chỉ dẫn hướng đi. Tiện lợi hơn, khi tham dự một buổi hội thảo hay triển lãm, bạn có thể quét mã QR do ban tổ chức cung cấp để nó dẫn đến một tập tin video hay audio giới thiệu thêm thông tin chi tiết. QR và mã vạch truyền thống khác ở lượng dữ liệu chúng nắm giữ hay chia sẻ. Các mã vạch truyền thống có các đường vạch thẳng dài một chiều và chỉ có thể lưu giữ 20 số chữ số, trong khi các mã QR hai chiều có thể lưu giữ thông tin hàng ngàn ký tự chữ số. Mã QR nắm giữ nhiều thông tin hơn và tính chất dễ sử dụng sẽ giúp ích rất nhiều cho người dùng trong mọi lĩnh vực.
GIỚI THIỆU ĐỀ TÀI
Giới thiệu nhóm
Nhóm StartUp 3N gồm 2 thành viên với nhóm trưởng là Nguyễn Trí Thành mã số sinh viên PH06292 và Phạm Hoàng Phi Hùng mã số sinh viên PH05949.
Lựa chọn đề tài
Nhóm StartUp 3N nhận thấy những hạn chế trong việc tham gia sự kiện và tình trạng xả giấy vé sự kiện bừa bãi, dẫn đến lãng phí Để khắc phục vấn đề này, nhóm đã phát triển ý tưởng cho một ứng dụng mang tên “Event and Check”, ứng dụng công nghệ quét mã QR Ứng dụng này bao gồm các chức năng như tạo mã QR theo tài khoản, tổ chức sự kiện, check-in sự kiện và thống kê thông tin liên quan đến sự kiện.
Lý do chọn đề tài
Lý do chọn đề tài này là nhằm tạo thuận lợi cho việc tham gia sự kiện, giảm thiểu tình trạng mua bán vé và đăng ký thông tin ảo, đồng thời hạn chế việc sử dụng giấy Điều này giúp ngăn chặn tình trạng vé giấy bị vứt bỏ tràn lan sau mỗi sự kiện Mục tiêu xa hơn là áp dụng hệ thống này cho các sự kiện có bán vé và thanh toán trực tiếp.
KHẢO SÁT YÊU CẦU
Theo số liệu thống kê từ sự kiện Tomorrowland ( Lễ hội âm nhạc điện tử ) tổ chức tại Bloom Bỉ, năm 2018 đã bán ra khoảng 400.000 vé trong vòng
Theo dữ liệu từ Wikipedia, Việt Nam hiện có khoảng 35 sân vận động với sức chứa từ 3.000 đến 45.000 chỗ ngồi Mỗi khi tổ chức sự kiện, lượng vé bán ra thường đạt hơn 75% tổng số chỗ ngồi, đặc biệt là trong các giải đấu lớn như AFC, AFF Suzuki Cup và Vòng loại World Cup, tại các sân như Mỹ Đình và Hàng Đẫy, vé thường bán hết chỉ trong vài giờ Hiện tại, 95% vé được bán dưới dạng vé giấy, trong khi chỉ có 5% là vé điện tử qua mã vạch Dù VinID đã tích hợp bán vé online, vé giấy vẫn là lựa chọn chính, dẫn đến tình trạng vé giấy rơi vãi từ cổng vào sân vận động.
Theo thông tin từ Đại học Quốc tế Sài Gòn, ứng dụng QR Code trong marketing vẫn còn mới mẻ ở Việt Nam nhưng đang trở nên phổ biến và trở thành xu hướng toàn cầu (Fortin, 2011).
Theo điều tra mới nhất của KingFish Media, 1/3 các công ty tại Mỹ đã triển khai chiến lược marketing di động, và con số này dự kiến sẽ tăng lên 73% trong 12 tháng tới Trên toàn cầu, số lượng người dùng smartphone sẽ đạt 1 tỷ vào năm 2013 Tại Việt Nam, hiện có khoảng 500.000 người sử dụng điện thoại thông minh.
Việc áp dụng QR code vào marketing là một lựa chọn tiên tiến, giúp bắt kịp công nghệ trong bối cảnh các chương trình quảng cáo truyền thống như pano và áp phích vẫn chưa hòa nhập Điều này không chỉ đáp ứng nhu cầu ngày càng cao của người dùng smartphone mà còn phản ánh xu hướng mới trong việc sử dụng công nghệ, với hàng chục ngàn kết quả tìm kiếm cho từ khóa “tạo QR code” trên Google.
- Kiểm kê hàng hóa, thông tin sản phẩm
- Thông tin cá nhân: trên card visit.
- Lưu trữ URL: điện thoại chỉ việc đọc QR Code để lấy URL, sau đó tự động mở trình duyệt.
Tại các bến xe bus, xe lửa và tàu điện ngầm, người dùng có thể quét mã QR Code để nhận thông tin chi tiết về các chuyến xe.
Tại các viện bảo tàng, người dùng chỉ cần quét mã QR Code được đặt cạnh vật trưng bày để nhanh chóng nhận được thông tin chi tiết và cập nhật về đồ vật đó.
Người dùng có thể dễ dàng mua hàng ở bất kỳ đâu, chẳng hạn như trên tàu điện ngầm hoặc xe buýt, bằng cách quét mã QR và sử dụng Internet di động khi thấy sản phẩm hấp dẫn được quảng cáo.
- Sử dụng tại siêu thị: để biết được thông tin, hướng dẫn nấu ăn cũng như hàm lượng dinh dưỡng của những thức ăn cần mua.
- Sử dụng tại các buổi hội thảo, thuyết trình, tổ chức sự kiện: người tham gia có thể sử dụng QR Code thay cho Business Card của mình.
- Sử dụng với các tờ báo, tạp chí giấy: người đọc có thể quét mã
QR Code được in trong tờ báo, tạp chí giấy để truy cập phiên bản online/mobile của tờ báo, tạp chí này.
Sử dụng trong các chương trình nhạc hội, live show, bar và club giúp xác định tiết mục, ca sĩ, ban nhạc, bài nhạc đang phát và tác giả của bài nhạc.
- Sử dụng tại nhà hàng, khách sạn, coffee shop: để biết được công thức và cách chế biến món ăn, thức uống, thông tin khách sạn.
- Sử dụng với đồ vật cá nhân (xe, áo thun…) : cung cấp thông tin chi tiết về món hàng, xuất xứ, giá cả.
QR Code đang ngày càng trở thành công cụ quan trọng trong truyền thông quảng cáo, thay thế cho các hình thức quảng cáo truyền thống như in ấn và phát tờ bướm Việc đính kèm QR Code trên các ấn phẩm, bảng hiệu cửa hàng và billboard giúp cung cấp thông tin thương hiệu một cách nhanh chóng và hiệu quả, thu hút sự chú ý của khách hàng.
Sử dụng mã QR trong chữ ký email và trên các món quà không chỉ tạo sự khác biệt mà còn mang đến sự đặc biệt và bất ngờ cho người nhận Điều này kích thích sự tò mò của họ về nội dung bên trong mã QR, làm cho trải nghiệm trở nên thú vị hơn.
PHÂN TÍCH HIỆN TRẠNG
Điểm mạnh
+ Thu thập được thông tin khách hàng
+ Hạn chế tình trạng vé ảo, đăng ký ảo, người tham gia sự kiện ảo + Giảm thiểu sử dụng giấy - bảo vệ môi trường
+ Dễ cài đặt và sử dụng
+ Tốc độ xử lý thuật toán nhanh
+ Có thể sử dụng trên cả điện thoại, máy tính
+ Thành viên có kinh nghiệm trong việc quảng cáo, phân phối sản phẩm
+ Chi phí đầu tư thấp
Điểm yếu
+ Chưa tự động xét duyệt người tạo sự kiện
+ Chưa xét duyệt sự kiện
+ Chỉ hỗ trợ nội địa
+ Chưa xét duyệt người dùng
+ Chưa hỗ trợ cho người dùng sử dụng điện
+ Chưa hỗ trợ các sự kiện bán vé
Cơ hội
+ Tiếp cận khách hàng nhanh
+ Tích hợp nhận diện khuôn mặt - vân tay
Thách thức
+ Bảo mật hệ thống - mã nguồn - dữ liệu người dùng+ Khả năng truy cập khi lượng người dùng nhiều+ Tối ưu hiển thị giao diện người dùng
THIẾT KẾ HỆ THỐNG
Mô hình cơ sở dữ liệu
Khi người dùng tạo tài khoản, thông tin của người dùng đó sẽ được lưu lại tại bảng “users” với các trường:
- id: dạng chuỗi do mongodb tự sinh
- name: dạng chuỗi do người dùng nhập tại form
- email: dạng chuỗi do người dùng nhập tại form
- phone: dạng chuỗi do người dùng nhập tại form
- birthday: dạng chuỗi do người dùng nhập tại form
- qrcode: dạng chuỗi đây là đường dẫn ảnh qrcode mà hệ thống tự động tạo khi đăng ký thành công, qrcode này chứa email, tên và ngày sinh.
Khi người dùng đăng nhập vào hệ thống, server sẽ trả về một mã token, mã này được lưu trữ tạm thời trên server theo từng người dùng và liên kết với bảng dữ liệu tương ứng.
“users”, dữ liệu token cũng được lưu lại tại bảng “tokens”.
Với bảng “reset”, khi người dùng gửi lệnh quên mật khẩu, hệ thống sinh ra
Mã gọi là "token" được sử dụng để kiểm tra xem email nhập vào có phải là người dùng của hệ thống hay không Khi dữ liệu email hợp lệ, bảng "reset" sẽ lưu lại mã token được sinh ra cùng với thông tin người dùng cần khôi phục mật khẩu Bảng "join" sẽ lưu trữ các thông tin liên quan.
- date: Ngày đăng ký tham gia vào 1 sự kiện nào đó
- check: Trạng thái đã kiểm tra hay chưa kiểm tra
- qrcode: Thông tin của người tham gia
- event_join: id của sự kiện đăng ký tham gia
The "events" table allows event creators to input three text fields (line1, line2, line3), upload two image files, specify the creation date, set the end date, and identify the creator.
Công nghệ sử dụng
Nhóm đã kết hợp ngôn ngữ Java và Node.js cùng với một số thư viện và phần mềm hỗ trợ để xây dựng hệ thống.
Android Studio 3.5.1 is utilized for building source code for applications, while Visual Studio Code 1.39.1 is employed for developing API source code For interface design and prototyping, Adobe XD CC 13.0.12.14 is the tool of choice Additionally, Java SE 12 Platform 12.0.2 is used for application source code development.
1.8.0_181 Xây dựng mã nguồn APP
MongoDB 1.17.0 Cơ sở dữ liệu của hệ thống
Thư viện Mongoose 5.7.3 Kết nối - truy vấn cơ sở dữ liệu Thư viện Crypto 1.0.1 Tạo số ngẫu nhiên Thư viện Express 4.16.1 Xây dựng mã nguồn API
Thư viện Multer 1.4.2 Hỗ trợ tải ảnh và lưu trữ trên
ServerThư viện Nodemailer 6.3.1 Gửi email tới người dùngThư viện Shortid 2.2.15 Tạo chuỗi ngẫu nhiên
1.16.2 Tạo dữ liệu phiên và lưu trên máy chủ
Thư viện QR Code 1.4.2 Tạo QR Code
Yêu cầu hệ thống
- Đối với quản trị hệ thống yêu cầu tối thiểu về máy chủ hoặc VPS:
+ Dung lượng lưu trữ 200GB
- Đối với người dùng yêu cầu tối thiểu về điện thoại:
+ Bộ nhớ tối thiểu 8GB
- Đối với quản trị hệ thống yêu cầu tối thiểu của máy chủ hoặc VPS:
+ Hệ điều hành Windows hoặc Linux (Centos 6)
- Đối với người dùng cấu hình tối thiểu về điện thoại:
+ Hệ điều hành Android (Android 4.1)
Sơ đồ ERD
1 ERD Admin với toàn bộ người dùng
2 ERD Người tạo sự kiện( bao gồm admin) với người dùng hệ thống
3 ERD Người tạo sự kiện ( bao gồm admin ) với sự kiện
Giao diện người dùng
3 Quên mật khẩu 4 Trang chủ
5 Điều khoản tạo sự kiện 6 Tạo sự kiện
7 Sửa sự kiện 8 Tham gia sự kiện
9 Lịch sử tạo sự kiện 10 Lịch sử tham gia sự kiện
11 Thông tin về sự kiện 12 Kiểm tra người tham gia sự kiện
13 Trang cá nhân 14 Sửa trang cá nhân
THỰC HIỆN DỰ ÁN
Tổ chức
Dự theo khả năng của mỗi người, nhóm phân công công việc và tổ chức xây dựng hệ thống theo mô hình Cơ sở dữ liệu sau:
+ ADMIN: Quản lý người dùng và thống kê số lượng user
+ CSDL: Lưu trữ thông tin và trích xuất dữ liệu qua API
+ USER: Mọi người tương tác chính trên mobile
Bạn Thành, nhóm trưởng, đã phân công công việc và tiến độ cho các phần nhỏ trong dự án, bao gồm xây dựng cơ sở dữ liệu (CSDL), API và chức năng quản lý cho admin trên nền tảng web Ngoài ra, anh còn hỗ trợ trong việc soạn thảo và chỉnh sửa tài liệu, kiểm tra và xử lý lỗi trên thiết bị di động, cũng như phát triển các chức năng trên ứng dụng di động.
Bạn Hùng đảm nhiệm việc thiết kế và kiểm tra API, đồng thời xây dựng ứng dụng di động với các chức năng đã được đề ra Ngoài ra, Hùng còn đóng vai trò người dùng để kiểm tra hệ thống trên thiết bị di động, phát hiện lỗi và xử lý các vấn đề đơn giản.
Tiến trình thực hiện
Công việc Bắt đầu Kết thúc Phụ trách
Tìm kiếm đề tài 28/09/2019 29/09/2019 Thành, Tạo dự án Hùng
Kết nối tài khoản lưu trữ github, drive của các thành viên
Thống kê 1 số thư viện sẽ dùng
Khảo sát - phân tích yêu cầu Đặt vấn đề 29/09/2019 03/10/2019 Thành,
Khảo sát thị trường người Hùng dùng Đặt vấn đề về phần cứng, phần mềm
Mockup sơ lược giao diện 03/10/2019 05/10/2019 Thành
Thiết kế giao diện thử nghiệm
ThànhThiết kế giao diện chuẩn 06/10/2019 08/10/2019 Hùng
Triển khai xây dựng hệ thống
Lập trình giao diện đăng ký, đăng nhập, quên mật khẩu, trang chủ, trang cá nhân
Tạo Server, kết nối cơ sở dữ liệu, phân quyền người dùng
Lập trình giao diện lịch sử tham gia, lịch sử tạo, tạo, sửa sự kiện, điều khoản sử dụng, chỉnh sửa lỗi các giao diện đã làm
Xây dựng API đăng ký, đăng nhập, trang cá nhân, sửa trang cá nhân, điều khoản dịch vụ
Kiểm tra, thử API và lập trình chức năng đăng ký, đăng nhập, trang cá nhân, điều khoản dịch vụ
Hoàn thiện các giao diện trang chủ, lịch sử tạo - tham gia sự kiện, đăng ký sự kiện, tham gia sự kiện
Chỉnh sửa API đổi thông tin cá nhân, cập nhật chức năng
17/10/2019 17/10/2019 Thành tự động tạo QR Code trên
Cập nhật chức năng sửa thông tin người dùng, hiển thị
QR code cá nhân, sửa lỗi giao diện đăng ký, đăng nhập, trang cá nhân
Tạo API tham gia sự kiện, lấy lịch sử tạo sự kiện, lịch sử tham gia sự kiện
Chỉnh sửa giao diện đăng ký, đăng nhập, quên mật khẩu, tạo sự kiện
Chỉnh sửa API lấy lịch sử tham gia sự kiện
Xây dựng chức năng tham gia sự kiện, lấy lịch sử tạo sự kiện, lịch sử tham gia sự qua
Xây dựng QR code từ thông tin người dùng đăng ký, sửa thông tin, cập nhật QR code
Lấy tất cả sự kiện qua API 23/10/2019 23/10/2019 Hùng
Thêm sắp xếp theo thời gian cho API lịch sử tham gia sự kiện, tạo sự kiện, hiển thị danh sách sự kiện
Xây dựng chức năng tạo sự kiện và xin quyền làm người tạo sự kiện
Cập nhật API tham gia sự kiện, tạo sự kiện
Xây dựng chức năng sửa sự kiện
Cập nhật code giảm kích thước ảnh tải lên
Cập nhật API chuyển đổi mảng sang file excel
Thêm chức năng sửa thông tin người dùng
Tạo API kiểm tra người dùng tham gia sự kiện qua QR code
Thêm chức năng tải thông tin người tham gia sự kiện
Xây dựng giao diện quản trị của Admin trên web
Thêm chức năng quét qr code kiểm tra người dùng
Lấy danh sách người dùng và người đang chờ duyệt để làm người tạo sự kiện, đồng thời thống kê số lượng người dùng, người tạo sự kiện, số sự kiện được tạo và tổng số lượt tham gia các sự kiện.
Tạo API quên mật khẩu cho người dùng
Hoàn thành tất cả các chức năng
Tạo API cập nhật làm người tạo sự kiện cho người dùng đã đăng ký, xóa người dùng của Admin
Tạo đăng nhập, đăng xuất cho Admin trên Web
Làm ViewPager cho ứng dụng
Kiểm tra giao diện đăng ký, đăng nhập, quên mật khẩu
Kiểm tra giao diện lịch sử tham gia, lịch sử tạo, tạo, sửa sự kiện, điều khoản sử dụng
Dùng thử đăng ký, đăng nhập, hiển thị thông tin tại trang cá nhân
Kiểm tra tính năng cập nhật thông tin người dùng
Kiểm tra hiển thị danh sách lịch sử tạo và tham gia sự kiện
Kiểm tra tính năng quét QR code kiểm tra người dùng
Kiểm tra tính năng tải thông tin người dùng đăng ký sự kiện về máy
Kiểm tra tính năng sửa sự kiện
Thư viện sử dụng
Java SE 12 Platform 12.0.2 https://bit.ly/2BlaO4Z
Mongoose 5.7.3 https://bit.ly/2GXhScV
Crypto 1.0.1 https://bit.ly/1MqsSqm
Express 4.16.1 https://bit.ly/2eYM7nh
Body-parser 1.19.0 https://bit.ly/1cQCrEp
Multer 1.4.2 https://bit.ly/2oEBjjd
Nodemailer 6.3.1 https://bit.ly/2WOrMSI
Shortid 2.2.15 https://bit.ly/1A0yr9D
Express-session 1.16.2 https://bit.ly/1Ur4lp6
QR code 1.4.2 https://bit.ly/2nWf5ZA
QR code reader 1.0.4 https://bit.ly/32xcmVD
Jimp 0.8.4 https://bit.ly/2lV5ssv
Exceljs 3.2.0 https://bit.ly/2MYm1O4
Retrofit 2.5.0 https://bit.ly/32HNQQG
Gson 2.6.2 https://bit.ly/32DnjnM
CircleImageView 3.0.0 https://bit.ly/2q3BvsI
Picasso 2.71828 https://bit.ly/33FO4sZ
KIỂM THỬ
Case ID Mục tiêu Các bước
Dữ liệu ra dự kiến
Case_01 Kiểm tra giao diện khớp với thiết kế
Mở APP và so sánh các màn hình theo thiết kế đã làm
Case_02 Kiểm tra chức năng đăng nhập
Nhập trống email hoặc password và đăng nhập
Không nhập thông tin email và password
Thông báo chưa nhập email hoặc password , không cho phép đăng nhập
Vui lòng nhập tài khoản và mật khẩu
Nhập sai email hoặc password và đăng nhập
Thông báo sai tài khoản hoặc mật khẩu, không đăng nhập vào hệ thống
Không cho phép đăng nhập, thông báo kiểm tra lại tài khoản mật khẩu
Nhập email đăng nhập đúng nhưng ký tự được viết hoa viết thường lẫn lộn + password đúng
Thông báo sai tài khoản hoặc mật khẩu, không đăng nhập vào hệ thống
Vui lòng nhập tài khoản và mật khẩu
Thêm dấu cách trước + sau email và mật khẩu rồi đăng nhập
Thông báo sai tài khoản hoặc mật khẩu
Cho phép đăng nhập hệ thống
Sau khi login thành công rồi nhấn back trên thanh công cụ thì sao
Quay trở lại màn hình đăng nhập
Bị out ra khỏi app và logout tài khoản
Kiểm tra đăng nhập với email và password hợp lệ
Cho phép đăng nhập vào hệ thống
Case_02 Kiểm tra đăng ký
Check kiểm tra các trường khi chưa nhập gì và chọn nút đăng ký
Thông báo nhập các trường dữ liệu
Vui lòng nhập đầy đủ các trường dữ liệu
Nhập email đã đăng ký rồi và mật khẩu khác rồi nhấn đăng ký
TK: b@gmail com MK: abcdABC DE@1
Thông báo email đã được đăng ký và không cho phép tạo tài khoản
Vẫn tạo được tài khoản
Check email không đúng định dạng
Thông báo sai định dạng
Vẫn cho phép đăng ký
Check validate trường nhập mật khẩu
VD: gmh@g mail Password :abcdAB CD8*
Giá trị nhập vào phải được mã hóa thành
Mật khẩu của bạn cần bao gồm ký tự đặc biệt, chữ in hoa và không được đăng ký thành công với dạng mật khẩu như abcdABC Vui lòng đảm bảo rằng ký tự đặc biệt được đặt ở phía sau cùng, ví dụ như D8*.
False số, có độ dài từ 8-
Case_03 Kiểm tra quên mật khẩu
Nhập email và nhấn quên mật khẩu sonnvph0 6390@g mail.com
Hiển thị mật khẩu cũ cho người dùng
Không hiển thị gì cả
Case_04 Kiểm tra trang chủ
Kiểm tra hiển thị danh sách sự kiện, căn lề font chữ, màu chữ, cỡ chữ, click vào
Cỡ chữ 8sp, mã màu chữ,
Các sự kiện hiển thị lệch về phía bên trái màn hình
Case_05 Kiểm tra đăng ký tạo sự kiện
Trên màn hình trang chủ, bạn hãy nhấn vào biểu tượng tạo sự kiện trên thanh công cụ Sau đó, một biểu mẫu để tạo sự kiện sẽ xuất hiện Cuối cùng, hãy nhấn vào nút "Tôi muốn làm người tạo sự kiện".
Hiển thị form tạo sự kiện và các trường dữ liệu
Bị out ra ngoài màn hình trang chủ
Trong trường hợp 06, khi kiểm tra nhập liệu, nếu thời gian thông báo bị thiết lập sai thành "False", sẽ dẫn đến việc tạo ra sự kiện trống với các trường dữ liệu không đầy đủ Ngoài ra, nếu thời gian kết thúc sự kiện được chọn trước thời gian bắt đầu, sẽ gây ra lỗi trong việc tổ chức sự kiện Cuối cùng, việc không thêm ảnh vào gian diễn ra cũng sẽ ảnh hưởng đến tính thẩm mỹ và thông tin của sự kiện.
9, thời gian kết thúc 30/10/20 19, không chọn ảnh báo điền thông tin đầy đủ vào các trường dữ liệu, chọn ảnh ngoài
Case_07 Kiểm tra sửa sự kiện
Click vào lịch sử tạo sự kiện, chọn sự kiện muốn sửa và sửa các thông tin cần thiết
Cho phép sửa các trường dữ liệu trong sự kiện đã tạo, update thông tin sửa trên server và hiển thị trên màn hình trang chủ
Không hiển thị sự kiện bên lịch sử tạo
Case_08 Kiểm tra đăng ký tham gia sự kiện
Chọn sự kiện từ màn hình trang chủ, và chọn tham gia sự kiện
Hiển thị danh sách lịch sử tham gia
Thông báo tham gia sự kiện thành công, hiển thị danh sách lịc sử tham
Case_09 Kiểm tra trang cá nhân
Kiểm tra màu chữ, Kiểm tra ảnh, kiểm tra hiển thị thông tin cá nhân, hiển thị mã QR
Hiển thị ảnh đại diện, cỡ chữ 8sp, thông tin họ và tên ngày sinh,số điện thoại,hiể n thị mã QR,
Case_10 Kiểm tra sửa trang cá nhân
Thay đổi ảnh, thay đổi tên, sđt ngày sinh mật khẩu, nhập trống các trường dữ liệu chọn sửa, Login với mật khẩu cũ vừa sửa.
Cập nhật thông tin người dùng sau khi đã đăng nhập lại, đăng nhập với password mới
Thông tin đã được thay đổi trên trang cá nhân và server đã cập nhật
Case_11 Kiểm tra lịch sử tạo sự kiện
Tạo một sự kiện bất kỳ.
Case_12 Kiểm tra lịch sử tham gia Ở màn hình trang chủ
Hiển thị lịch sử tham gia
Hiển thị lịch sử tham gia
Để tham gia sự kiện, người dùng chỉ cần click vào sự kiện mong muốn và chọn "Tôi muốn tham gia" trong tab lịch sử sự kiện sau khi đã tải lại trang.
Case_13 Kiểm tra check người tham gia sự kiện
Mở sự kiện cần quét sau đó quét mã QR của 1 thành viên trong hệ thống
QR code của thành viên
Hiển thị thông báo “Đã tham gia”, “Đã tham gia rồi” hoặc
Hiển thị thông báo “Đã tham gia”, “Đã tham gia rồi” hoặc
Case_14 Kiểm tra tải thông tin người dùng đăng ký sự kiện
Mở màn hình thông tin sự kiện từ danh sách tạo sự kiện của Người tạo sự kiện rồi bấm “Tải xuống thông tin”
API lấy danh sách thông tin tham gia sự kiện từ Server
Tải xuống được thông tin tham gia của người tham gia sự kiện đang mở
Tải xuống được thông tin tham gia của người tham gia sự kiện đang mở
Case_15 Kiểm tra chuyển màn hình
Thao tác với các tab và button, icon
Hiển thị các màn hình người dùng
Pass trong giao diện muốn đến
Case_16 Kiểm tra dữ liệu trang chủ
Từ trang chủ vào tạo một sự kiện rồi thoát ra màn hình trang chủ, kiểm tra màn hình trang chủ đã cập nhật sự kiện hay chưa
Hiển thị sự kiện trên màn hình trang chủ Đã hiển thị trong danh sách sự kiện
Case_17 Kiểm tra chức năng đăng ký tham gia sự kiện
Từ trang chủ vào một sự kiện rồi ấn đăng ký tham gia sự kiện
Nếu chưa tham gia thì sẽ tham gia sự kiện thành công, còn nếu tham gia rồi sẽ không được tham gia lại nữa.
Nếu chưa tham gia thì sẽ tham gia sự kiện thành công, còn nếu tham gia rồi sẽ không được tham gia lại nữa.
Case_18 Kiểm tra chức năng đăng ký tạo sự kiện
Từ trang chủ ấn vào nút tạo sự kiện sẽ hiển thị
Nếu người dùng đã từng đăng ký tạo tài
Nếu người dùng đã từng đăng ký tạo tài
Pass thông báo điều khoản để trở thành người tạo sự kiện.
Để trở thành người tạo sự kiện, người dùng cần nhấn vào nút "Tôi muốn thành người tạo sự kiện" Nếu chưa từng đăng ký, người dùng sẽ phải gửi access_token lên server để admin kiểm tra và xét duyệt quyền tạo sự kiện Sau khi được phê duyệt, người dùng sẽ được chuyển đến màn hình tạo sự kiện.
Case_19 Kiểm tra chức năng tạo sự kiện
Từ trang chủ ấn vào nút tạo sự kiện
- Tiêu đề không được để trống
- Ngày kết thúc không được để trống
Yêu cầu người dùng phải nhập đủ dữ liệu mới tạo được sự kiện Nếu không sẽ báo lỗi nội dung
Yêu cầu người dùng phải nhập đủ dữ liệu mới tạo được sự kiện.
Nếu không sẽ báo lỗi nội dung
- Nội dung 3 được để trống
- Ảnh không được để trống chưa nhập chưa nhập
TRIỂN KHAI VÀ SỬ DỤNG
Hướng dẫn triển khai sử dụng trên web (chỉ Admin)
Để bắt đầu, hãy đăng nhập vào website quản trị tại địa chỉ http://45.77.252.198:9426/ Tại đây, quản trị viên có thể xem thống kê về số lượng người dùng và các sự kiện đã được tạo, cùng với danh sách người dùng Trong bảng danh sách này, quản trị viên có quyền xóa người dùng Thêm vào đó, thông qua menu điều hướng, quản trị viên có thể truy cập trang đăng ký dành cho những người dùng muốn tạo sự kiện và tiến hành duyệt các yêu cầu này.
Tại giao diện Người Tạo Sự Kiện, Admin có khả năng phê duyệt hoặc từ chối yêu cầu của người dùng để trở thành người tạo sự kiện thông qua các nút chấp thuận và hủy Tất cả các hành động này sẽ được thông báo tới người dùng đăng ký, giúp họ biết được tình trạng phê duyệt của mình.
Hướng dẫn triển khai và sử dụng app (người dùng)
Để bắt đầu sử dụng ứng dụng Event & Check, bạn cần mở ứng dụng và đăng nhập bằng tài khoản hệ thống Nếu chưa có tài khoản, hãy đăng ký bằng cách cung cấp thông tin chính xác như email, tên, số điện thoại, ngày sinh và mật khẩu Trong trường hợp quên mật khẩu, bạn có thể chọn tùy chọn "quên mật khẩu" và nhập email đã đăng ký để nhận hướng dẫn lấy lại mật khẩu mới qua email.
Khi đã có tài khoản và mật khẩu đúng, bạn có thể đăng nhập để truy cập trang chủ, nơi hiển thị danh sách các sự kiện đã tạo Tại đây, bạn có thể nhấp vào bất kỳ sự kiện nào để đọc và tham gia Dưới màn hình, có thanh điều hướng cho phép bạn chuyển đổi giữa Trang chủ, Trang cá nhân và Lịch sử bằng cách trượt ngang.
Đối với người dùng mới đăng ký tài khoản, hãy truy cập vào Trang cá nhân để cập nhật ảnh đại diện Tại đây, bạn có thể xem thông tin cá nhân và mã QR code của mình Bạn cũng có thể chỉnh sửa thông tin như tên, ngày sinh, số điện thoại và mật khẩu bằng cách nhấp vào biểu tượng chỉnh sửa ở bên phải màn hình Khi tham gia sự kiện đã đăng ký, hãy mở Trang cá nhân và hiển thị rõ mã QR để nhân viên kiểm tra vé có thể quét mã của bạn.
Trên màn hình Lịch sử, có hai tab chính: "Lịch sử tạo" hiển thị các sự kiện mà bạn đã tạo, và "Lịch sử tham gia" cho phép bạn xem các sự kiện mà bạn đã tham gia.
Nếu bạn thường xuyên tổ chức sự kiện, hãy đăng ký tham gia bằng cách nhấp vào biểu tượng bút ở góc phải màn hình Sau khi đăng ký làm người tạo sự kiện, bạn cần chờ sự xét duyệt từ admin hệ thống Bạn sẽ nhận được email thông báo về việc chấp thuận hoặc không chấp thuận tạo sự kiện.
Sau khi được admin kích hoạt làm người tạo sự kiện, bạn sẽ thấy màn hình form để tạo sự kiện khi nhấn nút đăng ký Bạn cần điền đầy đủ thông tin, có thể để trống nội dung 2 và 3, nhưng bắt buộc phải tải lên 2 ảnh của sự kiện Sau khi tạo sự kiện thành công, bạn có thể kiểm tra tại tab Lịch sử tạo Nếu cần thay đổi thông tin hoặc sửa lỗi, hãy nhấn vào biểu tượng sự kiện ở góc phải phía trên của tab Lịch sử tạo.
Người kiểm tra khách mời tại sự kiện sẽ truy cập bằng tài khoản của người tạo sự kiện để xác minh thông tin người tham gia Họ sẽ chọn sự kiện đang diễn ra và kiểm tra thông tin bằng mã QR trên điện thoại của khách Nếu mã QR hợp lệ, thông tin sẽ tự động in ra, cho phép người kiểm tra xác định tình trạng hợp lệ của khách mời, với ba thông báo có thể hiển thị: Khách mời hợp lệ, Khách mời đã tham gia, hoặc Không tìm thấy thông tin QR Để theo dõi danh sách người đăng ký, người tạo sự kiện có thể tải xuống danh sách tham gia dưới dạng file Excel từ màn hình hiển thị thông tin sự kiện.
