Webformular erstellen

Transkript

1 Webformulare können nur von Bildungsleiter und Regionalgruppenleiter erstellt werden. Die entsprechende Rolle wurde zugewiesen. Mit dem entsprechenden Benutzernamen anmelden. Auf die entsprechende Gruppe klicken (Im Beispiel ist es die Testgruppe für RG-Leiter. Der Hinweis SIE SIND ADMIN bestätigt die Rolle. (Abbildung 1) Abbildung 1 Webformulare verwenden wir für Veranstaltungen, sprich Termine und deshalb klicken wir nun auf TERMINE. (Abbildung 2) Abbildung 2 seniorweb.ch Technik&Support Helpdesk Ines Siciliano 12. Juli 2014

2 Jetzt erstellen wir die Seite für eine neue Veranstaltung und klicken auf NEUER EVENT (Abbildung 3) Abbildung 3 Auf dieser Seite werden alle wichtigen Informationen erfasst. Felder mit dem roten Sternchen * müssen ausgefüllt werden. (Abbildung 4) - Teaserbild - Titel - Themen - Beschreibung - Verantwortlich - Ort - Datum bis: - Anzahl Plätze - Protokollnachricht der Version (Kurzinfo) - Protokollnachricht der Version (Information Änderungen) - Veröffentlichen Als Entwurf speichern Vorschau Ausführlichere Informationen bei der Abbildung 4! Technik&Support Helpdesk Ines Siciliano 27. August

3 Teaserbild - wichtig der Hinweis betr. Bildgrösse Titel kurz und aussagekräftig Beschreibung Text für die Veranstaltung anstelle eines Blogs Themen etwaige Schlüsselwörter eingeben Verantwortlich der angemeldet Benutzername erscheint automatisch, kann jedoch ersetzt werden. Ort - kann auch eine nähere Bezeichnung sei (Zürichsee) Datum bis: Tag + Zeit Anzahl Plätze Protokollnachricht der Version (Kurzinfo) Protokollnachricht der Version (Information Änderungen) Veröffentlichen Als Entwurf speichern Vorschau immer zuerst als Entwurf speichern Abbildung 4 Technik&Support Helpdesk Ines Siciliano 27. August

4 Die ersten Schritte können so aussehen, wie in Abbildung 5 (Teaserbild, Titel, Beschreibung) Die Zusammenfassung muss nicht bearbeitet werden. Abbildung 5 Die restlichen Angaben einfügen, wie Verantwortlich, Ort, Datum, evtl. Anzahl Plätze (siehe Abbildung 6) Wichtig! Als Entwurf speichern! Abbildung 6 Technik&Support Helpdesk Ines Siciliano 27. August

5 Nach dem Speichern als Entwurf erhalten wir die Ansicht (siehe Abbildung 7). Im grünen Feld ist die Bestätigung des Event-Eintrages. Ausserdem erscheint nun u.a. der Reiter Webform. Abbildung 7 Über diesen Reiter Webform erstellen wir das Formular. Dafür klicken wir auf diesen Reiter und eine neue Seite erscheint (Abbildung 8). Der Ablauf ist der auf der alten Homepage ähnlich. Wir beginnen zuerst mit den Formularkomponenten (Name, Vorname, Mailadresse etc.) Abbildung 8 Technik&Support Helpdesk Ines Siciliano 27. August

6 Für das Beispiel benötigen wir die Komponenten auf der Abbildung 9. Sind alle Daten erfasst aif Speichern klicken. Anschliessend erscheint die Meldung im grünen Feld mit dem grünen Häkchen. Abbildung 9 Beginnen wir mit dem Benutzernamen. Abbildung 10 Technik&Support Helpdesk Ines Siciliano 27. August

7 Ein Klick auf Hinzufügen und ein neues Fenster erscheint (Abbildung 11). Die entsprechende Komponente wird nun bearbeitet. - Beschriftung wird automatisch beim Erfassen der Komponente übernommen. - Feldschlüssel wird automatisch generiert und sollte nicht verändert werden. Er kann auch nur 1x in einem Webformular verwendet werden. - Beschreibung im Feld wir die entsprechende Komponente näher beschrieben. - Überprüfung Erforderlich = rotes Sternchen. - Anzeige wichtig ist, ob ein Feld deaktiviert werden muss oder nicht. Wird Nicht öffentlich ausgewählt, wir das entsprechende Feld nur für die Benutzer sichtbar, die auch Zugriff auf die Ergebnisse haben. - Speichern nicht vergessen! Abbildung 11 Technik&Support Helpdesk Ines Siciliano 27. August

8 Token-Werte (Abbildung 12) sind Variablen, die durch aktuelle Werte ersetzt werden. In unserem Beispiel steht %username. Ist ein Mitglied angemeldet, so wird automatisch der Benutzername übernommen. Ist das Feld kein MUSS-Feld (erforderlich), kann so auch eine Drittperson angemeldet werden. Abbildung 12 Technik&Support Helpdesk Ines Siciliano 27. August

9 Nächste Komponente hinzufügen (Abbildung 13) Abbildung 13 Handelt es sich um ein MUSS-Feld, das Häkchen unter Erforderlich nicht vergessen. Jetzt werden alle benötigten Komponenten hinzugefügt (siehe Abbildung 9). Im ersten Abschnitt die benötigten Mitgliederdaten. Wird eine Komponente bearbeitet, ist das möglich. Beim Duplizieren muss der Feldschlüssel geändert werden. Klappt etwas nicht, Komponente löschen. Das neue Feld kann anschliessend wieder richtig platziert werden. Bei der -komponente wird statt das Textfield (Textfeld) ausgewählt (Abbildung 14) und den Standardwert (Abbildung 12) %usermail hineinkopiert. Abbildung 14 Abbildung 15 zeigt, wie der Überblick nach dem Speichern aussieht. Abbildung 15 Technik&Support Helpdesk Ines Siciliano 27. August

10 Um genaue Informationen zu erhalten, wie (Auto oder Zug, Mittagessen oder nicht etc.) gibt es die Auswahlmöglichkeit. Abbildung 16 Wir wollen wissen, wer mit dem eigenen Wagen kommt, wer mit ÖV. Dafür muss im Feld Optionen die entsprechenden Daten eingegeben werden, die durch einen senkrechten Strich getrennt werden. Die Daten vor dem Strich sind nicht sichtbar, entsprechen einem Schlüssel (siehe Abbildung 17) Abbildung 17 Ansicht bei der Auswahl Listbox oder Randomize options (siehe Abbildung 18/19) Technik&Support Helpdesk Ines Siciliano 27. August

11 Listbox Randomize options Abbildung 19 Abbildung 18 Wie kann der Teilnehmer den Platz für Mitfahrer auswählen? Resultat siehe Abbildung 20. Abbildung 20 Erstellung schauen wir miteinander an! Sind alle Komponente erfasst, muss natürlich die Mailadresse erfasst werden, an welche die Anmeldung weitergeleitet wird (Abbildung 21). Dafür wählen wir den Reiter s aus. Abbildung 21 Die Mailadresse eingeben, an welche die Anmeldungen weitergeleitet werden. Technik&Support Helpdesk Ines Siciliano 27. August

12 - Empfängeradresse - Betreff - Absenderadresse Standardmässig wird noreply@seniorweb.ch verwendet. Wünscht der Organisator etwaige Rückmeldung eigene Mailadresse eingeben. - Absendername Beispiel Seniorweb Regionalgruppe ZüriLeu - Vorlage der Anmeldung Im Feld sind bereits die entsprechenden Werte eingegeben. Resultat siehe Abbildung Abbildung 22 Technik&Support Helpdesk Ines Siciliano 27. August

13 Weitere Mailadressen können noch hinzugefügt werden (Abbildung 23). Abbildung 23 Nächster Schritt ist die Formulareinstellung. Was erhält der Teilnehmer für eine Rückmeldung nach seiner Anmeldung. Siehe Abbildung 24! Abbildung 24 Ausserdem wird nun ein Mail an die Adresse(n) gesendet, die vorgängig erfasst wurden (siehe Abbildung 23) Technik&Support Helpdesk Ines Siciliano 27. August

14 - Dieser Text erhält der Teilnehmer auf der Homepage nach seiner Anmeldung. - Confirmation page = der Teilnehmer wird auf die Bestätigungsseite weitergeleitet. - Begrenzung der Anmeldung - Begrenzung des einzelnen Teilnehmers. Nur eine Anmeldung möglich. - Wer kann sich anmelden! - Speichern nicht vergessen! Abbildung 25 Technik&Support Helpdesk Ines Siciliano 27. August

15 So sieht das Anmeld an den Organisator aus: Abbildung 26 Unter dem KONTO Meine Beiträge kann ich meinen Eintrag überprüfen (Abbildung 27). Abbildung 27 Ich kann auch überprüfen, ob der Event veröffentlicht wurde oder nicht. Technik&Support Helpdesk Ines Siciliano 27. August

16 Die Ansicht des Webformulars vor dem Ausfüllen der Anmeldung: Abbildung 28 Technik&Support Helpdesk Ines Siciliano 27. August

17 Wie verbinde ich nun das Webformular mit dem Blog? Die Internetadresse, die bei der Ansicht des Webformulars erscheint, wird in den Blog kopiert. Abbildung 29 Blog erstellen für diese Veranstaltung. - HIER die Internetadresse einfügen, wie im Beispiel Abbildung 29 - Als Entwurf speichern und wenn alles i.o. Blog UND Webformular veröffentlichen Abbildung 30 Technik&Support Helpdesk Ines Siciliano 27. August

18 Nachtrag: Viele Texte in der Bearbeitung des Webformulars sind in englischer Sprache. Wir versuchen diese so rasch als möglich zu übersetzen. Technik&Support Helpdesk Ines Siciliano 27. August