Introduction to the Drupal Open Source Content Managememt System 2/23/2013 Introduction to the Drupal open-source, content management system using a live demo in which we will demonstrate the basics of building out a Drupal web site. Are you new to Drupal, but don't know where to start? This session is for you! In 45 minutes (or less), we will install Drupal 7, build a functioning web site and deploy it live to the Internet. You will leave this session with an understanding of the foundations of Drupal site architecture. Mr. Hoffman , AKA “The Engineer That Can Talk,” helps organizations select, develop and deploy the right technology, at the right time to deliver business solutions with measureable ROI. He has deep and direct experience in web design, marketing communications, technical documentation, product marketing, project management and training. This breadth and depth of practical experience – from on-site, hands-on customer implementation projects to leading multi-million dollar enterprise business units – provides clients with a creative, business-minded, tech-savvy resource. In 2009 Mr. Hoffman got “Drupal Fever” and immersed himself in the open-source content management system’s technology and community. As an active member of the San Diego Drupal Users Group, Mr. Hoffman helps organizations large and small leverage the power of Drupal to build and deploy richly featured web sites in a fraction of the time and at a fraction of the cost of traditional web development practices. Douglas C. Hoffman The Engineer That Can Talk 858.442.3414 doug@customersuccessmarketing.com www.The-Lakewood-Group.com LinkedIn – www.LinkedIn.com/in/DouglasCHoffman Groups.Drupal.org – douglaschoffman Twitter – @douglaschoffman Skype – DougHoffman

1. INTRO TO DRUPAL
February 23, 2013
Douglas C. Hoffman
drupal.org douglaschoffman
@douglaschoffman
linkedin.com/in/douglaschoffman
doug@sagetree.net
doug@customersuccessmarketing.com

2. AGENDA
• Drupal Overview
• Site Building
• Theming
• Module Development
• Q & A

3. ADVENTURE TRAVEL
Tours
Guides
Map
Blog
About
Feedback
Contact Us

4. WHAT DO THESE THREE THINGS
HAVE IN COMMON?
douglaschoffman.com/downloads.html

5. http://www.youtube.com/watch?v=rF1X12PE6PY

6. WHAT IS DRUPAL? DRIES BUYTAERT
Dries started a small
bulletin board for
his friends. He called
it "dorp" the Dutch
word for village, but
a typo when he
registered the domain made it drop.org.
In 2001, Dries released it as open source and
named it Drupal which is Dutch for drop.

7. WHO, WHAT & WHERE IS DRUPAL?

8. DRUPAL POWERS 20% OF TOP 10,000

9. WHO, WHAT & WHERE IS DRUPAL?
The Economist
20‐30 million page views per month and 3‐4 million unique visitors per month
Over 3 million registered users
Posting rate exceeds a comment per minute

10. WHO, WHAT & WHERE IS DRUPAL?
Fast Company
15 million unique visitors per month

11. WHO, WHAT & WHERE IS DRUPAL?
Symantec Connect
3,000,000+ unique page views each month
More than 206,000+ registered users
Content base with 600,000+ combined nodes and comment

12. WHO, WHAT & WHERE IS DRUPAL?
WhiteHouse.org
Other Government Sites
Dept. of Commerce, World Economic forum, US House of Representatives

13. WHO, WHAT & WHERE IS DRUPAL?
Federal IT Dashboard
Federal government technology investment information ‐ $75 billion budget
Contributed back to the Drupal open source organization ‐ http://drupal.org/node/1100308

14. WHO, WHAT & WHERE IS DRUPAL?

15. THE CMS LANDSCAPE
• Drupal – “Enterprise Class”
but not for the faint of heart!
• Joomla – Chaotic code base,
big in government
• WordPress – Blogging, smaller sites,
easier to get up and running, but doesn’t
scale nor have the enterprise
development tools
• SharePoint – Corporate intranets

16. SITE BUILD IN 7 EASY STEPS
Step 1 – Install Drupal, Modules and Libs
Step 2 – Content types, Fields and Taxonomy
Step 3 – User, Roles and Permissions
Step 4 – Themes, Blocks, Regions and Menus
Step 5 – Views
Step 6 – Other stuff: Image Styles, Pathauto,
Webforms and CAPTCHA
Step 7 ‐ Themes

17. STEP 1 – GET DRUPAL RUNNING
Setup a development environment
Create an empty mySQL database
Download Drupal core, modules and themes
Download javascript libraries
Load files into your development environment
Run Drupal installation script
Setup WYSISYG editor

18. LAMP/WAMP/MAMP ARCHITECTURE
L – Linux
W – Windows
M – Mac OS
A – Apache
M – MySQL
P – PHP

19. ARCHITECTURE – DON’T HACK CORE!

20. ARCHITECTURE – DON’T HACK CORE!

21. LOCAL DEVELOPMENT ENVIRONMENT
WAMP Server Acquia Dev Desktop

22. DRUPAL MODULES

23. STEP 2 – CONTENT TYPES, FIELDS
AND TAXONOMY

24. STEP 2 – CONTENT TYPES, FIELDS
AND TAXONOMY

25. STEP 3 – USERS, ROLES,
AND PERMISSIONS

26. STEP 4 – THEMES, BLOCKS,
REGIONS AND MENUS

27. STEP 4 – THEMES, BLOCKS,
REGIONS AND MENUS

28. STEP 4 – THEMES, BLOCKS,
REGIONS AND MENUS

29. STEP 4 – THEMES, BLOCKS,
REGIONS AND MENUS

30. STEP 4 – THEMES, BLOCKS,
REGIONS AND MENUS

31. STEP 5 – VIEWS

32. STEP 5 – VIEWS

33. STEP 5 – VIEWS

34. STEP 5 – VIEWS

35. STEP 5 – VIEWS

36. STEP 5 – VIEWS

37. STEP 6 – IMAGE STYLES, PATHAUTO,
WEBFORMS AND CAPTCHA

38. STEP 6 – IMAGE STYLES, PATHAUTO,
WEBFORMS AND CAPTCHA

39. STEP 6 – IMAGE STYLES, PATHAUTO,
WEBFORMS AND CAPTCHA

40. STEP 6 – IMAGE STYLES, PATHAUTO,
WEBFORMS AND CAPTCHA

41. STEP 7 – PICK A THEME
Contributed Themes
Starter Themes
Themes from scratch
PHPTemplate Engine
Templates files and template suggestions
Template.php

42. STEP 7 – PICK A THEME
SOME THEMES ARE COMPLETE

43. STEP 7 – PICK A THEME
SOME THEMES ARE STARTING POINTS

44. STEP 7 – PICK A THEME
SOME ARE ADMINISTRATION THEMES

45. STEP 7 – PICK A THEME
CSS
Images
Javascript
Templates

46. STEP 7 – PICK A THEME
THEME .INFO FILE

47. Step 7 – Pick a Theme

48. STEP 7 – PICK A THEME
Page.tpl.php
Page.front.tpl.php
Node.tpl.php
Block.tpl.php
Comment.tpl.php

49. STEP 7 – PICK A THEME
TEMPLATES = PHP + HTML
<div id="header‐region" class="clear‐block">
<?php print $header; ?>
</div>
PHP Variables:
$header, $content, $footer…

50. STEP 7 – PICK A THEME

51. MODULE DEVELOPMENT
Drupal Hook System
.info file + .module file + .install file (optional)
DRUSH, DRUSH MAKE and GIT
EZRA GILDESGAME (ACQUIA) PRESENTATION
http://chicago2011.drupal.org/sessions/introd
uction‐module‐development

52. MODULE DEVELOPMENT
http://api.drupal.org/api/drupal

53. MODULE DEVELOPMENT
http://api.drupal.org/api/drupal/developer%21topics%21forms_api_reference.html/7

54. MODULE DEVELOPMENT

55. MODULE DEVELOPMENT

56. MODULE DEVELOPMENT

57. MODULE DEVELOPMENT
Features

58. MODULE DEVELOPMENT
Examples Module

59. DISTRIBUTIONS
Full fledged applications
• COD, Commons, OpenPublish,
OpenAtrium, Pressflow, OpenChurch,
OpenPublic, Acquia Drupal, Panopoly
• EDU – ELMS, Julio, Open Academy, Open
Scholar…
• Pub – OpenPublish, NodeStream,
ProsePoint…
• Nonprofits – CiviCRM, OpenAid,
OpenOutreach…

60. RESOURCES
• Drupalize.com
• BuildAModule.com
•

61. GLOSSARY
D.O – DRUPAL.ORG
MODULES, LIBRARIES AND THEMES – CORE, CONTRIB, CUSTOM
D6 (CCK), D7 (ENTITIES AND FIELDS), D8
NODES – TITLE (H1) AND BODY
COMMENTS – JUST WHAT YOU THINK THEY ARE!
TAXONOMY – CATEGORIZATION LISTS
CONTENT TYPES – CUSTOMIZE NODES WITH FIELDS
MEDIA IMAGE STYLES – IMAGE PRESETS
PAGES – JUST WHAT YOU THINK THEY ARE!
REGIONS – AREAS OF THE PAGE (DIV)
BLOCKS – OBJECTS THAT CAN BE PLACED IN REGIONS
MENUS – MAIN, MANAGEMENT, NAVIGATION, USER, CUSTOM
VIEWS – LISTS OF CONTENT
USERS, ROLES AND PERMISSIONS

62. GET INVOLVED
Create an account on Drupal.org
Participate in your local DUG
Become a Drupal Association member
Go to more camps!

63. THANKS!
ENJOY SCALE!
douglaschoffman.com/downloads.html
scale.customersuccessmarketing.com