Drupal Bootcamp Building Your Exhibition Website Sgt. Edward “Killer” Bachta Pfc. Robert Stein The Indianapolis Museum of Art

What is Drupal? Drupal is an open source content management system (CMS) Easy to use Dozens of add-on modules Flexible Theming Build your own modules

Drupal is an open source content management system (CMS)

Easy to use

Dozens of add-on modules

Flexible Theming

Build your own modules

Separate Interface & Implementation Why do we use it?

Separate Interface & Implementation

Why do we use it? Supports many authors

Supports many authors

Flexible

Drupal Installation Requirements (L|W|M|S)AMP stack PHP 5.2 or higher MySQL 4.1 or higher Available at sites like Bitnami Install process: Extract the Drupal install Create the database Run /install.php & configure

Requirements

(L|W|M|S)AMP stack

PHP 5.2 or higher

MySQL 4.1 or higher

Available at sites like Bitnami

Install process:

Extract the Drupal install

Create the database

Run /install.php & configure

Creating Content What can you do out of the box? Pages, stories How to add and manage content Check out the front page How to assign a front page

What can you do out of the box?

Pages, stories

How to add and manage content

Check out the front page

How to assign a front page

Working with Menus Further exploration of admin menus Primary, secondary links Let’s hook in a new page…

Further exploration of admin menus

Primary, secondary links

Let’s hook in a new page…

Users and Roles Show Users and User Creation Create a Role Contributor - can create pages and stories, but nothing else…

Show Users and User Creation

Create a Role

Contributor - can create pages and stories, but nothing else…

Playing with Blocks Show Blocks Administration Left | Right | Navigation Create Flickr Block http://www.flickr.com/badge.gne

Show Blocks Administration

Left | Right | Navigation

Create Flickr Block

http://www.flickr.com/badge.gne

Modules What is a module? http://drupalmodules.com/ How to install modules

What is a module?

http://drupalmodules.com/

How to install modules

Modules Must haves & Favorites CCK & Views Devel Image cache Image field Nodewords Fivestar Plus…

Must haves & Favorites

CCK & Views

Devel

Image cache

Image field

Nodewords

Fivestar

Plus…

Modules reCAPTCHA

reCAPTCHA

Modules tinyMCE

tinyMCE

QUESTIONS?

BREAK

Themes Drupal has the ability to have multiple themes. Demo switching themes Finding Themes http:// drupal.org /project/Themes http:// themegarden.org Install a theme

Drupal has the ability to have multiple themes.

Demo switching themes

Finding Themes

http:// drupal.org /project/Themes

http:// themegarden.org

Install a theme

CSS & Templates Step through CSS and Page template Underlying Structure Images are your friends

Step through CSS and Page template

Underlying Structure

Images are your friends

More About Themes http://tips.webdesign10.com/how-to-make-a-drupal-theme http:// drupal.org/phptemplate

http://tips.webdesign10.com/how-to-make-a-drupal-theme

http:// drupal.org/phptemplate

Content Types What is a content type? How to create a content type Adding fields Managing fields Displaying fields Customizing display Creating a template node-object.tpl.php

What is a content type?

How to create a content type

Adding fields

Managing fields

Displaying fields

Customizing display

Creating a template

node-object.tpl.php

Views Organizing content Exploring the object gallery view Page, block, and menu output Filtering / Sorting Changes in Drupal 6 Interface upgrade Choosing fields to display

Organizing content

Exploring the object gallery view

Page, block, and menu output

Filtering / Sorting

Changes in Drupal 6

Interface upgrade

Choosing fields to display

Categories Allow organization of content by taxonomy Multiple vocabularies Single or multiple inheritance Fixed and free term assignment Let’s create a vocabulary…

Allow organization of content by taxonomy

Multiple vocabularies

Single or multiple inheritance

Fixed and free term assignment

Let’s create a vocabulary…

Leveraging API’s How to add “mash-up” code Insert PHP into node content Best for simple code on a single page Create custom node templates Complex code Code that operates on more than 1 page Create a module Creating your own API Code that operates on various types Code that relies on additional data

How to add “mash-up” code

Insert PHP into node content

Best for simple code on a single page

Create custom node templates

Complex code

Code that operates on more than 1 page

Create a module

Creating your own API

Code that operates on various types

Code that relies on additional data

jQuery Examples Use jQuery to spice up your site Do crazy stuff with HTML elements Hide / Show and other effects Adding & removing content All via a powerful selector syntax The power of AJAX Update data without forms Pull data from the back end Render updated content

Use jQuery to spice up your site

Do crazy stuff with HTML elements

Hide / Show and other effects

Adding & removing content

All via a powerful selector syntax

The power of AJAX

Update data without forms

Pull data from the back end

Render updated content

Recommendations

Lullabot podcasts

Lullabot podcasts

QUESTIONS?