Mit der Nutzung dieser Webseite akzeptieren Sie unsere Nutzung von Cookies. Weitere Informationen über Cookies finden Sie hier
Zustimmen
Infopulse - Softwareentwicklung & Infrastruktur-Management-Services
Mit der Nutzung dieser Webseite akzeptieren Sie unsere Nutzung von Cookies. Weitere Informationen über Cookies finden Sie hier
Zustimmen
Infopulse - Softwareentwicklung & Infrastruktur-Management-Services
Infopulse - Softwareentwicklung & Infrastruktur-Management-Services
reCAPTCHA
Angebot anfordern Bitte füllen Sie dieses kurze Formular aus und wir senden Ihnen in Kürze ein kostenloses Angebot zu.
* Pflichtfelder
Der Schutz Ihrer Privatsphäre ist uns wichtig. Wir werden Ihre Informationen niemals weitergeben.
Abonnieren Sie unsere Updates Seien Sie unter den Ersten, die exklusive Einblicke in die IT, die Innovationen und Best Practices erhalten.
* Pflichtfelder
Der Schutz Ihrer Privatsphäre ist uns wichtig. Wir werden Ihre Informationen niemals weitergeben.
Subscribe to our Vacancies Please fill in this quick form to be among the first to receive our updates.
* Required fields
Your privacy is important to us. We will never share your data.
Abonnieren Sie unsere Updates Seien Sie unter den Ersten, die exklusive Einblicke in die IT, die Innovationen und Best Practices erhalten.
* Pflichtfelder
Der Schutz Ihrer Privatsphäre ist uns wichtig. Wir werden Ihre Informationen niemals weitergeben.
Photo of Artem Kulish Senden Sie eine E-Mail an Artem Kulish Bitte füllen Sie dieses kurze Formular aus, um unseren Experten direkt zu kontaktieren.
* Pflichtfelder
Der Schutz Ihrer Privatsphäre ist uns wichtig. Wir werden Ihre Informationen niemals weitergeben.
Infopulse - Expert Software Engineering, Infrastructure Management Services
Read the Full Case Study Don't miss the most interesting part of the story!
Submit this quick form to see the rest and to freely access all case studies on our website.
* Required fields
Der Schutz Ihrer Privatsphäre ist uns wichtig. Wir werden Ihre Informationen niemals weitergeben.

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

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 Certified 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!