Onkel-Werner-Freizeiten/CampOrganizer2
1
1
Fork 0
Code Issues 7 Pull Requests Packages Projects Releases Wiki Activity

Redesign Startseite #20

New Issue
Closed
opened 2025-03-26 22:38:51 +01:00 by jotty · 8 comments
jotty commented 2025-03-26 22:38:51 +01:00
Owner
Copy Link

Es wird eine neue Startseite erstellt:

  • Neuer Diashow Block mit mehreren Thumbnails. Beim Klicken öffnen einer Lightbox.
  • Vormals "Freizeiten" darunter mit veränderter Inhaltsanordnung + Texte aus "Allgemeines"
Es wird eine neue Startseite erstellt: - [ ] Neuer Diashow Block mit mehreren Thumbnails. Beim Klicken öffnen einer Lightbox. - [ ] Vormals "Freizeiten" darunter mit veränderter Inhaltsanordnung + Texte aus "Allgemeines"
Bildschirmfoto.png
1.4 MiB
Bildschirmfoto.png
jotty added the
module
user
priority
urgent
status
development
type
change request
 labels 2025-03-26 22:39:28 +01:00
jotty self-assigned this 2025-03-26 22:39:34 +01:00
lars.dell commented 2025-03-28 19:06:40 +01:00
Collaborator
Copy Link

Kleiner Hinweis zur Farbe: Die im Screenshot genutzte Farbe für "Olfen GrowUp 2025" für Schrift und Schrifthintergrund sind nicht die richtigen. Am besten sollte es das Blau sein, welches auch im Menü genutzt wird. Sonst beißt es sich.

Kleiner Hinweis zur Farbe: Die im Screenshot genutzte Farbe für "Olfen GrowUp 2025" für Schrift und Schrifthintergrund sind nicht die richtigen. Am besten sollte es das Blau sein, welches auch im Menü genutzt wird. Sonst beißt es sich.
jotty commented 2025-04-05 18:02:50 +02:00
Author
Owner
Copy Link

Hab mal versucht, die ersten Änderungen entsprechend umzusetzen. Die Testversion hab ich aktualisiert: https://www.jottyfan.de/CampOrganizer2

Problematisch sind 2 Punkte:

  • woher kommen die Fotos und die Einverständnisse der Personen, die da zu sehen sind?
  • die Freizeitbeschreibungen kann ich nicht ohne Weiteres über die Anmeldungen packen. Details dazu wie folgt:

grafik.png

Die grün markierten Bereiche sind statische Informationen und auf JEDER Anmeldeseite zu sehen, egal, was für eine Freizeit das ist. Auch die Mitarbeiterfreizeiten haben somit Nachtwanderung, Überraschungen und Ausflüge... naja, jedenfalls sieht das so aus. :)

Die pink markierten Inhalte werden aus der Datenbank geladen und müssen alle angegeben werden, wenn eine neue Freizeit angelegt wird. Das sind jetzt schon einige Felder; einen beschreibenden Text pro Freizeit würde ich da nicht gerne noch brauchen müssen, sonst verzögert sich die Freizeitanlage unnötig, sobald die Termine beschlossen sind.

Deswegen hatten wir eine allgemeine Seite, wo die Freizeiten unabhängig von den Anmeldungen beschrieben wurden. Aktuell ist das auf der Startseite unterhalb von TODO: umziehen nach Anmeldung, auch wenn ich noch keine richtige Idee habe, wie. Vielleicht hast Du eine, @lars.dell ?

Hab mal versucht, die ersten Änderungen entsprechend umzusetzen. Die Testversion hab ich aktualisiert: https://www.jottyfan.de/CampOrganizer2 Problematisch sind 2 Punkte: - woher kommen die Fotos und die Einverständnisse der Personen, die da zu sehen sind? - die Freizeitbeschreibungen kann ich nicht ohne Weiteres über die Anmeldungen packen. Details dazu wie folgt: ![grafik.png](/attachments/bcd066ef-83ba-4a40-a631-a54022bd5bb1) Die `grün` markierten Bereiche sind statische Informationen und auf JEDER Anmeldeseite zu sehen, egal, was für eine Freizeit das ist. Auch die Mitarbeiterfreizeiten haben somit Nachtwanderung, Überraschungen und Ausflüge... naja, jedenfalls sieht das so aus. :) Die `pink` markierten Inhalte werden aus der Datenbank geladen und müssen alle angegeben werden, wenn eine neue Freizeit angelegt wird. Das sind jetzt schon einige Felder; einen beschreibenden Text pro Freizeit würde ich da nicht gerne noch brauchen müssen, sonst verzögert sich die Freizeitanlage unnötig, sobald die Termine beschlossen sind. Deswegen hatten wir eine allgemeine Seite, wo die Freizeiten unabhängig von den Anmeldungen beschrieben wurden. Aktuell ist das auf der Startseite unterhalb von `TODO: umziehen nach Anmeldung`, auch wenn ich noch keine richtige Idee habe, wie. Vielleicht hast Du eine, @lars.dell ?
grafik.png
48 KiB
jotty removed their assignment 2025-04-05 18:07:37 +02:00
lars.dell was assigned by jotty 2025-04-05 18:07:37 +02:00
lars.dell commented 2025-04-07 14:21:58 +02:00
Collaborator
Copy Link

Ok verstanden - ich könnte dir den grünen bereich neu exportieren wenn du mir die Rohdatei gibst:
Würde das Icon für den Ort einfügen. Optimal wäre natürlich eine kleine Karte rechts (Open Streetmap) - aber das ist nur das i-Tüpfelchen.

Zur Startseite: Ich habe eine Auswahl von Fotos zusammengestellt ( https://next.askaloncloud.de/s/3pAg69pmCFTLJWt ), diese sollte man Bedenkenlos nutzen können. Einzig erkennbar sind hier Holger und Onkel Werner.

Zur Anmeldung: Ich habs nun so gemacht: Texte auf der Startseite (wenn man auf die entsprechende Freizeit klickt) und anmeldung ganz normal auf der Anmeldeseite.

DIe Idee als User ist also:

  1. Ich komme auf die Startseite und kann a) zur Anmeldung gehen b) weitere Infos haben.

  2. Ich sehe die schönen Bilder und unten die Freizeiten, ich kann a) auf Bilder klicken und die Bildbeschreibungen lesen (welche Freizeit, wann) und b) auf die Freizeiten klicken für mehr Infos und c) zurück zum Willkommens Schirm der Startseite

  3. Klicke ich auf eine Freizeit kann ich a) den Text lesen b) weiteres über andere Freizeiten erfahren, c) zur Anmeldung weitergehen und d) zurück zu den Bildern

Das wäre mein erster Ansatz.

Ok verstanden - ich könnte dir den grünen bereich neu exportieren wenn du mir die Rohdatei gibst: Würde das Icon für den Ort einfügen. Optimal wäre natürlich eine kleine Karte rechts (Open Streetmap) - aber das ist nur das i-Tüpfelchen. Zur Startseite: Ich habe eine Auswahl von Fotos zusammengestellt ( https://next.askaloncloud.de/s/3pAg69pmCFTLJWt ), diese sollte man Bedenkenlos nutzen können. Einzig erkennbar sind hier Holger und Onkel Werner. Zur Anmeldung: Ich habs nun so gemacht: Texte auf der Startseite (wenn man auf die entsprechende Freizeit klickt) und anmeldung ganz normal auf der Anmeldeseite. DIe Idee als User ist also: 1. Ich komme auf die Startseite und kann a) zur Anmeldung gehen b) weitere Infos haben. 2. Ich sehe die schönen Bilder und unten die Freizeiten, ich kann a) auf Bilder klicken und die Bildbeschreibungen lesen (welche Freizeit, wann) und b) auf die Freizeiten klicken für mehr Infos und c) zurück zum Willkommens Schirm der Startseite 3. Klicke ich auf eine Freizeit kann ich a) den Text lesen b) weiteres über andere Freizeiten erfahren, c) zur Anmeldung weitergehen und d) zurück zu den Bildern Das wäre mein erster Ansatz.
250407 Startseite+Anmeldung v.2.jpg
1.5 MiB
250407 Startseite+Anmeldung v.2.jpg
lars.dell commented 2025-04-07 14:23:38 +02:00
Collaborator
Copy Link

Ja ok - bei 2 3 bildern sind auch Kinder erkenntlich . aber grundsätzlich sind das Fotos mit denen man Arbeiten kann.

Ja ok - bei 2 3 bildern sind auch Kinder erkenntlich . aber grundsätzlich sind das Fotos mit denen man Arbeiten kann.
lars.dell commented 2025-04-08 11:27:19 +02:00
Collaborator
Copy Link
  • Man kann die Bilder mit Onkel Werner gerne auch in eine Diashow unter "Onkel Werner" einfügen.
    Da kann man ja zukünftig Bilder mit ihm einfügen, wo man stöbern kann und sich an der Erinnerung freuen kann.
+ Man kann die Bilder mit Onkel Werner gerne auch in eine Diashow unter "Onkel Werner" einfügen. Da kann man ja zukünftig Bilder mit ihm einfügen, wo man stöbern kann und sich an der Erinnerung freuen kann.
lars.dell commented 2025-05-07 10:30:47 +02:00
Collaborator
Copy Link

Hallo Jörg, zu deiner Mail:

"Schau mal bitte, ob das dem entspricht, was Du skizziert hattest - ich bin bisschen unsicher, ob ich Dich richtig verstanden habe.

Die Fotos sind noch in TODO - da muss ich erstmal schauen, wie ich eine lightbox geschickt umsetze. Ansonsten sollte die Startseite aber fast vollständig sein, oder habe ich was übersehen?"

Ich hänge dir ein Bild an bei welchem ich auf den jetzigen Stand eingehe:

  1. Die Startseite soll sozusagen 3 Ebenen haben: Willkommen, Bilder, Texte
    Zurzeit haben wir 2 Ebenen (Bilder sind noch ein TODO)

  2. Ist es irgendwie möglich die Übergänge fließend zu gestalten? Wenn nicht, dann einfach mit einem "fade in" und einem "fade out" falls das technisch geht.

  3. Es wäre ansprechend wenn der Button beim anklicken der Freizeit in der Farbe bestehen bleibt.
    So weiß man welche Freizeit damit gemeint ist anhand der Farbe alleine.

  4. Es wäre schön wenn der jeweilige Pfeil für die nächste "Ebene" ganz leicht beschreiben ist (Hier in "Fira Sans Light") um dem User zumindest eine Info zu geben was er denn zu erwarten hat.

  5. Die Icons kann ich dir per Mail nachliefern (Bild / Info Icon)

Hallo Jörg, zu deiner Mail: "Schau mal bitte, ob das dem entspricht, was Du skizziert hattest - ich bin bisschen unsicher, ob ich Dich richtig verstanden habe. Die Fotos sind noch in TODO - da muss ich erstmal schauen, wie ich eine lightbox geschickt umsetze. Ansonsten sollte die Startseite aber fast vollständig sein, oder habe ich was übersehen?" Ich hänge dir ein Bild an bei welchem ich auf den jetzigen Stand eingehe: 1. Die Startseite soll sozusagen 3 Ebenen haben: Willkommen, Bilder, Texte Zurzeit haben wir 2 Ebenen (Bilder sind noch ein TODO) 2. Ist es irgendwie möglich die Übergänge fließend zu gestalten? Wenn nicht, dann einfach mit einem "fade in" und einem "fade out" falls das technisch geht. 3. Es wäre ansprechend wenn der Button beim anklicken der Freizeit in der Farbe bestehen bleibt. So weiß man welche Freizeit damit gemeint ist anhand der Farbe alleine. 4. Es wäre schön wenn der jeweilige Pfeil für die nächste "Ebene" ganz leicht beschreiben ist (Hier in "Fira Sans Light") um dem User zumindest eine Info zu geben was er denn zu erwarten hat. 5. Die Icons kann ich dir per Mail nachliefern (Bild / Info Icon)
Website_Startseite v3.jpg
3.1 MiB
Website_Startseite v3.jpg
lars.dell commented 2025-05-21 14:52:49 +02:00
Collaborator
Copy Link

Super, passt alles soweit, bis auf eines:

Die Unterscheidung von Ebene 2 und 3 (Bilder und Texte).
Siehe Bild im Anhang.

Hier die 1280px Bilder: https://next.askaloncloud.de:443/index.php/s/WczBC8WnfooFnMD

Super, passt alles soweit, bis auf eines: Die Unterscheidung von Ebene 2 und 3 (Bilder und Texte). Siehe Bild im Anhang. Hier die 1280px Bilder: https://next.askaloncloud.de:443/index.php/s/WczBC8WnfooFnMD
Website_Startseite v4.jpg
3.1 MiB
Website_Startseite v4.jpg
jotty commented 2025-05-29 16:55:15 +02:00
Author
Owner
Copy Link

Habe die Änderungen umgesetzt, bitte nochmal prüfen. Dann kann das gerne produktiv gehen.

Habe die Änderungen umgesetzt, bitte nochmal prüfen. Dann kann das gerne produktiv gehen.
jotty added
status
test
 and removed
status
development
 labels 2025-05-29 16:55:35 +02:00
jotty closed this issue 2025-06-07 19:50:58 +02:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
module
admin
administrative tasks
module
business
finances module
module
campadmin
administrative tasks for the camp definition
module
confirmation
confirmation module
module
user
user module
priority
nice to have
this is a nice feature, can be postponed until no urgent one is available any longer
priority
urgent
this is very urgent, no time to wait
status
development
next step: develop a solution
status
test
next step: test the new functionality
type
bug
a bug in the application
type
change request
a change on an existing functionality
type
feature request
a new feature
No Label
module
user
priority
urgent
status
test
type
change request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
jotty lars.dell
No Assignees lars.dell
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Onkel-Werner-Freizeiten/CampOrganizer2#20
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?