productivity without limits cck, views & panels

Productivity without limits CCK, VIEWS & PANELS

First edition

Drupalcamp Vienna 2009

Hagen Graf

http://cocoate.com

http://twitter.com/hagengraf

DrupalCamp Vienna, Nov. 09 cocoate.com 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 :-) )

DrupalCamp Vienna, Nov. 09 cocoate.com 3

I assume this is not like you :-)

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

DrupalCamp Vienna, Nov. 09 cocoate.com 4

Better?

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

DrupalCamp Vienna, Nov. 09 cocoate.com 5

The client often wants to havesomething very complicated

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

DrupalCamp Vienna, Nov. 09 cocoate.com 6

Client's focus 1Quality

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

DrupalCamp Vienna, Nov. 09 cocoate.com 7

Client's focus 2

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

Fast completion

DrupalCamp Vienna, Nov. 09 cocoate.com 8

Client's focus 3

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

Cheap

DrupalCamp Vienna, Nov. 09 cocoate.com 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 :-) )

DrupalCamp Vienna, Nov. 09 cocoate.com 10

One possible solution

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

DrupalCamp Vienna, Nov. 09 cocoate.com 11

Problems• Module updates

• Core hacking

• Scalability

• Costs

• Communication

• Documentation

• Finding developers

DrupalCamp Vienna, Nov. 09 cocoate.com 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

DrupalCamp Vienna, Nov. 09 cocoate.com 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 :-)

DrupalCamp Vienna, Nov. 09 cocoate.com 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

DrupalCamp Vienna, Nov. 09 cocoate.com 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

DrupalCamp Vienna, Nov. 09 cocoate.com 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...)

To install, place the entire CCK folder into your modules directory.

Go to Administer -> Site building -> Modules and enable the Content module and one or more field type modules:

DrupalCamp Vienna, Nov. 09 cocoate.com 17

Why CCK?

It has a

• text.module

• number.module

• userreference.module

• nodereference.module

for creating additional fields in content-types

DrupalCamp Vienna, Nov. 09 cocoate.com 18

Why CCK?

It has an

• optionswidget.module

• fieldgroup.module

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

DrupalCamp Vienna, Nov. 09 cocoate.com 19

Why CCK?

It has a

• content_permissions.module

for assigning field based access rights to roles

DrupalCamp Vienna, Nov. 09 cocoate.com 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

DrupalCamp Vienna, Nov. 09 cocoate.com 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

DrupalCamp Vienna, Nov. 09 cocoate.com 22

Date• A date field

DrupalCamp Vienna, Nov. 09 cocoate.com 23

File field• Upload a file

DrupalCamp Vienna, Nov. 09 cocoate.com 24

Imagefield

Use it for images

DrupalCamp Vienna, Nov. 09 cocoate.com 25

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

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

DrupalCamp Vienna, Nov. 09 cocoate.com 26

Mp3 player widget for FileField

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

http://drupal.org/project/mp3player

DrupalCamp Vienna, Nov. 09 cocoate.com 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

DrupalCamp Vienna, Nov. 09 cocoate.com 28

Embedded field

DrupalCamp Vienna, Nov. 09 cocoate.com 29

Node Relationships

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

http://drupal.org/project/noderelationships

DrupalCamp Vienna, Nov. 09 cocoate.com 30

Node Relationships

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

Node references via Popup – so cool :-)

DrupalCamp Vienna, Nov. 09 cocoate.com 31

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

DrupalCamp Vienna, Nov. 09 cocoate.com 32

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

DrupalCamp Vienna, Nov. 09 cocoate.com 33

Why using CCK?

You can fulfill the needs of your clients!

• Quality

• Fast

• Cheap

DrupalCamp Vienna, Nov. 09 cocoate.com 34

Views

“This tool is essentially a smart query builder“

merlinofchaos

http://drupal.org/project/views

DrupalCamp Vienna, Nov. 09 cocoate.com 35

Views

With views you can configure

• Pages

• Blocks

• Feeds

Based on content types and additional fields

DrupalCamp Vienna, Nov. 09 cocoate.com 36

Views Page

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

DrupalCamp Vienna, Nov. 09 cocoate.com 37

Views Block

DrupalCamp Vienna, Nov. 09 cocoate.com 38

Views Feed

DrupalCamp Vienna, Nov. 09 cocoate.com 39

Views – exposed filters

DrupalCamp Vienna, Nov. 09 cocoate.com 40

The making of

DrupalCamp Vienna, Nov. 09 cocoate.com 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

DrupalCamp Vienna, Nov. 09 cocoate.com 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

DrupalCamp Vienna, Nov. 09 cocoate.com 43

Views – additional designs• Build tagclouds with views tagadelic

• Or coverflow with views imageflow

DrupalCamp Vienna, Nov. 09 cocoate.com 44

Views – additional modules

Like a swiss army knife :-)

• Views Bonus Pack

• Views Bulk Operations

DrupalCamp Vienna, Nov. 09 cocoate.com 45

Views – Theming• Reduce markup

• Introduce your own css

DrupalCamp Vienna, Nov. 09 cocoate.com 46

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

DrupalCamp Vienna, Nov. 09 cocoate.com 47

Panels

• Combining all Drupal objects on one page

• Nodes

• Blocks

• Views

• Add Content

http://drupal.org/project/panels

DrupalCamp Vienna, Nov. 09 cocoate.com 48

Panels

DrupalCamp Vienna, Nov. 09 cocoate.com 49

Behind the scenes

DrupalCamp Vienna, Nov. 09 cocoate.com 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?

DrupalCamp Vienna, Nov. 09 cocoate.com 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