Drupal Image Gallery Workshop
FNTC - ICT SummitVancouver, BCMarch 18, 2010
Neskie Manuel - [email protected] 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
Top Related