Punkt 1 angepasst inkl. Bilder

ioBroker---Basisinstallation.md

@@ -1,9 +1,10 @@
   
   
-## Step für Step - Anleitung 
+## Step für Step - Anleitung zur Installation 
 Anleitung zur Einrichtung eines Sonoff NSPanel mit Lovelace UI unter ioBroker  
+Am Ende dieses Leitfaden sollte auf eurem Panel der Bildschirmschoner zu sehen sein.
   
-![image](https://user-images.githubusercontent.com/102996011/204623453-78d15235-136f-4c7b-96dc-4eeda0dace70.png)  
+![Screensaver Standard](picture/allgemein/screensaver.png)  
 
 
 # **Index**
@@ -27,20 +28,21 @@ Anleitung zur Einrichtung eines Sonoff NSPanel mit Lovelace UI unter ioBroker
 
 ## **1.) ioBroker Voraussetzungen**
 
-Für den Betrieb benötigst du „keinen“ ioBroker-lovelace-Adapter. Die komplette lovelace-Integration erfolgt über die TFT-Firmware und die nachfolgenden ioBroker-Adapter.
-* ### MQTT-Adapter
-![image](https://user-images.githubusercontent.com/102996011/189351691-41cfbd56-cd3d-4340-9ab3-8a9d514eace7.png)
-Die Kommunikation zwischen dem NSPanel und ioBroker erfolgt mittels MQTT über Tasmota. Da der Datenpunkt „CustomSend“ erforderlich ist und dieser nicht im Sonoff-Adapter vorhanden ist und auch nicht durch das Skript angelegt werden kann, erfolgt die Kommunikation „nicht“ über den Sonoff-Adapter --> später mehr …
+Für den Betrieb wird „kein“ ioBroker-lovelace-Adapter benötigt. Die komplette lovelace-Integration erfolgt über die TFT-Firmware und die nachfolgenden ioBroker-Adapter.
+* ### MQTT - Adapter
+![MQTT Server / Client Adapter](picture/basisinstallation/mqtt-server-client-adapter.png)  
+Die Kommunikation zwischen dem NSPanel und ioBroker erfolgt mittels MQTT über Tasmota. Es besteht auch die Möglichkeit einen externen MQTT-Server zu nutzen. Dazu mehr im Punkt MQTT Config.  
 * ### Javascript-Adapter
-Es werden zwei Type-Skripte (TS = das etwas mächtigere Javascript) benötigt. Zum Einen ein Icon-Skript, da alle verwendeten Icons nicht als „echte Grafiken“ im Panel hinterlegt sind, sondern als Schriftzeichen-Symbole. Des Weiteren ein TS-Skript mit dem eigentlichen Laufzeit-Code, welches für jedes eingesetzte NSPanel vorhanden und konfiguriert sein sollte --> später mehr …
-* ### Geräte verwalten-Adapter
-![image](https://user-images.githubusercontent.com/102996011/189352272-e5cd0d82-c6c0-4cc5-983a-49725fdf97cf.png)
-Über diesen Adapter sollten die Aliase später (mit Ausnahme des Media-Alias für Alexa & Co.) erstellt werden --> später mehr …
+Es werden zwei Type-Skripte (TS = das etwas mächtigere Javascript) benötigt. Zum Einen ein Icon-Skript, da alle verwendeten Icons nicht als „echte Grafiken“ im Panel hinterlegt sind, sondern als Schriftzeichen-Symbole. Des Weiteren ein TS-Skript mit dem eigentlichen Laufzeit-Code, welches für jedes eingesetzte NSPanel vorhanden und konfiguriert sein muss.  
+* ### Geräte verwalten (Device) - Adapter
+![Device Adpter](picture/basisinstallation/device-adapter.png)  
+Über diesen Adapter sollen die Aliase später (mit Ausnahme des Media-Alias für Alexa & Co.) erstellt werden. Mehr infos dazu dann im Abschnitt Alias erstellen
 * ### Accu-Weather-Adapter
-![image](https://user-images.githubusercontent.com/102996011/189352371-e327f599-d1cc-4d49-9088-1ddd0dcf88da.png)
-Spielt in erster Linie eine Rolle beim Screensaver-Wetter, da zum Ersten die Icons und die Temperatur-Informationen für den Forecast ausgelesen werden (falls genutzt) und zum Zweiten das aktuelle Wettericon für den Screensaver benötigt wird. Wer keine Wetterstation oder Außentemperatursensor hat, kann auch die Temperatur aus Accu-Weather importieren --> später mehr …
-* ### Alexa2-Adapter, Spotify-Adapter oder Sonos-Adapter
-Zur Visualisierung des Media-Player‘s sollte der Alexa2-Adapter installiert sein. Wenn du statt Alexa-Devices andere Hersteller wie z.B. Google-Home-Geräte oder in erster Linie der Spotify-Premium-Adapter im Einsatz hast, so ist es auch möglich mit einem entsprechend, alternativen Media-Adapter den Media-Player zu betreiben --> später mehr …
+![ACCUWEATHER Adapter](picture/basisinstallation/accuweather-adapter.png)
+Spielt in erster Linie eine Rolle beim Screensaver-Wetter, da zum Ersten die Icons und die Temperatur-Informationen für den Forecast ausgelesen werden und zum Zweiten das aktuelle Wettericon für den Screensaver benötigt wird.  
+  
+als Alternative kann auch der `DAS WETTER` Adapter genutzt werden. In dem Fall muss im Script unter Punkt 3 die Konfiguration angepasst werden.  
+
 ***
 
 ## **2.) Panel mit Tasmota flashen**