Edutainment auf dem Smartphone Design einer geeigneten Softwarearchitektur und Infrastruktur
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Inhaltsverzeichnis
Projektbeschreibung Motivation Warum eine neue App? Projektphasen Anforderungsanalyse Systementwurf Ausblick auf die Bachelorarbeit
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 2
Projektbeschreibung
App im Stil von Quizduell Themenbereiche aus der Lehre Lehrinhalte sollen wiederholt werden
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 3
Projektbeschreibung Quizduell
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 4
Motivation Smartphoneverbreitung (Altersgruppe: 14 - 29 Jahre)
Altersverteilung MATSE 2013 und 2014
Smartphone Kein Smartphone
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
16 - 29 > 29
Seminarvortrag | 5
Motivation
Education und Entertainment → Edutainment ‚Homo ludens‘ – spielender Mensch Intrinsische Motivation dient als Antrieb Wettbewerbscharakter
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 6
Warum eine neue App? Moodle
L²P
Ilias
In Benutzung
In RWTH Koorperationen
In RWTH Koorperationen
In allen Pflichtmodulen + einigen Wahlpflichtmodulen
Möglichkeit eines Quizzes
Quizzes in Form eines Test, 1Spieler, als App vorhanden
Nur Umfragen zur Gestaltung und Evaluation der Lehrveranstaltung
Quizzes in Form eines Test, 1Spieler, keine App
Keine der genannten Platformen bietet die Möglichkeit eines 2-Spieler Quizzes für das Smartphone.
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 7
Projektphasen Anforderungsanalyse Erster Test Verbesserung von Fehlern
Softwarearchitektur Verbesserung von Fehlern
Abschließender Test
Native App
Einrichten der Infrastruktur Große Testphase
Webapp wird veröffentlicht
Implementierung
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 8
Anforderungsanalyse Infrastruktur
Technische Anforderungen
Nicht-technische Anforderungen
Backend: Serverapplikation & Datenbank
Zuverlässig laufende Webapp
Daten in Datenbank nur einfache Datentypen
Klar strukturierte Oberfläche
PHP Skripte auf dem Server
Administration nach Implementierung
Frontend: HTML, CSS und JavaScript
Sicherheit
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 9
Anforderungsanalyse Use Cases
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 10
Systementwurf Infrastruktur
Webapp auf MATSE-Server Geringer Aufwand Keine zusätzlichen Arbeitskräfte
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 11
Systementwurf Welche Datenbank?
MySQL auf MATSEServer installiert
MySQL Geringe Anforderungen
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 12
Systementwurf Datenbankschema
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 13
Systementwurf Webservice
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 14
Systementwurf JSON vs. XML
{"player": [ {"firstName":"John", "lastName":"Doe"}, {"firstName":"Anna", "lastName":"Smith"}, {"firstName":"Peter", "lastName":"Jones"} ] }
John Doe Anna Smith Peter Jones © FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 15
Systementwurf Klassendiagramm
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 16
Systementwurf Login
Webapp - Shibboleth Native App - OAuth MATSE-Nummer eindeutig
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 17
Systementwurf Login - Shibboleth
Webbrowser
Ressourcenzugriff
Ressourcenfreigabe
Server mit Ressource
Authentifizierung
Identity Provider
Authentifizierungsanfrage
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 18
Systementwurf Login - OAuth
Tokenübermittlung
Externes Gerät (z.B. Smartphone)
Datenanfrage mit Token
OAuth Server
Datenfreigabe
Webservice
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Authentifizierung
Seminarvortrag | 19
Ausblick auf die Bachelorarbeit
Umsetzung des Softwareentwurfs Eine funktionsfähiges Endprodukt soll entstehen
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 20
Ausblick auf die Bachelorarbeit
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 21
Literaturverzeichnis • •
• • • • • • •
•
BITKOM. Smartphones stärker verbreitet als normale Handys. http://www.bitkom.org/de/presse/8477_79598.aspx. Jens-Christoph Brendel. Open Source - Datenbanken. http://www.admin-magazin.de/content/download/1189/10779/file-Review/Open-SourceDatenbanken.pdf. Homo ludens. de.wikipedia.org/wiki/Homo_ludens. RP Online. So funktioniert die Spiele-App Quizduell. http://www.rp-online.de/digitales/apps/so-funktioniert-die-spiele-app-quizduell-bid-1.3961761. Mehr Performance für dein Webprojekt: Erste Schritte mit RequireJS. http://t3n.de/news/performance-boost-requirejs-521593/. Klaus M. Rodewig. Webserver - einrichten und administrieren. Galileo Computing, 2011. Holger Schwichtenberg. Vor- und Nachteile eines Application Server. http://www.heise.de/developer/artikel/Vor-und-Nachteile-eines-Application-Server-934674.html. What’s Shibboleth? http://shibboleth.net/about/. LTS. https://wiki.ubuntu.com/LTS. ExSite WebWare. Static vs. Dynamic Content. http://support.exsitewebware.com/cgi/page.cgi/articles.html/Content_Management/Static_vs_Dynamic_ Content.
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 22
Vielen Dank für Ihre Aufmerksamkeit.
© FH AACHEN UNIVERSITY OF APPLIED SCIENCES, FORSCHUNGSZENTRUM JÜLICH, RWTH AACHEN UNIVERSITY
Seminarvortrag | 23