Im folgenden Ordner findest du eine Beispiel-Webseite (beispiel.html) – diese soll je nach Verhalten des Nutzers manipuliert werden. Die Seite soll auf die folgenden beiden Anwendungsfälle reagieren:
- Nutzer A ist ein schneller Leser und überfliegt den Text nur. Er landet deshalb in weniger als 10 Sekunden schon beim zweiten Abschnitt. Im zweiten Abschnitt sollten ihm deshalb vor allem Bilder und Listen angezeigt werden, nicht so viel Text.
- Nutzer B liest sich alles genau durch und ist sehr konzentriert. Er braucht deshalb mehr als 10 Sekunden, bis er beim zweiten Abschnitt landet. Im zweiten Abschnitt soll diesem Nutzer besonders viel Text und nur wenige Bilder und Listen zur Unterstützung angezeigt werden.
Mach dir Gedanken, wie du dieses Problem mithilfe von Javascript/jQuery lösen kannst. Es steht dir dabei frei, die HTML-Datei nach deinen Ansprüchen anzupassen (also z. B. weitere Paragraphen mit Text, Überschriften, Bilder, Listen usw. einzufügen), um deinen Lösungsansatz bestmöglich zu veranschaulichen. Im kommenden Termin stellst du uns das Ergebnis sowie deine Vorgehensweise vor.