Post on 06-Apr-2015
Team ExtJSMustafa Qasmi
Vorstellung des Entwurfs
1. Vorstellung des Usecases2. Aufbau der Webanwendung3. Vorstellung des Konzepts4. Qualitätssicherung / Testing5. Ausblick
Agenda
Vorstellung des Entwurfs Team ExtJS
2
Vorstellung des Usecases
Vorstellung des Entwurfs Team ExtJS
3
„Verwaltung von Verfügbarkeiten“• Anzeigen• Editieren• Speichern
Für die Entitäten:• Dozent• Studiengruppe• Raum
Vorstellung des Usecases
Vorstellung des Entwurfs Team ExtJS
4
• 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 Usecases
Vorstellung des Entwurfs Team ExtJS
5
Aufbau der Webanwendung
Vorstellung des Entwurfs Team ExtJS
6
Aufbau der Webanwendung
Vorstellung des Entwurfs Team ExtJS
7
HEADER
NAVI MAIN
Vorstellung des Konzepts
Vorstellung des Entwurfs Team ExtJS
8
• Nutzung von Tabs• Dynamisches Laden per
AJAX• Sofortiges Laden nach
Klicken• Nutzung der Ext JS
Komponente „Tabs“
Vorstellung des Konzepts
Vorstellung des Entwurfs Team ExtJS
9
NAVI
• Übersichtliche Tabelle• Dynamisches Laden nach
Klick-Event auf der Navigationsleiste
• Bedienung durch Drag & Drop
• Keine ExtJS-Komponente
Vorstellung des Konzepts
Vorstellung des Entwurfs Team ExtJS
10
MAIN
• 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 Konzepts
Vorstellung des Entwurfs Team ExtJS
11
Qualitätssicherung / Testing
Vorstellung des Entwurfs Team ExtJS
12
• Qualität des Produkts wichtig• sauberer Quellcode• Sicherstellung der Funktionalität• Qualitätssicherung schon beim
Entwurf berücksichtigt
Qualitätssicherung / Testing
Vorstellung des Entwurfs Team ExtJS
13
Sauberer Code: - Nutzung des Tools „JS Lint“
Funktionalität: - Verfassung von Testcases- automatisierter
Testdurchlauf
Qualitätssicherung / Testing
Vorstellung des Entwurfs Team ExtJS
14
Ausblick
Vorstellung des Entwurfs Team ExtJS
15
Implementierung on-Going
Näheres in den nächsten Statusberichten
Ausblick
Vorstellung des Entwurfs Team ExtJS
16
Vielen Dank für eure Aufmerksamkeit!
Fragen?
Vorstellung des Entwurfs Team ExtJS
17