team extjs mustafa qasmi vorstellung des entwurfs

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


3

„Verwaltung von Verfügbarkeiten“• Anzeigen• Editieren• Speichern

Für die Entitäten:• Dozent• Studiengruppe• Raum



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)



5

Aufbau der Webanwendung


6

Aufbau der Webanwendung


7

HEADER

NAVI MAIN

Vorstellung des Konzepts


8

• Nutzung von Tabs• Dynamisches Laden per

AJAX• Sofortiges Laden nach

Klicken• Nutzung der Ext JS

Komponente „Tabs“



9

NAVI

• Übersichtliche Tabelle• Dynamisches Laden nach

Klick-Event auf der Navigationsleiste

• Bedienung durch Drag & Drop

• Keine ExtJS-Komponente



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



11

Qualitätssicherung / Testing


12

• Qualität des Produkts wichtig• sauberer Quellcode• Sicherstellung der Funktionalität• Qualitätssicherung schon beim

Entwurf berücksichtigt



13

Sauberer Code: - Nutzung des Tools „JS Lint“

Funktionalität: - Verfassung von Testcases- automatisierter

Testdurchlauf



14

Ausblick


15

Implementierung on-Going

Näheres in den nächsten Statusberichten

Ausblick


16

Vielen Dank für eure Aufmerksamkeit!

Fragen?


17

team extjs mustafa qasmi vorstellung des entwurfs

Documents