Hochschul-App Uni Hohhenheim Case Study

Transkript

1 Hochschul-App Uni Hohhenheim Case Study Als Premium Partner von ILIAS unterstützen wir die Weiterentwicklung des Open Source Produktes und stellen so eine langfristig hohe Qualität des Systems sicher. Die studer + raimann ag ist in den Bereichen Entwicklung, Vertrieb, Beratung & Support sowie Hosting von E-Learning-Systemen. Version vom: Version: 1.0 Verfasser: Fabian Schmid, studer + raimann ag Hochschul-Apps_ docx Datum letzte Speicherung: Seite 1 von 23

2 Inhaltsverzeichnis 1 Einleitung Anforderungen Crowdfunding Technische Hintergründe Framework ionic Middleware Umsetzung und Screenshots... 7 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 2 von 23

3 1 Einleitung Die Universität Hohenheim veröffentlichte vor mehreren Jahren eine App für Studierende und Dozierende, um zentrale Informationen zur Hochschule gebündelt und mobil anbieten zu können. Für 2015 wurde ein umfassendes Redesign der App geplant. Der Universität Hohenheim war im Rahmen des Redesigns wichtig, dass die App unter einer Open Source Lizenz veröffentlicht wird, und dadurch weiteren Hochschulen zur individuellen Nutzung und Umgestaltung zur Verfügung steht. Neben der Hochschul-Funktionalität beinhaltete bereits die alte Version der App die Funktion Lernorte, eine Funktion, welche ILIAS für Location Based Learning nutzt. Dabei werden sogenannte Point of Learning (POL) auf einer Karte markiert, mit Materialien in ILIAS ausgestattet und dann via Augmented Reality Funktion der App angesteuert. 2 Anforderungen Als Basis für den Anforderungskatalog diente die bestehende App. Die darin enthaltenen Funktionen sollten erneut abgebildet und verbessert werden. Die nachfolgende Aufzählung ist ein Auszug der Funktionen, welche in der App umgesetzt wurden: Mensaplan News Hörsaal-Finder Stundenplan Telefonbuch Kleinanzeigen-Portal Veranstaltungskalender Des Weiteren sollten sowohl Webmail als auch die E-Learning-Plattform eingebunden werden, um den Zugriff mit dem bereits in der App erfolgten Login zu ermöglichen. Das Design der App sollte sich an der neu gestalteten Website der Universität Hohenheim orientieren. Hochschul-Apps_ docx Datum letzte Speicherung: Seite 3 von 23

4 3 Crowdfunding Die Lernorte-Funktionen hatten bereits in vergangenen Jahren grossen Anklang innerhalb der ILIAS Community gefunden. Allerdings waren diese Funktionen bislang ausschliesslich der Uni Hohenheim vorbehalten, denn sie funktionierten lediglich mit der alten App der Uni Hohenheim. Von verschiedenen Seiten wurden daher die Uni Hohenheim - und die studer + raimann ag als Entwicklerin der Lernorte - angefragt, wie die Lernorte auch für die ILIAS-Community zugänglich gemacht werden können. Gemeinsam mit der Uni Hohenheim und der FH Dortmund wurde ein Crowdfunding ins Leben gerufen, um die Lernorte-Funktionen in der Hohenheimer App zu erweitern und die Gesamtheit aller Funktionalitäten in eine eigenständige App auszukoppeln. Diese App sollte mit jeder ILIAS-Installation mit Lernorte-Plugin funktionieren. Der Aufruf zum Crowdfunding wurde in der ILIAS-Community mit grossem Interesse aufgenommen und führe zur Co-Finanzierung der Lernorte durch Universität Hohenheim FH Dortmund Universität zu Köln Universität Freiburg Hochschule Bremen Koninklijke Landmacht Niederlande Hochschul-Apps_ docx Datum letzte Speicherung: Seite 4 von 23

5 4 Technische Hintergründe 4.1 Framework ionic Um die Entwicklungskosten für das Redesign der App und auch für spätere Entwicklungen möglichst gering zu halten, wurde für die Umsetzung ein Framework gewählt. Ein Framework erlaubt es, die Programmlogik in einer Programmier-Sprache zu schreiben und diese dann für verschiedene Plattformen (bspw. Apple ios und Google Android) zu kompilieren. Nach intensiver Evaluation entschieden wir uns für den Einsatz von ionic, ein zu Beginn des App- Projektes sehr junges, aber vielversprechendes Framework. Ionic ist ein Open-Source-Framework zur Erstellung mobiler Web-Apps auf der Basis von HTML5. Der Fokus des Frameworks liegt auf Seiten des Front-Ends und damit bei den Nutzern. Es konzentriert sich auf Benutzerschnittstellen (UX) zur Verbesserung der intuitiven Bedienung und zur Vereinfachung der Usability der App. Dabei wird es vor allem in Verbindung mit AngularJS genutzt, wobei AngularJS die Struktur der App erstellt, während ionic das Look&Feel, sowie die Performance der App realisiert. 1 1 Quelle: Hochschul-Apps_ docx Datum letzte Speicherung: Seite 5 von 23

6 4.2 Middleware Um für spätere Adaptionen der App in anderen Hochschulen am App-Source-Code weniger Anpassungen zu machen und zudem die Daten zentral von einer Schnittstelle abrufen zu können, wurde der Einsatz einer Middleware festgelegt. Die Middleware triagiert die Anfragen der App auf die unterschiedlichen Schnittstellen der Universität und bereitet sämtliche Daten ins JSON-Format auf. Hörsaal- JSON RSS- News Mensapl an-xml Stunden plan- XML Adressb uch.vcf Hörsaal News Mensaplan Stundenplan Adressbuch Events Anzeigen REST- Interface (JSON) Events- Ics Anzeige n-xml Für die Schnittstelle wurde express.js genutzt, eine sehr schlankes und schnelles Framework für eine REASTful-API auf einem node.js Server. 2 2 Weitere Infos: Hochschul-Apps_ docx Datum letzte Speicherung: Seite 6 von 23

7 5 Umsetzung und Screenshots An der Umsetzung der App waren drei Softwareentwickler der studer + raimann ag beteiligt. Hochschul-Apps_ docx Datum letzte Speicherung: Seite 7 von 23

8 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 8 von 23

9 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 9 von 23

10 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 10 von 23

11 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 11 von 23

12 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 12 von 23

13 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 13 von 23

14 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 14 von 23

15 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 15 von 23

16 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 16 von 23

17 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 17 von 23

18 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 18 von 23

19 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 19 von 23

20 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 20 von 23

21 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 21 von 23

22 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 22 von 23

23 Hochschul-Apps_ docx Datum letzte Speicherung: Seite 23 von 23