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