공수관리톡

Premium One-Touch Mobile Manpower Management System: Manpower Talk Detailed Specifications and User Guide

Manpower Talk is a professional management application designed to optimize the deployment of personnel and the input of manpower (work records) for complex and cumbersome construction sites and various outsourced tasks in a mobile environment.

Moving away from traditional paper notebooks or complex Excel spreadsheets, it helps site managers and educators perfectly complete tasks—from calculating team members' daily wages and checking personnel deployment status by site to settling net pay with tax deductions—with just a few touches on their smartphone screens.

We will explain the detailed technical structure and functional features of this app in a very friendly and detailed manner, divided into five key areas.

1. Technical Foundation and Architecture (HTML5 / CSS3 / Vanilla JS)

To ensure lightweight and fast execution speeds, this application has removed the heavy overhead of frameworks (React, Vue, etc.) and was built using only web standard technologies: HTML5, Vanilla CSS, and pure JavaScript (Vanilla JS). Hybrid App Packaging: Utilizing Cordova and PWA (Progressive Web App) technologies, it can be directly installed and run as an APK on Android smartphones. It features a Responsive Mobile UI (Responsive Web CSS) that adapts the layout to the device screen size.

Local Data Persistence: It uses LocalStorage—the smartphone's safe zone—as a database without the need for a separate, costly external database server. It operates 100% normally without data loss, even in remote field locations where network connectivity is completely cut off.

Excel File Control Library: By embedding the xlsx.full.min.js open-source library for external file export and restoration, it demonstrates integration capabilities that allow for the instant creation and analysis of spreadsheet files in a mobile environment.

2. Analysis of the Functions of the 4 Core UI Tabs

① Home Tab (Comprehensive Dashboard and Settlement Summary)

The Home screen is the administrator's main dashboard, summarizing and displaying all economic figures and input statistics generated this month at a glance. Total Team Settlement: The total accumulated man-hours (or hours) for this month (or the set cycle) and the estimated net pay based on tax rates are aggregated in real-time and displayed in large font.

Real-time Pre-tax/Post-tax Conversion: Pre-tax and net pay amounts are dynamically displayed separately based on the set tax type (e.g., 3.3% withholding tax), making budget planning easier.

List of Salaries by Team Member: Filters only the team members with work history for this month, presenting their net pay and total man-hours in an easy-to-read format.

Today's Field Fortune: An emotional utility card that displays different safety guide messages and luck indices every day to boost safety awareness before starting field work.

② Man-hours/Calendar Tab (Main Job Input Window and Excel Output)

The calendar screen is the most critical control area of ​​this app, allowing you to manage schedules and man-hours through a visual calendar format.

Cumulative Badges by Date: Summary badges, such as "+1.5 man-hours" or "3 personnel assigned," are displayed in each date column of the calendar, allowing you to instantly recognize how many personnel were assigned on a specific date.

Calendar Left/Right Swipe Operation: Designed for mobile gesture environments, lightly swiping your finger across the calendar area moves the calendar to the previous month (right swipe) and next month (left swipe) with smooth animations.

Download and Send Excel File: You can extract the detailed settlement report for the corresponding month as an .xls file and immediately send it to clients or team members via KakaoTalk or text message using the built-in mobile transmission API.

③ Administrator Tab (Manage Manpower Pool and Site List)

This is a back-office management area for managing the foundational master data before entering man-hours.

Team Member Human Resources Database: Register team members' names and daily wages (basic rates). Daily wages are separated by commas in thousands for easy identification. Site (Project) Master Data: Registers the names of multiple sites where personnel are dispatched individually and databases them so they can be selected later using a chip button.

Tax Settings Module:

No Tax (100% Payment)

3.3% Withholding Tax Deduction

0.9% Employment Insurance Deduction

3.3% Withholding Tax + 0.9% Employment Insurance (Total 4.2% Deduction)
If you set one of the above four options according to the site rules, it will be automatically applied to all allowance calculation formulas within the app.

④ Settings Tab (Custom Cycle and Security Backup)

This is an advanced system settings window designed to ensure the app's operating environment and data safety.

User Custom Settlement Cycle: In addition to settlements based on the 1st to the last day of each month, you can set the aggregation cycle to 'a specific day of the previous month (e.g., the 21st) ~ a specific day of the current month (e.g., the 20th)' to reflect different payroll calculation periods for each site, allowing you to reorder all man-hours and payroll statistics on the screen according to that cycle. Integrated Data Backup and Restore: To prevent data loss in the event of device loss or replacement, you can back up your entire man-hour log into a single file. Simply import this backup file, and your data will be perfectly transferred with just a few touches.

Safe Reset: This is a permanent deletion function used when you want to cleanly erase all accumulated data and settings to manage your sites anew.

3. Design Mechanisms for Maximizing User Experience (UX)

This app incorporates advanced UX design principles so that even coding beginners or elderly users unfamiliar with operating smartphones can use it immediately without a manual.

One-Touch Chip Button System: The effort of typing man-hours manually on the keyboard has been completely eliminated. The list of registered team members, sites, and man-hour sizes (1.0, 1.5, 2.0, 0.5) are displayed as attractive 'Chip Buttons'. Simply tap to select an item with your finger and press the 'Register' button to complete the task. 3-Color Theme Changer (Dark / White / Blue):

Dark Theme: Neon-style black that minimizes eye strain at night or in dark environments.

White Theme: Bright white that enhances visibility in bright outdoor daytime conditions.

Blue Theme: A modern navy blue shade that conveys comfort and trust. The entire color theme cycles through in real-time without switching screens with a single palette icon button at the top.