Wie kann eine Single Page Application mit dem Architektur Muster MVC umgesetzt werden? Die Antwort erfolgt in dieser Arbeit prototypisch am Beispiel des JavaScript Frameworks AngularJS.
Weltweit verwenden immer mehr Menschen das Internet. Das belegt die Studie von International Telecommunication Union (ITU) die besagt, dass die Anzahl 2005 noch bei 1 Milliarden und 2017 bereits 3,9 Milliarden Benutzern lag. Auch die Nutzungsdauer des Internet ist gestiegen. 2005 lag sie in Deutschland bei 46 Minuten am Tag und hat sich 2018 mit 196 Minuten mehr als vervierfacht. Daraus kann abgeleitet werden, dass die Auslastung der Webserver stetig steigt. Um diese Auslastung zu senken, können Single Page Applications (SPA), welche nur teilweise den Inhalt der Seite nachladen, verwendet werden.
Ein weitere Herausforderung ist, dass die Anforderungen der User an die Webseiten immer größer werden. Schlagwörter sind User Experience (UX) und Usability. Ersteres beschreibt das subjektive Nutzererlebnis, Usability hingegen die Benutzbarkeit der Webseiten. Durch die Umsetzung der Anforderungen, steigt die Komplexität der Webanwendung und in Folge dessen die des Programmcodes. Um einen komplexen Programmcode zu entwickeln, zu testen und zu warten, sollten bestimmte Architekturmuster eingehalten werden. Dies kann durch das MVC Muster erreicht werden, welches die Programmkomponenten in Model, View und Controller unterteilt. Somit ist eine Single Page Applikation mit einem MVC Muster geeignet, um die oben genannten Herausforderungen zu adressieren. Ob die Kombination umsetzbar ist, soll in dieser Hausarbeit herausgearbeitet werden.
Inhaltsverzeichnis
Abbildungsverzeichnis
Abkürzungsverzeichnis
1. Einleitung
1.1 Problemstellung
1.2 Motivation
1.3 Forschungsfrage
1.4 Ziel und Aufbau der Arbeit
2. Einführung in Angular
2.1 HTML und CSS
2.2 JavaScript
2.3 MVC
2.4 Single Page Application (SPA)
2.5 Angular
3. Hauptteil
3.1 Methodisches Vorgehen
3.2 Implementierungsgrundlagen
3.2.1 Ordnerstruktur
3.2.2 Extern eingebundene Inhalte
3.3 Implementierung View
3.3.1 Index.html
3.3.2 home.html
3.3.3 game.html
3.4 Implementierung Controller
3.4.1 game.js
3.4.2 controller.js
3.4.3 service.js
3.5 Auswertung und Diskussion
4. Schluss
4.1 Fazit
4.2 Reflektion
Literaturverzeichnis
Internetdokument
Anhang
-
-
-
-
¡Carge sus propios textos! Gane dinero y un iPhone X. -
-
¡Carge sus propios textos! Gane dinero y un iPhone X. -
-
¡Carge sus propios textos! Gane dinero y un iPhone X. -
-
¡Carge sus propios textos! Gane dinero y un iPhone X. -
-
¡Carge sus propios textos! Gane dinero y un iPhone X. -
-
¡Carge sus propios textos! Gane dinero y un iPhone X. -
-
¡Carge sus propios textos! Gane dinero y un iPhone X. -
-
¡Carge sus propios textos! Gane dinero y un iPhone X. -
-
¡Carge sus propios textos! Gane dinero y un iPhone X.