Stundenplan der Kinder auf dem Dashboard

Hallo zusammen,
ich bin in den ersten Planungen meines Dashboards. Ein wichtiger Teil wäre ein Stundenplan. Hatte bisher noch niemand diese Anforderung oder suche ich total falsch?
Vereinfacht schwebt mir so etwas vor:


Alternativ habe ich noch die Idee, den Stundenplan in einen eigenen Kalender einzutragen und dann anzuzeigen. Aber die Möglichkeit Events in Blockent anzuzeigen, z.B. wie in Outlook, habe ich auch nicht gefunden. :frowning:
Habe ich ggf. etwas übersehen?
VG

Moin,

Also eine Karte direkt habe ich noch nicht gefunden. Es gibt aber mehrere Möglichkeiten. Leider ist das aber auch etwas Komplexer. Es gibt aber auch diverse Generatoren im Netz wo man die Daten eingeben kann und ins gewünschte Format ausgeben kann.
Hier mal zwei Beispiele von mir mit der Markdown Karte. Für mich eher die einfachsten. Es gibt noch was mit Tailwind CSS das ist aber schon sehr komplex dann.

Hier einmal in Markdown selber:

| Stunde | Montag      | Dienstag    | Mittwoch     | Donnerstag   | Freitag      |
|--------|-------------|-------------|--------------|--------------|--------------|
| 08:00  | Mathematik  | Englisch    | Geschichte   | Chemie       | Biologie     |
| 09:00  | Mathematik  | Englisch    | Geschichte   | Chemie       | Biologie     |
| 10:00  | Deutsch     | Physik      | Sport        | Informatik   | Musik        |
| 11:00  | Deutsch     | Physik      | Sport        | Informatik   | Musik        |
| 12:00  | Kunst       | Erdkunde    | Mathematik   | Deutsch      | Englisch     |
| 13:00  | Kunst       | Erdkunde    | Mathematik   | Deutsch      | Englisch     |
| 14:00  |             |             |              |              |              |

Oder Per HTML welches man auch in der Markdown Karte hinzufügen kann.

<table border="1">
    <tr>
        <th>Stunde</th>
        <th>Montag</th>
        <th>Dienstag</th>
        <th>Mittwoch</th>
        <th>Donnerstag</th>
        <th>Freitag</th>
    </tr>
    <tr>
        <td>08:00</td>
        <td>Mathematik</td>
        <td>Englisch</td>
        <td>Geschichte</td>
        <td>Chemie</td>
        <td>Biologie</td>
    </tr>
    <tr>
        <td>09:00</td>
        <td>Mathematik</td>
        <td>Englisch</td>
        <td>Geschichte</td>
        <td>Chemie</td>
        <td>Biologie</td>
    </tr>
    <tr>
        <td>10:00</td>
        <td>Deutsch</td>
        <td>Physik</td>
        <td>Sport</td>
        <td>Informatik</td>
        <td>Musik</td>
    </tr>
    <tr>
        <td>11:00</td>
        <td>Deutsch</td>
        <td>Physik</td>
        <td>Sport</td>
        <td>Informatik</td>
        <td>Musik</td>
    </tr>
    <tr>
        <td>12:00</td>
        <td>Kunst</td>
        <td>Erdkunde</td>
        <td>Mathematik</td>
        <td>Deutsch</td>
        <td>Englisch</td>
    </tr>
    <tr>
        <td>13:00</td>
        <td>Kunst</td>
        <td>Erdkunde</td>
        <td>Mathematik</td>
        <td>Deutsch</td>
        <td>Englisch</td>
    </tr>
    <tr>
        <td>14:00</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

1 „Gefällt mir“

Danke für die Idee. Ich werde Mal damit starten.

1 „Gefällt mir“

Könnte das nicht auch über einen Kalender mit Wochenanzeige gelöst werden? Dann wäre eine Änderung etwas einfacher?
jm2c

Das kann man auch machen. Muss man halt für sich schauen welche Anzeige man am besten findet. Vielleicht auch den Atomic Calendar aus dem HACS Store angucken. Der bietet auch Mega viele Einstellungen fürs betrachten.

Ich habe nichts schönes schnell hinbekommen mit einem Kalender. Für die ersten Klassen sollte es auch eher minimalistisch sein. Aus einem bootstrap example habe ich mal was gebastelt.
https://jsfiddle.net/4Lvx8y3p/2/

1 „Gefällt mir“

Ja sehr clean :grin:
Die Änderungen der Fächer musst du dann eben immer von Hand machen, wenn ich das richtig sehe sind die fest im Code.
Aber ja, warum denn nicht :grinning:

Ja, als Platzhalter reicht es und so oft ändert sich der Stundenplan nicht. Highlighting des aktuellen Tages werde ich noch einbauen. Cooler wäre natürlich Kalender mit freien Tagen. Wäre was für eine eigene Card. Vll. finde ich mal die Zeit.

Hier gibts auf heise aktuell einen Artikel zu.
Vielleicht hilft das ja weiter.

Vorab die Frage, hat schon jemand “Untis” eingelesen in HA? Der Artikel ist ja hinter der Paywall?
Gruß Sascha

Tschuldigung. Habe das +Abo. Hab nicht gesehen das der Artikel Teil des Abos ist.

OK. Ist denn da Untis mit beschrieben zum Auslesen?

Habe ich auf der Arbeit auch, komme da aber die nächsten vier Wochen nicht hin. :grinning: Gibt es eine bestimmte Visualisierung oder geht es primär ums einlesen der Daten? Unsere Schule bietet keinen online Stundenplan an.

Ich weiß, das ist keine technisch ausgefeilte Lösung:
Da sich der Stundenplan in der Regel nur selten ändert, nutze ich für so etwas ganz simpel ein Bild (zB jpg) von einem Stundenplan, den ich in einem anderem Programm erstelle. Das Bild füge ich im Dashboard nach Belieben ein.
Damit hat man bzgl Formatierung und Layout sämtliche Freiheiten. Wenn sich der Stundenplan ändert, tausche ich das Bild aus …

Moin,

ich löse es bei mir auch über HTML, finde es so am besten gelöst da Änderungen nicht oft vorkommen und so schnell gemacht sind.

Vielleicht noch als Ideengeber für dein Projekt, das Dashboard aus meiner Küche.

1 „Gefällt mir“

Danke für euren Input. Highlighting des aktuellen Tags habe ich drin. Es läuft auf eine Extension hi aus. :smile: Spätestens, wenn alle Kinder in der Schule sind.

@Bensemann89 ist dein Display Touch? Ich bin kurz davor ein 21" Touch Display zu kaufen

Hey, ne ist kein Touch, habe ich mich absichtlich gegen entschieden wegen der Fingerabdrücke.

Wichtig war für uns eine Zentrale Stelle für Kalender, Wetter und Stundenplan.

Es ist dann doch etwas mehr geworden.

Monitor: Lenovo ThinkVision P27h-20
Vorteil: Der Raspberry bekommt Strom vom Monitor und ich sehe (nach wie leider noch) nur das eine Kabel vom Monitor.

Geiler wäre noch der aktuellen Stunde, dass man gleich sieht, welche Stunde das Kind gerade hat.

Wenn das hinbekommst bitte den Code hier posten :slight_smile:

Ich habe das ganze mit minimal JS umgesetzt. Deine Anforderung erfordert eine andere Herangehensweise oder sehr viel manuelle Arbeit.
Aktueller Stand unter https://jsfiddle.net/4Lvx8y3p/8/ kannst du natürlich gerne anpassen.

Feine Sache. Aber wie bringst du das in dieser Form aufs Dashboard?

Wahrscheinlich als Bild, oder? Eine Markdown-Card bietet ja nicht die Möglichkeit, das so darzustellen. Oder irre ich mich da?