Sitzungsaufgaben zu Annotator.js

Tools zur heutigen Sitzung:

Aufgabe 1

Die JavaScript-Bibliothek Annotator.js (http://annotatorjs.org/) macht’s mit wenigen Anweisungen möglich, auf einer Website textuelle Information zu annotieren. Laden Sie sich die Bibliothek Annotator.js von der Projekthomepage http://annotatorjs.org/ herunter. Erstellen Sie unter Verwendung von Bootstrap oder Sekelton eine responsive Website und verknüpfen Sie Ihre Website mit der Bibliothek. Tipp: http://docs.annotatorjs.org/en/v1.2.x/getting-started.html#the-annotator-libraries.

Aufgabe 2

Suchen Sie im WWW nach dem Text Ihres Lieblingsliedes und geben Sie den Text auf Ihrer Website wieder. Stellen Sie neben dem Liedtext Hintergrundinformationen und Bilder zum Künstler / zur Künstlerin dar. Als Gestaltungsvorlage mag genius.com dienen (http://genius.com/Kendrick-lamar-swimming-pools-drank-lyrics):

genius_lamar_lyrics

Aufgabe 3

Annotieren Sie den Text unter Verwendung von Annotator.js:

genius_lamar_annotation

Aufgabe 4

Verwenden Sie ein Annotator.js Plugin um zu verhindern, dass Ihre Annotationen mit jedem Neuladen der Seite verschwinden.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.