Seite 1 von 4
CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Samstag 4. Dezember 2021, 13:36
von kalausr
Hi Freunde,
um den CBPI4 Installation Thread von chrs1978 von meinen Bildchenposts zu entlasten, starten wir hier einen neuen Faden, wo wir über das Interface und Grafiken für CBPI4 reden können.
Gerne könnt Ihr hier rechtefreie Eigenkreationen zum Download anbieten. Bitte stellt absolut sicher, dass die Grafiken frei sind.
Wenn ihr sie zur Verfügung stellt, tut dies immer mit einem Freigabepassus zur privaten, nonkommerziellen Nutzung.
Habt viel Spaß.
Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Samstag 4. Dezember 2021, 14:40
von kalausr
Yo,
um den Stein ins Rollen zu bringen, hier die neuesten Versionen meiner SVG Grafiken, zum pimpen Eurer CBPI4 Dashboards.
Die Grafiken stelle ich für Forumsmitglieder von Hobbybrauer.de zur freien, nonkommerziellen Nutzung zur Verfügung.
Kommerzielle Nutzung muss von mir gesondert freigegeben werden.
Ihr habt jetzt Zugriff auf drei Farbwege: 1. Linie Weiß, 2. CBPI Grau, und 3. Kalausr Gradient, die alle als SVG Vektorgrafiken angelegt sind.
1. Linie Weiß
2. CBPI Grau
3. Kalausr Gradient
Viel Spaß damit!
Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Samstag 4. Dezember 2021, 14:46
von kalausr
So, und jetzt gehe ich in den Keller und fülle das Raspberry Sour ins Fass!
Cheers, Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Samstag 4. Dezember 2021, 19:02
von Olutmatkailijan
Gilt unter freier, nichtkommerzieller Verfügung auch die Verwendung in Open-Source Projekten? Frage für einen Freund...

Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Samstag 4. Dezember 2021, 19:35
von kalausr
Klar, Mann. Solange keiner mit dem geistigen Eigentum von Leuten hier Kohle macht, ist das absolut OK!
LG Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Sonntag 5. Dezember 2021, 08:08
von Innuendo
Hey,
ich finde den Vorschlag von Klaus eine Ideen-Sammlung für Dashboards in CBPi4 hier zu erstellen super. Hier mein kleines Dash:
Für das Bild habe ich mal alle Lichter eingeschaltet. Pumpe Läutern u. Pumpe Fermenter zeitgleich am MaischeSud Kessel aktiv ist natürlich sinnfrei, dafür aber hübsch bunt & hell wie ein Weihnachtsbaum
SVGs gibt es bspw.
hier. Viele sind kostenneutral bei Verweis auf den Rechteinhaber (was ich für die SVGs plate chiller und pump hiermit gemacht habe).
Innu
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Sonntag 5. Dezember 2021, 18:40
von Olutmatkailijan
Innuendo hat geschrieben: ↑Sonntag 5. Dezember 2021, 08:08
Hey,
ich finde den Vorschlag von Klaus eine Ideen-Sammlung für Dashboards in CBPi4 hier zu erstellen super. Hier mein kleines Dash:
Ja, da kann man sich netter Konzepte abschauen. Sieht gut aus. Ist das eine "normale" Uhr, oder eine "Brewers Clock"?
Für das Bild habe ich mal alle Lichter eingeschaltet. Pumpe Läutern u. Pumpe Fermenter zeitgleich am MaischeSud Kessel aktiv ist natürlich sinnfrei, dafür aber hübsch bunt & hell wie ein Weihnachtsbaum
Needs more Blinkenlights!
SVGs gibt es bspw.
hier. Viele sind kostenneutral bei Verweis auf den Rechteinhaber (was ich für die SVGs plate chiller und pump hiermit gemacht habe).
Innu
Naja ich mag keine Seiten bei denen man sich anmelden muss. Ich versteh auch nicht warum z.B. svgrepo es nicht ermöglicht, nach Lizenz zu filtern (oder ich bin zu dumm dazu).
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Montag 6. Dezember 2021, 06:41
von Innuendo
Olutmatkailijan hat geschrieben: ↑Sonntag 5. Dezember 2021, 18:40
Ist das eine "normale" Uhr, oder eine "Brewers Clock"?
Das ist die buildin CBPi4 Clock
Naja ich mag keine Seiten bei denen man sich anmelden muss. Ich versteh auch nicht warum z.B. svgrepo es nicht ermöglicht, nach Lizenz zu filtern (oder ich bin zu dumm dazu).
Für solche Anmeldungen nehme ich eine hop'n'drop freemailer Adresse.
Innu
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Samstag 11. Dezember 2021, 19:47
von kalausr
Ich krieg CBPI schon noch in der Prozessorlast mit den ganzen SVG's ans Limit.
Hier mein Fermenter Dashboard mit neuem Kühler und Magnetventilen...
Jetzt muss nur noch die Fermenterfunktionalität mit CBPI3 gleichziehen.....

Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Dienstag 14. Dezember 2021, 20:38
von kalausr
Hier die letzte Edition - jetzt mit Ventilen und Kühler (die aber nur in Gradienten)
Spiel Vaß, Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Sonntag 19. Dezember 2021, 08:24
von kalausr
Wenn man den digitalen Kram nutzt, kommt man ja nicht aus der Fummelei heraus.... hier mein Braudashboard mit den aktualisierten Icons. Habe es mithilfe der Grouped Actors hinbekommen, die Leitungen in Doppelnutzung ohne eine Ventilfunktionalität in CBPI4 korrekt im System darzustellen.
Die Hebel lassen sich leider nicht bewegen
Brauen / Maischen - Zwei Kreisläufe durch den externen Wärmetauscher
Läutern - Thermoport -> Sudkessel
Transfer in den ZKG - Würze aus dem Sudkessel kühlt im Wärmetauscher in fließt in den Fermenter
Jetzt könnte man noch Farben für die Leitungen gebrauchen (blau = kalt, rot = heiss).
Prösterchen, Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Sonntag 19. Dezember 2021, 08:42
von kalausr
Da man in CBPI die SVG Grafiken nicht drehen kann, habe ich einige Icons in 4 verschiedenen Ausrichtungen ausgegeben.
Die Ventile basieren jetzt auf einem quadratischen Grundmuster, so docken die Pipes schön an (bei mir bei 70px).
Der Iconsatz - mit Gradienten komplett. Im Zip sind auch noch die weissen und grauen Grafiken, die aber ohne Ventile.
Es wäre klasse, wenn man SVG Grafiken einen Schaltzustand zuweisen könnte, so wie bei den LED's. Den Heizleiter könnte man dann zum Beispiel Rot glühen lassen, wenn er geschaltet ist.
Viel Spaß beim Spielen, Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Sonntag 19. Dezember 2021, 09:18
von kalausr
...habe eben noch einen Plattenwärmetauscher quick und dirty gezeichnet und mit ins Archiv gepackt...

- Screenshot 2021-12-19 at 09.23.45.png (19.32 KiB) 17888 mal betrachtet
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Sonntag 19. Dezember 2021, 10:34
von kalausr
Zefix. Die Pipes haben in der ersten Version noch nicht an den PWT gepasst.
Hier nun final (skaliert auf 70px) :

- Screenshot 2021-12-19 at 10.26.56.png (18.49 KiB) 17870 mal betrachtet
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Sonntag 19. Dezember 2021, 11:11
von kalausr
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Sonntag 19. Dezember 2021, 14:03
von secuspec
kalausr hat geschrieben: ↑Sonntag 19. Dezember 2021, 11:11
So siehts live aus:
CBPI4 Dashboard kalausr.mov
Absolut cool !
Viel Grüße,
Steffen
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Sonntag 19. Dezember 2021, 15:45
von mrhyde
kalausr hat geschrieben: ↑Sonntag 19. Dezember 2021, 10:34
CraftbeerPi4 v0.81 Icons - kalausr.zip
Sehr schön. Wenn du magst, kann ich die icons auch in die Doku zum Download mit aufnehmen.
Gruß,
Alex
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Sonntag 19. Dezember 2021, 18:04
von kalausr
Danke für die Blumen, Steffen.
Alex, Du kannst sie gerne mit aufnehmen. Kann aber sein, dass ich immer wieder dran rumfummel...
Liebe Grüße, Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Montag 20. Dezember 2021, 00:42
von kalausr
Da schaut man sich die Sache am Abend nochmal an und findet immer noch Fehler.
Natürlich transferiere ich am Ende des Brauens nicht Treber in den Fermenter....
Selbstverständlich wird Würze aus dem
Sudkessel durch den Wärmetauscher in den
ZKG gepumpt.

Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Dienstag 21. Dezember 2021, 13:04
von kalausr
Und hier die nächste Runde:
Der
ZKG und die Pumpe sind aufgehübscht, außerdem habe ich einen Pott ohne Rührwerk (gut, Happyhibo) hinzugefügt.

- Screenshot 2021-12-21 at 11.55.01.png (13.96 KiB) 17680 mal betrachtet
Und hier der neue Iconsatz:
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Dienstag 21. Dezember 2021, 13:28
von Sebasstian

mannmannmannn.... was für ne Arbeit. Sauhübsch.
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Dienstag 21. Dezember 2021, 13:32
von secuspec

Genial !
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Dienstag 21. Dezember 2021, 15:59
von happyhibo
Den Pott ohne RW hast von mir abgeschaut

Das RW hab ich mir auf die schnelle weg radiert
Coole Arbeit

...
Wenn Du das noch perfektionieren willst, dann setze die Thermometer bei den Pötten auf das Raster. Dann ist optisch alles in einer Linie.
Versuch mal eine LED direkt auf das Thermometer zu setzen, dann weist Du was ich meine..

- LED auf Thermometer links 200px
- Bild_2021-12-21_155345.png (9.75 KiB) 17620 mal betrachtet

- LED auf Thermometer rechts 200px
- Bild_2021-12-21_155453.png (8.81 KiB) 17620 mal betrachtet
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Dienstag 21. Dezember 2021, 17:09
von kalausr
Höhö - wird gemacht
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Dienstag 21. Dezember 2021, 18:58
von kalausr
Rührwerk, Senkboden und hochpräzisen Topfschnitt durch meinen Thermoport gebaut.
Was haltet ihr von der offenen Darstellung? In diesen Tagen brauchen wir einfach mehr Transparenz, oder?
Alex, Deine LED musst Du halt woanders hinpacken.

- Screenshot 2021-12-21 at 18.52.01.png (23.31 KiB) 17578 mal betrachtet
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Mittwoch 22. Dezember 2021, 08:31
von kalausr
Habe den "halbierten" Sudkessel noch ein bisschen gepimpt, so passt er besser zum Satz.
Das Rührwerk hat jetzt einen leichten Schatten, damit es sich vor dem SK abhebt.
Die aktuelle Übersicht, das sollte alles im ZIP sein (außer meinem Logo natürlich), die Kesselgrößen werden noch überarbeitet. SK Schnitt und ohne RW sind schon auf Endmaß:
Der gestrichelte Senkboden spinnt bei mir, bis 140px füllt er das SVG Modul nicht aus und ab 141px plötzlich dann doch, ist dann aber zu breit...
Prost, Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Mittwoch 22. Dezember 2021, 14:11
von kalausr
Jaja die stade Zeit....
Habe noch geschnittene Kessel komplettiert und die Größen angepasst.
Außerdem ein kurzes Rohrstück hinzugefügt, damit man den Anschweissflansch am Kessel visualisieren kann.
Und Labels sind jetzt auch drinne!
Jetzt wars das aber.
Habt eine schöne Weihnachtszeit.
Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Mittwoch 22. Dezember 2021, 15:25
von secuspec

Wie genial !
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Donnerstag 23. Dezember 2021, 18:24
von kalausr
Hmmm, damit bin ich September '20 in das Projekt gestolpert:
und da bin ich jetzt gelandet....
Hahaha - so eine Spinnerei

Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Donnerstag 23. Dezember 2021, 18:29
von Innuendo
kalausr hat geschrieben: ↑Donnerstag 23. Dezember 2021, 18:24
Hahaha - so eine Spinnerei
Von mir bekommt die Spinnerei ein Gefällt mir

Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Freitag 24. Dezember 2021, 23:50
von kalausr
Sensoren gebaut, Ventil 2W Hebel rechts
Bald finde ich nichts mehr.
Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Samstag 25. Dezember 2021, 11:49
von Sebasstian
kalausr hat geschrieben: ↑Freitag 24. Dezember 2021, 23:50
Bald finde ich nichts mehr.
Das glaube ich nicht. Da kommt schon noch was.

Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Mittwoch 29. Dezember 2021, 13:23
von kalausr
Ok.
Einen hab ich noch... Hier für die wenigen Anwender eine Herms Spirale

- Screenshot 2021-12-29 at 13.16.01.png (77.56 KiB) 17211 mal betrachtet

- Screenshot 2021-12-29 at 13.12.59.png (20.68 KiB) 17211 mal betrachtet
Langsam wird es ein Wimmelbild... ah, der Gegenstromkühler ist auch aktualisiert.
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Mittwoch 29. Dezember 2021, 16:48
von Olutmatkailijan
Saugeil! Die geschnitten Kessel sind richtig nice, weil man diesen ein Bild-Overlay geben kann zum (angenommenen) Füllstatus - außer natürlich man baut einen Ultraschallsensor o.Ä. für die Messung der Höhe des Würzespiegels zum oberen Topfrand...Ich glaube, für das Würzekochen wäre das schon ein großartiger Vorteil. Dann noch die Verdrängung durchs Malz beim Maischen und man könnte eine representative Übersicht haben.
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Mittwoch 29. Dezember 2021, 18:39
von kalausr
Ja, das wäre super, selbst mit theoretischen Werten, die nicht gemessen sind.
Brewblox ist dann nicht mehr fern (na gut, schon a weng)....
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Dienstag 4. Januar 2022, 16:02
von kalausr
Hi Leute.
Mir war langweilig. Könnte mir vorstellen, dass einige Braukollegen CBPI4 zur Kühlschrank- /Gärsteuerung einsetzen.
Deshalb hier ein paar Erweiterungen:
- Kühlschrank zur Visualisierung einer Gär- oder Lagersituation.
- Kühlschrankteilung zur freien Teilung von hohen Geräten
- Kühlschrankgitter
- 0.5 und 0.3 Eurobierflasche
- NC Keg
- Gäreimer
- Schlauchstück
- und ein paar Dip-Tubes

- Screenshot 2022-01-04 at 15.12.48.png (21.04 KiB) 17085 mal betrachtet
Der Komplettsatz:
Viel Spaß beim Spielen.
Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Dienstag 4. Januar 2022, 18:06
von kalausr
Hier noch schnell die Komplettübersicht mit Dateinamen für Archiv "CraftbeerPi4 v0.94 Icons - kalausr.zip".
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Mittwoch 5. Januar 2022, 22:22
von kalausr
Die Flaschen waren Mist. Hatte Vector und Pixel gemixt und die Darstellung war nicht so wie ich es mag: Schön hopfig.
Also nun neu & voll in Vector.
Und den losen Schlauch kann man jetzt besser anflanschen.
Prost. Klaus.
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Donnerstag 6. Januar 2022, 22:45
von kalausr
Ich verwende auch die kleinen Kippbügelflaschen.... die mussten noch ins Arsenal.
Nun sind wir am Limit, was ich mit Vektoren und Transparenzen schaffen kann im SVG Format.
Plus angepasste Farben der Maurerflaschen - die waren noch zu rötlich.
Cheers, Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Freitag 7. Januar 2022, 12:06
von secuspec
Klaus, Du bist mein Held! Das ist so dermaßen cool!
In der FB Gruppe fragen ständig Leute nach geeigneten SVG. Ich habe auf unser Forum und diesen Faden verwiesen - hoffe das war OK.
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Freitag 7. Januar 2022, 12:35
von kalausr
FB Gruppe?
Kannst mich gerne weiter verweisen.
LG und a gesund Neus, Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Freitag 7. Januar 2022, 14:09
von kalausr
Yo.
Und hier die nächste Runde. Habe mich entschieden 2 Iconsätze bereitzustellen, Braukram und Flaschen. Da muss man nicht immer den kompletten Satz herunterladen, wenn man nur Teile davon braucht (und ich zeichne bestimmt noch weitere Flaschenvarianten...)
Der Flaschenlook war mir noch nicht durchgängig genug, jetzt funktioniert er besser:
Da ich jetzt mehr Anfragen bekomme - dieser Faden ist nicht nur für mich ist, gerne können auch andere Kreative hier ihre Arbeiten veröffentlichen.
Bitte beachten: Wie Eingangs schon erwähnt, stehen die Icons zur freien nichtkommerziellen Verwendung im Hobbybraubereich zur Verfügung. Gerne unter Erwähnung des Autors. Bei anderweitigem Einsatz immer vom Autor freigeben lassen.
Prost, Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Freitag 7. Januar 2022, 17:46
von MaxKw03
kalausr hat geschrieben: ↑Freitag 7. Januar 2022, 14:09
Yo.
Und hier die nächste Runde. Habe mich entschieden 2 Iconsätze bereitzustellen, Braukram und Flaschen. Da muss man nicht immer den kompletten Satz herunterladen, wenn man nur Teile davon braucht (und ich zeichne bestimmt noch weitere Flaschenvarianten...)
Der Flaschenlook war mir noch nicht durchgängig genug, jetzt funktioniert er besser:
Screenshot 2022-01-07 at 14.06.56.png
CraftbeerPi4_Flaschen_v1.00_Icons-kalausr.zip
Da ich jetzt mehr Anfragen bekomme - dieser Faden ist nicht nur für mich ist, gerne können auch andere Kreative hier ihre Arbeiten veröffentlichen.
Bitte beachten: Wie Eingangs schon erwähnt, stehen die Icons zur freien nichtkommerziellen Verwendung im Hobbybraubereich zur Verfügung. Gerne unter Erwähnung des Autors. Bei anderweitigem Einsatz immer vom Autor freigeben lassen.
Prost, Klaus
Hallo Klaus,
Kann ich die Grafiken via Console einfügen?
Lg Max
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Freitag 7. Januar 2022, 18:14
von kalausr
Hi Max.
Ich verstehe Deine Frage nicht ganz, betreibst Du CBPI4 ohne Monitor?
Dann kannst Du Dich einfach mit dem Webbrowser einloggen und die Dashboards bearbeiten. Oder du bearbeitest die .json Dateien nativ.... ;)
LG Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Freitag 7. Januar 2022, 18:24
von MaxKw03
Hallo Klaus,
ich meinte wo füge ich die svg Datein ein?
Lg Max
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Freitag 7. Januar 2022, 18:49
von kalausr
So machst Du es.
Ein Filmchen sagt mehr als tausend Worte:
Vorher lädst Du die SVG`s in den System Settings auf Deinen RPI:
Dann kannst Du sie nach einem Refresh der CBPI-Seite in Deinem Webbrowser wie gezeigt auswählen.
Und Du kannst natürlich auch mrhydes
CBPI4-Manual mit vielen nützlichen Empfehlungen konsultieren....
LG Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Samstag 8. Januar 2022, 01:13
von kalausr
...und noch mehr SVG Pullen... Die Größenverhältnisse sind geschätzt, Proportionen stimmen aber für die einzelnen Flaschen.
CBPI4 skaliert sie sowieso wie es will, also muss man es dort nach Import dann noch korrigieren.
kls
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Samstag 8. Januar 2022, 21:04
von kalausr
Und das grande Finale - isch 'abe Flasche fertisch.
Andere Farben könnt Ihr vergessen, Bier bleibt nur in braunen Flaschen fein und rein!
Klaus
Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Freitag 14. Januar 2022, 12:16
von hiasl
Hi Klaus,
magst du bei den Icons ggf. noch eine Induktionsplatte unterbringen?

Re: CraftbeerPi 4 Dashboard / UX Customization
Verfasst: Freitag 14. Januar 2022, 20:27
von kalausr
Jamann!!! Gute Idee.