Quelltext der Seite Struktur von App und CMS

= Wie hängen App und CMS zusammen? =

Um Inhalte in der Social Senior Club App anzuzeigen, arbeiten zwei Bereiche zusammen:

* die **App**, in der die Nutzer:innen Inhalte sehen, und  
* das **CMS (Content Management System)**, in dem alle Inhalte gepflegt werden.

Dieses Zusammenspiel lässt sich am besten am Beispiel eines Moduls erklären.

[[File:CMS_App_Zusammenhang_Uebersicht.jpeg|right|300px|Rahmen|Beispiel: Ansicht in der App vs. CMS]]

== Grundprinzip ==
Jeder Inhaltsbereich der App besteht immer aus **drei Ebenen**:

1. **Eine Seite**  
   – Steuert das Layout und die Darstellung in der App  

2. **Ein Modul**  
   – Bestimmt die Art der Darstellung (z. B. Liste, Kachelansicht, schwarzes Brett)

3. **Eine Datenbank (_db)**  
   – Enthält die eigentlichen Inhalte (z. B. einzelne Einträge, Kategorien, Buttons)

Diese drei Ebenen greifen ineinander und erzeugen dynamisch das, was später in der App erscheint.

== Beispiel: „Digital dabei“ ==

Schauen wir uns an, wie der Bereich '''Digital dabei''' in der App entsteht.

== 1. Die App-Seite ==
In der App sieht der Nutzer eine Liste von Angeboten mit Suchfeld, Kategorien und aufklappbaren Kacheln.

[[File:DigitalDabei_AppAnsicht.jpeg|center|250px|Rahmen|Ansicht „Digital dabei“ in der App]]

Diese Darstellung wird über eine **Seite im CMS** gesteuert – diese legt z. B. fest:

* welche Elemente angezeigt werden (Titel, Bild, Liste)  
* welches Modul verwendet wird  
* in welcher Reihenfolge die Inhalte geladen werden  

== 2. Das Modul ==
Im CMS gibt es ein Modul mit dem Namen **digital_dabei**.

[[File:DigitalDabei_Modul.jpeg|center|300px|Rahmen|Modul „digital_dabei“ im CMS]]

Dieses Modul definiert:

* wie der Bereich aussieht (Layout, Farben, Kachelansicht)
* welche Funktionen verfügbar sind (Suche, Filter, Kategorien)
* ob Kacheln aufgeklappt werden können

Das Modul selbst enthält **keine Inhalte** – es ist nur der Rahmen für die Anzeige.

== 3. Die Datenbank (_db) ==
Jedes Button-Modul besitzt zusätzlich eine **Datenbank**, erkennbar am Suffix **_db**.

Für „Digital dabei“ heißt sie: digital_dabei_db
[[File:DigitalDabei_DB.jpeg|center|300px|Rahmen|Datenbank „digital_dabei_db“]]

Diese Datenbank enthält:

* die einzelnen Angebote (Einheiten)  
* Kategorien  
* Buttons  
* Meta-Informationen (Titel, Beschreibung, Links, Kontaktinfos)

Alle Einträge in dieser Datenbank gelangen **automatisch in die App**, sobald sie im CMS gespeichert wurden.

== Wie entsteht ein Eintrag in der App? ==
Ein einzelner Kacheleintrag in der App setzt sich zusammen aus:

* einer **Einheit** (z. B. ein Angebot „Online-Vortrag Kultur“)  
* einem **Button** (z. B. „Mehr Informationen“)  
* einer **Kategorie** (z. B. „Kultur“)  

Alle drei Elemente werden über ein gemeinsames Feld verknüpft (z. B. dieselbe ID oder denselben Wert).

Wenn diese Daten gespeichert werden, baut die App daraus dynamisch eine Kachel.

[[File:DigitalDabei_Aufgeklappt.jpeg|center|250px|Rahmen|Automatisch generierte Kachel aus CMS-Daten]]

== Warum ist das wichtig? ==
Dieses System erklärt:

* warum **keine Inhalte in der App direkt bearbeitet werden können**  
* warum jedes Modul immer ein passendes **_db-Modul** besitzt  
* wie Änderungen im CMS automatisch in der App erscheinen  
* weshalb **Namen von Modulen nicht verändert** werden dürfen (sie sind systemrelevant)


''Tipp:''  
Wenn Sie nicht sicher sind, welches Modul Sie bearbeiten müssen:  
Öffnen Sie in der Modulverwaltung die **Suchleiste** und geben Sie den **exakten Namen aus der App** ein – alle relevanten Module erscheinen sofort.