Selfmade Extensions (Wikipage-Editor and Notificationsystem) for the digital repository Visual Library written in JavaScript in PHP

1. Praktikable und einfache Erweiterungen
via JavaScript und PHP in VL
Christian Erlinger
VL-Anwendertreffen, Paderborn, 06. April 2016
CC BY 3.0 ATChristian Erlinger ::: UB TU Wien ::: christian.erlinger-schiedlbauer@tuwien.ac.at

2. Javascript (jQuery) in VL
• Veränderungen in der HTML-Struktur aufgrund
relativ guter und stringenter Auszeichnung der
Originalbaumstruktur möglich
• Erlaubt inhaltliche Ergänzungen nicht
automatisch vorhandener Informationen
• Erlaubt graphische Verfeinerungen in
Abhängigkeit vorliegender Inhalte
• Grenze der Verwendbarkeit: < > Operatoren!

3. Simple JS-Anwendungsbeispiele
• Änderung von Graphiken in Abhängigkeit
unterschiedlicher Inhalte.
$(document).ready(function(){
if($("a.item:contains('Geowiss[…] Mitteilungen')").html()){
$('#utw_header').css("background-image", "url(/UTW/…)");
}
}
• Inhalte standardisierter Elemente ändern
//Header-Titel
$(document).prop('title','Geowissenschaftliche Mitteilungen @
reposiTUm - Repositorium der TU Wien');

4. Benachrichtigungssystem
• „Abonnentenverwaltung“ und Benachrichtigungssystem
des OA-Journals „Der Öffentliche Sektor“
http://digital-test.obvsg.at/oes/wiki/notific_subscribe
• Benutzer können sich via VL-Wikiseite im System
registrieren und wieder austragen.
• Verarbeitung der Daten erfolgt auf einem externen
Server. (Apache Webserver mit mySQL-Datenbank)
Frei nachnutzbar (GNUv3 License)
http://github.com/tuwerl/vl_notification

5. Benachrichtigungssystem - VL

6. Benachrichtigungssystem - Backend
• http://www.ub.tuwien.ac.at/repositum
• Abonnentenverwaltung (Editieren, Löschen)
• Benachrichtigungen erstellen und verwalten.

7. Externer Wikiseiten-Editor
• Ein einfacher WYSIWYG-Editor zur Bearbeitung
individueller Wiki-Seiten.
• Wikiseiten-Content wird extern gespeichert und via
AJAX-Anfrage in VL-Seite geparst.
• Bei einem Netz unterschiedlicher Redaktionen innerhalb
einer VL-Installation können ohne weitere Rechtevergabe
auf sehr granulare Weise Inhaltszugriffe auf ausgewählte
Seiten erlaubt werden.
Frei nachnutzbar (GNUv3 License)
http://github.com/tuwerl/vl_wikieditor

8. Externer Wikiseiten-Editor - Backend

9. Externer Wikiseiten-Editor – VL-Wikicode
~all~
<script>
function jsonp_callback(text){
res = $.parseJSON(text);
$('#contentDE').html(res.vl_wiki_html);
}
$(document).ready(function(){
$.ajax({
url: 'http://www.ub.tuwien.ac.at/xfiles/repositum/ajax_wiki.php',
dataType: 'jsonp',
data: {
vl_wiki: 'imprint',
vl_wiki_journal: 'oes',
~de~
vl_wiki_lang: 'de',
~en~
vl_wiki_lang: 'en',
~all~
callback: 'jsonp_callback' },
});
})
</script>
<div id='contentDE'></div>
HTML-Container
Parameter Sprache
Parameter Journal
Parameter Wiki
JSONP-Callback

10. VL-Anbindung an externe Web-Applikation
• HTML-Formulare zur Datenverarbeitung im VL-Wiki
• Routineprüfungen der clientseitigen Eingaben wie
Spamschutz und der Pflichtfelder erfolgen per JavaScript
ebenfalls im Wiki-Code
• Verarbeitung der Daten auf externem (Bibliotheks-)Server
mittels AJAX und JSONP.
• JSON-Response enthält HTML-Code zur Anzeige nach der
Datenverarbeitung oder entsprechende Codes zur
lokalen Verarbeitung.

11. Resümee
• Veränderung des HTML DOM via jQuery in
Abhängigkeit von vorhandenen Inhaltsangaben gut
möglich. (Aber mit Vorsicht!)
• Einsatz von JavaScript aufgrund fehlender
Gestaltungsoptionen des Frontends im VLM.
(Entwicklungswunsch!)
• Anbindung externer Anwendungen via AJAX läuft,
bringt aber naturgemäß Unsicherheiten mit.