Interstaatliche Hochschule für Technik Buchs NTB Hochschule für Technik und Wirtschaft HTW Chur

Transkript

1 Interstaatliche Hochschule für Technik Buchs NTB Hochschule für Technik und Wirtschaft HTW Chur BSc Systemtechnik NTB Fachmodulbericht Mobile-App für das Jobportal für Freiwilligenarbeit Michael Klaus Januar 20014

2 Mobile-App für das Jobportal für Freiwilligenarbeit 2 Mobile-App für das Jobportal für Freiwilligenarbeit Dieser Bachelorarbeitsbericht wurde im Rahmen des Bachelor-Studienganges Systemtechnik NTB an der Hochschule für Technik und Wirtschaft HTW Chur erstellt. Studierende Michael Klaus Witenschwendi 1a CH-9100 Herisau Referent Prof. Martin Studer Institutsleiter IKT, Dozent für Informatik, Dipl. Informatik-Ingenieur ETH Hochschule für Technik und Wirtschaft HTW Chur Pulvermühlestrasse 57 CH-7004 Chur Korreferent Bruno Wenk Prof. Dipl. El.-Ing. ETH Hochschule für Technik und Wirtschaft HTW Chur Pulvermühlestrasse 57 CH-7004 Chur Auftraggeber ClavisIT ag Raphael Crivelli Degersheimerstrasse Herisau Switzerland

3 Mobile-App für das Jobportal für Freiwilligenarbeit 3 Inhaltsverzeichnis 1 Anforderungsdefinition App Start Inserat Suche Bewerben Organisationen suchen Teilen Favoriten Fotos Menu Einstellungen Push Nachrichten Informationen Layout Plattform Statistik Mehrsprachigkeit Systemdesign Entscheidungskriterien für die Umsetzungsart Grobarchitektur des Systems Schnittstellen Designvarianten Quellenverzeichnis... 22

4 Mobile-App für das Jobportal für Freiwilligenarbeit 4 Abbildungsverzeichnis Abbildung 1: Startup Screen... 5 Abbildung 2: Inserat Suche... 6 Abbildung 3: Auswahl Einsatzbereich... 6 Abbildung 4: Resultate Inserate Suche... 7 Abbildung 5: Detail Jobinserat... 7 Abbildung 6: Login Formular... 8 Abbildung 7: Bestätigung Bewerbung... 8 Abbildung 8: Organisationen suchen... 9 Abbildung 9: Organisation Detail... 9 Abbildung 10: Favoriten Abbildung 11: Bild hinzufügen Abbildung 12: Prüfung Foto Abbildung 13: Bilder Übersicht Abbildung 14: Bild gross Abbildung 15: Menu Abbildung 16: Einstellungen Abbildung 17: Profilverwaltung Abbildung 18: Header Balken Abbildung 19: Entscheidungshilfe Umsetzungsvariante Abbildung 20: Systemarchitektur Abbildung 21: Layout Abbildung 22: Layout Abbildung 23: Layout Abbildung 24: Layout

5 Mobile-App für das Jobportal für Freiwilligenarbeit Anforderungsdefinition Im Folgenden werden die Anforderungen Szenario-basiert dargestellt. Dazu wurde ein Mockup mit geringer Interaktivität erstellt dieser ist unter ad=1 verfügbar. Die Anforderungen wurden von den drei Parteien Student (Michael Klaus), Industriepartner (clavisit ag) und Kunde (Benevol) erarbeitet und gutgeheissen. Die im Folgenden mit optional bezeichneten Anforderungen werden nur eingefügt, wenn genügend Zeit vorhanden ist und alle Parteien nochmals ihr OK dazu geben. 1.1 App Start Während dem Start der APP wird soll auf dem Bildschirm das Logo von Benevol angezeigt werden (Abbildung 1: Startup Screen). Somit weiss der Benutzer auch bei allfälliger längerer Ladezeit, dass die APP gestartet wird. Abbildung 1: Startup Screen

6 Mobile-App für das Jobportal für Freiwilligenarbeit Inserat Suche Die Inserat Suche (Abbildung 2: Inserat Suche) ist die Kernfunktion der APP und zugleich die Startseite, sobald die APP fertig geladen ist. Nach Jobinseraten suchen kann jeder Benutzer der APP, auch wenn er nicht angemeldet ist. Für die Suche ist es möglich einen Suchbegriff sowie eine Postleitzahl und deren Umkreis an zu geben. Es soll möglich sein den Standort automatisch zu bestimmen. Um Berechtigungen ein zu sparen und zur Schonung des Geräte Akkus soll dies ohne GPS, sondern durch das Netzwerk geschehen. Mit den Schaltflächen Einsatzbereich und Personengruppen können weitere Optionen für die Inserate Suche definiert werden. Beim Klick auf eine der Schaltflächen erschein eine Seite mit Auswahlpunkten, die denjenigen auf entsprechen, dabei ist Mehrfachauswahl möglich. In Abbildung 3: Auswahl Einsatzbereich ist dies anhand der Auswahl des Einsatzbereiches dargestellt. Mit den Auswahlmöglichkeiten Job und Organisation kann ausgewählt werden, nach welchem Typ von Einträgen gesucht werden soll. Abbildung 2: Inserat Suche Abbildung 3: Auswahl Einsatzbereich Durch das Klicken auf die Schaltfläche mit der Lupe wird die Suche gestartet und darauf hin eine Liste mit zutreffenden Resultaten geliefert (Abbildung 4: Resultate Inserate Suche). In der Liste der Resultate, die die Suche ergeben hat, wird das Logo der Organisation und rechts daneben Job Titel, der Anfang der Beschreibung und der Ort der Resultate angezeigt. Um detaillierte Informationen zu Inserat zu erhalten, kann auf den Titel geklickt werden. Dann erschein, wie in Abbildung 5: Detail Jobinserat zu sehen ist das gesamte Inserat. Die darin enthaltenen Informationen entsprechen denjenigen, die auf angezeigt werden. Einzelne Inserate können als Favorit markiert und per soziale Netzwerke oder geteilt werden. Es ist auch möglich sich direkt für einen Job zu bewerben. Zu diesen Funktionen sind in den entsprechenden Kapiteln mehr Informationen zu finden.

7 Mobile-App für das Jobportal für Freiwilligenarbeit 7 Durch Betätigen der Schaltfläche in Kalender kann ein Kalendereintrag auf dem Smartphone erstellt werden. Als Titel wird der Job Titel übernommen und für den Zeitraum werden Startdatum, sowie Enddatum des Inserates verwendet. Abbildung 4: Resultate Inserate Suche Abbildung 5: Detail Jobinserat 1.3 Bewerben Es ist nur als angemeldeter Benutzer möglich sich auf ein Inserat hin direkt zu Bewerben. Wenn der Benutzer nicht angemeldet ist und auf die Schaltfläche Bewerben klickt, dann erscheint das Login Formular (Abbildung 6: Login Formular). Darin kann sich der Benutzer mit denselben Daten, wie auf einloggen oder er kann sich registrieren. Für die Registrierung wird im Webbrowser des Smartphones die Registrierungsseite von geöffnet. Wenn der Benutzer eingeloggt ist, dann erscheint beim Klick auf Bewerben ein Bildschirm, auf dem der betreffende Job mit der dazugehörigen Organisation zur Kontrolle erscheinen (Abbildung 7: Bestätigung Bewerbung). Der Bewerber muss nun bestätigen, dass er sich wirklich bewerben will. Andernfalls kann er den Bewerbe Vorgang abbrechen und er gleangt zu den Suchresultaten zurück. Nach der Bestätigung wird eine an die Kontaktperson des Inserates, den Bewerber und an die Fachstelle der Organisation gesendet. In der versendeten werden automatisch die Profildaten des Bewerbers eingefügt. Nach dem senden der wird dem Benutzer eine Nachricht angezeigt, dass die Bewerbung abgesendet wurde. Diese Nachricht kann bestätigt werden und der Benutzer gelangt wieder auch die Inserate Suchmaske (Abbildung 2: Inserat Suche).

8 Mobile-App für das Jobportal für Freiwilligenarbeit 8 Abbildung 6: Login Formular Abbildung 7: Bestätigung Bewerbung 1.4 Organisationen suchen Um eine bestimmte Organisation zu finden, gibt es die Möglichkeit nach Ihr zu suchen. Dies erfolgt über dieselbe Suchmaske, wie für Jobinserate (Abbildung 2: Inserat Suche). Die Darstellung der Resultate entspricht derjenigen für Jobinserate der (Abbildung 8: Organisationen suchen). Der Benutzer kann einen Eintrag auswählen, um mehr Information über die entsprechende Organisation zu erhalten. Dabei werden die selben Informationen angzeigt, wie auf (Abbildung 9: Organisation Detail). Eine Organisation kann in ihrer Detailansich als Favourit markiert werden. Mittels oder den sozialen Netzwerken Facebook und Twitter ist es möglich den entsprechenden eintrag auf der Webseite mit seinen Freunden zu teilen.

9 Mobile-App für das Jobportal für Freiwilligenarbeit 9 Abbildung 8: Organisationen suchen Abbildung 9: Organisation Detail 1.5 Teilen Wenn ein Benutzer ein Inserat findet, das andere Interessieren könnte, ist es das einfachste, wenn es direkt aus der APP heraus möglich ist den entsprechenden Eintrag zu teilen. Es soll möglich sein Jobinserate und Organisationen per Klick auf die entsprechende Schaltfläche zu teilen. Dabei wird ein Link zum entsprechenden Eintrag auf weiter gegeben. Es wurde nicht festgelegt, welche Schritte zu tätigen sind um den Teilvorgang ab zu schliessen. Es soll jedoch darauf geachtet werden, dass der Vorgang in möglichst wenigen Schritten und möglichst intuitiv gemacht werden kann, um die Benutzer nicht vom teilen ab zu halten. 1.6 Favoriten Jobinserate oder Organisationen können durch Klick auf den Stern als Favorit markiert werden. Mit nochmaligem Klick wird der Eintrag wieder von den Favoriten entfernt. Wenn ein Eintrag als Favorit markiert ist, erschein der Stern in gelb, ansonsten in grau. Bei der Auswahl des Menu Punktes Favoriten gelangt man zu einer Auswahl, in der man angeben kann, ob die favorisierten Organisationen oder Jobinserate angezeigt werden sollen (Abbildung 10: Favoriten). Darauf hin werden die entsprechenden Einträge aufgelistet und können durch Anklicken genauer betrachtet werden. Dies erfolgt analog zu den Suchresultaten.

10 Mobile-App für das Jobportal für Freiwilligenarbeit 10 Abbildung 10: Favoriten 1.7 Fotos Mit der Möglichkeit Fotos zu veröffentlichen soll eine Gewisse Interaktion erzielt werden. Der Benutzer kann während dem Arbeitseinsatz ein Foto schiessen und dieses den anderen Benutzern zur Verfügung stellen. Es muss eine Möglichkeit geschaffen werden, dass eine Redaktion die Fotos zuerst bestätigen muss, bevor sie öffentlich werden. Nur angemeldeten Benutzern ist es möglich Bilder zu teilen. Das zu teilende Bild kann entweder zum aktuellen Zeitpunkt aufgenommen oder aus der Galerie ausgewählt werden. Dem Bild muss ein Titel vergeben und es kann optional die entsprechende Organisation angegeben werden (Abbildung 11: Bild hinzufügen). Durch Betätigen der Schaltfläche check wird der eingegeben Titel auf die Benevol-typischen Tafeln geschrieben und die dem Bild hinzugefügt (Abbildung 12: Prüfung Foto). Optional: Die Tafel mit dem Titel soll vom Benutzer an eine gewünschte Position verschoben werden können um den Inhalt des Bildes möglichst wenig zu überdecken. Der Benutzer kann den Vorgang mit upload abschliessen. Darauf hin erscheint die Meldung, dass das Bild nach einer Prüfung der Redaktion veröffentlicht wird. Der Benutzer wird auch darauf hingewiesen, dass Benevol über die geteilten Bilder frei verfügen kann. Falls der Benutzer das Bild doch nicht teilen will, kann er den Prozess abbrechen.

11 Mobile-App für das Jobportal für Freiwilligenarbeit 11 Abbildung 11: Bild hinzufügen Abbildung 12: Prüfung Foto Optional: Alle veröffentlichten Fotos können in der APP gesucht und angeschaut werden (Abbildung 13: Bilder Übersicht und Abbildung 14: Bild gross) Abbildung 13: Bilder Übersicht Abbildung 14: Bild gross

12 Mobile-App für das Jobportal für Freiwilligenarbeit Menu Auf jedem Bildschirm ist es möglich durch Klick auf das Symbol in der Ecke rechts oben und bei Android Geräten zusätzlich durch den Menu Button ein Menu in Erscheinung zu bringen. Dieses Menu überlappt den aktuellen Bildschirm. In Abbildung 15: Menu ist Dargestellt, wie das Menu erscheinen soll (einzig die Überlappung des Bildschirmes konnte nicht realisiert werden). Durch das Menu kann zwischen den einzelnen Funktionen der App navigiert werden. Abbildung 15: Menu 1.9 Einstellungen In den Einstellungen kann der Benutzer auswählen, ob die Login Daten gespeichert werden sollen, damit das Login beim Starten der APP automatisch ausgeführt wird. In den Einstellungen können auch Push Nachrichten aktiviert werden (genaueres in 1.10 Push Nachrichten ) (Abbildung 16: Einstellungen). Das Profil des Benutzers kann über die Einstellungen verwaltet werden. Im Profil werden alle angaben, die der Benutzer macht zusammengefasst. Die drei Profile Persönlich, Suchprofil und Freiwilligenprofil, die auf existieren werden zu einem Profil zusammengefasst (Abbildung 17: Profilverwaltung).

13 Mobile-App für das Jobportal für Freiwilligenarbeit 13 Abbildung 16: Einstellungen Abbildung 17: Profilverwaltung 1.10 Push Nachrichten Die Push Nachrichten ermöglichen es dem Benutzer Informationen über neue Jobinserate zu erhalten, die seinen Suchkriterien entsprechen. Die Suchkriterien werden aus den Profileinstellungen ausgelesen. Somit wird der Benutzer über neue Inserate sofort informiert und er muss nicht ständig nach passenden Jobinseraten suchen Informationen Es sollen wichtige Informationen für den Benutzer zur Verfügung gestellt werden. Analog zu stehen Merkblätter zum Download bereit. Der Inhalt dieser Seite wird im Verlauf der Arbeit genau definiert.

14 Mobile-App für das Jobportal für Freiwilligenarbeit Layout Das Layout soll einen Wiedererkennungseffekt gegenüber der Webseite auslösen. Dies wird erreicht, in dem als Hintergrundfarbe das Benevol-typische rot verwendet wird. Zuoberst im Bildschirm wird ein Balken zur Navigation angezeigt (Abbildung 18: Header Balken). Darin ist es im Linken Bereich möglich direkt auf eine bestimmte Seite zu verweisen, in der Mitte erscheint ein Titel und rechts ist das Symbol für das Menu zu finden. Abbildung 18: Header Balken Die APP soll in einem übersichtlichen Layout erscheinen, es werden jedoch keine Spezifikationen vorgenommen. Als grobe Richtlinie kann das Mockup verwendet werden Plattform Die Plattformen ios und Android sind mit 62.8% respektive 33.5% (Stand April 2013) die klaren Marktführer auf dem Schweizer Smartphone Markt [apptesting]. Aus diesem Grunde wird die APP für die Plattformen Android und ios erstellt. Android soll ab Version 2.3 unterstütze werden, somit ist die APP auf über 90% der Android Geräten lauffähig [statistica]. Durch die Unterstützung von ios ab Version 6 können nahezu 90% aller IOs Geräte abgedeckt werden [appleinsider] Statistik Zur Feststellung, wie rege die APP benutzt wird, sollen folgende Daten erhoben werden. Anzahl APP Download Anzahl Bewerbungen Welche Funktionen wie oft benützt werden Zeit, die ein Benutzer mit der APP verbringt 1.15 Mehrsprachigkeit Die Konzeption muss so gestaltet werden, dass es zu einem späteren Zeitpunkt mit geringem Aufwand möglich ist Mehrsprachigkeit anzubieten.

15 Mobile-App für das Jobportal für Freiwilligenarbeit Systemdesign 2.1 Entscheidungskriterien für die Umsetzungsart Für Smartphones und Tablets gibt es eine grosse Anzahl an Möglichkeiten, wie das Ziel einer mobilen Verfügbarkeit erreicht werden kann. Dies kann beispielweise über die gewöhnlich Homepage oder eine für Mobilegeräte optimierte Webseite geschehen. Oder aber es können APPs entwickelt werden. Dabei gibt es die Möglichkeiten einer Webapplikation, die über den Browser des Endgerätes aufgerufen wird oder eine APP, die installiert werden muss. Für APPs, die installiert werden müssen gibt es die Möglichkeit sie hybrid (mittels Webtechnologien) oder nativ (in der jeweiligen Programmiersprache des Betriebssystems) zu entwickeln. Webseite Jede gewöhnliche Webseite, die im Netz für Desktop PCs verfügbar ist, kann auch auf einem Smartphone mit dem Browser geöffnet werden. Dies ist jedoch in vielen Fällen nicht sehr bedienerfreundlich, weil Webseiten oft darauf basieren, das eine Aktion ausgelöst wird, wenn die Maus über ein bestimmtes Objekt fährt (aber nicht anklickt), was mit Smartphones nicht möglich ist. Mit den kleinen Bildschirmen der Smartphones ist es trotz Zoomfunktion häufig schwierig sich auf einer gewöhnlichen Webseite zu Recht zu finden. Für sehr einfache Seiten kann es jedoch ausreichend sein, wenn keine Optimierung für Smartphones vorgenommen wird. Der Vorteil ist, dass kein zusätzlicher Aufwand für mobile Geräte nötig ist. Mobile optimierte Webseite Wenn der Benutzer auf einem mobilen Endgerät die URL einer Webseite aufruft, wird er automatisch auf eine optimierte Webseite weitergeleitet. Auf dieser Webseite werden die Darstellung und Interaktionen so gewählt, dass eine Bedienung mit dem Smartphone einfach von statten geht. Es stehen nahe zu die gleichen Möglichkeiten offen, wie mit einer Webseite für Desktop PCs. Der Aufwand eine Webseite für mobile Geräte zu optimieren hängt sehr stark davon ab, wie Umfangreich die Webseite ist und welche Effekte verwendet wurde, die auf mobilen Endgeräten nicht möglich sind. Webapplikation Mit einer Webapplikation wird versucht ein Feeling her zu stellen, wie wenn man eine APP benutzen würde. Diese Applikation wird über den Webbrowser des mobilen Endgerätes aufgerufen. Es ist möglich mit Frameworks auf gewisse Hardwarekomponenten des Gerätes zu zugreifen Jedoch ist kein voller Zugriff auf die Hardware möglich. Es ist in beschränktem Masse möglich Funktionen offline an zu bieten, in dem sie vorher heruntergeladen wurden [entwickler]. Updates können sehr einfach verteilt werden, in dem die APP upgedatet wird. Beim nächsten zugriff der eines Benutzers steht ihm die neue Version zur Verfügung.

16 Mobile-App für das Jobportal für Freiwilligenarbeit 16 Um Zugang APP kommerziell möglich zu machen muss eine eigene Lösung erstellt werden. Es kann davon ausgegangen werden, dass Lösungen, die über den Webbrowser des Endgerätes erreicht werden können weniger Arbeit verursachen, weil die Programmiersprache nicht Betriebssystem abhängig ist. Die zur Verfügung stehenden Möglichkeiten werden jedoch eingeschränkt Hybrid APP Die Hybrid APP ist eine Zwischenlösung zwischen Web APP und native APP. Die Entwicklung erfolgt mit Webtechnologien (HTML, CSS, JS) und Frameworks für den Zugriff auf Hardwarekomponenten. Dies entspricht Grossteil einer Webapplikation. Das Ganze wird anschliessenden jedoch in einen nativen Container eingebunden und es entsteht eine APP, die nur für das jeweilige Betriebssystem lauffähig ist. Es kann mit geringem Aufwand APPs für verschieden Systeme hergestellt werden. Die so erstellte APP kann im Folgenden über die APP Stores vertrieben werden. So kann sie auch sehr einfach kommerziell vertrieben werden. Mit Hybrid APPs ist es im Gegensatz zu Web APPs möglich Funktionen, wie Push Nachrichten zu verwenden. Hybride APPs können nach dem Download gänzlich offline funktionieren. Native APP Native APPs werden in der geforderten Sprache des Betriebssystems programmiert, auf dem es laufen soll. Wenn mehrere Betriebssysteme unterstützt werden sollen, ist es nötig für jedes einzeln zu programmieren. Dadurch, dass native APPs für ein Betriebssystem optimiert sind, kann die Komplexität, sowie die Leistungsfähigkeit gesteigert werden [entwickler]. Auf die Gerätehardware ist voller Zugriff möglich. Nach dem Download können native APPs völlig offline betrieben werden. Wie Hybrid APPs werden native APPs (meist) über APP Stores vertrieben gratis oder zu einem meist geringen Preis. Wo es viele Möglichkeiten gibt, ist es meist auch schwierig sich für eine Variante zu entscheiden. Dies ist bei der Entscheidung, wie eine mobile Lösung erreicht werden soll nicht anders. Es ist davon aus zu gehen, dass sich die Möglichkeiten die von Web und Hybrid APPs geboten werden sehr schnell ändern. Es soll trotzdem mit Abbildung 19: Entscheidungshilfe Umsetzungsvariante versucht werden eine Unterstützung beim Entscheid zu bieten. Wie in vielen Fällen hilft jedoch nur Erfahrung und Probieren weiter.

17 Mobile-App für das Jobportal für Freiwilligenarbeit 17 Abbildung 19: Entscheidungshilfe Umsetzungsvariante Für diese Arbeit wurde entschieden ein Hybrid APP zu entwickeln. Dies hat sich daraus ergeben, dass viel Benutzer Interaktion notwendig ist und keine Offline Verfügbarkeit notwendig ist. Dies würde auf eine Web APP hindeuten. Es ist jedoch nicht Push Nachrichten mit Web APPs zu realisieren. Da keine hohen Leitungen und keine anspruchsvolle Grafiken notwendig sind, wurde entschieden eine Hybrid APP zu entwickeln.

18 Mobile-App für das Jobportal für Freiwilligenarbeit 18 Als Framework zum bilden der APP wurde entschieden mit Phonegap zu arbeiten. Diverse Berichte im Web zeigen, dass dies häufig verwendet wird und somit Hilfe im Internet zu finden ist. Der Vorteil zu anderen Frameworks wie IBM Worklight ist, dass Phonegap frei erhältlich ist. Anhand der API von Phonegap ist anzunehmen, dass alle geplanten Funktionen umsetzbar sind [phonegap]. 2.2 Grobarchitektur des Systems Da es sich bei dieser Arbeit um eine Erweiterung eines funktionstüchtigen Systems handelt kann auf der bestehenden Architektur aufgebaut werden. Es besteht bereits ein RESTFUL Webservice (Jersey von Glasshsfish) der über eine API verfügt, die es ermöglicht die Dienste in Anspruch zu nehmen. Unter dem Webservice sind zwei Layer (Business Layer und Volunteer Layer) vorhanden, die diverse Dienste zur Verfügung stellen. Durch die Abstraktion mittels Layern ist es nicht nötig die darunter liegenden Komponenten zu kennen. Im Rahmen der Arbeit ist es nötig mit der APP verschiedene Dienste des Webservices in Anspruch zu nehmen. Da von der Webseite zu jetzigen Zeitpunkt nicht alle Funktionen vorhanden sind, die in der APP implementiert werden sollen, ist davon aus zu gehen, dass auf dem Webservice zusätzliche Funktionen implementiert werden müssen. Abbildung 20: Systemarchitektur

19 Mobile-App für das Jobportal für Freiwilligenarbeit Schnittstellen Der Webservice bietet diverse JSON Schnittstellen, die genutzt werden können. Unter ist eine Dokumentation der vorhandenen Schnittstellen auffindbar. JSON ist ein schlankes Datenaustauschformat [json]. Bei der Programmierung von Webservicefunktionen werden diverse Java Schnittstellen des darunter liegenden Layers benötigt. Aufgrund der rieseigen Anzahl von Schnittstellen und dessen, dass diese nicht dokumentiert sind ist es Teil der Arbeit zu evaluieren welche Schnittstellen benötigt werden und die Passende zu finden oder selbst zu implementieren. 2.3 Designvarianten Es wurden verschiedene Designvarianten erstellt, die zur Auswahl standen. Dabei war zu beachten, dass die Übersichtlichkeit möglichst gut gewährt ist. In Abbildung 21: Layout 1 ist ein sehr simples Layout zu sehen. Dieses erscheint jedoch durch die grosse graue Fläche eher langweilig. Mit der dem Benevol-typischen Rot als Hintergrundfarbe für den Inhalt und einem dunkel grauen Header Balken in Layout 2 ist die Erscheinung einiges lockerer (Abbildung 22: Layout 2). Durch den roten Hintergrund wird ein Wiedererkennungseffekt gegenüber der Webseite auf erzeugt. Abbildung 21: Layout 1 Abbildung 22: Layout 2

20 Mobile-App für das Jobportal für Freiwilligenarbeit 20 Im Layout 3 wurden wurde ein Header Balken und ein Footer Balken eingefügt (Abbildung 23: Layout 3). Im Header ist es möglich einen Button, wie den zurück Button und einen Titel einzufügen. Im Footer werden Symbole dargestellt, bei denen man durch anklicken die entsprechende Funktion ausführen kann. Es ist schwierig Symbole zu finden, die es für alle Benutzer verständlich machen, welche Funktion dahinter steckt. Weiter ist wird durch die zwei Balken mehr Platz des sonst schon kleinen Bildschirmes verbraucht. Wenn in einer späteren Version weiter Funktionen implementier werden, kann es zu Platzproblemen kommen. Abbildung 23: Layout 3 In Layout 4 existiert nur ein Footer Balken, der im Benevol-typischen rot erscheint. Darauf existiert ein Button für Bestätigung oder zurück, ein Seitentitel und ein Button um ins Menu zu gelangen. Bei der Betätigung des Menubuttons wird auf einen Bildschirm gewechselt, auf dem Symbole für alle zur Verfügung stehenden Funktionen angezeigt werden. Dies macht die Navigation zwischen den Menupunkten mühsam und kompliziert. Auch das Problem mit der Aussagekraft der Symbole bleibt bestehen.

21 Mobile-App für das Jobportal für Freiwilligenarbeit 21 Abbildung 24: Layout 4

22 Mobile-App für das Jobportal für Freiwilligenarbeit Quellenverzeichnis [apptesting] Smartphones in der Schweiz: Hochburg für ios Geräte? (Zuletzt Besucht ) [statistica] [appleinsider] [entwickler] Anteil der verschiedenen Android-Versionen an allen Geräten mit Android OS weltweit im Oktober/November 2013, November 2013, (Zuletzt besucht ) Apple's ios 7 now accounts for 52 percent of ios Web share one week after launch, percent-of-devices-one-week-after-launch, , (Zuletzt besucht ) Unterschiede und Vergleich native Apps vs. Web Apps. entwickler-verzeichnis.de/faq-app-entwicklung/11-definitionen/107- unterschiede-und-vergleich-native-apps-vs-web-apps, , (Zuletzt besucht ) [json] Einführung in JSON (Zuletzt besucht )