Integration von Angular 2 und SharePoint für innovative Business-Lösungen

Ursprünglich publiziert: February 23, 2017 Aktualisiert: January 10, 2023 Dauer 7 Min.

Software Engineering

Erfolgsgeschichte: Out-of-the-box-Verwendung von Angular 2 für ein MS SharePoint Projekt

In einem unserer früheren Artikel haben wir über die Besonderheiten der kürzlich veröffentlichten neuen Version von Angular 2.0 berichtet. In diesem weiterführenden Artikel werden wir unsere Erfahrungen mit einem Projekt teilen, bei dem Angular 2 als Frontend und MS SharePoint als Backend genutzt wurden, um ein echtes Produkt für unseren Kunden, einen globalen EU-Telekommunikations-Anbieter zu entwickeln. Das Produkt, eine automatisierte Lösung für die Erstellung von Besprechungsprotokollen, ist Teil unseres Lösungsportfolios zu Angular 2.0, das wir derzeit für diesen Kunden kreieren.

Herausforderungen bei der Integration von Angular 2.0 und SharePoint

Unser Kunde ist einer der weltweit größten Telekommunikationsanbieter. Neben der Zentrale in der EU verfügt der Telekommunikationsriese über mehr als 200 Millionen Kunden und 15 Tochtergesellschaften in ganz Europa und Asien.

Unser Kunde war mit der Notwendigkeit einer MS SharePoint-Lösung konfrontiert, um das Meeting-Protokoll-Management auf der globalen Skala aller Tochtergesellschaften zu automatisieren. Als Microsoft Gold Certiﬁed Partner und Experte für SharePoint-Beratung und – Entwicklung war Infopulse bereit, ein solches Produkt für den Kunden zu entwickeln.

Wir haben uns entschlossen, den Frontend-Teil mit Angular 2 zu erstellen, damit bessere Unterstützung und Skalierbarkeit in der Zukunft möglich wären. Die größte Herausforderung bestand darin, Angular 2 mit SharePoint zu integrieren, da das Letztere bestimmte Aspekte mitbringt, wie z.B. Ereignismodell, Seitenbelastung und Navigationsregeln, die einen spezifischen Ansatz erfordern.

SharePoint-Listen werden verwendet, um Daten für die Anwendung zu speichern. Dementsprechend erfordert dieser Ansatz die Verwendung von SharePoint REST API. Gleichzeitig bringt das einige Einschränkungen mit sich. Um diese Einschränkungen zu kompensieren, müssen wir den SharePoint Client – Side Object Model (CSOM) nutzen, da er On-Demand arbeitet und seine eigene Call-Struktur hat. All das erfordert zusätzliche Arbeit am Frontend: Sowohl REST API als auch CSOM sollen integriert und zu einer Art Hybrid-Lösung verbunden werden.
Unterschiede in der Präsentation der Benutzeroberfläche. SharePoint-Stile hängen weitgehend von den Masterseiten ab. Daher erben alle Seiten einer Anwendung das allgemeine Layout der Masterseite. Dies erfordert einen ziemlich komplizierten Ansatz bei der Verarbeitung der Elemente mit Hilfe von Angular 2 in Bezug auf das Layout der Elemente in der Benutzeroberfläche und deren Wiedergabe im Frontend. Die gleiche Herausforderung sollte bei der Arbeit mit der Seitennavigationsstruktur berücksichtigt werden.
Kompatibilität. Als Microsoft-Produkt muss SharePoint IE11 unterstützen, das wiederum leider keine modernen Frameworks nativ unterstützt. Hier kommt man ohne Polyfills nicht aus, das die Entwicklungsflexibilität, die richtige IE11-Unterstützung und die korrekte Wiedergabe von Informationen in modernen Browsern wie MS Edge, Google Chrome oder Firefox sichert.

Trotz dieser Komplikationen waren wir bereit, die Verwendung von Angular 2 voranzutreiben und in einem kommerziellen Projekt umzusetzen.

Genaueres zur Lösung für Meeting-Protokolle

Unser Produkt bietet eine im Allgemeinen zentrale Kontrolle über die Verwaltung von Sitzungsprotokollen. Das System gestaltet eine einheitliche Umgebung fürs Meeting-Management für die gesamte Unternehmensgruppe, so dass die Protokolle unabhängig davon erstellt werden können, ob die Besprechung in nur einem Unternehmen oder in allen Tochtergesellschaften stattfindet.

Nach jeder Besprechung wird die Verknüpfung zu dem Besprechungsprotokoll automatisch an alle Teilnehmenden gesendet. Das System füllt die grundlegenden Informationen im Vorfeld aus, z.B. Ort, Uhrzeit und Datum der Sitzung, Veranstalter, und generiert eine Teilnehmerliste unter Berücksichtigung des Status der Mitarbeiter (interne, externe oder eingeladene Experten) usw. Sobald die Vorlage für das Meeting-Protokoll vorliegt, erhalten die Task-Besitzer Zugriff auf die Task-Management-Tools (Aufgabenerstellung und -bearbeitung, Bestimmung der Zuständigen, Bearbeitung des Besprechungs- und Aufgabenstatus usw.).

Ein weiteres wichtiges Merkmal unserer Lösung ist die zentrale Datenbank und die zentrale Speicherung aller Besprechungsprotokolle. Dies ermöglicht eine schnelle Protokollsuche, die Zeit einspart und das visuelle Verständnis der Besprechungsprozesse verbessert. So kann z.B. der CEO des Hauptunternehmens leicht überprüfen, wann der CEO einer Tochtergesellschaft das Meeting abgehalten hat, welche Aufgaben definiert wurden und wer für diese Aufgaben verantwortlich ist.

Das System wurde innerhalb von 2 Monaten entwickelt. Es wurde erfolgreich in der Firmenzentrale eingesetzt und wird in der nächsten Zukunft von allen Tochtergesellschaften übernommen. Infopulse entwickelt derzeit neue Funktionalitäten, wie Aufgabenstatus und Fristenbenachrichtigungen sowie die Möglichkeiten, der Aufgabe einen Supervisor zuzuordnen oder Protokolldateien zu erstellen usw.

Andere Projekte zu Angular 2

Parallel zu diesem Projekt entwickelt Infopulse ein komplettes Portfolio mit verwandten Produkten für diesen Kunden, z.B. einen Task-Manager für die Top-Führungskräfte. Ursprünglich als eine traditionelle SharePoint-App entwickelt, ist das System speziell dazu entworfen, um von CEOs und Vorständen genutzt zu werden. Alle Features sind auf die spezifischen Funktionen der Führungskräfte im Unternehmen zugeschnitten, so dass für die App eine eigenständige Organisationsstruktur entwickelt wurde (Möglichkeiten, Aufgaben den jeweils zuständigen Assistenten und Controllern zuzuordnen usw.). Das System-Frontend wird nach der Aktualisierung auch mit Angular 2 funktionieren können.

An anderen Projekten, an denen wir derzeit für diesen Kunden arbeiten, wären die zu den mobilen Apps zu nennen. Eine dieser Anwendungen, die sowohl für die Desktop- als auch für die Handheld-Geräte entwickelt wurde, erleichtert die Zusammenarbeit der Firmenvertreter mit den Behörden. Jede der Tochtergesellschaften des Unternehmens muss die lokalen rechtlichen Bestimmungen einhalten, regelmäßige und zeitnahe Mitteilungen über die Änderungen in der Gesetzeslage bekommen sowie die Kommunikation mit den Regierungsbeamten koordinieren usw. Diese App sichert den schnellen Zugriff auf die erforderlichen Informationen und hilft, die Entscheidungen rechtzeitig unterwegs zu treffen.

Infopulse und unser Kunde sind sehr zufrieden mit den Ergebnissen, die wir mit Angular 2 erreicht haben. Die neue Version des Frameworks hat uns mit effektiven Tools ausgestattet, um leistungsstarke und effiziente Frontends für die Web- und mobilen Anwendungen zu entwickeln. Wir betrachten Angular 2 als die perfekte Lösung, die sowohl für einfache Unterhaltungsapps als auch für komplexe Enterprise-Systeme geeignet ist, und haben sie erfolgreich für unsere zukünftigen Projekte übernommen.

Haben Sie Fragen zu unseren Erfahrungen mit Angular 2 oder möchten Sie qualifizierte Beratung oder ein Angebot einholen? Kontaktieren Sie uns jetzt, um mehr dazu zu erfahren!