Konzeption und prototypische Realisierung einer Webanwendung zur plattformübergreifenden Verwaltung

Einleitung:

In den letzten Jahren wurden Web-Anwendungen (kurz ‘Apps’ genannt) immer populärer. Mit der fortschreitenden Webtechnologieentwicklung unterscheiden sie sich durch ihre Funktionalität kaum mehr von Desktop-Anwendungen (lokal installierten Anwendungsprogrammen).

Der Hauptvorteil einer Web-Anwendung besteht darin, dass alle logischen Modelle und Algorithmen auf einem Server liegen – im Gegensatz zu herkömm-lichen Anwendungsprogrammen, deren Logik sich auf dem PC jedes Be-nutzers befindet. So erübrigt sich bei Web-Apps die lokale Installation des Programms auf dem Computer. Dadurch spielt es keine Rolle mehr, welches Betriebssystem im Hintergrund läuft. Bei der Aufgabenbearbeitung greift die Webapplikation auf die Systemressourcen des Geräts nicht zu. Der Anwender braucht lediglich einen beliebigen Webbrowser zu starten und die Adresse der Web-Anwendung einzugeben.

Es besteht auch keine Notwendigkeit mehr, die Anwendung auf dem Computer neu zu installieren, nachdem eine neue Version der Applikation verfügbar ist. Darüber hinaus greift man immer auf die neueste Version der Web-Anwendung zu, sowohl aus dem lokalen Netzwerk einer Organisation als auch aus dem Internet. Im zweiten Fall haben die Mitarbeiter die Möglichkeit die internen Unternehmensressourcen an jedem Ort der Welt zu nutzen. Dafür benötigt man nicht einmal einen Computer: ein Mobilgerät mit Internetzugang reicht völlig aus.

Motivation:

Die effektive Zeitverteilung, die Möglichkeit einer wirksamen Kommunikation innerhalb eines Teams, unabhängig davon, wo sich die Mitglieder in diesem Moment befinden, die Frage, wie viele Menschen am Projekt arbeiten, die Verteilung von Pflichten und die Einzelaufgaben: Das sind die Komponenten, ohne die es schwierig ist, in der modernen Welt wirksam gemeinsam an einem Projekt zu arbeiten.

Zur optimalen Organisation einer effizienten Arbeit mit zahlreichen Kunden soll in der Communication & Design Werbeagentur (WCD) eine Task-Manager- Webapplikation entwickelt und auch prototypisch umgesetzt werden.

Folgende Problematik ergibt sich dabei: Die klassischen Instrumente zur Aufgabenplanung, wie Terminkalender oder Notizbücher, sind in modernen Unternehmen schnell veraltet; die einfache Eingabe von Informationen über den Outlook-Kalender ist für eine effektive Planung und Durchführung von Aufgaben meistens ebenfalls nicht ausreichend. [...]



Einleitung:

In den letzten Jahren wurden Web-Anwendungen (kurz ‘Apps’ genannt) immer populärer. Mit der fortschreitenden Webtechnologieentwicklung unterscheiden sie sich durch ihre Funktionalität kaum mehr von Desktop-Anwendungen (lokal installierten Anwendungsprogrammen).

Der Hauptvorteil einer Web-Anwendung besteht darin, dass alle logischen ...



Inhaltsverzeichnis:

|Abstrakt|III

|Inhaltsverzeichnis|IV

|Abbildungsverzeichnis|VI

I.|Einleitung und Zielsetzung|1

1.1.|Einleitung|1

1.2.|Motivation|2

1.3.|Aufbau der Arbeit|3

II.|Übersicht über die aktuellen Webentwicklungswerkzeuge|4

2.1.|HTML5 und CSS3|4

2.2.|JavaScript. DOM|7

2.3.|Ajax|9

2.4.|Javascript Framework jQuery|10

2.4.1.|jQuery UI|12

2.4.2.|jQuery Mobile|12

III.|Anforderungsanalyse und Konzeption|13

3.1.|Projektstruktur|13

3.2.|Ist-Analyse|14

3.3. |Anforderungsanalyse|15

3.3.1.|Funktionale Anforderungen|15

3.3.2.|Nicht-funktionale Anforderungen|18

3.4.|Funktionsumfang|19

3.5.|Anwendungsfallanalyse|20

3.6.|Programmarchitektur|20

IV.|Entwurf und Umsetzung des Webinterface-Konzepts|23

4.1.|Recherche und Analyse aktueller Tasktool Webapplikationen|23

4.2.|Gestaltung der Benutzeroberfläche. Usabilityvorgaben|23

4.3.|Umsetzung des Weblayouts|28

V.|Technische Realisierung|32

5.1.|Implementierung der Frontend-Backend Kommunikation|32

5.1.1.|Modul ‘Login/Logout’|33

5.1.2.|Modul ‘Anzeigen von Informationen’|35

5.1.3.|Modul ‘neue Aufgabe hinzufügen’|40

5.1.4.|Modul ‘Aufgabe bearbeiten’|42

5.2.|jQuery Widgets|45

5.2.1.|Kalender|45

5.2.2.|Autovervollständigungsfunktion|45

5.2.3.|Zusatzfunktionen|46

VI.|Usability Test|50

|Fazit und Ausblick|51

|Abkürzungsverzeichnis|53

|Quellenverzeichnis|54

|Anhang 1. Task Tools Handlers Release|56

|Anhang 2. Fragen und Antworten zur Usability|59