15. Interface and application programming

Class Week 15

• Interface and application programming

Lesson15: interface and application programming

Review14: mechanical design

---

Assignment Week 16

• group assignment:

  • Compare as many tool options as possible

• individual assignment:

  • write an application that interfaces with an input &/or output device that you made.

Learning outcome

• Interpret and implement design and programming protocols to create a Graphic User Interface (GUI).

Student should have

• Described your process using words/images/screenshots
• Explained the the GUI that you made and how you did it
• Outlined problems and how you fixed them
• Included original code

Minimum requirements

---

FAB LAB BCN classes

Hackmd

References and resources

Documentation Student Reference:

http://fabacademy.org/archives/2015/eu/students/hisatsune.taichi/classes14.html

Tutorials

• A simple serial stub patch for Pure Data
• A simple serial stub sketch for Processing
• Introduction to Python
• Reading serial data with Python
• Introduction to wxPython, and reading and drawing serial data with wxPython
• Reading serial data with Kivy (Python)
• Python Web-based Serial Console using WebSockets

APP INVENTOR

• http://appinventor.mit.edu/explore/_

Requirements:

• Online
• Android Devices
• Google Account

About

MIT App Inventor is a blocks-based programming tool that allows everyone, even novices, to start programming and build fully functional apps for Android devices. These resources provide example projects to start building apps:

Learn

• App Inventor Tutorials and Book Chapters
• App Inventor Tutorials and Advanced Examples
• Tutorials - App Inventor for Android
• App Inventor Tutorials by Imagnity
• App Inventor Book, Classic version (PDF)
• App Inventor Lessons: Racing Game
• tAIR - The App Inventor Repository: Creating your First Game
• Explore MIT App Inventor: Space Invaders
• APP Inventor Cards
• Basic Bluetooth Communication using App Inventor

UNITY 3D

• web

About

• cross-platform
• game engine
• Unity Technologies_
• [wiki](https://en.wikipedia.org/wiki/Unity_(game_engine)
• video games
• simulations
• PC
• consoles
• mobile devices
• websites

Learn

• http://fab.cba.mit.edu/classes/863.15/section.Harvard/people/Hamman/week11.html
• https://unity3d.com/learn
• Unity 3D - Code Samples and Complete Projects

How to integrate Arduino with Unity

• Tutorial

PROCESSING

• Web processing: https://p5js.org/
• Fab Academy Students references:
  • http://archive.fabacademy.org/archives/2016/greenfablab/students/357/week16.htm

• ARDUINO Files
• PROCESSING Files

JAVASCRIPT

• https://musiclab.chromeexperiments.com/