# 2. Remote Control

## 2.1 APP Control

### 2.1.1 App Installation

Android user: you can find the installation package under the same directory and transfer it to your phone to install.

<img src="../_static/media/chapter_2/section_1/image2.png" class="common_img" />

iOS user: please download and install **"[Wonderbot Robot](https://apps.apple.com/us/app/wonderbot-robot/id1519146341)"** in App Store.

### 2.1.2 Device Connection

:::{Note}
* Please enable Bluetooth and GPS services in your phone settings before using app.
* Please use the Bluetooth button in app to pair and connect with the device.
* Android user must enable all permissions for app in phone settings, otherwise it may affect the function implementation!
* This lesson takes Android system as example. The requirement for system version: Android 5.0 and above, iOS9.0 and above.
:::

* **Turn on MaxArm and open "Wonderbot". The app main interface is shown in figure below:**

<img src="../_static/media/chapter_2/section_1/image3.png" class="common_img" />

(1) If the main interface does not show up, please click on <img src="../_static/media/chapter_2/section_1/image4.png" /> icon and click **"Robot"** to select MaxArm.

<img src="../_static/media/chapter_2/section_1/image5.jpeg" class="common_img" />

(2) Click on the flashing Bluetooth icon in the main interface to enter device searching status.

<img src="../_static/media/chapter_2/section_1/image6.jpeg" class="common_img" />

(3) Wait for a moment, then select **"MaxArm"**.

<img src="../_static/media/chapter_2/section_1/image7.png" class="common_img" />

(4) When the Bluetooth icon stops flashing and keeps on, and the prompt **"Bluetooth is connected"** appears, which means robot has been connected successfully.

<img src="../_static/media/chapter_2/section_1/image8.png" class="common_img" />

### 2.1.3 Button Instruction

The app interface consists of four parts, which are menu bar, end effector coordinate control area, action calling area, suction nozzle control area.

<img src="../_static/media/chapter_2/section_1/image9.png" class="common_img" />

* **Menu Bar**

<table class="docutils-nobg" border="1">
<colgroup>
<col style="width: 51%" />
<col style="width: 48%" />
</colgroup>
<tbody>
<tr>
<td style="text-align: center;">Icon</td>
<td style="text-align: center;">Function</td>
</tr>
<tr>
<td style="text-align: center;"><img src="../_static/media/chapter_2/section_1/image10.png" /></td>
<td style="text-align: left;"><p>Product selection button</p>
<p>Click to select corresponding robot</p></td>
</tr>
<tr>
<td style="text-align: center;"><img src="../_static/media/chapter_2/section_1/image11.png" /></td>
<td style="text-align: left;"><p>Bluetooth connection button</p>
<p>If icon keeps flashing, Bluetooth is not connected.</p>
<p>If icon keeps on, Bluetooth is connected.</p></td>
</tr>
<tr>
<td style="text-align: center;"><img src="../_static/media/chapter_2/section_1/image12.png" /></td>
<td style="text-align: left;"><p>Help button</p>
<p>Click on it to check Hiwonder e-mail address and official website.</p></td>
</tr>
</tbody>
</table>

(1) End Effector Coordinate Control Area

The left and right sides of the main interface are the **"End Effector coordinate control"** area. Click the corresponding button to control robotic arm to move up and down, left and right, forward and backward. (Long press button for quick movement while short press for slight adjustment. When the robotic arm moves to the limited position, buzzer will alarm. After clicking **"reset"** button, buzzer will make sound and robotic arm will return to the initial position.)

<table class="docutils-nobg" border="1">
<colgroup>
<col style="width: 51%" />
<col style="width: 48%" />
</colgroup>
<tbody>
<tr>
<td style="text-align: center;">Icon</td>
<td style="text-align: center;">Function</td>
</tr>
<tr>
<td style="text-align: center;"><img src="../_static/media/chapter_2/section_1/image13.jpeg" /></td>
<td style="text-align: center;">Control robotic arm to return to the initial posture</td>
</tr>
<tr>
<td style="text-align: center;"><img src="../_static/media/chapter_2/section_1/image14.png" /></td>
<td style="text-align: center;"><p>Increase the value of x-axis</p>
<p>MaxArm rotates horizontally to the left</p></td>
</tr>
<tr>
<td style="text-align: center;"><img src="../_static/media/chapter_2/section_1/image15.png" /></td>
<td style="text-align: center;"><p>Decrease the value of x-axis</p>
<p>MaxArm rotates horizontally to the right</p></td>
</tr>
<tr>
<td style="text-align: center;"><img src="../_static/media/chapter_2/section_1/image16.png" /></td>
<td style="text-align: center;"><p>Increase the value of y-axis</p>
<p>MaxArm rotates backward</p></td>
</tr>
<tr>
<td style="text-align: center;"><img src="../_static/media/chapter_2/section_1/image17.png" /></td>
<td style="text-align: center;"><p>Decrease the value of y-axis</p>
<p>MaxArm rotates forward</p></td>
</tr>
<tr>
<td style="text-align: center;"><img src="../_static/media/chapter_2/section_1/image18.jpeg" style="width:70px;"/></td>
<td style="text-align: center;"><p>Up: control the robotic arm to move up</p>
<p>Down: control the robotic arm to move down</p></td>
</tr>
</tbody>
</table>

(2) Action Calling Area

The upper middle part of interface is **"action group"** area. Click on it to call the action group files downloaded to the robotic arm.

| Icon | Function |
|:--:|:--:|
| <img src="../_static/media/chapter_2/section_1/image19.jpeg" /> | Run the custom action group file |

(3) Suction Nozzle Control Area

The lower part of interface is **"suction nozzle control"** area. Click on it to control the rotation and status of suction nozzle.

<table class="docutils-nobg" border="1">
<colgroup>
<col style="width: 51%" />
<col style="width: 48%" />
</colgroup>
<tbody>
<tr>
<td style="text-align: center;">Icon</td>
<td style="text-align: center;">Function</td>
</tr>
<tr>
<td style="text-align: center;"><img src="../_static/media/chapter_2/section_1/image20.jpeg" style="width:300px;"/></td>
<td style="text-align: left;"><p>Clockwise: suction nozzle rotates clockwise</p>
<p>Anti-clockwise:suction nozzle rotates counterclockwise</p></td>
</tr>
<tr>
<td style="text-align: center;"><img src="../_static/media/chapter_2/section_1/image21.jpeg" /></td>
<td style="text-align: left;">The air pump starts pumping</td>
</tr>
<tr>
<td style="text-align: center;"><img src="../_static/media/chapter_2/section_1/image22.jpeg" /></td>
<td style="text-align: left;">The air pump stops pumping</td>
</tr>
</tbody>
</table>

## 2.2 Mouse Control

### 2.2.1 Preparation

* **Refer to [1.Getting Ready->Lesson 2 Start MaxArm](1.Getting_Ready_checked.md#first-start-maxarm) to turn on robot arm.**

(1) Please prepare a mouse (wired or wireless). Connect mouse cable to USB port on expansion board, as shown in the figure below:

<img src="../_static/media/chapter_2/section_2/image2.png" class="common_img" />

### 2.2.2 Operation Instruction

The operation instruction is shown in the following table:

<table class="docutils-nobg" border="1">
<colgroup>
<col style="width: 50%" />
<col style="width: 50%" />
</colgroup>
<tbody>
<tr>
<td style="text-align: center;"><strong>Operation</strong></td>
<td style="text-align: center;"><strong>Outcome</strong></td>
</tr>
<tr>
<td style="text-align: center;">Move mouse in any directions</td>
<td style="text-align: center;">The suction nozzle moves with the mouse</td>
</tr>
<tr>
<td style="text-align: center;">Press left mouse button + move left and right</td>
<td style="text-align: center;">The suction nozzle rotates counterclockwise or clockwise</td>
</tr>
<tr>
<td style="text-align: center;">Scroll mouse wheel up and down</td>
<td style="text-align: center;">The suction nozzle moves up and down along z-axis</td>
</tr>
<tr>
<td style="text-align: center;">Press right mouse button + move in any directions</td>
<td style="text-align: center;"><p>The air pump starts to pumping</p>
<p>(Right-click mouse to stop pumping)</p></td>
</tr>
</tbody>
</table>