Your SlideShare is downloading. ×
0
Drupal Image Gallery Workshop FNTC - ICT Summit Vancouver, BC March 18, 2010  Neskie Manuel - neskiem@gmail.com Charles Bu...
Workshop Outline <ul><ul><li>Ubuntu LiveUSB </li></ul></ul><ul><ul><ul><li>LAMP, Server </li></ul></ul></ul><ul><ul><li>Dr...
Operating System Great Server LiveUSB - a persistent OS, that can be booted and installed from a USB. Good test environmen...
 
Installing LAMP - sudo tasksel
Drupal http://drupal.org <ul><ul><li>Content Management System </li></ul></ul><ul><ul><li>Current Version: 6 </li></ul></u...
Modules <ul><ul><li>admin_menu </li></ul></ul><ul><ul><li>imageapi </li></ul></ul><ul><ul><li>imagefield </li></ul></ul><u...
Hands On Section <ul><li>Let the fun Begin </li></ul><ul><ul><li>MySQL database and user is already setup </li></ul></ul><...
Hands On Time...
== Resource Limits Section ==  increase memory in php.ini == file Upload Section ==  Increase upload size  
<ul><li>What Are we going to do? </li></ul><ul><ul><li>Enable Modules </li></ul></ul><ul><ul><li>Create an image content t...
  <ul><li>http://www.juliakm.com/using-imagecache-and-cck-imagefield-add-image-drupal </li></ul><ul><li>Installing LAMP an...
Mapping! +         =
What we are going to do: <ul><li>1. Turn on some modules </li></ul><ul><li>2. Create openlayers map preset </li></ul><ul><...
Upcoming SlideShare
Loading in...5
×

Drupal image gallery_workshop

480

Published on

i didn't make this, this is just a test...

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
480
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Drupal image gallery_workshop"

  1. 1. Drupal Image Gallery Workshop FNTC - ICT Summit Vancouver, BC March 18, 2010 Neskie Manuel - neskiem@gmail.com Charles Burnett Patrick Hayes
  2. 2. Workshop Outline <ul><ul><li>Ubuntu LiveUSB </li></ul></ul><ul><ul><ul><li>LAMP, Server </li></ul></ul></ul><ul><ul><li>Drupal CMS </li></ul></ul><ul><ul><ul><li>Content Types (a database table) </li></ul></ul></ul><ul><ul><ul><li>Views (a database query) </li></ul></ul></ul><ul><ul><ul><li>Module </li></ul></ul></ul><ul><ul><ul><li>Themes </li></ul></ul></ul><ul><ul><li>Using Drupal to create Image Gallery </li></ul></ul><ul><ul><ul><li>Create a content type </li></ul></ul></ul><ul><ul><ul><li>Install some modules </li></ul></ul></ul><ul><ul><ul><li>Setup a view </li></ul></ul></ul>
  3. 3. Operating System Great Server LiveUSB - a persistent OS, that can be booted and installed from a USB. Good test environment Ubuntu http://ubuntu.com
  4. 5. Installing LAMP - sudo tasksel
  5. 6. Drupal http://drupal.org <ul><ul><li>Content Management System </li></ul></ul><ul><ul><li>Current Version: 6 </li></ul></ul><ul><ul><li>Want to display an image? </li></ul></ul><ul><ul><ul><li>Install a module </li></ul></ul></ul><ul><ul><ul><li>Find them at: </li></ul></ul></ul><ul><ul><ul><li>http://drupal.org/project/projectname </li></ul></ul></ul><ul><ul><li>Websites </li></ul></ul><ul><ul><ul><li>http://digitaldrum.ca </li></ul></ul></ul><ul><ul><ul><li>http://cisdemo.geomemes.org </li></ul></ul></ul><ul><ul><ul><li>http://warmshowers.org </li></ul></ul></ul><ul><ul><ul><li>http://indigenousfoodsystems.org </li></ul></ul></ul>
  6. 7. Modules <ul><ul><li>admin_menu </li></ul></ul><ul><ul><li>imageapi </li></ul></ul><ul><ul><li>imagefield </li></ul></ul><ul><ul><li>shadowbox </li></ul></ul><ul><ul><li>views </li></ul></ul><ul><ul><li>Content </li></ul></ul><ul><ul><li>filefield </li></ul></ul><ul><ul><li>imagecache </li></ul></ul><ul><ul><li>openlayers </li></ul></ul><ul><ul><li>taxonomy_image </li></ul></ul>
  7. 8. Hands On Section <ul><li>Let the fun Begin </li></ul><ul><ul><li>MySQL database and user is already setup </li></ul></ul><ul><ul><li>Drupal is unzipped into /var/www </li></ul></ul><ul><ul><li>Modules unzipped into /var/wwsites/allmodules </li></ul></ul><ul><ul><li>Installing the Drupal </li></ul></ul><ul><ul><ul><li>databsename: drupal </li></ul></ul></ul><ul><ul><ul><li>username: drupal </li></ul></ul></ul><ul><ul><ul><li>password: ThisIsMyPassword </li></ul></ul></ul><ul><ul><li>Create a front page </li></ul></ul><ul><ul><li>Enable Modules </li></ul></ul><ul><ul><ul><li>cck, filefield, views, imagefield,... </li></ul></ul></ul><ul><ul><li>Setup Image Gallery </li></ul></ul>
  8. 9. Hands On Time...
  9. 10. == Resource Limits Section == increase memory in php.ini == file Upload Section == Increase upload size  
  10. 11. <ul><li>What Are we going to do? </li></ul><ul><ul><li>Enable Modules </li></ul></ul><ul><ul><li>Create an image content type. </li></ul></ul><ul><ul><li>- doesn't fit...hmmm.. </li></ul></ul><ul><li>* Create ImageCache </li></ul><ul><li>  - create page preset scale </li></ul><ul><li>  - Create thumbnail preset, thumbnail preset </li></ul><ul><li>  - set display field for Teaser and Taxonomy </li></ul><ul><li>* Create your Taxonomy </li></ul><ul><li>* Create your Views </li></ul>
  11. 12.   <ul><li>http://www.juliakm.com/using-imagecache-and-cck-imagefield-add-image-drupal </li></ul><ul><li>Installing LAMP and placing Drupal 1. sudo tasksel 2. set password for root password: ThisIsYourPassword 3. All the files serverd by apache in /var/www    that's where we will put Drupal http://drupal.org/videocasts/installing-6ls   </li></ul>
  12. 13. Mapping! +         =
  13. 14. What we are going to do: <ul><li>1. Turn on some modules </li></ul><ul><li>2. Create openlayers map preset </li></ul><ul><li>3. Create a new OpenLayers field to store geo-data </li></ul><ul><li>4. Add some geo data to our images! </li></ul><ul><li>5. Clone our image view </li></ul><ul><li>6. Configure a map view </li></ul><ul><li>7. Styling </li></ul><ul><li>8. Icons </li></ul><ul><li>   - A single icon </li></ul><ul><li>   - Your image as an icon </li></ul><ul><li>   - Taxonomy-image as an icon (use your categories as icons) </li></ul><ul><li>9. Future </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×