nicht angemeldet
Stimulus Präsentation mit AJAX / JavaScript
Hi!
Ich wuerde gerne ein psychologisches Experiment im Browser realisieren und wollte hier mal fragen wie man das am Besten umsetzten kann.
Das Experiment ist relativ simpel.
Es sollen verschiedene Bilder nacheinander präsentiert werden (also so etwas wie eine slideshow). Zufällig zwischen den Bildern soll man die Möglichkeit bekommen auf einer Rating-Skala einen bestimmten Stimulus zu bewerten.
Die Stimuli / Bilder sollen randomisiert erscheinen.
Und die Response auf die Rating-Skala soll in eine mySQL Datenbank gespeichert werden.
Am liebsten hätte ich, dass Präsentation und Rating-Durchgänge ohne Unterbrechung laufen - das heißt ohne neuen http-request.
Ist so etwas prinzipiell mit AJAX umsetzbar?
Leider habe ich nur sehr wenig Erfahrung mit JavaScript und bin eher mit PHP vertraut - daher wollte ich hier erstmal ein paar Meinungen einholen.
Mit PHP könnte ich so etwas, denke ich, ohne Probleme umsetzen ... allerdings müsste die Person dann natürlich nach jedem Bild oder jeder Rating-Skala auf einen Button "weiter" drücken.
Mit JavaScript hätte ich die Möglichkeit Dinge ohne Unterbrechung zu präsentieren.
Also:
Macht so ein Vorhaben Sinn?
Wie fängt man am Besten an wenn man noch sehr wenig Erfahrung mit JavaScript hat?
Gibt es einen einfachen Weg die Vorteile von PHP (Serverabfragen etc.) mit JavaScript zu koppeln ohne zu weit in JavaScript einsteigen zu müssen?
-
Hi!
Ich wuerde gerne ein psychologisches Experiment im Browser realisieren und wollte hier mal fragen wie man das am Besten umsetzten kann.
Das Experiment ist relativ simpel.
Es sollen verschiedene Bilder nacheinander präsentiert werden (also so etwas wie eine slideshow). Zufällig zwischen den Bildern soll man die Möglichkeit bekommen auf einer Rating-Skala einen bestimmten Stimulus zu bewerten.Die Stimuli / Bilder sollen randomisiert erscheinen.
Und die Response auf die Rating-Skala soll in eine mySQL Datenbank gespeichert werden.Am liebsten hätte ich, dass Präsentation und Rating-Durchgänge ohne Unterbrechung laufen - das heißt ohne neuen http-request.
Ist so etwas prinzipiell mit AJAX umsetzbar?
Nein. Ein HTTP-Request (genauer gesagt XHR) ist der Kern von Ajax. Wenn du nicht sämtliche inhalte von vorne herrein lädst, wirst du um weitere Requests nicht herumkomme.
Macht so ein Vorhaben Sinn?
Ja durchaus.
Wie fängt man am Besten an wenn man noch sehr wenig Erfahrung mit JavaScript hat?
Baue die Seite mit PHP wie du sie auch sonst bauen würdest - ohne irgend einen Unterschied und bau bei jedem Bild einen "weiter-Link" oder ähnliches ein.
Gibt es einen einfachen Weg die Vorteile von PHP (Serverabfragen etc.) mit JavaScript zu koppeln ohne zu weit in JavaScript einsteigen zu müssen?
Nutze ein Framework wie z.B. jQuery - damit lässt sich vieles einfach unnkompliziert bauen.
Die < 30 KiB extra sind vertretbar wenn man davon ausgeht, dass ein durchschnittliches Bild auf einer Webseite 40 bis 150 KiB hat.
-
hi,
Wie fängt man am Besten an wenn man noch sehr wenig Erfahrung mit JavaScript hat?
Hmm, fang mal damit an, mit JS einem <img>-Tag das src-Attribut zuzuweisen, bzw., per Klick verschiedene src's z.B. aus eine Auswahlliste heraus.
Wenn Du das hast, mach dann die Zuweisung zeitgesteuert nacheinander, damit kriegst Du schonmal einen Bilderwechsel ohne servertechnik allein mit dem Browser hin. Ajax: Die Liste mit den Bildressourcen könnte serverseitig erzeugt und in den Browser nachgeladen werden... Sofern der Browser die Bilder im Cache hat, sind sehr schnelle Bildfolgen möglich.
Hotti