Smoke – Webfrontend
 Semesterabschluss Sommersemester 2009
Agenda

•   Entwicklungsprozess
•   Technik
•   Anforderungen
•   Ergebnis (mit Demo)
•   Ausblick
Entwicklung

•   Aufgaben des Webfrontends?
•   Anforderungen an das Webfrontend?
•   Anforderungen des Webfrontends?
•   ...
Aufgaben
                                    P RO J E KT „ V E R F O L G U N G S WA H N “


•   Benutzerverwaltung:
      ...
Anforderungen an uns
•   Download des Clients ermöglichen
    •   Idee: URL über QR-Code
•   Spielvorbereitung
    •   Ben...
Anforderungen von uns
                                   P RO J E KT „ V E R F O L G U N G S WA H N “
                    ...
Technik

•   Adobe Flex
    •   Entwicklungs-Framework zur
        Erstellung von RIAs
    •   basiert auf Flash
    •   M...
Warum Flex?
•   Plattformunabhängigkeit
•   Darstellungsschicht wird auf den Client
    ausgelagert
•   Geringe Netzauslas...
Kernkomponenten

•   Spieleverwaltung
•   Login / Benutzerregistrierung
•   Live-Ansicht
Kernkomponenten

•   Spieleverwaltung
•   Login / Benutzerregistrierung
•   Live-Ansicht


•   Sechs Views
Das Design

•   Intuitive Benutzerführung
•   Keep it simple
•   Schneller Einstieg
•   Ansprechendes, freundliches Design...
Das Design
Das Design
0(1*234/*'&      567$%.$1&                         !"#$%$&     !'()*)+&   ,#'-%#$.$/&


  I(4J$1.$&!"#$%$&

  !...
Das Design
Das Design
0(1*234/*'&    567$%.$1&                     !"#$%$&   !'()*)+&    ,#'-%#$.$/&

        !@A'%(1.&B(/.&     ;$/6...
Demo
Ausblick
•   Anbinden an den Server
•   Community-Funktionen
    •   Benutzerprofile
    •   Matchmaking
•   Statistiken
• ...
mehr?
                                                   P RO J E KT „ S M O K E “
                                       ...
Smoke - Webfrontend-Gruppe
Smoke - Webfrontend-Gruppe
Nächste SlideShare
Wird geladen in …5
×

Smoke - Webfrontend-Gruppe

366 Aufrufe

Veröffentlicht am

Abschlusspraesentation der Webfrontend-Gruppe des Smoke-Projekts

Veröffentlicht in: Bildung
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
366
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
10
Aktionen
Geteilt
0
Downloads
0
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Smoke - Webfrontend-Gruppe

  1. 1. Smoke – Webfrontend Semesterabschluss Sommersemester 2009
  2. 2. Agenda • Entwicklungsprozess • Technik • Anforderungen • Ergebnis (mit Demo) • Ausblick
  3. 3. Entwicklung • Aufgaben des Webfrontends? • Anforderungen an das Webfrontend? • Anforderungen des Webfrontends? • Technik? • Aussehen des Webfrontends?
  4. 4. Aufgaben P RO J E KT „ V E R F O L G U N G S WA H N “ • Benutzerverwaltung: Geplante Features der Web!ontend"Grupp# Sommersemester 2009 registrieren, bearbeiten Benutzerverwaltung Die Benutzerverwaltung dient nicht nur der Sicherheit des Systems, sondern ist darüber hi! naus eine zentrale Voraussetzung für die Entwicklung aller Community!Funktionen. In späte! ren Versionen des Projekts „Verfolgungswahn“ könnte sie auch für Abrechnungszwecke dien! • lich sein. Spieleverwaltung Die drei zentralen Funktionalitäten sind hierbei: • Benutzer registrieren • Benutzer bearbeiten • • Benutzer löschen Live-Ansicht Z U V E RWA LT E N D E I N F O R M AT I O N E N Um einen angenehmen und zielführenden Spielbetrieb zu gewährleisten, ist es nötig, einige Daten der Benutzer zu kennen. • BENUTZERSPEZIFISCH Statistik • Nutzername, Passwort • Name, Vorname, Geburtsdatum • E!Mail!Adresse, Handynummer • Wohnort • • Avatar, Foto Hilfebereich (FAQ) ROLLEN Zum Betrieb einer Community sind Benutzer mit speziellen, weitergehenden Berechtigungen unverzichtbar. Um dies einfach verwalten zu können, bietet sich ein Rollenkonzept an. Die vorrangig wichtigen Rollen sind: • Spieler • Administratoren Projekt „Verfolgungswahn“ $ Geplante Features der Web!ontend"Gruppe% 1
  5. 5. Anforderungen an uns • Download des Clients ermöglichen • Idee: URL über QR-Code • Spielvorbereitung • Benutzerregistrierung • Spielplanung • Spielverwaltung • Erstellen neuer Spiele • Bearbeiten vorhandener Spiele
  6. 6. Anforderungen von uns P RO J E KT „ V E R F O L G U N G S WA H N “ Web!ontend"Grupp# Sommersemester 2009 Benötigte Zugri!sfunktionen SPIEL ERSTELLEN • Frontend Server Lesefunktionen createGame(game) • Game game Manipulationsfunktionen SPIEL BEARBEITEN Frontend Server editGame(game) Game game Projekt „Verfolgungswahn“ $ Benötigte Zugri%sfunktionen& 1
  7. 7. Technik • Adobe Flex • Entwicklungs-Framework zur Erstellung von RIAs • basiert auf Flash • MXML • ActionScript
  8. 8. Warum Flex? • Plattformunabhängigkeit • Darstellungsschicht wird auf den Client ausgelagert • Geringe Netzauslastung • Erste Ergebnisse schnell verfügbar • Einfache Veränderungen des Designs möglich • Kostenfreie Studentenversion des Flex Builders
  9. 9. Kernkomponenten • Spieleverwaltung • Login / Benutzerregistrierung • Live-Ansicht
  10. 10. Kernkomponenten • Spieleverwaltung • Login / Benutzerregistrierung • Live-Ansicht • Sechs Views
  11. 11. Das Design • Intuitive Benutzerführung • Keep it simple • Schneller Einstieg • Ansprechendes, freundliches Design • Assoziationen zur Landkarte
  12. 12. Das Design
  13. 13. Das Design 0(1*234/*'& 567$%.$1& !"#$%$& !'()*)+& ,#'-%#$.$/& I(4J$1.$&!"#$%$& !"#$%&&%"' ("$' )*$+,' -."/%0$' )*+%"' 12/3'453' 450%&*"$' '(18(2'9%%& :(/%*/40$& ;<=>?=>@& ABCD>& DC>>& ?E?& !F9'%(1.&G(/.& *24"$/& :(/%*/40$& ;<=>?=>@& ABCB?& ;CD>& BEB& !F01#'H$%8(-.& N$"%(1'$&!"#$%$& !"#$%&&%"' ("$' )*$+,' -."/%0$' )*+%"' 12/3'453' 450%&*"$' 0(1*23===& K$/%#1& D>=>?=>@& ABC>>& DC>>& BE?& !F9'%(1.&G(/.& *"2#$%$/& L97& >;=>M=>@& ABCD>& ;CD>& AEB& !F01#'H$%8(-.& '(18(2'9%%& :(/%*/40$& >?=>M=>@& AMC>>& ;CD>& AEM& !F9'%(1.&G(/.& !"#$%&"%(1$1&
  14. 14. Das Design
  15. 15. Das Design 0(1*234/*'& 567$%.$1& !"#$%$& !'()*)+& ,#'-%#$.$/& !@A'%(1.&B(/.& ;$/6%$#6$1.$&<$#'9&=9>?&& 518(0%&!"#$%$/9&:&
  16. 16. Demo
  17. 17. Ausblick • Anbinden an den Server • Community-Funktionen • Benutzerprofile • Matchmaking • Statistiken • Komfort-Funktionen • Passwort vergessen • Schönere Überblendeffekte
  18. 18. mehr? P RO J E KT „ S M O K E “ Das Web!ontend • Dokumentation im SVN-Repository • Präsentation online: www.je.cx/hs/smoke Semesterabschlussdokumentation Sommersemester 2009 Yücel Beser, Jan Elflein, Markus Lehman" Smoke # Web!ontend$Gruppe # Semesterabschlussdokumentation% 1

×