QFQ

h1. Konzept Tutorial

h2. 1) Typo 3

- Installation von QFQ

  - mit website wo man es herunterladen kann

- Installation von FormEditor (Erstellen von Seite um Forms zu erstellen)

  - Screenshoot von jedem Punkt wie man die Seite erstellt inkl. Alias

  - Inkl. confi.qfq.ini (vorgefertigtes File bei dem man copy past kann) 

h2. 2) Bewerbungsformular

- Eine Copy-Paste query, welche eine Tabelle erstellt (Application) mit allen 

noetigen Feldern um ein erstes Formular zu erstellen (basic), inkl. created und 

modified (ohne erklaerung)

- Ein Formular mit folgenden Feldern:

  - Vorname (Text)

  - Name (Text)

  - Geschlecht (Radio) 

  - Geburtsdatum (date) mit regular expression

  - Strasse (Text) mit Tooltip, Placeholder

  - PLZ (Text) ExtraButtonInfo

  - Screenshots von 1 Text, 1 Radio, 1 regular Expression, 1 ExtraInfoButton wie man es macht

und zwar Schritt fuer schritt. 

h3. 2.1) Datenstruktur erstellen, Dia erklaeren

- Screenshots wie man das Dia aufbaut

- Erklaeren wie man die Pfeile macht, welche Richtung die Pfeile und 1,n

- Erklaeren warum die Dias wichtig sind

- Hier wird nur eine Tabelle auftauchen, da es zur Zeit nur eine Tabelle gibt. 

  (Datenstruktur wird erst spaeter noch komplizierten gemacht, wenn Ggroups und Person Tabellen mit reinkommen)

  Hier wird nur eine kurze Erkaerung gegeben fuer die Datenstruktur)(

h2. 3) Report erstellen aller Bewerbungen

- Hier wird eine Seite erstellt, wo man als User auf der Seite eine Auflistung aller registrierter Personen hat. 

- Dabei ist wichtig zu beachten, dass auch eine schoene Tabelle erstellt werden soll.

- Speziell Bezug nehmen auf rend, rbeg, tail, head etc. (Idee dahinter)

- Hier werden nur Screenshots gemacht, wie man die neue Seite erstellt (inkl. Alias etc). 

- Beim Code wie der Content auf der Seite angezeigt wird, wird in der Doku als Feld, wo man den Text kopieren kann, wobei der Code erklaert wird. (Fokus der erklaerungen liegen auf den rbeg etc. )

- Wichtig :

  - Buttons

h2. 4) Login

h3. 2.1) Arbeiten mit Dias

* Modell: Database

* Wozu sind Dias gut? Warum wichtig alles Einzutragen?

* Primary Key Fett, Underline Primary Keys, Primary Key Anwaelen

* Autorouthing

* Primary Key

* 1,n (Database _-)

* Richtung der Pfeile

* Gruppierung der Felder

h2. Formeditor

h3. Form allg. Einstellungen

  * -Name-

  * -Title-

  * -Table-

  * Required Parameter

  * Show button

  * Forward

  * BS label columns

h3. Classes

h4. Natives

* Text 

  * -Implizite Laengenbegrenzung-

  * Text, Datum, Zahl (Int, Dezimal)

  * Speziell noch TypeAhead mit LDAP wie auch SQL erklaeren

* -Checkboxen-

  * -vertical / horizon-

* Select

  * First Empty

* -Radio-

* Note

* Upload

* Extra

  * Verwendung fuer AfterSave

* Allgemeine Gestaltung und Funktionalitaet der Native-Felder

  -(Parameter: extraButtonInfo)-

  Darauf achten, dass alle Einstellungsmoeglichkeiten ausser Info Pill erklaert werden

  -Patterns genauer eingehen-

h4. Container

* Fieldset

* Pill

* TemplateGroup ?

h4. Action

* AfterSave (Beispiel bringen mit Felder in anderer Tabelle abspeichern)

  * slaveId

  * sqlUpdate

  * sqlInsert

  * sqlDelete

* BeforeSave

* sendMail (Dabei Maillog erwaehnen)