Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

YouTube5.0 Projektpräsentation Michael Baumgartner, Christoph Asanger, Matthias Lange, Thomas Ostarek, Nicole Stanek 19.12.11 1YouTube5.0.

Ähnliche Präsentationen


Präsentation zum Thema: "YouTube5.0 Projektpräsentation Michael Baumgartner, Christoph Asanger, Matthias Lange, Thomas Ostarek, Nicole Stanek 19.12.11 1YouTube5.0."—  Präsentation transkript:

1 YouTube5.0 Projektpräsentation Michael Baumgartner, Christoph Asanger, Matthias Lange, Thomas Ostarek, Nicole Stanek 19.12.11 1YouTube5.0

2 Inhalt Projektziel Datenbank Benutzerverwaltung Videosuche Favoritenliste Design/Struktur 19.12.11 2 YouTube5.0

3 Projektziel Erstellung einer HTML 5 – Website Suche nach YouTube-Videos Abspielen der gefundenen Videos Registrierung und Benutzeranmeldung Persönliche Favoritenliste Sortierbar per Drag & Drop 19.12.11 3 YouTube5.0

4 Datenbank Erstellung der benötigten Tabellen mit SQL Nutzung der JPA-Schnittstelle Zuordnung und Übertragung der Objekte zu den zugehörigen Datenbankeinträgen Konfigurationsdatei: Persistence.xml 19.12.11 4 YouTube5.0

5 Datenbank Java Beans Zugehörige Java-Klassen pro Datenbanktabelle 19.12.11YouTube5.0 5

6 Datenbank Datenzugriffsobjekte Automatisierte Erstellung der Basisoperationen 19.12.11YouTube5.0 6

7 Benutzerverwaltung 19.12.11 7 YouTube5.0 Html5 Web Storage (besser als Cookies?)

8 Benutzerverwaltung Speichergröße: 5 MB Key/Value Paare (Strings) Client-side Interface Web Storage Event Session StorageLocal Storage Pro Tab/WindowPro Browser Sessiondauer

9 Benutzerverwaltung - Instanz von FacesContext holen - Erzeugen von Data Access Objekt - User aus der Datenbank laden

10 Benutzerverwaltung - Javascript Aufruf an FacesContext hinzufügen - Wird am Ende der Requestverarbeitung ausgeführt - Setzt Eintrag in Session Storage

11 Benutzerverwaltung - Lösche Einträge aus der Session Storage -Auslesen aus Session Storage -Redirect auf Mainseite

12 Videosuche 19.12.11 12 YouTube5.0

13 Videoplayer & Favoritenliste YouTube Videos als einbinden 19.12.11 13 YouTube5.0

14 Videoplayer & Favoritenliste HTML5 Drag&Drop Events 19.12.11YouTube5.0 14

15 Videoplayer & Favoritenliste Ein Element dragbar machen und Attribute für drag-Events setzen: 19.12.11YouTube5.0 15

16 Videoplayer & Favoritenliste Aufruf der Funktion dragStart() 19.12.11YouTube5.0 16

17 Design/Struktur Neue Tags in HTML5 zur Seitenstrukturierung Bisher Verwendung von DIV-Containern Jetzt mehr Übersichtlichkeit durch Einführung der Tags 19.12.11 17 YouTube5.0

18 Design/Struktur Strukturierung bisher: 19.12.11 18 YouTube5.0

19 Design/Struktur Mit HTML5 Tags: 19.12.11 19 YouTube5.0

20 Design/Struktur Praktische neue Funktionalität stellen die erweiterten Input Types für Formulare dar, z.B.: Email Url Tel Number... Einige der neuen Types bringen automatisch Validierungsfunktionalität mit sich, ohne weiteren Code (wie etwa JavaScript) zu benötigen 19.12.11 20 YouTube5.0

21 Design/Struktur Beispiele hierfür sind die Types Email und Url Möglichkeit Platzhalter anzugeben (Name) Reguläre Ausdrücke können hinterlegt werden, gegen diese wird die Eingabe automatisch geprüft 19.12.11 21 YouTube5.0


Herunterladen ppt "YouTube5.0 Projektpräsentation Michael Baumgartner, Christoph Asanger, Matthias Lange, Thomas Ostarek, Nicole Stanek 19.12.11 1YouTube5.0."

Ähnliche Präsentationen


Google-Anzeigen