Your SlideShare is downloading. ×
  • Like
  • Save
Smoke - Webfrontend-Gruppe
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Smoke - Webfrontend-Gruppe

  • 262 views
Published

Abschlusspraesentation der Webfrontend-Gruppe des Smoke-Projekts

Abschlusspraesentation der Webfrontend-Gruppe des Smoke-Projekts

Published in Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
262
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Smoke – Webfrontend Semesterabschluss Sommersemester 2009
  • 2. Agenda • Entwicklungsprozess • Technik • Anforderungen • Ergebnis (mit Demo) • Ausblick
  • 3. Entwicklung • Aufgaben des Webfrontends? • Anforderungen an das Webfrontend? • Anforderungen des Webfrontends? • Technik? • Aussehen des Webfrontends?
  • 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. Anforderungen an uns • Download des Clients ermöglichen • Idee: URL über QR-Code • Spielvorbereitung • Benutzerregistrierung • Spielplanung • Spielverwaltung • Erstellen neuer Spiele • Bearbeiten vorhandener Spiele
  • 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. Technik • Adobe Flex • Entwicklungs-Framework zur Erstellung von RIAs • basiert auf Flash • MXML • ActionScript
  • 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. Kernkomponenten • Spieleverwaltung • Login / Benutzerregistrierung • Live-Ansicht
  • 10. Kernkomponenten • Spieleverwaltung • Login / Benutzerregistrierung • Live-Ansicht • Sechs Views
  • 11. Das Design • Intuitive Benutzerführung • Keep it simple • Schneller Einstieg • Ansprechendes, freundliches Design • Assoziationen zur Landkarte
  • 12. Das Design
  • 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. Das Design
  • 15. Das Design 0(1*234/*'& 567$%.$1& !"#$%$& !'()*)+& ,#'-%#$.$/& !@A'%(1.&B(/.& ;$/6%$#6$1.$&<$#'9&=9>?&& 518(0%&!"#$%$/9&:&
  • 16. Demo
  • 17. Ausblick • Anbinden an den Server • Community-Funktionen • Benutzerprofile • Matchmaking • Statistiken • Komfort-Funktionen • Passwort vergessen • Schönere Überblendeffekte
  • 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