Successfully reported this slideshow.
Views 2
Workshop für Anfänger
Johannes
Haseitl undPaul
Johannes
Haseitl undPaul
Nick: derHasi


http://derhasi.de
twitter: @derhasi
Views 2
Views 2

drupal.org/project/views
Views 2

drupal.org/project/views
vom „Query Builder“
Views 2

drupal.org/project/views
vom „Query Builder“
zum „Master Tool“
Views 2

drupal.org/project/views
vom „Query Builder“
zum „Master Tool“
admin/build/views
Installation für jeden


 http://work2.derhasi.de/views2ws.tar.gz

 M Installationsprofile mit Demoinhalten
Aufgaben Übersicht
Aufgaben Übersicht

1. A1 einfacher NodeView als Seite: Liste aller Schauspieler
2. A2 actors als ungeordnete Liste (<ul>)...
A1: NodeView als Seite
Liste aller Schauspieler
A1: NodeView als Seite
Liste aller Schauspieler




A)Teaseransicht als Seite auf /actors
A1: NodeView als Seite
Liste aller Schauspieler




A)Teaseransicht als Seite auf /actors
B)Pager setzen
A1: NodeView als Seite
Liste aller Schauspieler




A)Teaseransicht als Seite auf /actors
B)Pager setzen
C)Pager ohne Relo...
A1: NodeView als Seite
Liste aller Schauspieler




A)Teaseransicht als Seite auf /actors
B)Pager setzen
C)Pager ohne Relo...
A2: Actors als HTML-Liste
Schauspieler in ungeordneter Liste (<ul>)
A2: Actors als HTML-Liste
Schauspieler in ungeordneter Liste (<ul>)




 (mit feld: Name(Titel), gender) => page:actors/li...
A2: Actors als HTML-Liste
Schauspieler in ungeordneter Liste (<ul>)




  (mit feld: Name(Titel), gender) => page:actors/l...
A2: Actors als HTML-Liste
Schauspieler in ungeordneter Liste (<ul>)




  (mit feld: Name(Titel), gender) => page:actors/l...
A2: Actors als HTML-Liste
Schauspieler in ungeordneter Liste (<ul>)




  (mit feld: Name(Titel), gender) => page:actors/l...
M1: Tabelle aller Filme
tabellarische Seitenansicht
M1: Tabelle aller Filme
tabellarische Seitenansicht

A) (Spalten: Bild, Titel, Genre, Description(=Body)) =>
 page:movies
M1: Tabelle aller Filme
tabellarische Seitenansicht

A) (Spalten: Bild, Titel, Genre, Description(=Body)) =>
 page:movies
...
M1: Tabelle aller Filme
tabellarische Seitenansicht

A) (Spalten: Bild, Titel, Genre, Description(=Body)) =>
 page:movies
...
M1: Tabelle aller Filme
tabellarische Seitenansicht

A) (Spalten: Bild, Titel, Genre, Description(=Body)) =>
 page:movies
...
A3: Schauspieler in Filmen
Übersicht von Schauspieler zu einem Film
A3: Schauspieler in Filmen
Übersicht von Schauspieler zu einem Film




A) (Tipp: Argumente) => page:actors_of_movie
A3: Schauspieler in Filmen
Übersicht von Schauspieler zu einem Film




A) (Tipp: Argumente) => page:actors_of_movie
B) Au...
A4: Schauspieler zum Film
Ansicht beim Schauspieler-Node
A4: Schauspieler zum Film
Ansicht beim Schauspieler-Node




A) Pfad + Argumente => node/%nid/actors
A4: Schauspieler zum Film
Ansicht beim Schauspieler-Node




A) Pfad + Argumente => node/%nid/actors
B)packe es als Tab au...
M1+: Spalte ProdFirma
Neue Spalte für Produktionsfirma einfügen
M1+: Spalte ProdFirma
Neue Spalte für Produktionsfirma einfügen




A) Produktionsfirma als Titel mit Link
M1+: Spalte ProdFirma
Neue Spalte für Produktionsfirma einfügen




A) Produktionsfirma als Titel mit Link
B) Produktionsfirm...
M2: Filme d. Schauspielers
Schauspieler in der Nodeansicht vom Film
M2: Filme d. Schauspielers
Schauspieler in der Nodeansicht vom Film




A) Raster als Tab in Nodeansicht
M2: Filme d. Schauspielers
Schauspieler in der Nodeansicht vom Film




A) Raster als Tab in Nodeansicht
B) Anzeigen direk...
M2: Filme d. Schauspielers
Schauspieler in der Nodeansicht vom Film




A) Raster als Tab in Nodeansicht
B) Anzeigen direk...
M2: Suche mit Views
einfache Querysuche seitenweit zur Verfügung stellen
M2: Suche mit Views
einfache Querysuche seitenweit zur Verfügung stellen




A)Suchblock mit Titel und Body suche
A3+: Überischt erweitern
klickbare Übersicht erweitern
A3+: Überischt erweitern
klickbare Übersicht erweitern




A) mit Logos der Filme => actors_of_movie_nice
A3+: Überischt erweitern
klickbare Übersicht erweitern




A) mit Logos der Filme => actors_of_movie_nice
B) mit Glossary ...
M1++: „Filtern“ nach Jahre
Jahresfilter hinzufügen
M1++: „Filtern“ nach Jahre
Jahresfilter hinzufügen




A) „Filter“ über und unter dem View anzeigen mit
 klickbaren Jahresz...
M1++: Administration
Administrationsseiten
M1++: Administration
Administrationsseiten




A) Übersichtsseiten für bestimmte Rollen
M1++: Administration
Administrationsseiten




A) Übersichtsseiten für bestimmte Rollen
B) Nodes auf einer Seite bearbeiten
M1++: Administration
Administrationsseiten




A) Übersichtsseiten für bestimmte Rollen
B) Nodes auf einer Seite bearbeite...
Fertig ?!
Noch mehr?



 Fragen?
 Wünsche?
Fertig ?!
Noch mehr?



 Fragen?
 Wünsche?




Demnächst auf work.derhasi.de zu finden.
Views 2 Anfänger Workshop
Prochain SlideShare
Chargement dans…5
×

Views 2 Anfänger Workshop

1 458 vues

Publié le

Dies ist die Präsentation zum Views 2 Anfänger Workshop auf dem DrupalCamp in Essen 2010 (drupaletics.de).
Die Quelldaten sind auf https://github.com/derhasi/workshop_views verfügbar.

Publié dans : Technologie, Business
  • Quellcode verfügbar auf https://github.com/derhasi/workshop_views
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

Views 2 Anfänger Workshop

  1. 1. Views 2 Workshop für Anfänger
  2. 2. Johannes Haseitl undPaul
  3. 3. Johannes Haseitl undPaul Nick: derHasi http://derhasi.de twitter: @derhasi
  4. 4. Views 2
  5. 5. Views 2 drupal.org/project/views
  6. 6. Views 2 drupal.org/project/views vom „Query Builder“
  7. 7. Views 2 drupal.org/project/views vom „Query Builder“ zum „Master Tool“
  8. 8. Views 2 drupal.org/project/views vom „Query Builder“ zum „Master Tool“ admin/build/views
  9. 9. Installation für jeden http://work2.derhasi.de/views2ws.tar.gz M Installationsprofile mit Demoinhalten
  10. 10. Aufgaben Übersicht
  11. 11. Aufgaben Übersicht 1. A1 einfacher NodeView als Seite: Liste aller Schauspieler 2. A2 actors als ungeordnete Liste (<ul>) 3. M1 Tabellarische Liste aller Filme 4. A3 Übersicht Schauspieler eines Films 5. A4 Zeige alle Schauspieler eines Filmes 6. M1+ Spalte Produktsionsfirma hinzufügen 7. M2 Filme des Schauspielers 8. Suche mit Views 9. A3+ klickbare Übersicht erweitern 10. M1++ Jahresfilter hinzufügen 11. Administrationsseiten
  12. 12. A1: NodeView als Seite Liste aller Schauspieler
  13. 13. A1: NodeView als Seite Liste aller Schauspieler A)Teaseransicht als Seite auf /actors
  14. 14. A1: NodeView als Seite Liste aller Schauspieler A)Teaseransicht als Seite auf /actors B)Pager setzen
  15. 15. A1: NodeView als Seite Liste aller Schauspieler A)Teaseransicht als Seite auf /actors B)Pager setzen C)Pager ohne Reload
  16. 16. A1: NodeView als Seite Liste aller Schauspieler A)Teaseransicht als Seite auf /actors B)Pager setzen C)Pager ohne Reload D)Seite ins Menü setzen
  17. 17. A2: Actors als HTML-Liste Schauspieler in ungeordneter Liste (<ul>)
  18. 18. A2: Actors als HTML-Liste Schauspieler in ungeordneter Liste (<ul>) (mit feld: Name(Titel), gender) => page:actors/list
  19. 19. A2: Actors als HTML-Liste Schauspieler in ungeordneter Liste (<ul>) (mit feld: Name(Titel), gender) => page:actors/list A) Titel klickbar machen
  20. 20. A2: Actors als HTML-Liste Schauspieler in ungeordneter Liste (<ul>) (mit feld: Name(Titel), gender) => page:actors/list A) Titel klickbar machen B) Titel fett darstellen
  21. 21. A2: Actors als HTML-Liste Schauspieler in ungeordneter Liste (<ul>) (mit feld: Name(Titel), gender) => page:actors/list A) Titel klickbar machen B) Titel fett darstellen C)Alhabetisch sortieren
  22. 22. M1: Tabelle aller Filme tabellarische Seitenansicht
  23. 23. M1: Tabelle aller Filme tabellarische Seitenansicht A) (Spalten: Bild, Titel, Genre, Description(=Body)) => page:movies
  24. 24. M1: Tabelle aller Filme tabellarische Seitenansicht A) (Spalten: Bild, Titel, Genre, Description(=Body)) => page:movies B) Klick-Sortierbar machen: Bild und Titel in eine Spalte, Description auf 40 Zeichen kürzen mit "..." => movies_sortable
  25. 25. M1: Tabelle aller Filme tabellarische Seitenansicht A) (Spalten: Bild, Titel, Genre, Description(=Body)) => page:movies B) Klick-Sortierbar machen: Bild und Titel in eine Spalte, Description auf 40 Zeichen kürzen mit "..." => movies_sortable C)Aufteilung in Gruppen nach Genre
  26. 26. M1: Tabelle aller Filme tabellarische Seitenansicht A) (Spalten: Bild, Titel, Genre, Description(=Body)) => page:movies B) Klick-Sortierbar machen: Bild und Titel in eine Spalte, Description auf 40 Zeichen kürzen mit "..." => movies_sortable C)Aufteilung in Gruppen nach Genre D)Liste Filterbar machen über Formular, nach Genre und Titel
  27. 27. A3: Schauspieler in Filmen Übersicht von Schauspieler zu einem Film
  28. 28. A3: Schauspieler in Filmen Übersicht von Schauspieler zu einem Film A) (Tipp: Argumente) => page:actors_of_movie
  29. 29. A3: Schauspieler in Filmen Übersicht von Schauspieler zu einem Film A) (Tipp: Argumente) => page:actors_of_movie B) Auswahl des Films vor Anzeige
  30. 30. A4: Schauspieler zum Film Ansicht beim Schauspieler-Node
  31. 31. A4: Schauspieler zum Film Ansicht beim Schauspieler-Node A) Pfad + Argumente => node/%nid/actors
  32. 32. A4: Schauspieler zum Film Ansicht beim Schauspieler-Node A) Pfad + Argumente => node/%nid/actors B)packe es als Tab auf die Nodeübersicht (z.B. neben "View"/"Anzeigen")
  33. 33. M1+: Spalte ProdFirma Neue Spalte für Produktionsfirma einfügen
  34. 34. M1+: Spalte ProdFirma Neue Spalte für Produktionsfirma einfügen A) Produktionsfirma als Titel mit Link
  35. 35. M1+: Spalte ProdFirma Neue Spalte für Produktionsfirma einfügen A) Produktionsfirma als Titel mit Link B) Produktionsfirma mit Logo
  36. 36. M2: Filme d. Schauspielers Schauspieler in der Nodeansicht vom Film
  37. 37. M2: Filme d. Schauspielers Schauspieler in der Nodeansicht vom Film A) Raster als Tab in Nodeansicht
  38. 38. M2: Filme d. Schauspielers Schauspieler in der Nodeansicht vom Film A) Raster als Tab in Nodeansicht B) Anzeigen direkt auf Node Ansicht
  39. 39. M2: Filme d. Schauspielers Schauspieler in der Nodeansicht vom Film A) Raster als Tab in Nodeansicht B) Anzeigen direkt auf Node Ansicht C) views_attach
  40. 40. M2: Suche mit Views einfache Querysuche seitenweit zur Verfügung stellen
  41. 41. M2: Suche mit Views einfache Querysuche seitenweit zur Verfügung stellen A)Suchblock mit Titel und Body suche
  42. 42. A3+: Überischt erweitern klickbare Übersicht erweitern
  43. 43. A3+: Überischt erweitern klickbare Übersicht erweitern A) mit Logos der Filme => actors_of_movie_nice
  44. 44. A3+: Überischt erweitern klickbare Übersicht erweitern A) mit Logos der Filme => actors_of_movie_nice B) mit Glossary Filter im Header
  45. 45. M1++: „Filtern“ nach Jahre Jahresfilter hinzufügen
  46. 46. M1++: „Filtern“ nach Jahre Jahresfilter hinzufügen A) „Filter“ über und unter dem View anzeigen mit klickbaren Jahreszahlen
  47. 47. M1++: Administration Administrationsseiten
  48. 48. M1++: Administration Administrationsseiten A) Übersichtsseiten für bestimmte Rollen
  49. 49. M1++: Administration Administrationsseiten A) Übersichtsseiten für bestimmte Rollen B) Nodes auf einer Seite bearbeiten
  50. 50. M1++: Administration Administrationsseiten A) Übersichtsseiten für bestimmte Rollen B) Nodes auf einer Seite bearbeiten C) Inhalte verwalten (Nodes veröffentlichen, User rollen zuweisen)
  51. 51. Fertig ?! Noch mehr? Fragen? Wünsche?
  52. 52. Fertig ?! Noch mehr? Fragen? Wünsche? Demnächst auf work.derhasi.de zu finden.

×