Vorstellung des Entwurfs Team ExtJS Mustafa Qasmi

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

Vorstellung des Usecases Vorstellung des Entwurfs Team ExtJS

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

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

Aufbau der Webanwendung Vorstellung des Entwurfs Team ExtJS

Aufbau der Webanwendung HEADER NAVI MAIN Vorstellung des Entwurfs Team ExtJS

Vorstellung des Konzepts Vorstellung des Entwurfs Team ExtJS

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

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

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

Qualitätssicherung / Testing Vorstellung des Entwurfs Team ExtJS

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

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

Ausblick Vorstellung des Entwurfs Team ExtJS

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

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