video2brain - Quiz-Spiele für Facebook programmieren
video2brain - Quiz-Spiele für Facebook programmieren | 422MB
Duration: 2h 52m | Video: AVC (.mp4) 1280x720 25fps | Audio: AAC 44.1KHz stereo
Genre: eLearning | Level: Intermediate | Language: German
Duration: 2h 52m | Video: AVC (.mp4) 1280x720 25fps | Audio: AAC 44.1KHz stereo
Genre: eLearning | Level: Intermediate | Language: German
Praktische Beispiele mit WordPress, HTML, CSS, JavaScript und jQuery
Mit kleinen, pfiffigen Fragespielen bringen Sie Ihren Facebook-Auftritt auf Vordermann und sorgen damit für Gesprächsstoff, Feedback und Datenverkehr. Dieses Video-Training liefert Ihnen einen Rezeptkasten, wie Sie Frage und Antwortsequenzen mit vertrauten Web-Technologien selbst planen, umsetzen und redaktionell pflegen können.
Facebook-Apps sind im Grunde genommen herkömmliche Webseiten, die als iFrame in Facebook integriert werden und je nach Komplexität mehr oder weniger spezielle Facebook-Eigenschaften haben.
In diesem Video-Training fungiert WordPress als „Backend“. Das bedeutet, mit Hilfe der bekannten und sehr leicht zu bedienenden Software organisieren Sie die gesamten Fragen des Quiz. Wenn Sie zum Beispiel einmal im Monat ein neues Quiz veranstalten möchten, muss kein Programmierer den Code mehr anfassen, wenn Sie die Fragen austauschen wollen.
Mit Hilfe von JavaScript und jQuery bringen Sie ein bisschen Leben in das Design und sorgen dafür, dass die App flüssig und schnell läuft, denn alle Fragen und das Teilnahmeformular werden gleich zu Beginn in den Browser geladen, aber erst nach und nach angezeigt. Das erhöht die Geschwindigkeit und bringt mehr Spaß für den Benutzer.
Die Entwicklungsumgebung und WordPress installieren
Die Installation von XAMPP bietet eine passende Entwicklungsumgebung für die Installation von WordPress. WordPress steht im Internet als Download in einer deutschen Version zur Verfügung.
Fragen und Gewinn erstellen
Sehen Sie einen Überblick über die Benutzeroberfläche von WordPress sowie die korrekte Vorgehensweise bei der Erstellung von Fragen und Gewinnen für ein Facebook-Quiz.
Quiz-Design anpassen
Das Design eines Facebook-Quiz wird mit Hilfe eines WordPress-Themes definiert. Dieses kann wie gewünscht individuell angepasst werden.
Admin-Menü anpassen
Mithilfe eines eigenen Plug-ins kann das Administrationsmenü angepasst werden. Dadurch lassen sich nur die Funktionen anzeigen, welche auch tatsächlich verwendet werden.
Handbuch für Redakteure erstellen
Es besteht die Möglichkeit, mit einem Plug-in ein Handbuch für Redakteure zu erstellen. Dieses sollte Informationen über die Gestaltung von Fragen, die Markierung von richtigen Antworten sowie die allgemeine Bedienung des Systems beinhalten.
jQuery einbinden
Sehen Sie das Einbinden von jQuery in das System und die JavaScript-Programmierung, die notwendig ist, um nur einzelne Fragen des Quiz anzuzeigen.
Vor- und Zurück-Button aktivieren
Um die korrekte Funktionsweise des Vor- und Zurück-Buttons innerhalb eines Quiz sicherzustellen, muss dieser mit Hilfe von JavaScript-Code aktiviert werden.
Benutzerdaten versenden
Ein Benutzer, welcher alle Fragen korrekt beantwortet hat, kann seine persönlichen Daten an einen Server versenden, um am Gewinnspiel teilzunehmen.
Integration in Facebook
Nach der Fertigstellung eines voll funktionsfähigen Quiz besteht die Möglichkeit, dieses auf Facebook zu veröffentlichen. Dabei muss zuerst eine Facebook-Anwendung erstellt und anschließend auf einer Fan-Seite eingebunden werden. Um die gesamte Funktionalität von Facebook verwenden zu können, muss die Anwendung mit Facebook verbunden werden.
Komponenten für HTTPS freigeben
Alle Komponenten einer Facebook-Anwendung müssen über HTTPS angesprochen werden können. Dieses Video zeigt die korrekte Vorgehensweise, um dies sicherzustellen.
Anwendung teilen
Nach der Beendigung des Quiz sollte der Benutzer unbedingt die Option zur Verfügung haben, die Anwendung mit Freunden zu teilen. Dieses Video erläutert den dafür notwendigen Code.
Das Projekt-Dateien fehlen!
Die Installation von XAMPP bietet eine passende Entwicklungsumgebung für die Installation von WordPress. WordPress steht im Internet als Download in einer deutschen Version zur Verfügung.
Fragen und Gewinn erstellen
Sehen Sie einen Überblick über die Benutzeroberfläche von WordPress sowie die korrekte Vorgehensweise bei der Erstellung von Fragen und Gewinnen für ein Facebook-Quiz.
Quiz-Design anpassen
Das Design eines Facebook-Quiz wird mit Hilfe eines WordPress-Themes definiert. Dieses kann wie gewünscht individuell angepasst werden.
Admin-Menü anpassen
Mithilfe eines eigenen Plug-ins kann das Administrationsmenü angepasst werden. Dadurch lassen sich nur die Funktionen anzeigen, welche auch tatsächlich verwendet werden.
Handbuch für Redakteure erstellen
Es besteht die Möglichkeit, mit einem Plug-in ein Handbuch für Redakteure zu erstellen. Dieses sollte Informationen über die Gestaltung von Fragen, die Markierung von richtigen Antworten sowie die allgemeine Bedienung des Systems beinhalten.
jQuery einbinden
Sehen Sie das Einbinden von jQuery in das System und die JavaScript-Programmierung, die notwendig ist, um nur einzelne Fragen des Quiz anzuzeigen.
Vor- und Zurück-Button aktivieren
Um die korrekte Funktionsweise des Vor- und Zurück-Buttons innerhalb eines Quiz sicherzustellen, muss dieser mit Hilfe von JavaScript-Code aktiviert werden.
Benutzerdaten versenden
Ein Benutzer, welcher alle Fragen korrekt beantwortet hat, kann seine persönlichen Daten an einen Server versenden, um am Gewinnspiel teilzunehmen.
Integration in Facebook
Nach der Fertigstellung eines voll funktionsfähigen Quiz besteht die Möglichkeit, dieses auf Facebook zu veröffentlichen. Dabei muss zuerst eine Facebook-Anwendung erstellt und anschließend auf einer Fan-Seite eingebunden werden. Um die gesamte Funktionalität von Facebook verwenden zu können, muss die Anwendung mit Facebook verbunden werden.
Komponenten für HTTPS freigeben
Alle Komponenten einer Facebook-Anwendung müssen über HTTPS angesprochen werden können. Dieses Video zeigt die korrekte Vorgehensweise, um dies sicherzustellen.
Anwendung teilen
Nach der Beendigung des Quiz sollte der Benutzer unbedingt die Option zur Verfügung haben, die Anwendung mit Freunden zu teilen. Dieses Video erläutert den dafür notwendigen Code.
Das Projekt-Dateien fehlen!
video2brain - Quiz-Spiele für Facebook programmieren
No mirrors below please.