Hướng Dẫn Sử Dụng App Inventor

Để có thể chỉnh sửa các thông số kỹ thuật của Button các bạn Click vào cùng nó đang xổ ra những trường thông tin. Ở đây các chúng ta có thể đặt lại tên mang đến Buttonở phần Text …

Tiếp theo, chúng ta chọn mục Connectivity và cho Web cùng kéo thả vào Viewer nhé.

Sau lúc đã thông số kỹ thuật cho các Button với Web ta chọn vào Block để chuyển qua lập trình kéo thả Block.

Click vào “Button 1” chọn phần mà tôi đã khoanh đỏ và kéo nó vào vùng lập trình.

Tiếp tục, ta lựa chọn “Web1” với kéo
Block đã được đánh dấu. Ở phần này bọn họ sẽ cấu hình showroom IP Web.

Chọn mục “Text” kéo block được khoanh đỏ vào vùng lập trình.

Tiếp theo nghỉ ngơi mục Web1 chọn Block “Call Web.Get”.

Để biết được add IP của Node
MCU ESP8266 ta bắt buộc nạp Code và bật Monitor lên xem nhé. Code mình để cuối bài viết các bạn tải về và

thực hiện nhé. Ở đây add IP của bản thân mình là: 192.168.88.106

Các bạn kéo thả các Block lại với nhau giống hệt như trên màn hình nhé.

Để hoàn toàn có thể tải dự án về năng lượng điện thoại, chúng ta vào mục Build chọn ứng dụng (project QR code for apk).

Quét mã QR code mở ra trên màn hình. Và các bạn tiến hành thiết lập App vào điện thoại nhé.

Như vậy là đã hoàn thành các bạn có thể điều khiển bật và tắt thiết bị bên trên App điện thoại rồi.

Sơ thứ đấu nối

Các linh kiện cần thiết cho dự án

Code

#include const char* ssid = "Phamson";const char* password = "phamtheson";Wi
FiServer server(80);void setup() Serial.begin(115200); //Default Baud Rate for Node
MCU delay(10); pin
Mode(2, OUTPUT); // Connect Relay to Node
MCU"s D4 sạc pin digital
Write(2, 0); // Connect to lớn Wi
Fi network Serial.println(); Serial.println(); Serial.print("Connecting lớn "); Serial.println(ssid); Wi
Fi.begin(ssid, password); while (Wi
Fi.status() != WL_CONNECTED) delay(500); Serial.print("."); Serial.println(""); Serial.println("Wi
Fi connected"); // Start the server server.begin(); Serial.println("Server started"); // Print the IP address Serial.println(Wi
Fi.local
IP());void loop() // kiểm tra if a client has connected Wi
FiClient client = server.available(); if (!client) return; // Wait until the client sends some data Serial.println("new client"); while(!client.available()) delay(1); String req = client.read
String
Until(" "); Serial.println(req); client.flush(); int val; if (req.index
Of("/gpio/0") != -1) val = 0; else if (req.index
Of("/gpio/1") != -1) val = 1; else Serial.println("invalid request"); client.stop(); return; // phối GPIO2 according khổng lồ the request digital
Write(2, val); client.flush(); String s = "HTTP/1.1 200 OK
Content-Type: text/html
GPIO is now "; s += (val)?"high":"low"; s += "";

1. Lập trình ứng dụng Android theo kiểu Kéo-Thả (Drag và Drop) cùng với MIT ứng dụng Inventor 2.

MIT tiện ích Inventor giành riêng cho Android là 1 trong ứng dụng web mối cung cấp mở ban đầu được hỗ trợ bởi Google và hiện tại được bảo trì bởi Viện technology Massachusetts (MIT). Nền tảng cho phép nhà lập trình tạo ra các ứng dụng phần mềm cho hệ quản lý điều hành Android (OS). Bằng phương pháp sử dụng giao diện đồ họa, nền tảng chất nhận được người dùng kéo cùng thả các khối mã (blocks) để tạo ra các ứng dụng có thể chạy trên sản phẩm công nghệ Android. Đến thời điểm hiện tại 07/2017, phiên phiên bản i
OS của nền tảng gốc rễ này đã ban đầu được gửi vào demo nghiệm vì Thunkable, là một trong trong các nhà hỗ trợ ứng dụng web cho ngôn ngữ này.

Mục tiêu cơ bản của MIT phầm mềm Inventor là trợ giúp những người chưa có kiến thức về ngữ điệu lập trình trường đoản cú trước có thể tạo ra phần nhiều ứng dụng bổ ích trên hệ điều hành và quản lý Android. Phiên bạn dạng mới độc nhất là MIT app Inventor 2.

Ngày nay, MIT đã hoàn thiện App Inventor và nó được chia sẻ ngay trên tài khoản Google. Các lập trình viên mới ban đầu hoặc bất kỳ ai muốn tạo thành ứng dụng Android chỉ việc vào địa chỉ cửa hàng web của MIT, nhập tin tức tài khoản Google, và từ đa số mảnh ghép nhỏ, thi công những ý tưởng của mình. Bạn là tín đồ mới bước đầu hoặc chưa biết gì không còn về app Inventor? MIT bao gồm sẵn một loạt các hướng dẫn cụ thể cho mình làm quen thuộc với chương trình.

Để thực hiện được app Inventor, các bạn truy cập vào add http://ai2.appinventor.mit.edu . Kế tiếp tiến hành đăng nhập bằng tài khoản Google của khách hàng để mở trang cai quản lí các project.

Nói chung toàn bộ rất đơn giản là các làm việc kéo và thả, bao hàm cả phần kiến tạo giao diện cùng viết code. Tham khảo một số nội dung bài viết giới thiệu cùng hướng dẫn sử dụng ứng dụng MIT tiện ích Inventor

2. Xây dựng vận dụng điều khiển/giám liền kề thiết bị qua truyền thông BLE.

Phần này trình bày công việc xây dựng một ứng dụng chạy trên android OS để tinh chỉnh và điều khiển và đo lường và tính toán thiết bị thông qua giao tiếp truyền thông ko dây công nghệ bluetooth Low Energy (BLE).

2.1. Tổng quan

Chạy trên các điện thoại sử dụng hệ điều hành và quản lý Android OS, với công dụng Bật / Tắt led và đo lường và thống kê số lần dìm Push Button bên trên bo mạch VBLUno51.

Được viết bởi MIT app Inventor 2 theo phong cách lập trình kéo - thả (Drag & drop).

Sử dụng bo mạch VBLUno51 của VNG, cung cấp giao tiếp BLE.

Firmware: thực hiện mã nguồn đến VBLUno51 GẦN GIỐNG trong nội dung bài viết Tutorial: Điều khiển và giám sát và đo lường một sản phẩm bằng điện thoại qua BLE cùng với bo mạch VBLUno51

Chỉ khác tại loại 85, quý giá để bật sáng Led là 0x30 thay vì chưng 0x00. Lý do rất solo giản: Bluetooth
LE extension của MIT AI2 bản hiện tại không hoàn thiện, còn xảy ra lỗi khi thực hiện phương thức Write
Bytes. Để khắc phục điều đó, ví dụ của chúng ta sử dụng thủ tục Write
Strings.

Firmware thực hiện cho VBLUNO51 trong lấy ví dụ này

- công dụng cụ thể: + Điều khiển: chất nhận được sử dụng ứng dụng mobile để điều khiển và tinh chỉnh Bật / Tắt led gồm sẵn trên mạch. + Giám sát: Khi người tiêu dùng nhấn Push Button bên trên mạch, giá bán trị đo lường tăng dần cùng hiển thị trên ứng dụng mobile.

2.2. Các bước cụ thể

Cửa sổ xây cất gồm 4 khung công dụng chính như hình bên dưới đây

Đầu tiên, một vận dụng có thể có không ít cửa sổ giao diện, trong MIT AI2 call là những Screen.

Palette: Chứa các thành phần có thể đặt lên trên Screen như: Button, Label, Image, Listview, video clip player, …. Đến các thanh phần tác dụng không bắt gặp trên Screen như: BLE extension, Notifier, những sensors, ….

Viewer: Hiển thị giao diện screen. Kéo thả các thành phần từ size Palette sang phía trên để kiến tạo giao diện cho ứng dụng của bạn.

Components: Sơ đồ cây thể hiện kết cấu các thành phần đang được bố trí trên Screen.

Properties: Hiển thị trực thuộc tính của component khớp ứng được chọn.

Ngoài ra còn khung media chứa những file truyền thông bạn thiết lập lên để áp dụng trong chương trình như: Ảnh icon, hình ảnh nền, …

Chương trình minh họa trong nội dung bài viết được kiến thiết như hình bên dưới. Bao hàm các thành phần nhìn thấy trên Screen và những thành phần tính năng không thấy được trên Screen (non-visible) là:

Notifier1: Hiển thị các câu thông báo đến tín đồ dùng.

Bluetooth
LE1: Đây là extension được cho phép truyền thông qua tiếp xúc Bluetooth Low Energy.

Tải Bluetooth
LE.aix về máy tính

Để áp dụng extesion này trong project của bạn, vào Palette -> Extension -> Import extension -> lựa chọn file Bluetooth
LE.aix mới tải v

Xem tài liệu biểu hiện để biết đưa ra tiết

Blocks có 2 đội chính:

* các block công dụng theo từng component vào ứng dụng: mỗi component của ứng dụng đều phải có các block công dụng tương ứng.

Nhóm này tất cả 3 hình trạng chính:

Thuộc tính (Properties):

Phương thức (Methods):

Sự kiện (Events):

Các khối code của lịch trình ví dụ

* hành động khi khởi chạy Screen: chất vấn đã bật Bluetooth tốt chưa, nếu như đã nhảy thì ban đầu quét những thiết bị BLE xung quanh.

* hành vi sau lúc user lựa chọn 1 thiết bị tự List
Picker: mang giá trị showroom của máy được lựa chọn và gán cho vươn lên là `ble_device`.

* hành động khi phần mềm đã kết nối với VBLUno51 qua BLE: ngừng quét, đặt trạng thái kết nối, biến hóa giao diện, có thể chấp nhận được VBLUno51 notify dữ liệu lên ứng dụng qua button characteristic.

* hành vi khi ngắt kết nối: đặt trạng thái, chuyển đổi giao diện, liên tiếp quét các thiết bị BLE xung quanh.

* hành vi khi thừa nhận nút Connect: tiến hành kết nối / ngắt liên kết đến đồ vật BLE đã chọn từ List
Picker.

* hành vi khi thừa nhận nút bật/tắt đèn led: tùy theo trạng thái Led bây giờ mà truyền lệnh bật hoặc tắt led, biến hóa các đồ họa tương ứng.

* hành động khi phần mềm nhận được dữ liệu đo lường Button bởi vì VBLUno51 giữ hộ lên: xử trí và hiển thị lên Screen.

Để biên dịch và tiến hành chương trình viết trên MIT app Inventor 2 có hai cách:

Cách 1: Sử dụng ứng dụng MIT Companion. Với giải pháp này, chúng ta cần thiết đặt phần mượt MIT Companion trên điện thoại của bạn. Sau đó, kết nối với project của chúng ta để auto download về với chạy phía bên trong phần mượt MIT Companion. Điều này gây ra nhiều sự phiền phức và phụ thuộc.

Cách 2: Biên dịch ra file game android và download đặt, bao hàm tùy chọn tải về file android về laptop sau đó coppy sang điện thoại thông minh để phương pháp đặt hoặc biên dịch và cài online trải qua mã QR code.

Ở ví dụ này mình chọn lựa cách 2.

Để thực hiện, chúng ta chọn Build -> tiện ích (provide QR code for .apk)

Sau lúc biên dịch xong xuôi sẽ lộ diện một mã QR code, chúng ta sử dụng phần mềm quét QR code trên smartphone để tải file android về và cài đặt đặt.

2.3. Kết quả

Giao diện chương trình

Nhấp chọn nút BLE devices menu để tuyển lựa bo mạch VBLUno51 đề nghị kết nối.

Nhấn Connect để kết nối thiết bị, sau khoản thời gian kết nối chúng ta có thể bật / tắt led và giám sát giá trị mỗi lần nhấn Push button trên bo mạch VBLUno51.

Xem thêm: Mua hướng dẫn giải toán violympic lớp 4 vòng 2 2022 2023, luyện thi violympic lớp 4

Có thể thấy, việc sử dụng MIT phầm mềm Inventor 2 để lập trình ứng dụng mobile trên apk OS khá đối chọi giản, thuận tiện thực hiện tại được cùng với những bạn không chuyên. MIT tiện ích Inventor2 vẫn ngày càng hoàn thành xong hơn nữa. Mong muốn rằng các chúng ta cũng có thể tạo cho bạn những phần mềm hữu ích mang lại học tập, vui chơi và cuộc sống.