Vorstellung des Entwurfs

Präsentation zum Thema: "Vorstellung des Entwurfs"—  Präsentation transkript:

1 Vorstellung des Entwurfs
Team ExtJS Mustafa Qasmi

2 Agenda Vorstellung des Usecases Aufbau der Webanwendung
Vorstellung des Konzepts Qualitätssicherung / Testing Ausblick Vorstellung des Entwurfs Team ExtJS

3 Vorstellung des Usecases
Vorstellung des Entwurfs Team ExtJS

4 Vorstellung des Usecases
„Verwaltung von Verfügbarkeiten“ Anzeigen Editieren Speichern Für die Entitäten: Dozent Studiengruppe Raum Vorstellung des Entwurfs Team ExtJS

5 Vorstellung des Usecases
Trennung von „verfügbar“ und „nicht verfügbar“ Einfache Usability durch Drag & Drop Übersichtliche Darstellung Intelligente Anwendung soll Benutzer mit Hinweisen warnen / beraten => Bessere Lösung als bisher genutzte Desktop-Anwendung (SPlus) Vorstellung des Entwurfs Team ExtJS

6 Aufbau der Webanwendung
Vorstellung des Entwurfs Team ExtJS

7 Aufbau der Webanwendung
HEADER NAVI MAIN Vorstellung des Entwurfs Team ExtJS

8 Vorstellung des Konzepts
Vorstellung des Entwurfs Team ExtJS

9 Vorstellung des Konzepts
NAVI Nutzung von Tabs Dynamisches Laden per AJAX Sofortiges Laden nach Klicken Nutzung der Ext JS Komponente „Tabs“ Vorstellung des Entwurfs Team ExtJS

10 Vorstellung des Konzepts
MAIN Übersichtliche Tabelle Dynamisches Laden nach Klick-Event auf der Navigationsleiste Bedienung durch Drag & Drop Keine ExtJS-Komponente Vorstellung des Entwurfs Team ExtJS

11 Vorstellung des Konzepts
Tabelle wird erst nach Klick auf „Editieren“ für das Bearbeiten freigegeben „Speichern“ wird erst nach Klick auf „Editieren“ freigegeben. Warnhinweis bei Wechsel der Entität oder des Eintrags ohne vorherigem Speichern Nutzung von Ext JS-Komponenten für Hinweise Vorstellung des Entwurfs Team ExtJS

12 Qualitätssicherung / Testing
Vorstellung des Entwurfs Team ExtJS

13 Qualitätssicherung / Testing
Qualität des Produkts wichtig sauberer Quellcode Sicherstellung der Funktionalität Qualitätssicherung schon beim Entwurf berücksichtigt Vorstellung des Entwurfs Team ExtJS

14 Qualitätssicherung / Testing
Sauberer Code: - Nutzung des Tools „JS Lint“ Funktionalität: - Verfassung von Testcases - automatisierter Testdurchlauf Vorstellung des Entwurfs Team ExtJS

15 Ausblick Vorstellung des Entwurfs Team ExtJS

16 Ausblick Implementierung on-Going
Näheres in den nächsten Statusberichten Vorstellung des Entwurfs Team ExtJS

17 Vielen Dank für eure Aufmerksamkeit! Fragen?
Vorstellung des Entwurfs Team ExtJS