Drupal Image Gallery Workshop

FNTC - ICT SummitVancouver, BCMarch 18, 2010

Neskie Manuel - neskiem@gmail.comCharles BurnettPatrick Hayes

Workshop Outline

• Ubuntu LiveUSBo LAMP, Server

• Drupal CMSo Content Types (a database table)o Views (a database query)o Module o Themes

• Using Drupal to create Image Galleryo Create a content type o Install some moduleso Setup a view

Operating SystemGreat Server

LiveUSB - a persistent OS, that can be booted and installed from a USB.

Good test environment

Ubuntuhttp://ubuntu.com

Installing LAMP - sudo tasksel

Drupalhttp://drupal.org

• Content Management System• Current Version: 6• Want to display an image?

o Install a moduleo Find them at:o http://drupal.org/project/projectname

• Websiteso http://digitaldrum.ca o http://cisdemo.geomemes.orgo http://warmshowers.org o http://indigenousfoodsystems.org

Modules

• admin_menu• imageapi• imagefield• shadowbox• views• Content• filefield• imagecache• openlayers• taxonomy_image

Hands On SectionLet the fun Begin• MySQL database and user is already setup• Drupal is unzipped into /var/www• Modules unzipped into /var/wwsites/allmodules• Installing the Drupal

o databsename: drupalo username: drupalo password: ThisIsMyPassword

• Create a front page • Enable Modules

o cck, filefield, views, imagefield,...• Setup Image Gallery

Hands On Time...

== Resource Limits Section == increase memory in php.ini== file Upload Section == Increase upload size 

What Are we going to do?1. Enable Modules• Create an image content type.• - doesn't fit...hmmm..

* Create ImageCache  - create page preset scale  - Create thumbnail preset, thumbnail preset  - set display field for Teaser and Taxonomy* Create your Taxonomy* Create your Views

 

http://www.juliakm.com/using-imagecache-and-cck-imagefield-add-image-drupalInstalling LAMP and placing Drupal

1. sudo tasksel2. set password for root password: ThisIsYourPassword3. All the files serverd by apache in /var/www   that's where we will put Drupal

http://drupal.org/videocasts/installing-6ls 

Mapping!

+         =

What we are going to do:

1. Turn on some modules2. Create openlayers map preset3. Create a new OpenLayers field to store geo-data4. Add some geo data to our images!5. Clone our image view6. Configure a map view7. Styling8. Icons  - A single icon  - Your image as an icon  - Taxonomy-image as an icon (use your categories as icons)9. Future