# ArduinoWifiControllerAPP

**Repository Path**: wangqiyuejava63/arduino-wifi-controller-app

## Basic Information

- **Project Name**: ArduinoWifiControllerAPP
- **Description**: A fast-prototype mobile APP developed with MIT App Inventor(https://ai2a.appinventor.mit.edu/). It features an adjustable IP configuration to connect with Arduino or any HTTP-based server.
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-30
- **Last Updated**: 2026-04-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## MIT APP Inventor
https://appinventor.mit.edu/

I can focus on rapid deployment bypassing the complicated settings of Android Studio.

## My APP Desgin
![](ArduinoWifiController.png)


## Tutorial
The MIT APP Inventor is an online tools to create APP.
There are 2 modes
Designer & Blocks

First we introduce menu. It's about the project building and setting things.

### Menu
![](Tutorial.png)

- Projects

We can save or export our project.

![alt text](image-10.png)

- Build

Build android or IOS APP

![alt text](image-9.png)

- Settings

![alt text](image-2.png)

We do design work here.

Drag different components to the center panel.

![alt text](image-1.png)


And the most import two modes of MIT APP Inventor are 
Designer mode & Blocks mode
![alt text](image-11.png)

The following are the introductions

### Designer view

Very import. We design the APP outlook here.
We decide what components we need to build out APP.
Drag compoents from the left part to the center workbench.
And modify the detailed properties in the right side.

![alt text](image-8.png)


### Blocks view

We do logic process control here.

Visual programming: Building mobile prototypes like a toy

Only two parts

I called them **[components part]** and **[workbench part]**.

Just like when we build with LEGO:

we keep bricks in the box and desk clean for creation.

![alt text](image-5.png)

There are different kinds of code blocks with different functions in the components part.

![alt text](image-7.png)



## FAQ

### How to change APP name

change the APP name in the Project Properties

![alt text](image.png)

### How to change APP version code

change the APP version code in the Project Properties

![alt text](image-4.png)