Bitte beachte, dass sich diese Dokumentation auf die neuste Version dieser Erweiterung bezieht. Wenn eine ältere Version eingesetzt wird, kann diese abweichen. Die jeweils passende Dokumentation befindet sich im Dokumentation-Verzeichnis der Erweiterung.
Fehlersuchbild mit Gewinnspiel Adventskalender-Türchen
Dieses Türchen ermöglicht es ein Fehlersuchbild mit einem Gewinnspiel einzubinden. Hierbei müssen beliebig viele Bildunterschiede gefunden werden. Hat dein Besucher alle Fehler gefunden, kann er am Gewinnspiel teilnehmen.
Wie bei allen anderen Türchen auch, kannst Du hier mit einen Titel und eine Beschreibung zur Einleitung starten.
Vorbereitung der Bilder
Suche dir als erstes ein passendes Bild. Wir nehmen in unserem Fall dieses hier:
Öffne es in einem Programm wie GIMP und baue deine Fehler in das Bild ein und speichere es unter einem anderen Name.
Info:
Achte darauf, dass Deine Bilder nicht zu groß sind, so dass diese auch bei den Besuchern mit einem Smartphone schnell geladen werden. Auf dem Smartphone werden die Bilder dann nicht mehr nebeneinander angezeigt, sondern untereinander.
Anschließend selektiere beide Bilder in deinem Türchen und speichere es.
Wie werden die Fehler Definiert?
Die Fehler definierst Du mit x- und y-Koordinaten, sowie einem Radius der die Größe der späteren Klickfläche definiert. Deine verfübare Fläche der x- und y-Koordinaten ist gleich mit der Größe des Bildes - in unserem Fall 1024 x 1024 Pixel.
Im Bild-Bearbeitungsprogramm geöffnet, suchst du mit einem Selektierungs-Werkzeug den Mittelpunkt deines Fehlers. Wir haben einen zusätzlichen gelben Stern eingefügt und suchen nun den Mittelpunkt des Sterns, welcher x: 159px und y: 490px hat.
Info:
Du kannst im Backend in deinem Türchen die Option "Bild-Fehlerpunkte anzeigen" aktivieren – so kannst Du deine Fehlerpunkte zum Testen im Frontend sichtbar machen.
Wähle den Radius ausreichend groß, so dass deine Besucher diesen auch einfach treffen können - wir nehmen bei unserer Bildgröße 50px. Das gleiche Vorgehen wiederholst Du für alle Fehler.
Was passiert wenn alle Fehler gefunden wurden?
Wenn dein Besucher alle Fehler gefunden hat, kann er am Gewinnspiel teilnehmen. Dafür werden die Bilder durch das übliche Teilnahme-Formular ersetzt.
Datenstruktur
---
title: Difference-Game Window
config:
class:
hideEmptyMembersBox: true
---
classDiagram
note "Winnings & Participants are not\nincluded in this diagram."
Window <|-- DifferenceGamePosition
Window <|-- Winning
Window <|-- LotteryParticipant
Window : +int day
Window : +String title
Window: +isMammal()
Window: +mate()
class LotteryParticipant{
+String email
+bool reminder
+bool newsletterSubscription
}
class Winning{
-string title
-string description
-int amount
-int images
}
class DifferenceGamePosition{
-int posX
-int posY
-int radius
-string title
}
TYPO3 Online-Adventskalender by coding.ms
Mit der TYPO3-Adventskalender-Extension erstellst und verwaltest Du individuelle Online-Adventskalender direkt in Deinem TYPO3. Die Erweiterung wird in Deiner TYPO3-Installation installiert und auf Deinem eigenen Server betrieben. Fülle 24 Türchen mit Texten, Bildern, Videos, Quizfragen und Gewinnspielen, um Kunden zu binden, Leads zu gewinnen und Produkte zu präsentieren.