กลับไปหน้ารวมไฟล์
angnano-visualize-nano-ble-sense-data-within-the-browser-f4f307.md

Angnano - แสดงข้อมูล Nano BLE Sense ในเบราว์เซอร์

ก็แค่เพราะว่ามันทำได้ ;-)

อัปโหลด sketch ด้านล่างไปยังบอร์ดของคุณ

เกือบเสร็จแล้ว! ไปที่ Angnano แล้วกดปุ่ม 'Scan' ที่มุมขวาเพื่อเชื่อมต่อ

ปัญหาที่พบ: อุปกรณ์ Android มี MTU ขนาด 20bytes การใช้งาน bluetooth characteristic ในปัจจุบันมีความยาว 54bytes ดังนั้น คุณจะไม่สามารถรับค่าเซ็นเซอร์ทั้งหมดบนอุปกรณ์ Android บางรุ่นได้ในขณะนี้

รายละเอียดทางเทคนิคเพิ่มเติม

การส่งข้อมูล Telemetry ด้วย Bluetooth ผ่านเว็บ

Angnano เป็นโปรเจกต์ที่ทรงพลังที่ช่วยให้คุณสามารถ stream ข้อมูลจาก Arduino Nano 33 BLE Sense เข้าสู่เว็บเบราว์เซอร์ของคุณได้โดยตรง โดยไม่จำเป็นต้องใช้แอปพลิเคชัน

  • Web-Bluetooth API Handshake: ใช้ Web-Bluetooth API ที่ล้ำสมัย เบราว์เซอร์ (Chrome/Edge) สร้างการเชื่อมโยง GATT-protocol โดยตรงกับ Arduino ทำให้ข้อมูลเซ็นเซอร์ดิบสามารถถูก plot ได้ทันทีใน web-canvas
  • VS Code Optimized Development: พัฒนาทั้งหมดใน VS Code โดยใช้ Arduino extension เพื่อเพิ่มประสิทธิภาพของ BLE stack สำหรับ throughput สูงสุดและ data latency ต่ำกว่า 50ms

ประสิทธิภาพ

  • Visual "Spatial Orientation" Dashboard: อินเทอร์เฟซของเบราว์เซอร์แสดงผล 3D model ของ Nano BLE Sense; เมื่อคุณเอียงฮาร์ดแวร์จริง โมเดลเสมือนจะเลียนแบบการเคลื่อนไหวแบบ real-time โดยใช้ข้อมูล IMU

ข้อมูล Frontmatter ดั้งเดิม 

title: "Angnano - Visualize Nano BLE Sense data within the Browser"
description: "A single page web application which can connect to the Nano BLE Sense Board via a bluetooth connection and visualize sensors in 'real time"
author: "haraldholzner"
category: ""
tags:
  - "bluetooth"
  - "nano ble sense"
  - "angular"
views: 1975
likes: 1
price: 2450
difficulty: "Easy"
components:
  - "1x Nano 33 BLE Sense"
tools: []
apps:
  - "1x Visual Studio Code Extension for Arduino"
  - "1x Arduino IDE"
  - "1x VS Code"
downloadableFiles: []
documentationLinks: []
passwordHash: "a55d2db5559fee555b232edf2d2a86010f117a219d8ac5f80a39d7abb0b41d11"
encryptedPayload: "U2FsdGVkX1/yRUfD0oQd6JRj13rQ7a816mcOzWCKMS2hSeBscs+NqBteq4zT2aqDpS5xIL1s9cFksHPc6zI2zwwER2gJzpb3f1zVGmpgLwUD1Hphl8pX1TW6Q6EUDCVS/Ej6oRIpWmg2uLOP/btNB3hQDMYglMuWppb4QoC+4kg="
seoDescription: "Visualize Nano BLE Sense data in real-time via Bluetooth using a single page web application."
videoLinks:
  - "https://www.youtube.com/embed/shorts"
heroImage: "https://cdn.jsdelivr.net/gh/bigboxthailand/arduino-assets@main/images/projects/angnano-visualize-nano-ble-sense-data-within-the-browser-f4f307_cover.jpg"
lang: "th"