1. Productivity without limits
CCK, VIEWS & PANELS
First edition
Hagen Graf
http://cocoate.com
http://twitter.com/hagengraf

2. The target group of this talk ...
has a rough idea of
● why using databases (good start)
● the idea of lego bricks (optional but helpful)
● how to find hints on drupal.org (important)
● HTML, CSS, Firefox, Firebug, FTP, Editor (important)
● PHP, GIMP, Photoshop (optional)
● being creative (not always bad)
● writing an invoice (necessary to survive :-) )
2

3. I assume this is not like you :-)
Photo: http://www.flickr.com/photos/awarnach/3483532628/
3

4. Better?
Photo: http://www.flickr.com/photos/michale/105825096/
4

5. The client often wants to have
something very complicated
Photo http://www.flickr.com/photos/reinante/3746991396
5

6. Client's focus 1
Quality
Photo http://www.flickr.com/photos/elaws/4039318594/
6

7. Client's focus 2
Fast completion
Photo http://www.flickr.com/photos/30046478@N08/3562725745/
7

8. Client's focus 3
Cheap
Photo http://www.flickr.com/photos/35188692@N00/143210068/
8

9. Your reply in the past
You can only have two of them!
• cheap & fast completion → (NO quality)
• cheap & quality → (NOT fast)
• fast completion & quality → (oh la la -
NOT cheap :-) )
9

10. One possible solution
developing, developing, developing,
developing, developing, developing,
developing, developing, developing,
developing, developing, developing,
developing, developing, developing
10

11. Problems
• Module updates
• Core hacking
• Scalability
• Costs
• Communication
• Documentation
• Finding developers
11

12. Another possible solution
● Use the drupal “lego bricks“, for example
CCK, VIEWS & PANELS
● Learn to find the right modules
● Use your developer know-how to contribute to
the drupal project and make the bricks better
12

13. Hint for hardcore web agencies
it is possible to earn money
... by honest consulting
… by using the pre-built bricks
everything is more transparent to your clients and
of course for you too :-)
13

14. Blogpost Dries - May 3, 2006 - 17:40
“We want users, not developers, to be able to
create custom content types from within
Drupal's administration interface.“
“The current code name for this project is the
"content construction kit" (CCK). The project's
goal is to allow users to create custom content
types in Drupal through the web.“
http://buytaert.net/custom-content-types
14

15. Drupal 6 core (2009)
by using a browser - you can
● create new content types
● assign access rights to different roles (create,
edit, delete)
● assign taxonomy vocabularies to your new
content type
● change the design by editing node-....tpl.php
15

16. Have you ever read README.txt?
Content Construction Kit
------------------------
NOTE: Install the advanced_help module
(http://drupal.org/project/advanced_help)
to access more help (writing still in
progress...)
16

17. Why CCK?
It has a
● text.module
● number.module
● userreference.module
● nodereference.module
for creating additional fields in content-types
17

18. Why CCK?
It has an
● optionswidget.module
● fieldgroup.module
for creating additional radio & checkboxes and
group fields together in collapsible fieldsets
18

19. Why CCK?
It has a
● content_permissions.module
for assigning field based access rights to roles
19

20. Thank you for CCK
Maintainers
The Content Construction Kit was originally developed by:
● John Van Dyk
● Jonathan Chaffer
Current maintainers:
● Karen Stevenson
●
Yves Chedemois
And many other contributors
20

21. A few useful modules for my work
● Date ● Embedded Media Field
● FileField ● Node Relationships
● ImageField ● Corresponding node
references
● MP3 Player
● Node Reference URL
Widget
21

22. Date
● A date field
22

23. File field
● Upload a file
23

24. Imagefield
Use it for
images
24

25. Gallery Widget for ImageField
http://drupal.org/project/galleria
Example http://bloghouse.org/de/galerie-im-blogeintrag
25

26. Mp3 player widget for FileField
http://drupal.org/project/mp3player
Example http://www.evangelisch.de/maerchen/der-mit-dem-frosch-knutscht
26

27. Embedded field
http://drupal.org/project/emfield
Video: Blip.TV, Brightcove, Daily Motion, Google,
Guba, JumpCut, imeem, Lastfm, LiveVideo,
MetaCafe, MySpace, Revver, SevenLoad,
Spike.TV, Tudou, Veoh, Vimeo, YouTube, Local
videos (when already uploaded in the files
directory)
Image: Flickr, ImageShack, PhotoBucket, Picasa
Audio: Odeo, Podcast Alley, podOmatic
27

28. Embedded field
28

29. Node Relationships
http://drupal.org/project/noderelationships
See also http://cocoate.com/node/463
29

30. Node Relationships
Node references via Popup – so cool :-)
See also http://cocoate.com/node/463
30

31. Node references url
http://drupal.org/project/nodereference_url
31

32. Corresponding node relationships
http://drupal.org/project/cnr
32

33. Why using CCK?
You can fulfill the needs of your clients!
● Quality
● Fast
● Cheap
33

34. Views
“This tool is essentially a smart query builder“
merlinofchaos
http://drupal.org/project/views
34

35. Views
With views you can configure
● Pages
● Blocks
● Feeds
Based on content types and additional fields
35

36. Views Page
Example from http://eu.cocoate.com/
36

37. Views Blocks
37

38. Views Feed
38

39. Views – exposed filters
39

40. The making of
40

41. Views Relationships
Imagine a photo db in a newspaper
● Content-type photo
● Content-type article
● Node reference on photo-ID
● Result could be a list of articles with photos
from the photo content-type
41

42. Views Parameter
Imagine a used car dealer
● Cars on different places
● He wants to have blocks on his website with
cars related to places
● Or blocks with places related to the car :-)
● Parameters are coming from the URL
42

43. Views – additional designs
● Build tagclouds with views tagadelic
● Or coverflow with views imageflow
43

44. Views – additional modules
Like a swiss army knife :-)
● Views Bonus Pack
● Views Bulk Operations
44

45. Views – Theming
● Reduce markup
● Introduce your own css
45

46. Thank you for views & panels
● Earl Miles, Sony, many contributors
46

47. Panels
http://drupal.org/project/panels
● Combining all Drupal objects on one page
● Nodes
● Blocks
● Views
● Add Content
47

48. Panels
48

49. Behind the scenes
49

50. I could talk hours about this ...
But when I created this slide I realized ...
● It's more fun to try something in real time
● Unfortunately not in this talk
● But we can try here at the camp
● Any questions so far?
50

51. Thank you very much!
have fun using CCK, VIEWS an PANELS
Hagen Graf
hagen.graf@gmail.com
http://cocoate.com
http://twitter.com/hagengraf
51