11. •jQuery ist ein von John Resig entwickeltes, open
source Javascript-Framework.
•Funktionen zum Navigieren / Manipulieren DOM
•Funktionen für animierte Effekte,Ajax und Event-
Handling
Was ist JQuery
12. Wie verwendet man JQuery
<script src="jQuery.js" type="text/
javascript"></script>
14. •DOM Abstraktion
•Flexible Funktionen um Elemente im DOM zu
selektieren
•jQuery ist einTool um viel Zeit und Code zu
sparen.
•leicht lesbarerer Javascript-Code
Vorteile von JQuery
15. •Verbinden Sie Ihre Formulare via JavaScript
•Ziel: Man kann eine Aufgabe anlegen diese wird
auf der Übersichtsseite angezeigt.
•Speichern Sie Daten für den Klickpilot im Browser
z.B. in den window.name via JSON
Übungen I
19. Anforderungsanalyse
Create your own cartoon at www.projectcartoon.com
How Projects Really Work (version 2.0) Create your own
How the
customer
explained it
How the project
leader
understood it
How the analyst
designed it
How the
programmer
wrote it
What the beta
testers received
How the
business
consultant
described it
How
doc
24. Prozess zur Anforderungserfassung
1. Oberfläche skizzieren z.B. Methode Wireframes in einem
Workshop mit dem Kunden
2. Iterativ ein Klick-Modell erstellen z.B. mit HTML und
JavaScript
3. Fachliche Komponenten aus dem Klick-Modell identifizieren
4. Use-Cases und Geschäftsmodell aus dem Klick-Modell
ableiten für die einzelnen fachlichen Komponenten
5. Spezifikation erstellen
25. Prozess zur Anforderungserfassung
1. Oberfläche skizzieren z.B. Methode Wireframes in einem
Workshop mit dem Kunden
2. Iterativ ein Klick-Modell erstellen z.B. mit HTML und
JavaScript
3. Fachliche Komponenten aus dem Klick-Modell identifizieren
4. Use-Cases und Geschäftsmodell aus dem Klick-Modell
ableiten für die einzelnen fachlichen Komponenten
5. Spezifikation erstellen
27. Fachliche Komponenten
Eine fachliche Komponente gruppiert
Funktionalität die fachlich zusammengehört. Die
Anwendung wird in fachliche Einheiten
Komponenten aufgeteilt.
Beispiele:
KundenVerwaltung,Verkauf,Vertrieb
Logging, Suche, ...
31. Anwendungsfall
„Ein Anwendungsfall (engl. use case) bündelt alle
möglichen Szenarien, die eintreten können, wenn ein
Akteur versucht, mit Hilfe des betrachteten Systems
ein bestimmtes fachliches Ziel (engl. business goal)
zu erreichen.“ - Wikipedia
33. Aufbau eines Anwendungsfalls
• Name und Nummer (z.B. Kunden verwalten / UC-2.01)
• Beschreibung
• Kurze Beschreibung, was im Anwendungsfall passiert.
• Beteiligte Akteure
• Akteure sind beteiligte Personen oder Systeme
• Verwendete Anwendungsfälle
• Aufzählung der verwendeten Anwendungsfälle
• Auslöser
• Vorbedingungen
• Alle Bedingungen, die erfüllt sein müssen, damit dieser Anwendungsfall ausgeführt
werden kann.
• Nachbedingung / Ergebnis
• Der Zustand, der nach einem erfolgreichen Durchlauf des Anwendungsfalls erwartet
wird.
35. UML Use Cases
•Was ist die UML?
•Unified Modeling Language
•Vereinheitlichte Modellierungssprache
•UML wird von der Object Management
Group (OMG) entwickelt
37. UML Use Cases
• UML Use Cases (Anwendungsfälle)
• “High Level” Beschreibung des Systems
• Beschreiben
- Systemgrenze
- Funktionalität
- Berechtigungskonzept
• Einfach erlernbar, wenige Notationselemente
38. Notationselemente
• Akteur
- Steht mir Use Case inVerbindung
- Hat immer einen Name
- Darstellung: z.B. als Strichmännchen
• Use Case
- Beschreibt nach außen sichtbares
Verhalten des Systems
- Von Akteur ausgelöst
- Hat Ergebnis, kein internes
Verhalten
- Darstellung: Ellipse
• Assoziationen
- Können gerichtet sein
- Nur binäre Assoziationen
- Darstellung: Linie
• System
- Beschreibt die System grenzen
- Darstellung: Rechteck
44. Anwendungsfälle spezifizieren
oder kurz gesagtText schreiben
•Tabellen basiere Beschreibung (Template)
•Domain spezifische Sprache zur Spezifikation
•Textuelle Beschreibung
61. Template Gesamtspezifikation
Anforderungsanalyse
1. Einleitung
2. Ausgangssituation und Zielsetzung
3. Funktionale Anforderungen
4. Nicht-funktionale Anforderungen
5. Sicherheitsrelevante Anforderungen, Risikoakzeptanz
und Sicherheitsstufen
6. Lebenszyklusanalyse und Gesamtsystemarchitektur
7. Schnittstellenübersicht
62. Template Anforderungsanalyse
Quelle: http://www.volere.co.uk
PROJECT DRIVERS:
1. The Purpose of the Project
2. Client, Customer, Stakeholders
3. Users of the Product
PROJECT CONSTRAINTS:
4. Mandated Constraints
5. Naming Conventions and Definitions
6. Relevant Facts and Assumptions
FUNCTIONAL REQUIREMENTS:
7. The Scope of the Work
8. The Scope of the Product
9. Functional and Data Requirements
NON-FUNCTIONAL REQUIREMENTS:
10. Look and Feel
11. Usability and Humanity
12. Performance
13. Operational
14. Maintainability and Support
15. Security
16. Cultural and Political
17. Legal
PROJECT ISSUES:
18. Open Issues
19. Off-the-shelf Solutions
20. New Problems
21. Tasks
22. Cutover
23. Risks
24. Costs
25. User Documentation and Training
26. Waiting Room
27. Ideas for Solutions