Chia Sẻ Khóa Học STM32 Serial Dashboard - Điều Khiển MCU Từ Trình Duyệt Web [Khóa 5842 A]
Điều khiển và giám sát MCU của bạn từ Trình duyệt Web bằng một wired serial connection.
Những gì bạn sẽ học được:
- ✓ Điều khiển độ sáng đèn LED từ Trình duyệt web.
- ✓ Hiển thị trạng thái GPIO trên trang Web.
- ✓ Hiển thị dạng sóng ADC bằng HTML Canvas.
- ✓ Giám sát các biến STM32 từ Trình duyệt web.
- ✓ Lưu các biến STM32 đã ghi vào tệp CSV.
Khóa học này giải thích các phương pháp đơn giản có thể được sử dụng để kiểm soát và trực quan hóa trạng thái phần cứng ngoại vi của các thiết bị dựa trên STM32 từ Trình duyệt web.
Sử dụng Web Serial API, chúng tôi gửi và nhận lệnh qua wired connection cho phép chúng tôi test các thành phần dashboard cơ bản:
- ✓ LED brightness slider: Với mức phần trăm và hiệu ứng quán tính nhờ khả năng HTML và JavaScript.
- ✓ Các Button phản ứng với GPIO: Trực quan hóa các thay đổi trạng thái button cùng lúc chúng được nhấn vật lý.
- ✓ Waveform của ADC signal: Nhận các điểm dữ liệu từ STM32 và hiển thị chúng dưới dạng một dạng sóng động.
- ✓ Debug output: Giám sát bất kỳ biến STM32 nào trong trình duyệt web mà không cần phải thay đổi code HTML.
Tất cả các ví dụ đều sử dụng Web Serial API – không phải internet /Wi-Fi. Phương pháp này phù hợp với các kết nối wired sử dụng RS-232, RS-485 hoặc TTL interface.
Lý tưởng cho các ứng dụng công nghiệp vốn đã dựa trên máy tính bảng chạy Windows và embedded PC. Không cần phải loay hoay với .NET hoặc các development framework khác. Chạy dashboard trực tiếp trên một trình duyệt web Chrome và tận dụng các tính năng như HTML5 Canvas, WebGL, responsive CSS styling, hiển thị tuyệt vời trên cả màn hình máy tính bảng lớn và nhỏ.
Khóa học này cũng mang đến cho các nhà phát triển cơ hội độc đáo để khám phá các giải pháp thay thế cho STM32CubeMonitor. Vượt qua những hạn chế của phương pháp tiếp cận dựa trên Node.RED và tìm hiểu cách triển khai cùng một chức năng bằng cách sử dụng các file HTML & JavaScript có thể được lưu trữ cả trực tuyến và cục bộ.
Để đơn giản hóa mọi thứ, có một thư viện myserial.js cung cấp đường dẫn tức thời để làm việc với các serial port từ code HTML của bạn. Với thư viện này, không gì có thể ngăn cản bạn sử dụng Web Serial API ngay cả khi bạn là người mới bắt đầu với các async function.
Khóa học này sẽ không giải thích những kiến thức cơ bản về HTML & JavaScript hay CSS, cũng như các STM32 clock & peripheral. Bạn cần có kinh nghiệm về những thứ này hoặc sẵn sàng tự học. Các bài giảng 4, 5, 6 và 7 bao gồm các dự án STM32 và các file HTML cho bốn thành phần nền tảng sau:
- ✓ LED brightness slider.
- ✓ Các Button phản ứng với GPIO.
- ✓ Waveform của ADC signal.
- ✓ Debug output.
Hãy thử tự mình thực hiện ba ví dụ đầu tiên bằng cách sử dụng text editor cho các file HTML và STM32CubeIDE cho project STM32. Các video bài giảng bao gồm tất cả các bước tôi thực hiện để chỉnh sửa và chạy các file này. "C macro cho variable monitoring" (Debug output) Ví dụ HTML phức tạp hơn một chút, và người mới bắt đầu nên sử dụng nó ngay từ đầu.
Các tính toán và bit extraction thỉnh thoảng được thực hiện bằng tiện ích miễn phí SpeqMath dành cho Windows.
Việc chỉnh sửa file HTML được thực hiện bằng Notepad++ text editor.
Khóa học này dành cho ai:
- ✓ Những người áp dụng sớm công nghệ Web Serial API.
- ✓ Bất kỳ ai đang cân nhắc sử dụng x64 tablet chạy Windows làm dashboard.
- ✓ Các nhà phát triển muốn thoát khỏi những hạn chế của STM32CubeMonitor.
- ✓ Custom gaming controller developer cho các ứng dụng dựa trên HTML5 Canvas & WebGL.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU