Konzeption und Evaluation eines Migrationsprozesses von Webanwendungen von AngularJS nach Angular

Inhaltsverzeichnis

• 1 Einleitung
• 1.1 Motivation
• 1.2 Zielsetzung
• 1.3 Gang der Arbeit
• 2 Grundlagen
• 2.1 SPA-Framework
• 2.2 JavaScript
• 2.3 TypeScript
• 2.4 Model-View-Controller-Paradigma
• 2.4.1 Model-View-ViewModel-Architektur
• 2.4.2 Komponentenbasierte Architektur
• 2.5 AngularJS
• 2.6 Angular
• 2.7 Migration
• 2.7.1 Definition
• 2.7.2 Risiken
• 2.7.3 Ablauf
• 2.8 Verwandte Ansätze
• 2.8.1 ngUpgrade
• 2.8.2 Google Migration Guide
• 3 Analyse
• 3.1 Anforderungen
• 3.1.1 Voraussetzungen
• 3.1.2 Beeinflussende Faktoren
• 3.2 Analyse des Google Migration Guide für Angular
• 3.3 Einführung in AngularJS 1.5
• 3.3.1 Ursachen für Refaktorisierung
• 3.3.2 Von Direktiven zu Komponenten
• 4 Konzeption
• 4.1 Aufbau des Angular JS-Projektes
• 4.2 Integration von TypeScript
• 4.2.1 Installation
• 4.2.2 Einbindung
• 4.2.3 Portierung
• 4.3 Upgrade auf AngularJS Version 1.5
• 4.3.1 MVC und Komponenten im Angular-Umfeld
• 4.3.2 Refaktorisierung des AngularJS-Projektes
• 4.4 Integration von ngUpgrade
• 4.4.1 Einbindung
• 4.4.2 Migration der Komponente
• 4.4.3 Migration der übrigen Bestandteile
• 4.5 Erstellen eines neuen Angular-Projektes
• 5 Evaluation
• 5.1 Evaluierungskonzept
• 5.2 Vorbereitung
• 5.2.1 Projektstruktur
• 5.2.2 Eingesetzte Technologien
• 5.2.3 Codeanalyse
• 5.2.4 Überprüfung der Voraussetzungen
• 5.3 Durchführung der Migration
• 5.3.1 Installation Entwicklungsumgebung
• 5.3.2 Refaktorisierung
• 5.3.3 Migration
• 5.4 Diskussion der Evaluationsergebnisse
• 6 Schlussbetrachtung
• 6.1 Fazit
• 6.2 Zusammenfassung

Zielsetzung und Themenschwerpunkte

Die Arbeit befasst sich mit der Konzeption und Evaluation eines Migrationsprozesses von Webanwendungen von AngularJS nach Angular. Das Hauptziel ist die Analyse bestehender Migrationskonzepte im Kontext der Portierung einer AngularJS-basierten Webanwendung, die Untersuchung der Konzeption des Migrationsprozesses und dessen Umsetzung anhand eines Prototyps.

• Analyse bestehender Migrationskonzepte für AngularJS-basierte Webanwendungen
• Konzeption eines Migrationsprozesses
• Umsetzung des Migrationsprozesses anhand eines Prototyps
• Evaluation des Migrationsprozesses
• Abschließende Bewertung der Ergebnisse und der zukünftigen Anwendung des Migrationsprozesses

Zusammenfassung der Kapitel

Die Einleitung führt in das Thema ein, erläutert die Motivation für die Arbeit und beschreibt die Zielsetzung sowie den Gang der Arbeit. Kapitel 2 behandelt die Grundlagen der Einzelseitenanwendungen, von JavaScript und TypeScript über das Model-View-Controller-Paradigma bis hin zu AngularJS und Angular. Es beleuchtet verschiedene Aspekte der Migration in der Informationstechnik und gibt einen Überblick über die verschiedenen Phasen eines Migrationsprozesses. Kapitel 3 analysiert die Anforderungen für die Migration, beleuchtet den Google Migration Guide für Angular und bietet eine Einführung in AngularJS 1.5.

Kapitel 4 konzentriert sich auf die Konzeption des Migrationsprozesses. Es beschreibt den Aufbau eines AngularJS-Projektes, die Integration von TypeScript, das Upgrade auf AngularJS Version 1.5 sowie die Integration von ngUpgrade und das Erstellen eines neuen Angular-Projektes. Kapitel 5 widmet sich der Evaluation des entwickelten Migrationsprozesses. Es erläutert das Evaluierungskonzept, die Vorbereitung des Projekts, die Durchführung der Migration und die Diskussion der Evaluationsergebnisse.

Die Schlussbetrachtung fasst die Ergebnisse der Arbeit zusammen und zieht ein Fazit.

Schlüsselwörter

Die Arbeit konzentriert sich auf die Migration von Webanwendungen von AngularJS nach Angular. Zu den wichtigsten Schlüsselbegriffen gehören: Einzelseitenanwendungen (Single-Page Applications), SPA-Frameworks, AngularJS, Angular, TypeScript, Model-View-Controller-Paradigma, Migration, Portierung, Refaktorisierung, ngUpgrade, Google Migration Guide, Evaluierung, Prototyp, Entwicklungsumgebung.