---
author: Florian Fischer
theme: metropolis
aspectratio: 169
---

## LED-Steuerung mit WLED

![](img/wled_logo_akemi.png){.center}

* Software, um LEDs zu steuern
* Zugriff per W-LAN
* Nutzung ohne Programmierkenntnisse möglich

## ESP8266

::: {.columns align=center}
:::: {.column width=60%}
\vspace{0.1cm}
Günstiger Microcontroller mit W-LAN Modul.

![](img/Copyrighted/erq-Esp8266-Ch340-Pinout.png){.center}
::::

:::: {.column width=40%}
\vspace{-1cm}
### Fakten

* 5 Volt Strohmversorgung
* 3 Volt Betriebsspannung
::::
:::


## LED Streifen

* Einfarbig oder Mehrfarbig (RGB)
* Analog oder Digital

### Unsere LED-Streifen (WS2812B)

* Schwarz / Weiß
* 30 oder 60 LEDs pro Meter
* LEDs individuell steuerbar

## LED Streifen trennen und verbinden

::: {.columns}
:::: {.column width=50%}
LED-Streifen können an den Lötverbindungen durchtrennt werden.

![](img/Copyrighted/LED-Strip_cut.jpg){.center}
::::

:::: {.column width=50%}
\pause
Zwei LED-Streifen können mit einem Stück Kabel und Klemmverbindungen zusammengeschalten werden.

![](img/Copyrighted/LED-Stripe-Matrix-clip.png){.center}
::::
:::

## Installation von WLED

\begin{center}
\Large\url{https://install.wled.me/}
\end{center}

1. Schließe deinen Microcontroller per USB-C an einen PC an.
2. Öffne die Webseite in Edge und folge den Anweisungen.

## \faIcon{hands-helping}/\faIcon{lightbulb} Arbeitsauftrag: Planung

Ich muss wissen, wie lang das Kabel zu eurem **ersten** Stück LED-Streifen sein soll.

![](img/Copyrighted/LED-Stripe-Matrix-clip.png){.center height=85%}
\begin{tikzpicture}[overlay, remember picture]
\node[anchor=west, xshift=3cm, yshift=6cm] at (current page.south west) {\Huge \textcolor{red}{?}};
\end{tikzpicture}

## Konfiguration von WLED

WLED kann per W-LAN konfiguriert werden.

1. Wenn der Microcontroller Strom erhält, erzeugt er ein W-LAN *WLED-AP<Gruppe>*.
2. Verbinde dich mit dem W-LAN.
3. Stelle die korrekte Anzahl an angeschlossenen LEDs ein.

## LED-Konfiguration: Wie viele LEDs sind auf den Streifen?

::: {.columns align=center}
:::: {.column width=33%}
![](img/wled-color-settings.png)
::::

:::: {.column width=33%}
![](img/wled-settings.png)
::::

:::: {.column width=33%}
![](img/wled-led-settings.png)
::::
:::

\begin{tikzpicture}[overlay, remember picture]
\node[line width=1pt, draw=red, minimum width=0.7cm, minimum height=0.7cm, anchor=west, xshift=3.6cm, yshift=6.5cm] at (current page.south west) {};
\node[line width=1pt, draw=red, minimum width=4cm, minimum height=0.5cm, anchor=west, xshift=6cm, yshift=4.6cm] at (current page.south west) {};
\node[line width=1pt, draw=red, minimum width=1cm, minimum height=0.5cm, anchor=west, xshift=13.3cm, yshift=1.8cm] at (current page.south west) {};
\end{tikzpicture}

## Anschluss des LED-Streifens

LED-Streifen haben eine Richtung, die mit einem Pfeil markiert ist.

**Achtet darauf, dass der Pfeil auf dem Streifen *weg* vom Kontroller zeigt**

Die Anschlüsse **GRD**, **+5V** und **DO** des LED-Streifens müssen mit **G**, **VU**, sowie **D4** des Kontrollers verbunden werden.

![](img/Copyrighted/erq-Esp8266-Ch340.png){.center height=60%}

\begin{tikzpicture}[overlay, remember picture]

\node[anchor=west, xshift=3cm, yshift=3.6cm] at (current page.south west) (gL) {\boldred{GRD}};
\node[anchor=west, xshift=3cm, yshift=3.1cm] at (current page.south west) (vL) {\boldred{+5V}};
\node[anchor=west, xshift=12cm, yshift=2.75cm] at (current page.south west) (dL) {\boldred{DO}};

\node[
  xshift=6.77cm, yshift=3.6cm,
  draw=red, line width=1px, minimum size=0.25cm, anchor=west] (gB) at (current page.south west) {};
\node[
  xshift=6.77cm, yshift=3.1cm,
  draw=red, line width=1px, minimum size=0.25cm, anchor=west] (vB) at (current page.south west) {};
\node[
  xshift=8.915cm, yshift=2.82cm,
  draw=red, line width=1px, minimum size=0.25cm, anchor=west] (dB) at (current page.south west) {};

\draw[Latex-] (gL) -- (gB);
\draw[Latex-] (vL) -- (vB);
\draw[Latex-] (dL) -- (dB);

\end{tikzpicture}