Entwicklung eines kollaborativen Richtext-Editors in Flutter und Firebase

AI Quick Summary

Flutter bietet die Möglichkeit mit der gleichen Codebase auf allen Plattformen zu deployen. Leider fehlen noch Standard-Elemente vor allem für Desktop-Anwendungen.Ziel ist die Entwicklung eines Richtext-Editors (Auswahl einer bestehenden Basis und Anpassung) mit dem mehrere Nutzer gleichzeitig Texte editieren können. Ausgangslage und Problemstellung:Flutter bietet die Möglichkeit mit der gleichen Codebase auf allen Plattformen zu deployen. Leider sind auch hier die Versprechen besser als die Realität und so fehlen noch Standard-Elemente vor allem für Desktop-Anwendungen.Die Problemstellung teilt sich in die Bereiche:· Auswahl des geeigneten Editors und dessen Anpassung an versch. Situationen· Implementierung eines Delta-Sync-Mechanismus, der es mehreren Nutzer gleichzeit erlaubt am Text zu arbeiten.Ziel der Arbeit und erwartete Resultate: ZielZiel der Arbeit ist es einen Editor (Fokus Flutter Web) auszuwählen und anzupassen, so dass einfache Textfelder oder grössere TextEditoren richtext (Schriftgrössen, Listen, Bilder, etc.) unterstützt werden und die Texte gleichzeitig von mehreren Nutzern bearbeitet werden können. Erwartete Resultate:Teil 1:Vergleich und Auswahl verschiedener Richtext-Editor Varianten für Flutter WebAnpassen des Editors für versch. Situationen wie Textfelder oder TextEditoren. Hier ist eine einfach Individualisierung (Welche Features und wie angeordnet) z.B. per Argumente gewünscht.Teil 2:Anbindung des Editors an die Firestore-DB.Auf der Seite werden mehrere Textfelder/Editoren für Titel, Untertitel, Beschreibungen oder Notizen auf Eingaben warten. Diese können durch mehrere Nutzer gleichzeitig passieren. Der Sync-Mechanismus ist verantwortlich dafür, dass die jeweils anderen Nutzer Updates bekommen, ihre eigenen Daten aber nicht verloren gehen (Delta-Sync). Hierzu soll eine Beispiel-Implementierung für Flutter-Web gemacht werden.Gewünschte Methoden, Vorgehen:Aufteilung der Studierenden auf Fokus-ThemenEinarbeitung in Flutter bzw. Flutter-/Firebase-ThemenAnalyse der Möglichkeiten in Bezug auf User-Interfaces und Sync-MechanismenErarbeiten von Varianten pro Fokusthema und Bewertung der Varianten mit einer EmpfehlungWrappen der Lösung als eine Art Bibliothekselement, so dass dieses ohne grossen Anpassungsaufwand in beliebigen Flutter-Apps verwendet werden kann.Integration der Fokus-Themen in eine lauffähige AppTest- und Anpassungen für versch. Viewports (Responsive Design)Unit-, Integrations- und Stress-TestsUsability-Tests der App mit NutzernDieses Projekt bietet die Chance für Studierende sich in Flutter einzuarbeiten oder zu vertiefen.

Project Idea Metadata

Project Idea Name: Entwicklung eines kollaborativen Richtext-Editors in Flutter und Firebase
Date: 11/25/2022 4:31:14 PM
Administrators:
- Armin Egli

Project Idea Description

Ausgangslage und Problemstellung:

Flutter bietet die Möglichkeit mit der gleichen Codebase auf allen Plattformen zu deployen. Leider sind auch hier die Versprechen besser als die Realität und so fehlen noch Standard-Elemente vor allem für Desktop-Anwendungen.

Die Problemstellung teilt sich in die Bereiche:

· Auswahl des geeigneten Editors und dessen Anpassung an versch. Situationen

· Implementierung eines Delta-Sync-Mechanismus, der es mehreren Nutzer gleichzeit erlaubt am Text zu arbeiten.

Ziel der Arbeit und erwartete Resultate:

Ziel

Ziel der Arbeit ist es einen Editor (Fokus Flutter Web) auszuwählen und anzupassen, so dass einfache Textfelder oder grössere TextEditoren richtext (Schriftgrössen, Listen, Bilder, etc.) unterstützt werden und die Texte gleichzeitig von mehreren Nutzern bearbeitet werden können.

Erwartete Resultate:

Teil 1:

Vergleich und Auswahl verschiedener Richtext-Editor Varianten für Flutter Web
Anpassen des Editors für versch. Situationen wie Textfelder oder TextEditoren. Hier ist eine einfach Individualisierung (Welche Features und wie angeordnet) z.B. per Argumente gewünscht.

Teil 2:

Anbindung des Editors an die Firestore-DB.
Auf der Seite werden mehrere Textfelder/Editoren für Titel, Untertitel, Beschreibungen oder Notizen auf Eingaben warten. Diese können durch mehrere Nutzer gleichzeitig passieren. Der Sync-Mechanismus ist verantwortlich dafür, dass die jeweils anderen Nutzer Updates bekommen, ihre eigenen Daten aber nicht verloren gehen (Delta-Sync). Hierzu soll eine Beispiel-Implementierung für Flutter-Web gemacht werden.

Gewünschte Methoden, Vorgehen:

Aufteilung der Studierenden auf Fokus-Themen
Einarbeitung in Flutter bzw. Flutter-/Firebase-Themen
Analyse der Möglichkeiten in Bezug auf User-Interfaces und Sync-Mechanismen
Erarbeiten von Varianten pro Fokusthema und Bewertung der Varianten mit einer Empfehlung
Wrappen der Lösung als eine Art Bibliothekselement, so dass dieses ohne grossen Anpassungsaufwand in beliebigen Flutter-Apps verwendet werden kann.
Integration der Fokus-Themen in eine lauffähige App
Test- und Anpassungen für versch. Viewports (Responsive Design)
Unit-, Integrations- und Stress-Tests
Usability-Tests der App mit Nutzern

Dieses Projekt bietet die Chance für Studierende sich in Flutter einzuarbeiten oder zu vertiefen.

Flutter bietet die Möglichkeit mit der gleichen Codebase auf allen Plattformen zu deployen. Leider fehlen noch Standard-Elemente vor allem für Desktop-Anwendungen.

Ziel ist die Entwicklung eines Richtext-Editors (Auswahl einer bestehenden Basis und Anpassung) mit dem mehrere Nutzer gleichzeitig Texte editieren können.