productivity without limits cck, views & panels

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 :-) )

3

I assume this is not like you :-)

Photo: http://www.flickr.com/photos/awarnach/3483532628/

4

Better?

Photo: http://www.flickr.com/photos/michale/105825096/

5

The client often wants to havesomething very complicated

Photo http://www.flickr.com/photos/reinante/3746991396

6

Client's focus 1Quality

Photo http://www.flickr.com/photos/elaws/4039318594/

7

Client's focus 2

Photo http://www.flickr.com/photos/30046478@N08/3562725745/

Fast completion

8

Client's focus 3

Photo http://www.flickr.com/photos/35188692@N00/143210068/

Cheap

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 :-) )

10

One possible solution

developing, developing, developing, developing, developing, developing, developing, developing, developing, developing, developing, developing, developing, developing, developing

11

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

12

Another possible solution

● Use the drupal “lego bricks“, for exampleCCK, VIEWS & PANELS

● Learn to find the right modules● Use your developer know-how to contribute to

the drupal project and make the bricks better

13

Hint for hardcore web agencies

it is possible to earn money... by honest consulting … by using the pre-built brickseverything is more transparent to your clients and of course for you too :-)

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

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

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...)

17

Why CCK?

It has a ● text.module● number.module● userreference.module● nodereference.module

for creating additional fields in content-types

18

Why CCK?

It has an ● optionswidget.module● fieldgroup.module

for creating additional radio & checkboxes and group fields together in collapsible fieldsets

19

Why CCK?

It has a ● content_permissions.module

for assigning field based access rights to roles

20

Thank you for CCKMaintainers

The Content Construction Kit was originally developed by:

● John Van Dyk

● Jonathan Chaffer

Current maintainers:

● Karen Stevenson

● Yves Chedemois

And many other contributors

21

A few useful modules for my work

● Date● FileField● ImageField● MP3 Player

● Embedded Media Field● Node Relationships● Corresponding node

references● Node Reference URL

Widget

22

Date● A date field

23

File field● Upload a file

24

ImagefieldUse it for images

25

Gallery Widget for ImageFieldhttp://drupal.org/project/galleria

Example http://bloghouse.org/de/galerie-im-blogeintrag

26

Mp3 player widget for FileField

Example http://www.evangelisch.de/maerchen/der-mit-dem-frosch-knutscht

http://drupal.org/project/mp3player

27

Embedded field

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

http://drupal.org/project/emfield

28

Embedded field

29

Node Relationships

See also http://cocoate.com/node/463

http://drupal.org/project/noderelationships

30

Node Relationships

See also http://cocoate.com/node/463

Node references via Popup – so cool :-)

31

Node references urlhttp://drupal.org/project/nodereference_url

32

Corresponding node relationshipshttp://drupal.org/project/cnr

33

Why using CCK?

You can fulfill the needs of your clients!● Quality● Fast● Cheap

34

Views

“This tool is essentially a smart query builder“ merlinofchaos

http://drupal.org/project/views

35

Views

With views you can configure ● Pages● Blocks● Feeds

Based on content types and additional fields

36

Views Page

Example from http://eu.cocoate.com/

37

Views Blocks

38

Views Feed

39

Views – exposed filters

40

The making of

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

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

43

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

44

Views – additional modules

Like a swiss army knife :-)● Views Bonus Pack● Views Bulk Operations

45

Views – Theming● Reduce markup● Introduce your own css

46

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

47

Panels

● Combining all Drupal objects on one page● Nodes● Blocks● Views● Add Content

http://drupal.org/project/panels

48

Panels

49

Behind the scenes

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?

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