RRZE – Projekte & Prozesse (P&P)

Das Blog der RRZE Stabsstelle "Projekte & Prozesse"

Content

Erneuerungen des RRZE-Icon-Set zur Version 2.2

English version

Seit der letzten Auflage des RRZE-Icon-Set wurden einige Erneuerungen aufgenommen, besonderer Schwerpunkt der Veränderungen zum neuen Release lagen allerdings in einer größeren „Aufräumaktion“.

Hierbei wurde endgültig zu jedem bestehenden Icon jeweils eine detaillierte und eine weniger detaillierte svg-Datei erstellt. Letztere dient dazu nur die wesentlichen Merkmale des jeweiligen Icons auch in den kleinen Skalierungen, im Format 16×16 und 22×22 Pixel, zeigen zu können. Die dazugehörigen png-Dateien werden durch den Icon-Inspector der jeweiligen Größe angepasst und aus den dazugehörigen svg-Dateien automatisch generiert.

Zusätzlich wurden veraltete Versionen eines Icons, unbenutzte Alternativen oder auch unbenutzte Icons aus dem bestehenden Set entfernt. Auch wurden umständliche und zu lange Bezeichnungen von Icons umbenannt und den Tango Vorgaben angepasst.

Das Icon-Set wurde um neue Icons zur Darstellung von EAI-Funktionen erweitert. Diese können beliebig zur Herstellung von Folien zur Darstellung von Unternehmensanwendungsintegrationen verwendet werden. Die Einführung dieser Icons dient ebenfalls dazu Folien und Präsentationen zu vereinfachen und auch zu vereinheitlichen.

Der „Icon-Inspector“ wurde überarbeitet und ist nun von aufgetretenen Bugs befreit.

Update of the RRZE Icon Set for the new version 2.2

Since the last edition several renewals have been added to the RRZE Icon Set. Although the changes focused on a „cleaning“ procedure.

In this procedure finally every icon got one high detailed and one low detailed svg. data file. The latter is used to show the main attributes of the icon in a small scale, as in the formats 16×16 and 22×22 pixels. The belonging png data files are automatically generated with the Icon Inspector.

Additionally old versions of an icon, not used alternatives and also unused icons have been removed from the existing Icon Set. Also long and overly complex names have been renamed and matched with the Tango guidelines.

New icons to show EAI functions have been added. These icons can be used to create slides to show enterprise application integrations. The implementation of these icons are to simplify and also standardise slides and presentations.

The „Icon-Inspector“ has been revised and is now clean from in the past occured bugs.

Registrierung für Studenten bei der VHB via SSO

English Version
Die Registrierung für Studenten bei der Virtuellen Hochschule Bayern (VHB) erfolgt seit Donnerstag, dem 09.09.2010, mittels WebSSO. Um die Dienste der VHB nutzen zu können, kommt bei der Registrierung und der Rückmeldung eine elektronische Authentifizierung bei der Heimatuniversität des Studierenden zum Einsatz. Bis gestern erfolgte dies über eine proprietäre Anwendung, welche unter https://www.freischaltung.uni-erlangen.de/cgi-bin/freischaltung-vhb.pl erreichbar ist bzw. war. Dieses, in die Jahre gekommene, Skript wurde nun durch eine sichere und standardisierte Anbindung abgelöst: WebSSO auf Basis von Shibboleth 2. Der Login sollte bereits von Diensten wie Mein Campus oder StudOn bekannt sein.

WebSSO Login

WebSSO Login

Voraussetzung dafür war u.a. der Beitritt des Zentralen Anmeldedienstes der Universität Erlangen-Nürnberg in die Föderation des Deutschen Forschungsnetzes (DFN), der  Authentifizierungs- und Autorisierungs-Infrastruktur im DFN (DFN-AAI). Siehe auch: Beitritt DFN-AAI-Föderation

Registration for Students at VHB via SSO

The registration for students at the VHB (Virtuelle Hochschule Bayern) happens since thursday, 09.09.2010, via WebSSO. To be able to use the services of the VHB an electronic authentification during the registration and confirmation is sent to the home university of the student. Untill yesterday this happened through a proprietary application which can or could be found at https://www.freischaltung.uni-erlangen.de/cgi-bin/freischaltung-vhb.pl.  This elderly script will now be exchanged with a secure and standardised connenction: WebSSO on Basis of  Shibboleth 2. The login should be familiar from services like Mein Campus and  StudOn.
Requirement for this has benn among others the joining of the  Central Login Service of the University of Erlangen-Nuremberg in the federation of the German Community for Searching and  Authentification- and Autorisation-Infrastructur in the DFN (DFN-AAI). See further:  Beitritt DFN-AAI-Föderation.

Beitritt DFN-AAI-Föderation

 English version

Am Mittwoch, dem 11.08.2010, wurde der Identity Provider (IdP) der Universität Erlangen-Nürnberg in die DFN-AAI-Föderation aufgenommen. Damit ist der Zentraler Anmeldedienst der Universität Erlangen-Nürnberg nicht mehr nur auf lokal angebotene Dienste beschränkt. Neben den bereits angebundenen Diensten, wie z.B.

können nun auch Dienste anderer Einrichtungen genutzt werden. Ein Beispiel dafür ist Gigamove der RWTH Aachen, ein webbasierter Dienst um größere Dateien im Internet auszutauschen.

Weiterführende Links:

Joining the DFN-AAI-Federation

On  wednesday 11.08.21010 the Identity Provider (IdP) of the University Erlangen-Nuremberg has joined the  DFN-AAI-Federation. So now the Central Login Service of the University Erlangen-Nuremberg is no longer restricted on local services only. Beside the already tied in services, for example

  • Uniportal Erlangen-Nürnberg
  • Mein Campus
  • StudOn
  • services from other institutions can be used. One example is  Gigamove of the RWTH Aachen, a webbased service to change larger datas in the Internet.

    Further links:

  • List of Service-Provider in the DFN-AAI-Federation
  • List of Identity Provider in the DFN-AAI-Federation (a.o. University Erlangen-Nuremberg)
  • FAU.ORG Release 2.2 – das “druckende und berichtende”

     
    English Version
    Seit März ist eine Weile vergangen und wir konnten mit FAU.ORG weitere Erfahrungen sammeln.
    Auf der Agenda stand der große Punkt “Ausgabe der Daten für Menschen”, sprich die Informationen in FAU.ORG sollten irgendwie in eine Form gebracht werden, dass Menschen die Informationen direkt verwenden können. Bisher gab es dafür nur die Export Funktion aber deren Ergebnisse erforderten eine wie auch immer geartete Aufbereitung. Mit diesem Release hat dieser Missstand ein Ende!

    Das Druckende

    Mit dieser Version von FAU.ORG haben Sie die Möglichkeit Informationen direkt aus der Anzeige in Ihrem Browser auszudrucken.
    Hierfür wurden die Seiten:

    • der Baum
    • Organisationseinheiteninformation sowie
    • Liste der Suchergebnisse

    entsprechend angepasst. Alle anderen Seiten wurden vom Produktbesitzer als “nicht druckrelevant” eingestuft. Sollten Sie dennoch einen Bedarf sehen, freuen wir uns auf Ihre Hinweise an fau.org-support@rrze.uni-erlangen.de.

    Das Berichtende

    Die Spezifikation sieht vor, dass es einen offiziellen Organisationsplan sowie einen internen mit zusätzlichen Informationen geben soll. So wird die offizielle Version nur öffentliche Organisationseinheiten enthalten, während die interne Version auch inoffizielle Organisationseinheiten liefern wird.
    So finden Sie nun im Menü auf der rechten Seite den Punkt “Berichte”.
    Allerdings wird dieser noch keine aufrufbaren Berichte enthalten, da derzeit das Kanzlerbüro noch an einer Vervollständigung der Daten in FAU.ORG arbeitet. So bald diese Arbeiten abgeschlossen sind, werden die Berichte zur Verfügung gestellt.

    Mittelfristig ist es das Ziel die Organisationsstruktur zukünftig automatisch aus FAU,ORG erzeugt.

    Und Vieles mehr …

    Neben dieser Weiterentwicklung der Funktionalität bringt die neue Version auch zahlreiche kleine Verbesserungen mit, von denen hier nur die wichtigsten Erwähnung finden.

    Im Export kann jetzt auch nach dem Publizitätskennzeichen gefiltert werden.

    Die E-Mail-Adressen wurden, soweit diese in FAMOS bei einer OE hinterlegt waren, in FAU.ORG bei der jeweiligen OE importiert.

    Im Baum und bei der Suche können zukünftige OE explizit ein- und abgelaufene OE explizit ausgeblendet werden.

    Unter “Organisationsplaninformationen” gibt es nur noch das Publizitätskennzeichen und das Sortierkennzeichen. Letzteres ist numerisch und bestimmt die Reihenfolge der OE bei der Ausgabe in einem Bericht. Im Baum kann über das Icon “Ordne Kinder” die Sortierreihenfolge per drag-and-drop verändert werden.

    Der CSV Export wird an die beim Benutzer hinterlegte E-Mail-Adresse versendet, da das Aufbereiten des Baums die “Geduld” der Browser übersteigt.

    Die Statistikschlüssel werden auf Basis der Vorgaben des Bundesamtes für Statistik bzgl. Konsistenz geprüft bzw. bei Eingabe konkludent engeschränkt.

    Aus dem Suchergebnissen kann direkt zur OE im Baum gesprungen werden.

    Außerdem erfolgte die Behebung kleinerer Fehler wie z.B. Rechtschreibung und noch ein paar “Schmankerl” i.S. Bedienbarkeit und Bequemlichkeit – Wir hoffen Sie finden sie alle (gut und hilfreich).

    Zur Erinnerung: Wenn Sie die neuen Funktionen ausprobieren wollen, nutzen Sie bitte das QA-System und nicht das Produktivsystem!


    FAU.ORG Release 2.2 – the “printing and reporting one”

    It has been a while since march this year and we could gain more experiences with FAU.ORG. One point in our agenda was „ the output of data for people“, which means that the information provided in FAU.ORG should be formed in a way that everybody can use the information directly. Until now there only has been a function for exporting data whose results needed some form of conditioning. With this release that drawback has finally come to an end!

    The Printing

    With this version of FAU.ORG you have the possibility to print directly from your browser.

    For this the pages:

    • the tree
    • Organisational Units aswell as
    • list of results

    have been adjusted accordingly. All other pages have been classified as „not relevant for printing“. If you however should see a need, we would be glad to receive notes from you at fau.org-support@rrze.uni-erlangen.de.

    The Reporting

    The specification scheduled an official organisational plan aswell as an internal plan with additional information. This way the official version only includes public organisational units, while the internal version will also provide non public organisational units.

    So you can find in the menu on the right the item „reports“.

    However this item will not yet include addressable reports because at the moment the office of the chancellor is still working on a completion of the FAU.ORG data. The reports will be provided as soon as this work is finished.

    One goal in the medium term is to generate the organisational structur automatically out of FAU.ORG.

    And many more…

    Beside these advancements the functionality of the new version brings many small improvements of which only the most important will be mentioned.

    The export can now be filtered for the attribute of publicity.

    The e-mail adresses have been imported to the particular OU in FAU.ORG as far as they have already been deposited in an OU at FAMOS.

    In the tree and during the search there can be future organisational units explicitely be shown and expired OU explicitely be hidden.

    Under „Organisational plan information“ there will only be the attribute of publicity and the attribute of sorting. The latter is numeric and affects the order of the OU during the release in a report. In the tree the order of sortment can be changed via drag-and-drop with the icon „arrange children“.

    The CSV export will be send to the e-mail adress which has been deposited from the user, because the editing of the tree would „overstrain“ the browsers.

    The statistics keys will be proved on the basis of the quidelines from the federal office for statistics according to consitency and respectively implied while entering.

    From the search results you can jump directly to the OU in the tree.

    Furthermore there have been adjustments on smaller mistakes, for example in writing. There are also some new „goodies“ according to ussability and comfortability – we hope you will find them all (good and helpfull).

    Keep in mind: if you want to try the new functions, please use the QA-System and not the productive system!

    Sortierbare Elemente in Tapestry per jQuery UI

    Problembeschreibung

     
    English Version
    Zur Sortierung von Elementen in einem Webfrontend kann man sich verschiedene Realisierungen vorstellen. Beispielsweise könnte man für jedes Element eine Textbox bereitstellen, in denen der Benutzer den Index innerhalb der Sortierreihenfolge definiert. Das ist zwar sehr barrierefrei, aber auch unhandlich, wenn man sich vorstellt, dass in einer bestehenden Sortierung das letzte Element weit nach oben verschoben werden soll, da dann viele Indizes angepasst werden müssen. Eine andere Realisierung wären Links mit denen die Elemente jeweils eine Position nach oben oder unten verschoben werden können. Das erfordert jedoch häufiges Neuladen der Seite und ist für den Benutzer nicht sonderlich ästhetisch anzusehen.

    Daher wurde für eine konkrete Realisierung des Problems in FAU.ORG auf die wunderbare Welt der AJAX/Javascript Komponenten von jQuery zurückgegriffen. Konkret auf die Komponenten von jQuery UI. Diese Komponentensammlung umfasst sowohl Interactions (also Elemente wie Draggable, Droppable, Sortable, etc.) als auch Widgets (Datepicker, Progressbar, etc.). Die Sortable-Komponente entsprach genau den Anforderungen des oben beschriebenen Problems.

    Integration von jQuery:Sortable in Tapestry

    Zunächst müssen die notwendigen Javascript-Bibliotheken eingebunden werden:
    [html]<link type=”text/css” href=”${asset:jqueryui/themes/base/jquery.ui.all.css}” rel=”stylesheet” />
    <script type=”text/javascript” src=”${asset:scripts/jquery-1.4.1.js}”></script>
    <script type=”text/javascript” src=”${asset:jqueryui/ui/jquery.ui.core.js}”></script>
    <script type=”text/javascript” src=”${asset:jqueryui/ui/jquery.ui.widget.js}”></script>
    <script type=”text/javascript” src=”${asset:jqueryui/ui/jquery.ui.mouse.js}”></script>
    <script type=”text/javascript” src=”${asset:jqueryui/ui/jquery.ui.sortable.js}”></script>[/html]
    Optional kann man die sortierbaren Elemente (die als unordered List gerendert werden) als Kästen formatieren:
    [html]<style type=”text/css”>
    #sortable { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; }
    #sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.0em; width: 350px; }
    </style>[/html]
    Danach wird die Liste um Sortierfähigkeit erweitert und ein Handler entwickelt, der die Sortierergebnisse speichert:
    [javascript]<script type=”text/javascript”>
    $(function() {
    $(“#sortable”).sortable();
    $(“#sortable”).disableSelection();
    });

    function storeOrder() {
    var result = $(‘#sortable’).sortable(‘toArray’);
    var context = “”;
    for (var id in result) {
    if (context == “”) {
    context = result[id];
    } else {
    context = context + “_” + result[id];
    }
    }
    window.location = “/${pageName}” + “.save/” + context;
    }
    </script>
    [/javascript]
    Schließlich wird die Liste selbst noch eingebunden und ein Speichernlink bereitgestellt:
    [html]<ul id=”sortable”>
    <li t:type=”loop” source=”elements” value=”element” id=”${element.id}”>${element.name}</li>
    </ul>
    <a href=”#” id=”prepare” onClick=”storeOrder()”>${message:save}</a>
    <t:actionlink t:id=”save” context=”literal:dummy”></t:actionlink>[/html]
    Die einzelnen Listenelemente werden durch invisible Instrumentation der Loop-Komponente von Tapestry erzeugt. Die erste Funktion im Javascript-Block sorgt für die Verschiebbarkeit per Maus der Elemente innerhalb der Liste und verbietet deren Selektierbarkeit.

    Beim Klicken auf den HTML-Link wird lediglich die Javascript-Funktion storeOrder() aufgerufen. Diese erzeugt ein Array der IDs der Elemente in ihrer vor dem Klicken aktuellen Reihenfolge. Da diese Liste per ActivationContext an einen Actionhandler auf Tapestry-Serverseite übergeben werden soll, kommaseparierte Liste in diesem Kontext jedoch nicht zugelassen sind, wird die Liste in einen String umgewandelt, in dem die Element-IDs per Unterstrich voneinander getrennt vorkommen. Dies kann auf Serverseite durch ein simples String.split() wieder zerlegt werden. Man beachte, dass dafür ebenfalls ein Actionhandler auf Serverseite bereitgestellt werden muss. Dafür wurde der pseudo-Actionlink erzeugt. Der Redirect der storeOrder()-Funktion ruft den Actionhandler mit dem vorbereiteten ActivationContext schließlich manuell auf.

    Demo

    Eine Demo der Sortable-Komponente von jQuery UI ist hier zu finden.

    Sortable Elements in Tapestry with jQuery UI

    Problem description

    There are many ways to realize sorting elements in a web frontend. One could provide a textbox for every element, which holds the index within the sorting order. This is barrier free to the fullest, but also very inconvenient. Imagine a ordered list, where the last element should be moved to the very top. With this technique almost all element indexes must be adopted. Another realization would be two links on every element. One to move itself upwards and one downwards. This requires a lot of page reloading and is not really state of the art.

    To solve the concrete problem within the FAU.ORG project the wonderful AJAX/Javascript components of jQuery were used. More specific the components of jQuery UI. This collection of components includes Interactions (elements like Draggable, Droppable, Sortable, etc.) and Widgets (Datepicker, Progressbar, etc.). The sortable component matched exactly the requirements of the above mentioned problem.

    Integration of jQuery:Sortable in Tapestry

    First of all one has to include the required Javascript-libraries:
    [html]<link type=”text/css” href=”${asset:jqueryui/themes/base/jquery.ui.all.css}” rel=”stylesheet” />
    <script type=”text/javascript” src=”${asset:scripts/jquery-1.4.1.js}”></script>
    <script type=”text/javascript” src=”${asset:jqueryui/ui/jquery.ui.core.js}”></script>
    <script type=”text/javascript” src=”${asset:jqueryui/ui/jquery.ui.widget.js}”></script>
    <script type=”text/javascript” src=”${asset:jqueryui/ui/jquery.ui.mouse.js}”></script>
    <script type=”text/javascript” src=”${asset:jqueryui/ui/jquery.ui.sortable.js}”></script>[/html]
    The next step comprises optional formatting of the elements (which are rendered as an unordered list):
    [html]<style type=”text/css”>
    #sortable { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; }
    #sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.0em; width: 350px; }
    </style>[/html]
    Now the list is enriched to support sortability and a handler is developed, which stores the order of elements:
    [javascript]<script type=”text/javascript”>
    $(function() {
    $(“#sortable”).sortable();
    $(“#sortable”).disableSelection();
    });

    function storeOrder() {
    var result = $(‘#sortable’).sortable(‘toArray’);
    var context = “”;
    for (var id in result) {
    if (context == “”) {
    context = result[id];
    } else {
    context = context + “_” + result[id];
    }
    }
    window.location = “/${pageName}” + “.save/” + context;
    }
    </script>[/javascript]
    Finally the list itself must be included and a link to store the changes provided:
    [html]<ul id=”sortable”>
    <li t:type=”loop” source=”elements” value=”element” id=”${element.id}”>${element.name}</li>
    </ul>
    <a href=”#” id=”prepare” onClick=”storeOrder()”>${message:save}</a>
    <t:actionlink t:id=”save” context=”literal:dummy”></t:actionlink>[/html]
    Every list element is created with invisible instrumentation of the Loop-component of Tapestry. The first function in the Javascript-block enables moving elements by mouse within the list and disables selections.

    When clicking the HTML-link the storeOrder() Javascript-function is called. This function creates an array of the element-IDs in the most recent defined order. As the list will be handled over to an ActionHandler-function by ActivationContext on Tapestry server-side and comma-separated lists are forbidden within this context, the array is converted to a single string, where the IDs are separated by underscore. This string can easily be converted to an array again with the  String.split() Java-function.  Be aware, that therefore an ActionHandler has to be provided on server-side. To accomplish this a pseudo ActionLink is created within the Tapestry-Template. The redirect of the storeOrder()-function calls the ActionHandler with the given context manually.

    Demo

    A demo of the Sortable-component of jQuery UI can be found here.