Get started with Mixly

From Wiki
Jump to: navigation, search

Introduction

Arduino is a very popular platform since its being Open Source in terms of both software and hardware. More and more people want to learn Arduino programming. But once they open the software Arduino IDE to check the samples, the complicated code frustrates them. For those without programming basics, Arduino programming is definitely a big obstacle. Fortunately, you have Mixly – a free, open source, graphical visual programming language software based on Arduino, which will make programming as easy as building blocks.

Mixly-1.png

The Mixly GUI software is developed based on Blockly and Java8, which can run on OS Win7 or above. The Arduino IDE installation file, instructional lessons, and sample code are included in the package.

Mixly-2.png

The main interface of Mixly is concise and clear. Block categories are at left, the coding area is at the center. You can see the buttons to center, to zoom in or out, and to delete at the right side. Then the grey bar at the bottom top is the tool bar including all function menus, and the area at the very bottom, is the message display.

Get Started

Download the Mixly package, get into the folder Mixly0.995_WIN:

Mixly-3.png

Double click the Mixly iconMixly-4.png on your desktop:

Mixly-5.png

For convenience, we can right-click and select Send to -> Desktop (create shortcut) to create a desktop shortcut.

Mixly-6.png

Blocks

The Mixly includes In/Out, Control, SerialPort, and some other block categories. Next, let’s get through what these categories cover.
Note: Block categories supports Normal and Advanced views. For more functions, just click Advanced to use after you've mastered much.

Mixly-7.png

In/Out: DigitalRead, DigitalWrite, AnalogRead, AnalogWrite, attachInterrupt, detachInterrupt, ShiftOut, etc.

Mixly-8.png

Control: Delay, if…do…, repeat…do…, System running time, setup, etc.

Mixly-9.png

Math: Map, Constrain, operations like +/-, sin/cos, random integer from…to… etc.

Mixly-10.png

Text: text join, number to string, length of string, compareTo, etc.

Mixly-11.png

Lists: create list, get item at list, set item at list, etc.

Mixly-12.png

Logic: if conditional statement, logical operations

Mixly-13.png

SerialPort: set baud rate, print data, read data

Mixly-14.png

Communicate: IR receive, IR send, I2C read/write device, to SPI, etc.

Mixly-15.png

Sensor: ultrasonic, DHT11, DS18B20

Mixly-16.png

Actuator: Tone control, servo and stepper control.

Mixly-17.png

Monitor: setup LCD pin, LCD print data, set LCD I2C address

Mixly-18.png

Variables: High/Low, True/False, float, integer, Boolean, string variables, etc.

Mixly-19.png

Functions: define function, do procedure with, etc.

Mixly-20.png

Driver

When you connect the Arduino or SunFounder board to the computer, it may show “Unknown Device” or “USB Serial Port” with a yellow exclamation mark.

Mixly-21.png

At that time, you need to install the driver yourself.
Right-click on the “Unknown Device” or the “USB Serial Port” with yellow exclamation mark, and click “Update Driver Software”.

Mixly-22.png

Then click “Browse my computer for driver software”.

Mixly-23.png

Click Browse, and select the path to Mixly-Rollman\Mixly0.995_WIN\Mixly0.995_WIN\arduino-1.8.2\drivers, then click Next.

Mixly-24.png

Click "Install this driver software anyway".

Mixly-25.png

The driver will be installed successfully after a while. If it fails, replug the USB cable to try and repeat the previous operations.

Mixly-26.png

OK. That's all for the basics of the Mixly software. We'll probe into details later in specific lessons. Get familiar with them and you will find it pretty easy to catch up the following code tutorials. Good luck!

Example

Let’s start Mixly learning from programming a very simple project, blinking LED. First, make sure the LED is connected to pin 9. Drag out a digitalWrite block from In/Out.

Mixly-27.png

Set pin 9 to High to light up the LED.

Mixly-28.png

Then drag out a Delay block from Control category

Mixly-29.png

Set the value to 500, i.e. 0.5s.

Mixly-30.png

Then set pin 9 to LOW in the same way, and keep this state for 0.5s. Thus the LED will be blinking.

Mixly-31.png

Connect the board to computer, and select the board type and port.

Mixly-32.png

Upload the program, then we can see the LED blinking.

Mixly-33.png
Mixly-34.jpg

Resource

Mixly0.995_WINZIP.jpg
Mixly0.995_MACZIP.jpg
Mixly0.995_Linux64ZIP.jpg