Welcome back

Loading…

● Ready to check in

--:--

My Workspace at a Glance

21

Days Present (Month)

1

Late Arrivals (Month)

168h

Hours This Month

12

Leave Days Remaining

My Analytics

Leave Balance — Day Summary 2026

Annual Leave

— / — days left

Sick Leave

— / — days left

Recent Attendance

Date	Check-in	Check-out	Status

My Leave Requests

12

Annual Leave Left

30

Sick Days Left

Recent Requests

Company Announcements Latest updates

Celebrations This Month

Upcoming Holidays

My Team

My Action Items

Global Offices

Learning & Development

My Performance

15 employees

Photo	ID	Employee	Gender	DOB	Position	Job Level	Department	Type	Onboard Date	Direct Manager	Phone	ID / Passport	Education	Family	Emergency Contact	Address	Status	Actions

Welcome back

Loading…

Present Today

42

▲ 91.3% of 46

On Time

38

▲ 90.5% on-time rate

Late Arrivals

4

▲ 2 more than yesterday

On Leave

4

2 pending approval

HR at a Glance

Daily Attendance

On time · Late · Absent

Today's Activity

8 check-ins

08:02

Huy Nguyen checked in

HQ District 10 · On Time

08:07

Lan Tran checked in

HQ District 10 · On Time

08:18

Phuc Dang checked in

HQ District 10 · On Time

08:45

Minh Vu checked in

HQ District 10 · Late (15 min)

08:58

Binh Le — GPS Anomaly

Outside zone · 1.2km from HQ · Alert sent

09:02

Mai Quynh checked in

Factory Long An · On Time

Pending Approvals

Department Summary

Present today

--:--

Loading…

Not checked in

Today's Hours

0h 0m

Check In / Out

Where are you checking in from?

Select your location above — we'll confirm you're there before allowing check-in.

Today's Record

—

Check In

—

Check Out

—

Total

—

Zone

—

Recent Check-In History

Last 8 days

Employee	Date	Check-In	Check-Out	Hours	GPS Zone	Status
HN Huy Nguyen Duc Managing Director	Engineering	08:02	In progress	7h 12m	In Zone	On Time
LT Lan Tran HR Manager	HR & Admin	08:18	In progress	6h 56m	In Zone	On Time
MV Minh Vu Project Manager	Projects	09:14	In progress	6h 00m	In Zone	Late 44m
PD Phuc Dang Finance Lead	Finance	07:58	In progress	7h 16m	In Zone	On Time
HaN Ha Nguyen Sales Executive	Sales	—	—	—	—	On Leave
BL Binh Le Field Engineer	Field Services	07:58	In progress	7h 16m	Out Zone	Anomaly
DT Duc Thanh Senior Engineer	Engineering	08:05	In progress	7h 09m	In Zone	On Time
MQ Mai Quynh Project Coordinator	Projects	08:00	In progress	7h 14m	In Zone	On Time

Showing 8 of 46 employees · 38 On Time · 4 Late · 0 Absent · 4 On Leave

Approved Geofence Zones

Location	Coordinates	Radius	Department
HQ — District 10, HCMC 200 3/2 Street · Primary office	10.7769°N 106.6985°E	200m	All Depts
Factory — Long An Province Manufacturing facility · 15,000m²	10.5427°N 106.4139°E	350m	Engineering, Field
WFH — Registered Addresses Per-employee home coordinates	Various	100m	Approved only

Schedule Name	Department	Check-In Window	Check-Out From	Work Days	Grace Period	Overtime Rate
Standard 08:00 – 17:00	All	07:30 – 08:30	17:00	Mon – Fri	30 min	1.5×
Morning Shift 06:00 – 14:00	Factory	05:45 – 06:15	14:00	Mon – Sat	15 min	1.5×
Evening Shift 14:00 – 22:00	Factory	13:45 – 14:15	22:00	Mon – Sat	15 min	1.5×
Flexible (Field Services)	Field Services	07:00 – 09:00	8h after in	Mon – Fri	30 min	1.5×
WFH Schedule	Approved only	08:00 – 09:00	17:00	Mon – Fri	30 min	—

How it works: The active schedule for each employee's department defines the valid check-in window, grace period and overtime rate used when their attendance is recorded.

TN

Tuan Nguyen

Projects · Submitted May 8, 2026

Pending Manager

Leave TypeAnnual Leave

Duration3 Days

DatesMay 12–14

Reason: Family event in Da Nang — attending sister's wedding.

Annual leave remaining: 8 days → will become 5 days after approval.

MV

Minh Vu

Projects · Submitted May 9, 2026

Pending Manager

Leave TypeSick Leave

Duration1 Day

DatesMay 10

Reason: Fever and flu symptoms. Medical certificate uploaded.

Sick leave remaining: 14 days → will become 13 days after approval.

Employee	Leave Type	From	To	Days	Approved By	Date
BL Binh Le	Annual Leave	Apr 28	Apr 30	3	Huy Nguyen	Apr 25
KP Kim Pham	Sick Leave	Apr 22	Apr 23	2	Lan Tran	Apr 21
MQ Mai Quynh	Comp-off	May 2	May 2	1	Huy Nguyen	Apr 30

Employee	Leave Type	Dates	Days	Rejection Reason	Rejected By
DT Duc Thanh	Annual Leave	Apr 15–18	4	Project delivery deadline conflicts	Huy Nguyen

4

Pending Approvals

4

Late Today

2

GPS Anomalies

4

On Leave

Approvals have moved to the Approval Inbox

Leave, travel, claims, requisitions and PADR reviews are now all approved in one place.

Employee	Department	Check-In Time	Late By	GPS Zone	Notified
MV Minh Vu	Projects	09:14	44 min	In Zone	Teams sent
KP Kim Pham	Engineering	08:52	22 min	Borderline	Teams sent
TN Thanh Nguyen	Finance	09:05	35 min	In Zone	Teams sent
DH Dung Hoang	Field Services	09:48	78 min	In Zone	Teams sent

Employee	Title	Check-In	Status	Hours	Leave Balance
HN Huy Nguyen Duc Managing Director	Engineering	08:02	On Time	7h 12m	Annual: 8d
DT Duc Thanh Senior Engineer	Engineering	08:05	On Time	7h 09m	Annual: 10d
KP Kim Pham Engineer	Engineering	08:52	Late 22m	6h 22m	Annual: 7d
MV Minh Vu Project Manager	Projects	09:14	Late 44m	6h 00m	Annual: 6d
MQ Mai Quynh Project Coord.	Projects	08:00	On Time	7h 14m	Annual: 11d
HaN Ha Nguyen Sales Executive	Sales	—	On Leave	—	Annual: 5d
BL Binh Le Field Engineer	Field Services	07:58	GPS Anomaly	7h 16m	Annual: 9d

HR Modules

Employee	Department	Annual (Used/Total)	Sick (Used/Total)	Comp-off	Status	Actions

Avg On-Time Rate

91.2%

▲ 3.1% vs April

Total Hours Worked

6,840h

May MTD

Leave Days Taken

47d

May MTD

GPS Anomalies

7

▲ 3 vs last month

Attendance Rate — Daily Trend

On-time % vs Late %

Leave Type Distribution

Late Arrivals by Department

Top Insights — May 2026

Field Services has the highest on-time rate this month at 96.4%.

Projects department has the most late arrivals (7 this month). Consider review.

Average daily working hours: 8.6h — above the 8h standard.

3 employees have less than 3 days annual leave remaining (May 2026).

GPS anomaly rate: 1.8% — below 5% target threshold.

Employee	Department	Leave Type	From	To	Days	Reason	Status	Approved By
HN Huy Nguyen Duc	Engineering	Annual Leave	Apr 1	Apr 4	4	Personal travel	Approved	Self
TN Tuan Nguyen	Projects	Annual Leave	May 12	May 14	3	Sister's wedding	Pending	—
MV Minh Vu	Projects	Sick Leave	May 10	May 10	1	Fever/flu	Pending	—
BL Binh Le	Field Services	Annual Leave	Apr 28	Apr 30	3	Family visit	Approved	Huy Nguyen
KP Kim Pham	Engineering	Sick Leave	Apr 22	Apr 23	2	Medical	Approved	Lan Tran
MQ Mai Quynh	Projects	Comp-off	May 2	May 2	1	Overtime compensation	Approved	Huy Nguyen
DT Duc Thanh	Engineering	Annual Leave	Apr 15	Apr 18	4	Holiday	Rejected	Huy Nguyen
HA Ha Nguyen	Field Services	Sick Leave	Apr 8	Apr 9	2	Back pain	Approved	Huy Nguyen

Azure AD Application

Not Configured

Register an app in Azure AD to enable Microsoft 365 single sign-on and SharePoint access.

Tenant ID *

Found in Azure Portal → Azure Active Directory → Overview

Client ID (Application ID) *

Found in Azure Portal → App Registrations → your app → Overview

Redirect URI

SharePoint Site

Not Configured

SharePoint Tenant URL *

Site URL (relative path) *

Full URL will be: [Tenant URL] + [Site URL]

Required SharePoint Lists:

Attendance_Records Leave_Requests Leave_Balances Approved_Locations Employees SP_Config

Google Maps API

● Active (Browser GPS)

Used for reverse geocoding (address lookup from GPS coordinates). The browser's native Geolocation API is used for GPS — no Maps API key required for that.

Google Maps API Key (Geocoding)

Enable: Geocoding API + Maps JavaScript API. Restrict to your domain.

Allowed Domain (API restriction)

Power Automate Flows

M365 Required

Configure Power Automate webhook URLs to trigger automated notifications and approvals.

Flow 1 · Late Alert (09:30)

Running

Flow 2 · Missed Check-In

Running

Flow 3 · Leave Approval

Active

Flow 4 · GPS Anomaly Alert

Running

Flow 5 · Monthly Report

Due May 1

Zone Name	Coordinates	Radius	Department	Active	Actions
HQ — District 10, HCMC Head Office · Main building	10.7769°N 106.6985°E	200m	All
Factory — Long An Province Manufacturing facility	10.5427°N 106.4139°E	350m	Field Services

SP_CONFIG Status: Placeholders not filled in — Demo mode active

Fill in the 4 values in SP_CONFIG at the top of the <script> section to go live with SharePoint data.

1

Prerequisites — What you need before starting

1

Microsoft 365 Licences Required

Ensure you have: M365 Business Standard (includes SharePoint Online, Power Automate, Power Apps, Teams). Each employee needs at least an M365 Business Basic licence for SharePoint access.

2

Admin Roles Required

You need: SharePoint Admin (to create lists), Azure AD Admin (to register the app), Power Automate Maker (to build flows).

2

Step 1 — Create SharePoint Site & Lists

1

Create the Site

Go to admin.microsoft.com → SharePoint → Sites → Active sites → + Create → Team site

Site name:     HumileyHR
Site address:  humiley.sharepoint.com/sites/HumileyHR
Privacy:       Private
Owners:        HR Admin + IT Admin

2

Create 6 Lists (Site Contents → + New → List)

Attendance_Records  — CheckInTime, CheckOutTime, GPS coords, Status
Leave_Requests     — LeaveType, StartDate, EndDate, Status, Approvals
Employee_Profiles  — EmployeeID, Department, Manager, Schedule
Approved_Locations — Latitude, Longitude, RadiusMetres, IsActive
Leave_Balances     — AnnualUsed, SickUsed, CompOffEarned per employee/year
Notification_Log   — NotifType, RecipientEmail, Status, FlowRunID

3

Step 2 — Register Azure AD App (for Graph API)

1

Create App Registration

Go to portal.azure.com → Azure Active Directory → App registrations → + New registration

Name:          Humiley-Timekeeping-App
Account type:  Single tenant
Redirect URI:  SPA → https://humiley.sharepoint.com/sites/HumileyHR

After registering, copy the Application (client) ID and Directory (tenant) ID — these go into SP_CONFIG in the HTML script.

2

Add API Permissions & Grant Consent

Sites.ReadWrite.All    Delegated  → read/write SharePoint lists
User.Read             Delegated  → get current user profile
User.ReadBasic.All    Delegated  → look up employees

Click "Grant admin consent for Humiley" — all permissions must show a green tick.

4

Step 3 — Fill in SP_CONFIG (4 values)

1

Edit Humiley_Timekeeping_Platform.html

Open the HTML file in VS Code. Find SP_CONFIG near the top of the <script> section and replace these 4 placeholder strings:

const SP_CONFIG = {
  clientId:   'YOUR_CLIENT_ID',        ← Azure AD App → client ID
  tenantId:   'YOUR_TENANT_ID',        ← Azure AD → Directory ID
  siteId:     'YOUR_SHAREPOINT_SITE_ID', ← Graph Explorer lookup
  mapsKey:    'YOUR_GOOGLE_MAPS_API_KEY'  ← Google Cloud Console
};

To find your Site ID: open Graph Explorer (developer.microsoft.com/graph/graph-explorer) → sign in → call GET https://graph.microsoft.com/v1.0/sites/humiley.sharepoint.com:/sites/HumileyHR → copy the "id" value.

5

Step 4 — Host on SharePoint

1

Upload HTML to Site Assets

Go to humiley.sharepoint.com/sites/HumileyHR → Site contents → Site Assets → Upload. Upload Humiley_Timekeeping_Platform.html. Copy the direct URL.

2

Create a SharePoint Page with Embed Web Part

Site home → + New → Page → Embed web part → paste this iFrame:

<iframe
  src="https://humiley.sharepoint.com/sites/HumileyHR/SiteAssets/Humiley_Timekeeping_Platform.html"
  width="100%" height="900" frameborder="0" allowfullscreen>
</iframe>

6

Step 5 — Set Up Power Automate (8 Flows)

Flow 1 · Late Alert

Daily 09:30 · Query late records → Teams to manager

Flow 2 · Missed Check-In

Daily 10:00 · Find no check-in → Teams absent alert

Flow 3 · Leave Approval

On new leave item · Adaptive Card → Manager → HR

Flow 4 · Balance Reset

Jan 1 · Reset all leave balances to entitlement

Flow 5 · GPS Anomaly

On new attendance · If Out-of-Zone → Teams alert

Flow 6 · Monthly Report

1st of month · Generate Excel → email HR admin

Flow 7 · Checkout Reminder

Daily 17:30 · Find unchecked-out → Teams message

Flow 8 · Low Balance

On balance update · If ≤2 days → warn employee

The full DOCX guide (Humiley_SharePoint_Integration_Guide.docx) contains complete column definitions, flow configurations, code samples, and a 20-item go-live checklist.

Welcome back

Employee Database

Recruitment

Onboarding

My Goals

My Training

Offboarding & Exit

Performance Management

Talent Management

Training & Development

Approval Inbox

Travel Expense (TR)

Access & Permissions

Payroll

Welcome back

Check In / Out

Attendance Records

GPS Locations

Work Schedules

Leave Management

Team Monitoring

HR Admin

Reports & Analytics

Settings & Configuration

SharePoint Integration Guide

Prerequisites — What you need before starting

Microsoft 365 Licences Required

Admin Roles Required

Step 1 — Create SharePoint Site & Lists

Create the Site

Create 6 Lists (Site Contents → + New → List)

Step 2 — Register Azure AD App (for Graph API)

Create App Registration

Add API Permissions & Grant Consent

Step 3 — Fill in SP_CONFIG (4 values)

Edit Humiley_Timekeeping_Platform.html

Step 4 — Host on SharePoint

Upload HTML to Site Assets

Create a SharePoint Page with Embed Web Part

Step 5 — Set Up Power Automate (8 Flows)

Welcome to Humiley Group Inc.

Welcome back

Employee Database

Recruitment

Onboarding

My Goals

My Training

Offboarding & Exit

Performance Management

Talent Management

Training & Development

Approval Inbox

Travel Expense (TR)

Access & Permissions

Payroll

Welcome back

Check In / Out

Attendance Records

GPS Locations

Work Schedules

Leave Management

Team Monitoring

HR Admin

Reports & Analytics

Settings & Configuration

SharePoint Integration Guide

Prerequisites — What you need before starting

Microsoft 365 Licences Required

Admin Roles Required

Step 1 — Create SharePoint Site & Lists

Create the Site

Create 6 Lists (Site Contents → + New → List)

Step 2 — Register Azure AD App (for Graph API)

Create App Registration

Add API Permissions & Grant Consent

Step 3 — Fill in SP_CONFIG (4 values)

Edit Humiley_Timekeeping_Platform.html

Step 4 — Host on SharePoint

Upload HTML to Site Assets

Create a SharePoint Page with Embed Web Part

Step 5 — Set Up Power Automate (8 Flows)