Zeige letzte Bearbeiter
1 [[**Plugin-Download**>>url:https://customer.formcycle.eu/index.php/apps/files/?dir=/FORMCYCLE%20-%20Plugins%20Customer/Leitfaden%3Aleitfaden-resources&fileid=25265||rel="noopener noreferrer" target="_blank"]] (erfordert Anmeldung)
2
3 {{content/}}
4
5 {{velocity}}
6 ##{{info}}
7 ##Hinweis, dass das für bayr. LK ist.
8 ##Über das //???? Plugin// werden Möglichkeiten zur Einbindung der AKDB Basisdienste **Bürgerkonto** und **Postkorb** in {{formcycle/}} bereitgestellt.
9 ##{{/info}}
10 {{/velocity}}
11 {{figure image="formular_vorlage.png"}}
12 TBD
13 {{/figure}}
14
15 == Vorbemerkungen ==
16
17 In dem vom Bayerischen Landkreistag und dem Bayerischen Staatsministerium für Digitales herausgegebenen [[//Leitfaden zur nutzerorientierten und einheitlichen Formulargestaltung für die bayerischen Landkreise//>>https://www.stmd.bayern.de/wp-content/uploads/2020/10/10-2020_Leitfaden-nutzerfreundlicher-Formulargestaltung.pdf||target="_blank"]] werden für die Umsetzung von Online-Formularen konkrete Vorschläge gemacht und Empfehlungen gegeben.
18
19 Da nicht alle der darin aufgeführten Punkte standardmäßig in {{formcycle/}} umsetzbar sind, wurde dieses //Leitfaden-Plugin// entwickelt.
20
21
22
23 Im folgenden wird
24 Artikel, wie man mit formcycle unter zuhilfename des Plugins so Formulare umsetzen kann
25
26
27 Die detaillierte Beschreibung der durch das Plugin vorgenommenen Anpassungen an der Darstellung von Formularen und der durch das Plugin hinzugefügten [[Widgets>>TODO]] findet sich im Punkt [[XXX>>TODO]].
28
29 == Hinweis zur Verwendung des Leitfaden-Plugins zusammen mit dem Theme-Konfigurator-Plugin ==
30
31 Beide Plugins dienen dazu Aussehen von Formularen zu beeinflussen. Daher kann es beim parallelen Betrieb von beiden Plugins zu Konflikten kommen, wodurch die Darstellungsoptionen des Leitfaden-Plugins eventuell überschrieben werden. Daher sollte bei einem parallen Einsatz beider Plugins darauf geachtet werden, dass möglichst nur Dinge durch das Theme-Konfig-Plugin angepasst werden, bei denen nicht auch durch das //Leitfaden-Plugin// Veränderungen vorgenommen werden, wie zum Beispiel das Logo.
32
33 == Installation ==
34
35 Das Plugin kann als Mandant-Plugin oder System-Plugin installiert werden. Eine Anleitung zur Installation von Plugins finden Sie [[hier>>doc:Formcycle.UserInterface.Client.Plugins.WebHome]].
36
37 == Inhalt des Plugins ==
38
39 Pl. unterstützt bei Leitfaden
40
41 was macht pluginwidget
42
43 js
44 schriftart verändern
45 uploads werden verändert
46 -> verlinken
47
48
49
50 == Verwendung ==
51
52 Im folgenden wird auf die einzelnen Punkte des Leitfadens kurz eingegangen und gezeigt, wie diese nach der Installation des Plugins in FORMCYCLE realisiert werden können.
53
54 === #1 Frage den Bürger als erstes, was er möchte. ===
55
56 Man muss Formular entsprechend aufbauen... Plugin stellt CSS bereit für Hilfehinweise
57
58 Nachdem Bürger angegeben hat, was er eigentlich will, können durch sichtbarkeitsbedingungen nun diejenigen Abfragen und Eingabefelder eingeblendet werden, die für das spezielle Anliegen des Bürgers absolut notwendig sind.
59
60 === #2 Unterteile dein Formular in sinnvolle Prozessschritte und gebe Orientierung ===
61
62
63 Siehe Widget-Plugin ...
64 Für bestimmte Punkte des Leitfadens wird zudem das [[Widget-Plugin Navigationsleiste>>Formcycle.PluginDocumentation.WidgetXNavigationBar]] benötigt.
65
66
67 === #3 Gib dem Bürger eine Übersicht über seine Angaben und verlinke zu den Seiten ===
68
69 Nach dem ltrzte seite stellt Plugin eine automatische Zusammenfassung bereit ...
70
71 === #4 Biete jederzeit die Möglichkeit an Kontakt aufzunehmen ===
72
73 Man muss in Header oder Footer halt die Kontaktinformationen packen...
74
75 === #5 Gib dem Bürger die Möglichkeit sich zu erklären ===
76
77 Bemerkungsfelder sollten an geeigneten Stellen hinzugefügt werden. Hier bietet sich die Textareas an.
78
79 Durch anpassung der maximal möglichen zeichenzahlö kann hier zum einen begrenzt werden, wieviel der Bürger schreiben kann. Durch die standardmäßig aktive Option ??? wird unter der Textare die Anzahl der maximal möglichen Zeichen und die Anzahl der aktuell bereits eingegebenen zeichen angezieigt.
80 Dadurch kann dem Bürger auch signalisiert werden, wie umfangreich eventuelle Bemerkungen an der jeeiligen Stelle ausfallen können.
81
82 === #6 Komme den Fragen deiner Bürger zuvor ===
83
84 Gibt es da eigentlich css klassen die wir mitliefern für diese Hinweisblöcke?
85 Ansonsten: Wie mache ich einen Hinweisblock ...
86
87 === #7 Positioniere die Feldbezeichnungen oberhalb des Feldes ===
88
89 Standardmäßig in FC so eingestellt
90
91 === #8 Bilde sinnvolle visuelle Hierarchien ===
92
93 Verwendung von Fieldsets
94 Fette Labelbeschriftungen und farbliche Hervorhebeung von Auswahloptionen sind Standardmäßig in FC so eingestellt und werden auch vom Leitfaden-Plugin so umgesetzt
95
96 === #9 Weise deinen Bürgern den Weg ===
97
98 Aktive Felder werden z.T: vom Browser hervorgehoben
99 ??? Mach das Plugin was mit ausgefüllten Feldern??? <- Setzt das Plugin wirklich Haken an die Felder?
100
101 === #10 Gib deinen Bürgern auch Rückmeldungen ===
102
103 ??? Mach das Plugin was mit ausgefüllten Feldern??? <- Frage auch für die HKK
104
105 === #11 Wähle sinnvolle Feldgrößen ===
106
107 Alles Standardoptionen von FORMCYCLE, die für das jeweilige Formular(-feld) individuell verwendet werden können.
108
109 === #12 Gehe sorgsam mit Auszeichnungen für Schrift um ===
110
111 Hier muss der Formularersteller entscheiden, was er wirklich hervorheben will. Da Labels und Textelemente einen Richtexteditor für die anzuzeigenden Texte haben, kann dies in FORMCYCLE sehr einfach gemacht werden.
112
113 === #13 Mache Pflichtfelder in jeder Situation deutlich sichtbar ===
114
115 Standardoption von FC, der Pflichtfeldstern sollte sich farblich vom restlichen Design der Kommune entsprechend abheben
116 ???Plugin vergrößert Stern???
117 Überschriften, buttons sind standardmäßig in FC und im Plugin in Fett und Fließtexte sind auch standardmäßig in normaler Schrift
118
119 === #14 Hebe Schaltflächen hervor und beschrifte sie ===
120
121 Plugin fügt für wiederholte elemente beschriftungen zu den Kontrollschaltflächen hinzu
122 Auch hier muss darauf geachtet werden, dass sich Schaltflächen farblich vom restlichen Design der Kommune entsprechend abheben
123
124 === #15 Vermeide doppelte Eingaben ===
125
126 Standardfunktionalität von FC: Per RB abfragen, ob Angaben von vorher bereits eingegebenen abweichen, Weitere zunächst versteckte Formularfelder werden dann über "sichtbar wenn" bedingungen einblenden.
127
128 === #16 Verwende vorausgefüllte Standardtexte als Beispielangabe ===
129
130 Platzhalter sind auch Standardfeature von FC
131
132 === #17 Gib proaktiv hilfreiche Hinweise und Erklärungen ===
133
134 Hilfefenster sind auch Standardfeature von FC, aber durch das Plugin erscheinen sie standardmäßig, wenn das Feld sichtbar ist
135
136 === #18 Biete so oft wie möglich Auswahlfelder an ===
137
138 Mehrstufige Abfrage mit RB für wichtigste Auswahl(en) und Auswahlfeldern für sonstige Auswahlen, bei den können mit FC einfach mit Sichtbarkeitsbedingungen umgesetzt werden.
139
140 Wenn Abfragen wie z.B. Stattsbürgerschaft häufiger in Formularen vorkommen, können diese als Datenquelle hinterlegt und dadurch einfach eingebunden und für alle Formulare gepflegt werden.
141
142 === #19 Hilf deinen Bürgern Dokumente anzuhängen ===
143
144 Wir haben noch kein neues Upload-Control und können das in FC daher momentan nicht umsetzen <- Oder ist das im Leitfaden?
145
146 === #20 Überprüfe die Angaben deiner Bürger ===
147
148 zusätzliche Köntextabhängige Prüfungen können per JavaScript vorgenommen werden.
149
150 === #21 Mache Fehler sichtbar und erkläre sie ===
151
152 FC markiert standardmäßig Felder, bei denen Angaben nicht valide sind. Durch Plugin wird das Aussehen deutlicher (??? und was ist mit Uploads?)
153
154 === #22 Unterstütze die AutoFill-Funktion der Browser ===
155
156 In FORMCYCLE ab Version 6.6.?? für jedes Formularelement wählbar.
157
158 === #23 Kommuniziere mit deinen Bürgern auf Augenhöhe ===
159
160 Kein technischer Inhalt...
161 Hinweise als Textelement(?)
162
163 === #24 Halte deine Bürger auf dem Laufenden ===
164
165 Über Statusverarbeitung kann zum Beispiel nach X Tagen ein Erinnerungsstatus aufgerufen werden, der eine E-Mail versendet.
166 Beispielformular? Oder Screenshot vom Workflow?
167
168
169
170 == Technische Dokumentation des Leitfaden-Plugins ==
171 oder lieber technische Details? war: Weitere Hinweise zum Aufbau von Formularen
172
173 Das Plugin stellt Ressourcen zur Verfügung, welche in Formularen automatisch verwendet werden und fügt neue Validierungsreglen und Widgets hinzu. Im folgenden wird auf alle
174
175 === CSS ===
176 Hier fehlt ein guter titel...Kosmetische Anpassungen?
177
178 === Änderungen an ===
179
180
181
182 === Formularwidget Hinweis ===
183 {{figure image="formular_vorlage.png" clear="h3"}}
184 TBD
185 {{/figure}}
186
187
188 === Formularwidget Kontaktdaten ===
189 {{figure image="formular_vorlage.png" clear="h3"}}
190 TBD
191 {{/figure}}
192
193
194 === Formularwidget Unsichtbarer Container ===
195 {{figure image="formular_vorlage.png" clear="h3"}}
196 TBD
197 {{/figure}}
198
199
200 === Zusammenfassung ===
201
202 nach der Installation des plugins werden automatisch
203
204 hierfür muss wie folgt konfiguriert werden
205
206 === ===
207
208
209
210
211
212 == Weitere Anpassungen am Aussehen der Formulare ==
213
214 -> jenseits von Leitfaden
215
216 Logo einbinden als BILD oder per CSS. -> allgemeine links
217 Hier empfihlt sich
Copyright 2000-2025