update

Took 4 hours 31 minutes

doc/Notes.md

@@ -26,14 +26,49 @@ Was haben wir bereits am iTender Projekt gemacht?
 <img src="./Screenshot_Model1.1_BackDownLeft.png" width="50%">
 
 #### Neues 3D-Modell
-Folgt.
+<img src="./Screenshot_Model1.2_Front.png" width="50%">
+<img src="./Screenshot_Model1.2_Back.png" width="50%">
+
 
 <hr>
 
-## Umsetzung
-
-#### Webseiten-Skizzen
-
+## Das Programm
 
+#### Aufbau
+- Das Programm ist aufgebaut in eine Client-Seite und eine Server-Seite
+- Diese sind zur Sicherheit des Geräts voneinander getrennt
+- Server und Client kommunizieren über einen WebSocket, welchen man sich als eine Art Chat-Kanal vorstellen kann
+- Client und Server haben bestimmte Status, ein Status ist beispielsweise READY oder FILLING
+- Die Oberfläche ist sowohl über das Display, aber auch über ein Tablet steuerbar
+- Oberfläche sendet Befehle an den Server → Server verarbeitet und gibt ggfs. eine Antwort
+
+#### Fotos des Webinterfaces (Stand 21.11)
+
+<strong>Main</strong>
+<br>
+Die Main Pane ist der Hauptteil und direkt die Einstiegsseite des iTenders<br>
+Hier können Getränke ausgewählt werden, welche dann "gemacht" werden
+<img src="./v1Main.png">
+<br><br>
+<strong>Menu</strong><br>
+Das Menü ist das Navigationsherz, von hier aus können alle anderen Panels erreicht werden<br>
+<img src="./v1Menu.png">
+<br><br>
+<strong>Containers</strong><br>
+Hier können die Behälter inhalte aktualisiert werden<br>
+Man wählt die "Zutat" aus und danach wie voll der Behälter nun ist<br>
+In der Regel kann das auch automatisch eingemessen werden, wenn alle Sensoren eingestellt sind<br>
+<br>Trotzdem sollte das hier eingestellt werden
+<img src="./v1Containers.png">
+<br><br>
+<strong>Fill</strong><br>
+Einfach ein "Popup" welches anzeigt dass das Getränk gefüllt wird
+<img src="./v1Fill.png">
+<br><br>
+<strong>Setup</strong><br>
+Das Setup ist das erste menü was nach dem ersten einrichten erscheint<br>
+es dient zur Grundkonfiguration
+<img src="./v1Setup.png">
+<br><br>
 
 

doc/autostart.config

@@ -0,0 +1,33 @@
+#
+# These things are run when an Openbox X Session is started.
+# You may place a similar script in $HOME/.config/openbox/autostart
+# to run user-specific things.
+#
+
+# If you want to use GNOME config tools...
+#
+#if test -x /usr/lib/aarch64-linux-gnu/gnome-settings-daemon >/dev/null; then
+#  /usr/lib/aarch64-linux-gnu/gnome-settings-daemon &
+#elif which gnome-settings-daemon >/dev/null 2>&1; then
+#  gnome-settings-daemon &
+#fi
+
+# If you want to use XFCE config tools...
+#
+#xfce-mcs-manager &
+
+xset s off
+xset s noblank
+xset -dpms
+
+setxkbmap -option terminate:ctrl_alt_bksp
+
+# Start Chromium in kiosk mode
+sed -i 's/"exited_cleanly":false/"exited_cleanly":true/' ~/.config/chromium/'Local State'
+sed -i 's/"exited_cleanly":false/"exited_cleanly":true/; s/"exit_type":"[^"]\+"/"exit_type":"Normal"/' ~/.config/chromium/Default/Preferences
+
+/usr/bin/chromium-browser --disable-infobars --kiosk --incognito --disable-pinch --overscroll-history-navigation=0 http://192.168.1.186:3000/
+
+
+
+

doc/installPi.sh

@@ -0,0 +1,19 @@
+#!/bin/bash
+
+apt update
+apt install
+
+apt install --no-install-recommends xserver-xorg x11-xserver-utils xinit openbox -y
+apt purge nodejs npm -y
+curl -fsSL https://deb.nodesource.com/setup_19.x | sudo bash -
+apt install -y nodejs
+apt install gcc g++ make -y
+curl -sL https://dl.yarnpkg.com/debian/pubkey.gpg | gpg --dearmor | sudo tee /usr/share/keyrings/yarnkey.gpg >/dev/null
+echo "deb [signed-by=/usr/share/keyrings/yarnkey.gpg] https://dl.yarnpkg.com/debian stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
+apt update
+apt install yarn git cmake make chromium-browser unclutter -y
+apt upgrade -y
+echo "allowed_users=anybody" >/etc/X11/Xwrapper.config
+cp autostart.config /etc/xdg/openbox/autostart
+
+reboot now

doc/start.sh

@@ -0,0 +1,3 @@
+#!/bin/bash
+
+/usr/bin/startx /usr/bin/chromium-browser --kiosk --incognito --disable-pinch --overscroll-history-navigation=0 http://192.168.1.186:3000/