✎ liedtexteonlineyvonneundjoerg [DokuWiki

Eine ältere Version des Dokuments wurde geladen! Beim Speichern wird eine neue Version des Dokuments mit diesem Inhalt erstellt.

====== Liedtexte online für Yvonne und Jörg ======

===== Worum geht es? =====

Yvonne und Jörg machen Mitsing-Auftritte. Die Texte sollen online auf Tablets oder Smartphone für alle Teilnehmer zur Verfügung stehen. Alle Texte sind in einer statischen Website mit einer Online-Präsentation enthalten.

Mit einer PHP-Anwendung soll es möglich sein, Liedtexte zu sammeln und zu verwalten. Es soll möglich sein, Setlisten zu erstellen und für einen Auftritt die statische Website zu erstellen.

Liedtexte sollen ale einfacher Text eingegeben werden. Daraus soll automatisch die Online-Präsentation gebaut werden.

Auf Dauer soll es möglich sein, zu einem Text Akkord-Buchstaben hinzuzufügen. Damit wird es möglich, dass andere Teilnehmer auch mit ihren Instrumenten mitspielen können.

===== Konkrete Schritte =====

==== 1. Was geht schon? ====

=== Javascript ===

* Liedtexte lassen sich mit Hilfe von reveal.js schön Strophe für Strophe anzeigen.
  * Mit einem selbstgebauten Plugin können Akkorde über dem Text angezeigt werden.
  * Aus der Liste der Liedtexte lässt sich mit Drag&Drop (Sortable.js) eine Setliste füllen.
  * Mit Klick auf den Button "Setliste erstellen", wird ein Ajax-Aufruf (Axios) zur Setlistenerstellung gemacht, eine Setliste erstellt. Die erstellte Setliste wird dann in der Liste der Setlisten angezeigt

=== PHP ===

* Eine Liste der verfügbaren Lieder wird angezeigt.
  * Ein Skript setlisteErstellen.php erzeugt eine HTML-Seite mit der Setliste der ausgwewählten Lieder

==== 2. Was kommt dann? ====

=== Javascript ===

* Mit Drag and Drop soll es möglich sein, eine Liederliste zu füllen. Wie das prinzipell geht, steht hier: [[https://codepen.io/gtb104/pen/ZEEQob]]

Zusammenfassung

Hinweis: Durch das Bearbeiten dieser Seite geben Sie Ihr Einverständnis, dass Ihr Inhalt unter der folgenden Lizenz veröffentlicht wird: CC Attribution-Share Alike 4.0 International