MANUAL API-BASED ONLINE EXAM SYSTEM USING: GAZE TRACKING PAGE VISIBILITY GAZEMO API Introduction Welcome to the GAZEMO API, a revolutionary online exam system that uses gaze tracking technology and a page visibility API to ensure a more secure and reliable online exam environment. With the GAZEMO API, eliminate the obsolete limitations of online examinations and create a new era in online examinations. With the use of the GAZEMO API, you will be able to approach your tests with confidence, knowing it is designed to reduce cheating and provide a more accurate reflection of your true knowledge. Gazemo API Structure The GAZEMO API is structured as an application programming interface (API). The API consists of page visibility and gaze tracking technology. This setup makes it easy for instructors to add functionality to existing online exams on iLearnU. The Dynamic Duo provides instructors with seamless integration of advanced features into their online exam platform, giving them a completely new level of efficiency. TABLE OF CONTENTS PAGE NO. DESCRIPTION I. API MANUAL 06 EXTERNAL SCRIPTS 07 API FUNCTIONS 08 ENDPOINTS 33 TABLE OF CONTENTS DESCRIPTION PAGE NO. USER MANUAL (FACULTY SIDE) II. LOGIN PAGE 09 GENERATE GAZEMO CONFIGURATION 10 ACTIVATE AND CONFIGURE GAZEMO API FEATURES 11 SET EXAM/ QUIZ SCHEDULE 12 VIEW REPORTS 13 LOGOUT 14 TABLE OF CONTENTS PAGE NO. DESCRIPTION III. USER MANUAL (STUDENT SIDE) 15 LOGIN PAGE 16 TAKE EXAM/ QUIZ SCHEDULE 18 GRANT CAMERA AND SCREEN ACCESS 20 LOGOUT I. API MANUAL GAZEMO API EXTERNAL SCRIPTS Ensure that the following necessary libraries are imported into the <head> section of the HTML file: <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.2/axios.min.js"></ script><script src="https://unpkg.com/@tensorflow/tfjs-core@2.4.0/dist/tf-core.js"></ script> <script src="https://unpkg.com/@tensorflow/tfjs-converter@2.4.0/dist/tfconverter.js"></script> <script src="https://unpkg.com/@tensorflow/tfjs-backend-cpu@2.4.0"></script> <script src="https://unpkg.com/@tensorflow/tfjs-backend-webgl@2.4.0/dist/tf-backendwebgl.js"></script> <script src="https://unpkg.com/@tensorflow-models/face-landmarks-detection@0.0.1/ dist/face-landmarks-detection.js"></script> <script src="https://cdn.jsdelivr.net/gh/kinnethjavier/gazemo-api@latest/ilearnu/v1/gaze -tracking.js"></script> <script src="https://cdn.jsdelivr.net/gh/kinnethjavier/gazemo-api@latest/ilearnu/v1/page -visibility.js"></script> <script src="https://cdn.jsdelivr.net/gh/kinnethjavier/gazemo-api@latest/ilearnu/v1/ index.js"></script> 66 6 6 I. API MANUAL GAZEMO API API FUNCTIONS Start gaze tracking and page visibility startGazemo(gazemoApiKey, examinee, googleDriveKey) API key from Database User information (ID or Name) Google Drive API Keys stopGazemo() Note: Make sure that the javascript file with the functions above has “defer” properties. Example: <script src=". /index.js" defer></script> 77 7 7 I. API MANUAL GAZEMO API ENDPOINTS The API is available at https://gazemo-api.onrender.com/api. Generate Configuration POST /luConfig Allows you to generate Gazemo API key that can be saved in your examination system. Update Configuration POST /luConfig/update/<your_gazemo_api_key> Update an existing Gazemo API configuration. The request body needs to be in JSON format and allows you to update the following properties: • gazeTrackingStatus – Boolean • pageVisibilityStatus – Boolean Get Reports GET /luData/getData/<your_gazemo_api_key> Returns reports data of examinee from API service. 88 8 8 II. USER MANUAL (FACULTY SIDE) GAZEMO API LOGIN PAGE A. DESKTOP VIEW 1 2 3 B. MOBILE VIEW HOW TO LOGIN? Step 1: Enter Username and Password Use your correct username and password. (1), (2) KEY FUNCTIONS 1 Input username 2 Input password 3 Login Step 2: Click LOGIN Button Simply click the “LOGIN” button. (3) 1 Retype username and password if error “Incorrect user login details.” appears. 2 3 9 II. USER MANUAL (FACULTY SIDE) GAZEMO API GENERATE GAZEMO CONFIGURATION A. DESKTOP VIEW 1 A. MOBILE VIEW HOW TO GENERATE GAZEMO API CONFIGURATION? Step 1: Click “Generate Gazemo Configuration” Button Simply click the “Generate Gazemo Configuration” button and wait for a second. (1) KEY FUNCTIONS 1 Generate Configuration 1 10 II. USER MANUAL (FACULTY SIDE) GAZEMO API ACTIVATE AND CONFIGURE GAZEMO API FEATURES A. DESKTOP VIEW 1 2 B. MOBILE VIEW HOW TO ACTIVATE GAZEMO API FEATURES? Step 1: Check Gaze Tracking and Page Visibility Feature Simply click the checkbox in the left side of Gaze Tracking and Page Visibility. (1) Wait for a second and wait for “Gaze tracking successfully modified!” to appear. 1 KEY FUNCTIONS 2 1 Gaze Tracking Feature 2 Page Visibility Feature 11 II. USER MANUAL (FACULTY SIDE) GAZEMO API SET EXAM/QUIZ SCHEDULE A. DESKTOP VIEW 3 1 2 4 5 6 7 8 12 II. USER MANUAL (FACULTY SIDE) GAZEMO API SET EXAM/QUIZ SCHEDULE B. MOBILE VIEW HOW TO SET EXAM? Step 1: Schedule Exam Click “Schedule Exam” (1) Step 2 (Optional): Activate, Add and View Questions Click “Checkbox” if you want to activate the examination type (ex. Multiple Choice). (2) Add additional questions. (3) View questions created. (4) Step 3: Set Date and Time Schedule 1 Set Exam Date. (5) Set Exam Time. (6) 3 2 4 Save Schedule. (7) Close. (8) 5 6 KEY FUNCTIONS 1 Schedule Exam 2 Activate Exam Status 3 Add Questions 4 View Questions 5 Set Data 6 Set Time 7 Save Schedule 8 Close 7 8 13 II. USER MANUAL (FACULTY SIDE) GAZEMO API VIEW REPORTS A. DESKTOP VIEW 1 4 2 3 5 6 14 II. USER MANUAL (FACULTY SIDE) GAZEMO API VIEW REPORTS B. MOBILE VIEW 5 2 6 1 3 4 KEY FUNCTIONS HOW TO VIEW EXAM/QUIZ REPORTS? 1 View Gaze Tracking Report Step 1: Check Gaze Tracking Features 2 View Image 3 Close 4 View Page Visibility Report 5 View Image 6 Close Simply click “View” link below Gaze Tracking and Page Visibility Features. View Image. Close. 15 II. USER MANUAL (FACULTY SIDE) GAZEMO API LOGOUT A. DESKTOP VIEW 1 B. MOBILE VIEW HOW TO LOGOUT YOUR ACCOUNT? 1 Step 1: Click “Logout” Button Simply click the “Logout” Button in your profile. KEY FUNCTIONS 1 Logout 16 III. USER MANUAL (STUDENT SIDE) GAZEMO API LOGIN PAGE A. DESKTOP VIEW 1 2 3 B. MOBILE VIEW HOW TO LOGIN? Step 1: Enter Username and Password KEY FUNCTIONS 1 Input username Use your correct username and pass- 2 Input password word. (1), (2) 3 Login Step 2: Click LOGIN Button Simply click the “LOGIN” button. (3) Retype username and password if error 1 “Incorrect user login details.” appears. 2 3 17 III. USER MANUAL (STUDENT SIDE) GAZEMO API TAKE EXAM/ QUIZ SCHEDULE A. DESKTOP VIEW 1 2 3 18 III. USER MANUAL (STUDENT SIDE) GAZEMO API TAKE EXAM/ QUIZ SCHEDULE B. MOBILE VIEW 3 1 2 HOW TO TAKE EXAM/ QUIZ SCHEDULE? Step 1: Click “Take Exam” Button KEY FUNCTIONS Simply click “Take Exam” button in link. (1) 1 Take Exam Click “Take Exam” button in green background. (2) 2 Start Exam Step 2 (Optional): Use “Click Here” link. 3 Refresh Page Simply click the “Click Here” link. If the “Take Exam” button is not working. (3) Retype username and password if error “Incorrect user login details.” appears. 19 III. USER MANUAL (STUDENT SIDE) GAZEMO API GRANT CAMERA AND SCREEN ACCESS A. DESKTOP VIEW 1. Gaze Tracking Access 1 2 2. Screen Sharing Access 3 7 4 6 5 20 III. USER MANUAL (STUDENT SIDE) GAZEMO API GRANT CAMERA AND SCREEN ACCESS B. MOBILE VIEW 1. Gaze Tracking Access HOW TO SHARE CAMERA AND SCREEN ACCESS? Step 1: Share Camera Access Wait for Camera modal to appear. Accept Camera and Screen Access. (2) Step 2: Share Screen Access Wait for Screen modal to appear. Choose “Entire Screen” for sharing. (4) Accept Screen Access. (7) Step 3 (Optional): Refresh Page 1 Simply click “Refresh” button if camera and screen sharing is not working. (1) 2 KEY FUNCTIONS 1 Refresh Page 2 Accept Camera Access 3 Share Screen 4 Choose Entire Screen 5 Share 6 Cancel Sharing 7 Accept Screen Access 21 III. USER MANUAL (STUDENT SIDE) GAZEMO API LOGOUT A. DESKTOP VIEW 1 B. MOBILE VIEW HOW TO LOGOUT YOUR ACCOUNT? Step 1: Click “Logout” Button Simply click the “Logout” Button in your 1 profile. (1) KEY FUNCTIONS 1 Logout 22 GAZEMO API CS - 4A GROUP 2 Victoriano, Paul James M. Javier, Kinneth Andrew V. Lopez. Renzo A. Tugon, Leejan A. 2323 23 23 • https://fake-ilearnu.online • https://gazemo.vercel.app