使用 .NET MAUI 打造跨平台打卡系統：網智數位的企業行動解決方案實戰

 在現代企業中，遠端辦公與彈性工時成為常態，傳統的打卡方式早已無法滿足管理需求。透過微軟的 .NET MAUI 跨平台框架，我們可以快速開發一套支援 Android、iOS 與 Windows 的智慧打卡系統，大幅提升內部流程數位化效率。

在本篇文章中，網智數位有限公司將分享我們如何為企業量身打造「行動打卡系統」，不僅提供程式碼範例與畫面模擬，還說明企業如何善用此技術導入專案，以達成數位轉型目標。

---

打造行動打卡系統的核心價值

• ✅ 員工無需靠近打卡機，在手機上即可完成出勤紀錄

• ✅ 支援 GPS 定位，方便居家/外勤打卡

• ✅ 本機記錄與雲端同步，兼顧穩定性與即時性

• ✅ 易於擴充整合 ERP、HR、薪資等企業系統

網智數位長期專注於企業級 App 開發與 ERP 系統整合服務，協助客戶將構想變成可運行的產品。此篇技術分享，正是我們落實「技術驅動管理升級」的最佳範例之一。

⚙️ 技術架構概覽

我們選用 .NET MAUI 為開發主幹，搭配下列技術：

模組
技術架構

前端 UI
.NET MAUI + XAML

本機資料庫
SQLite

定位服務
Xamarin.Essentials

雲端同步（延伸）
Web API / Azure Function

️ 程式實作：從輸入到打卡記錄

Model：PunchRecord.cs

public class PunchRecord
{
    public int Id { get; set; }
    public string EmployeeName { get; set; }
    public DateTime PunchTime { get; set; }
    public string PunchType { get; set; } // 上班 / 下班
    public string Location { get; set; }
}

畫面設計：MainPage.xaml

<VerticalStackLayout Padding="20">
    <Entry x:Name="EmployeeEntry" Placeholder="請輸入員工姓名" />
    <Label x:Name="TimeLabel" FontSize="18" />
    <Label x:Name="LocationLabel" FontSize="14" TextColor="Gray"/>
    <Button Text=" 上班打卡" Clicked="OnCheckInClicked" />
    <Button Text=" 下班打卡" Clicked="OnCheckOutClicked" />
</VerticalStackLayout>

實作邏輯：MainPage.xaml.cs

private async void OnCheckInClicked(object sender, EventArgs e)
{
    await SaveRecord("上班");
}

private async Task SaveRecord(string type)
{
    var location = await LocationService.GetAddressAsync();
    var record = new PunchRecord
    {
        EmployeeName = EmployeeEntry.Text,
        PunchTime = DateTime.Now,
        PunchType = type,
        Location = location
    };
    await DatabaseService.SavePunchRecord(record);
    await DisplayAlert("成功", $"{type} 打卡完成", "OK");
}

---

定位服務：LocationService.cs

public static class LocationService
{
    public static async Task<string> GetAddressAsync()
    {
        try
        {
            var location = await Geolocation.GetLastKnownLocationAsync();
            return location != null ? 
                $"Lat: {location.Latitude}, Lon: {location.Longitude}" : "無法取得位置";
        }
        catch { return "定位失敗"; }
    }
}

---

️ 畫面

主畫面打卡成功

此系統為 網智數位 實際開發案例之一，如需客製化打卡系統或整合 ERP 請洽：www.netqna.com

---

延伸應用與整合可能

• 結合公司 ERP 系統，自動產出薪資出勤報表

• 與 Azure / AWS 整合，擴充為雲端 API

• 推播提醒功能（未打卡提醒）

• QRCode 掃描簽到 + 行動裝置辨識

---

關於網智數位有限公司

網智數位有限公司是專注於ERP 導入、行動應用開發與雲端整合的軟體公司，擁有數十間設計、製造、貿易企業合作經驗。從需求分析、UI 設計到 API 架構，我們提供企業一站式數位解決方案。

本篇文章由 網智數位技術團隊 撰寫，展示我們在 MAUI 跨平台開發與企業內部系統建置的實力。

網智數位-軟體開發團隊一直突破開發技術、累積各種產業知識，而且在出版業、室內設計裝潢業、製造業、機電顧問、貿易、地板、窗簾、窗材、拉門、布料業的商業管理軟體投入有特別的領域知識、也在圖控軟體（圖控軟件）、機械手臂、 Android APP 、iPhone APP、3D列印 開發一直突破再創新，我們也堅持相信好的軟體可以協助企業，不管在管理營運角度、商品創新、決策分析等都絕對是不可缺少的關鍵因素，如果客戶您有任何軟體開發、程式開發委外需求，請聯繫我們讓我們協助您一起討論如何開發一個好的軟體來協助您。

網智數位-軟體開發（軟件開發）
針對各特殊產業都可以量身定做符合貴公司的需求，別人無法克服的就是我們的挑戰
業務合作、軟體委外開發
業務窗口：allen@netqna.com
聯繫電話：0920-883-870
公司電話：02-55991310
公司地址（業務營運處）：台北市中山區錦州街 25 號 5 樓
skype： netqna
line：netqna
微信：netqna
黃先生 Allen

Read More