#WioTerminal – 1st steps 👣, developer steps !

Hi !

I’ll keep this as a reference post for 1st steps developing apps for WioTerminal. And I’ll share the necessary steps for a Hello World app using a countdown and my office!

Developer Environment: Arduino IDE

This one is easy, we can use the Arduino IDE.

Bonus lesson learned here. It’s important to uninstall previous versions, before install a new one.

Arduino Libraries for Wio Terminal

Once installed we need to add some references / libraries / packages to work with our Wio. Open Preferences from [File // Preferences] menu add let’s add the following URL to the Additional Boards Manager option.

https://files.seeedstudio.com/arduino/package_seeeduino_boards_index.json

Now let’s open the Board Manager from the menu [Tools / Board / Board Manager]

Let’s filter by Wio Terminal, and install the Seed SAMD board.

Now we can choose the Wio Terminal board to work with.

Finally, let’s select the COM port to work with the device. I know, I may also write here:

Connect your device using the USB-C cable and turn it on.

We are ready for a Hello World !

Installing additional libraries for Wio Terminal

This is more an Arduino IDE topic, however, I’ll drop some notes here. Let’s follow the steps in the [Installing the File System Library] tutorial.

Important: You can clone the File System repository for Arduino from SeeedStudio.

https://github.com/Seeed-Studio/Seeed_Arduino_FS.git

However, the idea is to download the a ZIP file to be imported to Arduino.

The Zip File has a set of files, and they are going to be used in Arduino to display the library samples and also to compile and build the code.

Import the library from the menu [Sketch // Include Library // Add .ZIP Library]

Once the libraries are uploaded, the IDE will show the less important SUCESS message ever.

To complete the hello world I installed these additional libraries

• https://github.com/Seeed-Studio/Seeed_Arduino_SFUD
• https://github.com/Seeed-Studio/Seeed_Arduino_LCD

And I installed the [Adafruit Zero DMA] library from the menu [Sketch // Include Library // Manager Library]

Hello World display an image

Next step will be to create a new Arduino project. In order to display an image, we need to download the RawImage.h file and save it in the same location of the ino file. Just in case, I’ll upload the complete source code here:

https://github.com/elbruno/Blog/tree/main/20211015%20WioTerminal%20show%20image/displayimage01

And the final Hello World app is a countdown to … my office !

The source code is simple !

References

• Download Arduino IDE
• Wiki Seeed – loading ImagesWiki
• Seeed – Installing the File System Library

¿Con ganas de ponerte al día?

En Lemoncode te ofrecemos formación online impartida por profesionales que se baten el cobre en consultoría:

• Si tienes ganas de ponerte al día con Front End (ES6, Typescript, React, Angular, Vuejs…) te recomendamos nuestros Máster Front End: https://lemoncode.net/master-frontend#inicio-banner
• Si te quieres poner al día en Backend (stacks .net y nodejs), te aconsejamos nuestro Bootcamp Backend: https://lemoncode.net/bootcamp-backend#bootcamp-backend/banner
• Y si tienes ganas de meterte con Docker, Kubernetes, CI/CD…, tenemos nuestro Bootcamp Devops: https://lemoncode.net/bootcamp-devops#bootcamp-devops/inicio