CryptoClock Pro User Guide CryptoClock Pro

CryptoClock Pro คือจออัจฉริยะขนาด 3.5″ (480×320) ที่ใช้ชิป ESP32-S3 + LVGL 9 + WAMR (WebAssembly) ออกแบบมาเพื่อ “ดูราคาคริปโตแบบสด ๆ ที่ปลายนิ้ว โดยไม่ต้องเปิดคอม”

จุดต่างจากจอแสดงผลทั่วไปคือ Pro มีระบบ Zero-Flash Dynamic UI — หน้าจอทุกหน้าเก็บเป็น layout.json + logic.wasm บน Cloud ดังนั้น:

• เปลี่ยนหน้า ไม่ต้องต่อสาย USB แฟลชใหม่ — เซฟจากเว็บแอดมินแล้วจออัปเดตเอง
• แอดมินเพิ่ม “สินค้า” (หน้าใหม่) ผ่าน Builder → ขาย/แจกใน Store → จอดาวน์โหลดติดตั้งอัตโนมัติ
• ข้อมูลราคา/อากาศ/ปฏิทิน ส่งแบบ Real-time ผ่าน MQTT → จออัปเดตทันที
• อัปเดตเฟิร์มแวร์ผ่านอากาศ (OTA) มี 2 ช่องสลับกัน ถ้าพังคืนช่องเก่าอัตโนมัติ

ภาพรวม 1 บรรทัด

นาฬิกา IoT ที่ปรับแต่งได้ทุกอย่าง (UI, ข้อมูล, การแจ้งเตือน) ผ่านเว็บ — ไม่ต้องลงแอป ไม่ต้องเสียบสาย ผูกเครื่องครั้งเดียวแล้วใช้ได้ยาว ๆ ผ่าน Cloud MQTT

กลุ่มเป้าหมาย (เหมาะกับใคร)

การประยุกต์ใช้

ทั้งสองรุ่นใช้บอร์ดเดียวกัน แต่ Pro เพิ่ม Cloud + OTA + Builder + Store — เปลี่ยนทุกอย่างผ่านเว็บได้โดยไม่ต้องเสียบสาย

3.1 ฮาร์ดแวร์ (Hardware)

3.2 ซอฟต์แวร์ (Firmware + Platform)

3.3 แพลตฟอร์ม (Cloud)

4.1 ภาพรวมการไหลของข้อมูล

4.2 ส่วนประกอบของเครื่อง (Storage)

4.3 ลำดับการบูต (Boot Sequence)

1. Bootloader → เลือก OTA slot ที่ mark valid (rollback อัตโนมัติถ้าไม่ผ่าน health gate)
2. Firmware Main:
   ├─ อ่าน NVS (WiFi, Device ID, Token, flip180)
   ├─ เมาท์ SD card
   ├─ เริ่มจอ + LVGL
   ├─ ต่อ WiFi (ถ้ายังไม่ต่อเครืออ Hotspot Captive Portal)
   ├─ เริ่ม SNTP (เวลาอินเทอร์เน็ต)
   ├─ ต่อ MQTT TLS → subscribe ccp/v1/<encId>/cmd
   ├─ ขอ /device/bootstrap (settings + entitlements + pages)
   ├─ ตรวจ /device/packages → ดาวน์โหลด bundle ใหม่ (sha256 mismatch)
   ├─ home_ui สร้างหน้าจอ 5 หน้า (ตาม settings.pages)
   └─ เปิดหน้าแรก

4.4 ความปลอดภัย

• TLS ทุกช่องทาง (MQTT 8883 + HTTPS) + cert bundle ใน firmware
• Device token ออกตอน Claim (bcrypt hash เก็บบน server) · EMQX ACL = ccp/v1/<self>/#
• WASM sandbox — pool แยก, pointer validate ทุกครั้ง (WAMR signature ~), ไม่มี WASI / ไม่มี fs / ไม่มี socket
• OTA health gate — เฟิร์มใหม่ต้องทำงาน 60s ก่อน mark valid (rollback อัตโนมัติ)
• Remote lock / wipe — คำสั่งผ่าน MQTT · lock เก็บใน NVS ข้ามรีบูต · wipe = format NVS + LittleFS

5.1 ของในกล่อง

• ตัวเครื่อง CryptoClock Pro (จอ 3.5″) — 1 เครื่อง
• สาย USB-C (สำหรับไฟ + data) — 1 เส้น
• คู่มือเริ่มต้น (Quick start card พิมพ์สี) — 1 แผ่น
• คู่มือฉบับเต็ม — เล่มนี้ (PDF) ส่งทางอีเมล / โหลดจาก https://www.cashlessthailand.com/knowledge/cryptoclock-pro

5.2 เริ่มใช้งาน 5 ขั้น (Quickstart)

1. 01

   เสียบ USB-C ไฟเข้า

   เสียบปลายสายเข้ากับ Adapter หรือคอมผ่าน USB-C จอจะติดภายใน 3–5 วินาที · ถ้าจอดำเงียบ ๆ → ลองเปลี่ยน Adapter / สาย

2. 02

   รอหน้า WiFi Setup ปรากฏ

   ครั้งแรกที่เปิด (ยังไม่เคยตั้ง WiFi) จอจะปล่อย Hotspot ชื่อ CCP-Setup-XXXX (XXXX คือ 4 ตัวท้าย MAC) · จะมี QR Code บนจอด้วย

3. 03

   มือถือเชื่อมต่อ Hotspot + เปิดเว็บ 192.168.4.1

   เข้า WiFi CCP-Setup-XXXX (ไม่ต้องใส่รหัส) · เปิด Browser เข้า http://192.168.4.1 · หรือสแกน QR บนจอ

4. 04

   เลือก WiFi บ้าน + ใส่รหัส

   เลือก WiFi 2.4 GHz บ้านคุณ (รองรับเฉพาะ 2.4 GHz — ไม่รองรับ 5 GHz) · ใส่รหัสผ่าน · กด Save

5. 05

   เครื่องรีบูต + เข้าหน้า Home

   เครื่องจะรีบูต 10–20 วินาที · ต่อ WiFi บ้านสำเร็จ → ดึงเวลา NTP · ขึ้นหน้า Clock (หรือหน้าที่ตั้งไว้)

5.3 ถ้ามีปัญหา

• WiFi 5 GHz: CryptoClock Pro รับ เฉพาะ 2.4 GHz — ถ้าเราเตอร์เปิด 5 GHz แต่ปิด 2.4 ให้เปิด 2.4 ก่อน
• เครื่องจับ Hotspot ไม่ติด: ลองปิด-เปิด WiFi มือถือ · หรือรอ 1–2 นาที Hotspot จะเริ่มกระจาย
• เปิด 192.168.4.1 ไม่ได้: บาง Android ต้องกด "Stay connected" ตอนเด้งว่าเน็ตไม่มี หรือเปิด Browser ผ่าน QR Code ที่จอ
• ลืมรหัส WiFi: แตะมุมขวาบนของจอ → Settings → Reset WiFi (กดค้าง 5 วิ) เครื่องจะกลับเป็น Hotspot mode

หลังต่อ WiFi สำเร็จ เครื่องจะยังไม่รู้ว่า “ใครเป็นเจ้าของ” — ต้อง ผูกเครื่องกับบัญชี ก่อน ถึงจะตั้งค่าผ่านเว็บ Cloud ได้

6.1 เข้าสู่ระบบเว็บ User

เปิด https://2026-pro-user.vercel.app (หรือ user.ccp.cashlessthailand.com) · ล็อกอินด้วย Google หรือ OTP ทางอีเมล (Supabase)

6.2 ผูกเครื่อง (Claim) — มี 2 วิธี

6.3 เลือกโหมดเชื่อมต่อ

Pro มาพร้อม 5 หน้าหลัก + หน้าเสริมที่ซื้อ/แจกเพิ่มได้ — ปัดซ้าย/ขวาเพื่อเปลี่ยน หรือตั้งให้หมุนอัตโนมัติ

7.1 หน้า Clock (นาฬิกา)

หน้าหลักที่จะขึ้นอันดับแรก

• เวลาใหญ่แบบ 168pt (ฟอนต์ Montserrat 48 + transform scale ×3.5) + วินาทีสีส้มที่ฐานนาที
• วันที่ด้านบน (รูปแบบไทย / อังกฤษปรับได้)
• โลโก้แบรนด์ 48×48 ตรงกลางล่าง (เปลี่ยนรูปได้ผ่าน SD)
• 3 ธีมสี: Gold / Mint / Neon (เปลี่ยนได้จากเว็บไม่ต้องแฟลช)
• Timezone · 24h/12h · แสดง พ.ศ.

7.2 หน้า Crypto (กราฟราคา)

• เหรียญ: เลือกได้สูงสุด 4 คู่ เช่น BTCUSDT / ETHUSDT / BNBUSDT / SOLUSDT
• Timeframe: 15m / 1h / 4h / 1d (สลับได้ที่ปุ่มบนจอ)
• สกุลเงิน: USD หรือ THB (อัตราแลกเปลี่ยนดึงสดจาก open.er-api)
• Source: Binance (price + candlestick) · Yahoo Finance (ทองคำ) · SET/NASDAQ (หุ้น)
• Price Alert: 8 เงื่อนไข (เช่น BTC > 100k) → เต็มจอ + เสียง + Snooze 5 นาที / Stop

7.3 หน้า Photos (Slideshow)

• รูปเต็มจอ 480×320
• Interval 1s – 60s (ตั้งได้)
• Effect: Fade / Slide / Random / None
• Order: ตามลำดับอัปโหลด หรือเรียงเอง

7.4 หน้า Weather (สภาพอากาศ)

• เมือง: Bangkok / Phuket / Chiang Mai / Hanoi / Singapore / Tokyo / New York ฯลฯ (เพิ่มได้)
• หน่วย: °C / °F
• Source: open-meteo (ฟรี ไม่ต้อง API key) · อัปเดตทุก 10 นาที
• ธีม: เปลี่ยนสี/ไอคอนตาม WMO code (ฟ้าใส / เมฆ / ฝน / พายุ / หิมะ / หมอก)

7.5 หน้า Profile (นามบัตร)

• Avatar 132×132 PNG (อัปโหลดผ่าะผ่านเว็บ User)
• ชื่อ-นามสกุล
• ชื่อเล่น (ในวงเล็บ)
• ตำแหน่ง / Role
• ชื่อบริษัท
• คติพจน์ (motto) — แยกจาก role
• QR Code โซเชียล (Facebook, Line, YouTube, TikTok, IG)
• เลือกสีแต่ละส่วนได้ (bg, name, role, company)

7.6 หน้า Calendar (ปฏิทิน)

• รูปแบบ: เดือนเต็ม / สัปดาห์ / เดือน + วันนี้
• วันเริ่มสัปดาห์: อาทิตย์ / จันทร์
• ภาษา: th / en
• ผูกกับ Google Calendar (ผ่านการตั้งค่าขั้นสูง)

7.7 หน้าที่ซื้อเพิ่ม (Store)

แตะ ≡ มุมขวาบน ของจอ (ใน 2 วินาทีหลังเปิดหน้าใหม่) เพื่อเปิดเมนู — ถ้าไม่แตะอะไรใน 10 วินาที เมนูจะปิดเองอัตโนมัติ

8.1 รายการในเมนู

8.2 ท่าทางนิ้ว (Gestures)

• ปัดซ้าย / ขวา — เปลี่ยนหน้าถัดไป / ก่อนหน้า
• แตะ 1 ครั้ง (กลางจอ) — เปิดเมนู (ถ้าจอบางรุ่นตั้งไว้)
• กดค้าง 2 วิ — สลับธีม (Gold / Mint / Neon)

URL: https://user.ccp.cashlessthailand.com (หรือ https://2026-pro-user.vercel.app)

ตั้งค่าทุกอย่างได้จากที่นี่ — ไม่ต้องลงแอป ไม่ต้องอยู่ WiFi เดียวกับจอ (ถ้าเลือก Cloud Mode)

9.1 โครงสร้างเมนู (Tab)

9.2 ตั้งผ่าน Cloud (เว็บเท่านั้น)

หมายเหตุ: ตั้งค่าผ่านเว็บ Cloud เท่านั้น — ไม่ต้องอยู่วง WiFi เดียวกับจอ ไม่ต้องเสียบสาย

สิทธิ์ทุกอย่าง ผูกกับเครื่องเดียว (ไม่ใช่ user แบบเหมารวย) — user มี 2 เครื่อง ต้องซื้อแยก

11.1 ประเภทไอเทม

11.2 Flow ขออนุมัติฟีเจอร์ (เช่น Crypto Alerts)

user → กด "Request approval" บนเว็บ
       │
       ▼  POST /api/v1/me/feature-requests {deviceId, page, feature}
  สถานะ PENDING
       │
       ▼
  Admin Web → /approvals เห็นคิว
       │
       ├─ Approve → server สร้าง Entitlement + sync MQTT
       └─ Reject  → user ได้รับแจ้ง ฟีเจอร์ไม่ปลดล็อค