Category Archives: Education

Touch screen examples: keypad, paint, image viewer and calculator

Some example sketches for a 2.8 TFT Shield touch screen: A numeric keypad, a basic paint program, an  image viewer and a calculator. The shield comes with an SDcard slot. The image viewer reads images from an sdcard. These examples have been tested with this screen: TFT: Ilitek-ILI9341 SPI Touch: 4-wire resistive touchscreen attached to STMPE610 … Continue reading Touch screen examples: keypad, paint, image viewer and calculator

Getting started with the ESP32 Wifi module

The ESP32 Wifi module can replace an Arduino, as it has similar properties. It’s main advantage is that it is faster, has more memory and has WiFi and Bluetooth on board. Just like the Arduino Nano it can be mounted on a breadboard. This allows building very compact prototype circuits: Make module ready for use … Continue reading Getting started with the ESP32 Wifi module

Connect an ESP8266 module to an Arduino Nano and control it with Blynk

We are going to build a circuit that is connected to an app build with Blynk. For this we connect an Arduino to an ESP8266 module and connect it through Wifi. This example uses an Arduino Nano, of course you may use an other type of Arduino, eg. the Uno. This guide assumes you already have … Continue reading Connect an ESP8266 module to an Arduino Nano and control it with Blynk

Getting started with Blynk

Blynk is an app with which you can control any piece of electronics you have build, eg. a circuit build with an Arduino. To get started with Blynk, you can follow the getting started guide: www.blynk.cc/getting-started then continue at step 5 of docs.blynk.cc (under getting started) to add a first Widget. The first example (BlynkBlink) builds … Continue reading Getting started with Blynk

Idea generation with LittleBits for “Design for Specific Users”

Tomorrow a Littlebits-workshop will be held for students doing a project on “Design for Specific Users”. We are going to practice building small, interactive circuits. Aim is to investigate design possibilities in the idea phase of the design process and quickly try-out different directions for idea’s. Students are encouraged to experiment freely by building circuits, mixing … Continue reading Idea generation with LittleBits for “Design for Specific Users”

Mobile App Development, an introduction

On Tuesday December 19th I will give a workshop on Mobile App Development. The slides of my presentation can be found below. The workshop introduces basic concepts of app development, highlights required (programming) skills and introduces common ways apps are build: through hybrid frameworks or native. It also briefly mentions other ways a prototype (of an … Continue reading Mobile App Development, an introduction

Include a processing file (.pde) in a webpage

To show your processing creation in a webpage (or WordPress post or page*) you can use the example code below. <script src=”https://home.et.utwente.nl/slootenvanf/div/processing.min.js”></script> <canvas data-processing-sources=”/slootenvanf/div/processing-example.pde”></canvas> * in WordPress, simply switch to text-mode to enter HTML-code in a post or page. Please take note of the following: If in Processing you have multiple files, you must combine … Continue reading Include a processing file (.pde) in a webpage