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 YouTube5.0

2 Inhalt Projektziel Datenbank Benutzerverwaltung Videosuche Favoritenliste Design/Struktur 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 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 YouTube5.0

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

6 Datenbank Datenzugriffsobjekte Automatisierte Erstellung der Basisoperationen YouTube5.0 6

7 Benutzerverwaltung 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 YouTube5.0

13 Videoplayer & Favoritenliste YouTube Videos als einbinden YouTube5.0

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

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

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

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

18 Design/Struktur Strukturierung bisher: YouTube5.0

19 Design/Struktur Mit HTML5 Tags: YouTube5.0

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

21 Design/Struktur Beispiele hierfür sind die Types und Url Möglichkeit Platzhalter anzugeben (Name) Reguläre Ausdrücke können hinterlegt werden, gegen diese wird die Eingabe automatisch geprüft 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