Lập trình App Inventor điều khiển thiết bị M5Go

Giới thiệu

Trong bài viết trước, chúng ta đã làm quen với App Inventor thông qua ví dụ báo thức đơn giản. Trong bài viết này, chúng ta sẽ lập trình ứng dụng để điều khiển thiết bị M5Go thông qua mạng wifi cục bộ.

Chuẩn bị

  • Trình duyệt web.
  • Tài khoản Google.
  • Điện thoại android.
  • Ngoài ra, các bạn cần một bộ M5Go đã được lập trình để có thể điều khiển từ xa theo bài viết lập trình điều khiển M5Go từ xa.

Thực hiện

Trong ví dụ này, chúng ta sẽ dùng thành phần Web của App Inventor để gửi yêu cầu cho M5Go. M5Go được lập trình sẵn theo bài viết lập trình điều khiển M5Go, để nhận yêu cầu được gửi tới. Khi nhận được yêu cầu. M5Go sẽ phát ra một câu hỏi, ghi âm lại câu trả lời rồi phản hồi về cho ứng dụng. Ứng dụng khi nhận được file ghi âm sẽ lưu lại trên thư mục Download của điện thoại.

Thiết kế giao diện

Chúng ta sẽ tạo một dự án mới và vào phần designer để bắt đầu thiết kế ứng dụng.

Trong ví dụ này, chúng ta sẽ dùng các thành phần chính sau:

  • Button để xác nhận gửi yêu cầu đến M5Go.
  • Web để gửi yêu cầu và nhận phản hồi từ M5Go.
  • Notifier để hiển thị thông báo cho người dùng biết.

Ngoài ra thì các bạn có thể dùng đến các thành phần khác để làm cho giao diện đẹp hơn.

Gửi yêu cầu đến M5Go

Trong menu thuộc tính của thành phần Web. Chúng ta sẽ thiết lập địa chỉ đường dẫn để gởi yêu cầu đến. Và chọn SaveResponse để lưu tệp ghi âm khi nhận được phản hồi.

Sau khi đã có các thành phần cần thiết cho ứng dụng. Chúng ta sẽ qua chế độ Blocks để lập trình xử lý cho ứng dụng.

Phần xử lý trong ví dụ này khá đơn giản. Khi người dùng nhấn button trên màn hình, thành phần Web sẽ quy định nơi lưu file nhận được. Trong hình trên thì Web1 sẽ lưu file có tên là answer.wav và lưu vào thư mục Download trong thẻ nhớ.

Sau đó thực hiện gửi yêu cầu đến M5Go với địa chỉ chúng ta đã quy định ở phần designer. Và cuối cùng hiển thị thông báo dạng pop-up để người dùng biết.

Kết luận

Qua các bài viết tiếp theo, chúng ta sẽ cùng tìm hiểu thành phần File để đọc và ghi nội dung của một tệp trên điện thoại.

Related posts

Xây dựng ứng dụng Android và iOS với CapacitorJS

App mới đăng lên Google Play dùng định dạng AAB, không APK nữa

Submit ứng dụng Android lên Google Play

1 Bình luận

Lập trình điều khiển M5Go từ xa - share4happy .com Tháng mười một 26, 2019 - 1:51 sáng
[…] cách để người dùng thực hiện gửi yêu cầu. Các bạn có thể xem bài viết lập trình App Inventor điều khiển thiết bị M5Go để lập trình ứng dụng android gửi yêu cầu đến […]
Add Comment