PBE_3

Mobile Applications using React Native

Make sure to have a decent code editor for writing Javascript available. I recommend installing VSCodium via your operating system's package manager.

To get started, clone into the rn-starter repository.

git clone git@github.com:senarclens/rn-starter.git
# if you don't have an ssh key in your github profile, use the https url instead
git clone https://github.com/senarclens/rn-starter.git

Follow the instructions in the repository's README.md. If you have installed Android studio and the Android SDK, you can use the Android emulator on your computer. Otherwise, use the expo app on your mobile phone.

To get started with react native, follow the interactive react native documentation.

Docker

To pull it all together, we want to

• read live sensor data from our microcontroller
• listen to the sensor data emitted by the microcontroller on a host computer
• store the data in a proper PostgreSQL database
• make this timeseries data graphically available live via a state of the art analytics and interactive visualization platform

1. Run Grafana in a new container. The grafana container is automatically downloaded. The new container will be available by the name (--name grafana), will expose its port 3000 on the host computer (-p 3000:3000) and run in background (--detach).
   docker run --name=grafana -p 3000:3000 --detach grafana/grafana
2. Run PostgreSQL in a new container. The container will receive the PostgresSQL password via an environment variable (--env POSTGRES_PASSWORD=super-secret)
   docker run --name docker-postgres --env POSTGRES_PASSWORD=super-secret -p 5432:5432 -d postgres
3. Create a new network so that the containers can communicate with each other. Add both containers to the same network.
   

   docker network create grafana-net
   docker network connect grafana-net docker-postgres
   docker network connect grafana-net grafana

4. Read the ip address of the PostgreSQL container and use this IP for setting up the PostgreSQL data source in grafana.
   docker network inspect grafana-net
5. Connect to localhost:3000, log in via user admin and password admin (or the values you picked) and set up Grafana to your needs. When adding PostgreSQL as data source, disable SSL for this setup.
6. If you want to start your containers after rebooting the host, do so by referencing their names in the docker container start command.
   docker container start docker-postgres
docker container start grafana

Links

• Docker Classroom

• Bereich Hardwareentwicklung
  • Werkstättenlaboratorium „Consumer-Electronics“ (Aufbau, Inbetriebnahme, Prüfung und Reparatur von Geräten der Consumer-Electronics, Sende- und Empfangsanlagen)
• Bereich Messtechnik und Regelungssysteme:
  • Werkstättenlaboratorium „Messtechnik 2“ (Auswahl und Anwendung geeigneter Messgeräte; systematische Fehlersuche)
  • Werkstättenlaboratorium „Steuerungs- und Regelungstechnik“ (Aufbau und Inbetriebnahme von Sensoren/Aktoren an programmierbaren Steuerungen und Bussystemen; Aufbau und Inbetriebnahme von Regelungssystemen; Programmierung von Prozessleitsystemen).
• Bereich Digitale Systeme und Computersysteme
  • Werkstättenlaboratorium „Digitaltechnik 2“ (testen von Algorithmen und Fehlersuche in Algorithmen für Mikrocontroller sowie programmierbaren Logikbausteinen)
• Bereich Kommunikationssysteme und -netze
  • Werkstättenlaboratorium „Netzwerkinstallation 2“ (Netzwerkkomponenten)
  • Werkstättenlaboratorium „Kommunikationssysteme 2“ (Aufbau, Konfiguration von und Messungen an mobilen Kommunikationseinrichtungen)