Internet of Things
TinkerforgeCode in ActionAbout Me
  • Course Outline
  • 1 - Getting Started
    • Overview
    • Connect to the LED
    • Getting Started
      • Glitch
      • The Application Template
    • Concepts in Programming
      • What is Programming?
      • Variables
      • Functions and Commands
      • Control Structures
      • Loops
      • Objects and Libraries
    • Programming Simple Web Apps
    • Exercises
      • 1.1 Buttons and Inputs
  • 2 - Internet of Things
    • Overview
    • IoT in our Apps
      • Getting Started
        • Hardware Kit
        • Brick Viewer and Daemon
      • Connect to the Devices
        • The Tinkerforge Device Manager
      • Program the Devices
        • RGB LED
        • RGB LED Button
        • OLED Display
        • Sensors
          • Humidity Sensor
          • Ambient Light Sensor
    • Components and Use Cases
    • Exercises
      • 2.1 Lights and Buttons
      • 2.2 Sensors
      • 2.3 Display
  • 3 - Artificial Intelligence
    • Overview
    • AI in our Apps
      • Google's Teachable Machine
      • Face Recognition
      • Training a Custom Model
    • Rules vs. Learning
    • Learning from Data
    • Use Cases
      • Computer Vision
        • Image Classification
        • Handwriting Recognition
    • Machine Learning Algorithms
      • Artificial Neural Networks
      • Decision Trees
      • Logistic Regression
    • Exercises
      • 3.1 Rules vs. Learning
      • 3.2 Fruits and Vegetables
      • 3.3 Face Recognition
      • 3.4 A Classifier for Iris
  • 4 - Cloud & APIs
    • Overview
    • APIs in our Apps
    • Cloud and APIs
      • Weather API
      • NASA Open APIs
      • EDAMAM Nutrition and Recipes API
    • Push Notifications
    • Exercises
  • 5 - App Project
    • Overview
    • Summer 2021
    • Summer 2022
  • Appendix
    • Other Devices
      • Motorized Linear Poti
      • Sound Pressure Sensor
      • NFC Reader
      • Motion Detector
    • UI Features
      • Realtime Charts
      • Countdown Timer
    • Digital Computers
      • Overview
      • The Binary System
      • Code Systems
      • Logic Gates
      • Binary Addition
      • From Analog to Digital
    • Cheat Sheets
    • Projects
      • IoT @ Pickup-Boxes
Powered by GitBook
On this page
  • Goal
  • Builds on top of the Tinkerforge API
  • Use the Template
  • Manual Import
  • GitHub

Was this helpful?

  1. 2 - Internet of Things
  2. IoT in our Apps
  3. Connect to the Devices

The Tinkerforge Device Manager

To simplify the work with the hardware, I provide a JavaScript library to connect to and interact with the IoT devices from Tinkerforge.

PreviousConnect to the DevicesNextProgram the Devices

Last updated 4 years ago

Was this helpful?

Goal

  • Understand what the Tinkerforge Device Manager helps you with and how to use it.

Builds on top of the Tinkerforge API

In this course, we work with electronic devices such as sensors and actuators. With these devices, we learn to program and build small applications.

The devices we use are from a German company called . Tinkerforge offers a variety of parts that we can assemble and program to build our application prototypes. To glue the parts together, we program a piece of software using the .

On top of Tinkerforge's native JavaScript API, I built a layer of abstraction to make it easier for us to connect to and handle the different devices. In this tutorial, you'll learn how to use the .

Use the Template

If you want to get started right away, remix the Glitch project below. It includes all necessary imports:

Manual Import

You can manually include all necessary libraries to use the TDM in your web project. If you want to do that, copy the 3 lines of code below and paste them right before the closing </body>-tag in your HTML file.

index.html
<script src="https://cdn.jsdelivr.net/npm/moment@2.24.0/moment.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/gh/winf-hsos/tinkerforge-device-manager-web/lib/Tinkerforge.js"></script>
<script src="https://cdn.jsdelivr.net/gh/winf-hsos/tinkerforge-device-manager-web/index.js" type="module"></script>

GitHub

You can find the Tinkerforge Device Manager for the web on GitHub. Feel free to re-use it in any context you like. You are also free to make changes to your version of it.

Tinkerforge
JavaScript Application Programming Interface (API)
Tinkerforge Device Manager
Glitch: The friendly community where everyone builds the webglitch
GitHub - winf-hsos/tinkerforge-device-manager-web: The Tinkerforge Device Manager for the web. Uses ES6 modules instead of CommonJS.GitHub
Logo
Logo