scale conference "intro to drupal" douglas c. hoffman
DESCRIPTION
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 [email protected] www.The-Lakewood-Group.com LinkedIn – www.LinkedIn.com/in/DouglasCHoffman Groups.Drupal.org – douglaschoffman Twitter – @douglaschoffman Skype – DougHoffmanTRANSCRIPT
INTRO TO DRUPAL
Douglas C. Hoffmandrupal.org [email protected]/in/[email protected]@customersuccessmarketing.com
February 23, 2013
AGENDA• Drupal Overview• Site Building• Theming• Module Development• Q & A
ADVENTURE TRAVELToursGuidesMapBlogAboutFeedbackContact Us
WHAT DO THESE THREE THINGS HAVE IN COMMON?
douglaschoffman.com/downloads.html
http://www.youtube.com/watch?v=rF1X12PE6PY
WHAT IS DRUPAL? DRIES BUYTAERTDries started a smallbulletin board for his friends. He calledit "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.
WHO, WHAT & WHERE IS DRUPAL?
DRUPAL POWERS 20% OF TOP 10,000
The Economist20‐30 million page views per month and 3‐4 million unique visitors per month
Over 3 million registered usersPosting rate exceeds a comment per minute
WHO, WHAT & WHERE IS DRUPAL?
Fast Company15 million unique visitors per month
WHO, WHAT & WHERE IS DRUPAL?
Symantec Connect3,000,000+ unique page views each month
More than 206,000+ registered usersContent base with 600,000+ combined nodes and comment
WHO, WHAT & WHERE IS DRUPAL?
WhiteHouse.orgOther Government Sites
Dept. of Commerce, World Economic forum, US House of Representatives
WHO, WHAT & WHERE IS DRUPAL?
Federal IT DashboardFederal government technology investment information ‐ $75 billion budget
Contributed back to the Drupal open source organization ‐ http://drupal.org/node/1100308
WHO, WHAT & WHERE IS DRUPAL?
WHO, WHAT & WHERE IS DRUPAL?
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
SITE BUILD IN 7 EASY STEPSStep 1 – Install Drupal, Modules and LibsStep 2 – Content types, Fields and TaxonomyStep 3 – User, Roles and PermissionsStep 4 – Themes, Blocks, Regions and MenusStep 5 – ViewsStep 6 – Other stuff: Image Styles, Pathauto,
Webforms and CAPTCHAStep 7 ‐ Themes
STEP 1 – GET DRUPAL RUNNINGSetup a development environmentCreate an empty mySQL database
Download Drupal core, modules and themesDownload javascript libraries
Load files into your development environmentRun Drupal installation script
Setup WYSISYG editor
LAMP/WAMP/MAMP ARCHITECTURE
L – LinuxW – WindowsM – Mac OSA – Apache M – MySQLP – PHP
ARCHITECTURE – DON’T HACK CORE!
ARCHITECTURE – DON’T HACK CORE!
LOCAL DEVELOPMENT ENVIRONMENT
WAMP Server Acquia Dev Desktop
DRUPAL MODULES
STEP 2 – CONTENT TYPES, FIELDSAND TAXONOMY
STEP 2 – CONTENT TYPES, FIELDSAND TAXONOMY
STEP 3 – USERS, ROLES,AND PERMISSIONS
STEP 4 – THEMES, BLOCKS,REGIONS AND MENUS
STEP 4 – THEMES, BLOCKS,REGIONS AND MENUS
STEP 4 – THEMES, BLOCKS,REGIONS AND MENUS
STEP 4 – THEMES, BLOCKS,REGIONS AND MENUS
STEP 4 – THEMES, BLOCKS,REGIONS AND MENUS
STEP 5 – VIEWS
STEP 5 – VIEWS
STEP 5 – VIEWS
STEP 5 – VIEWS
STEP 5 – VIEWS
STEP 5 – VIEWS
STEP 6 – IMAGE STYLES, PATHAUTO, WEBFORMS AND CAPTCHA
STEP 6 – IMAGE STYLES, PATHAUTO, WEBFORMS AND CAPTCHA
STEP 6 – IMAGE STYLES, PATHAUTO, WEBFORMS AND CAPTCHA
STEP 6 – IMAGE STYLES, PATHAUTO, WEBFORMS AND CAPTCHA
STEP 7 – PICK A THEME
Contributed ThemesStarter Themes
Themes from scratchPHPTemplate Engine
Templates files and template suggestionsTemplate.php
STEP 7 – PICK A THEME
SOME THEMES ARE COMPLETE
STEP 7 – PICK A THEMESOME THEMES ARE STARTING POINTS
STEP 7 – PICK A THEME
SOME ARE ADMINISTRATION THEMES
STEP 7 – PICK A THEME
CSSImages
JavascriptTemplates
STEP 7 – PICK A THEMETHEME .INFO FILE
Step 7 – Pick a Theme
STEP 7 – PICK A THEME
Page.tpl.phpPage.front.tpl.phpNode.tpl.phpBlock.tpl.phpComment.tpl.php
STEP 7 – PICK A THEME
TEMPLATES = PHP + HTML
<div id="header‐region" class="clear‐block"><?php print $header; ?></div>
PHP Variables:$header, $content, $footer…
STEP 7 – PICK A THEME
MODULE DEVELOPMENTDrupal Hook System
.info file + .module file + .install file (optional)DRUSH, DRUSH MAKE and GIT
EZRA GILDESGAME (ACQUIA) PRESENTATIONhttp://chicago2011.drupal.org/sessions/introd
uction‐module‐development
MODULE DEVELOPMENThttp://api.drupal.org/api/drupal
MODULE DEVELOPMENThttp://api.drupal.org/api/drupal/developer%21topics%21forms_api_reference.html/7
MODULE DEVELOPMENT
MODULE DEVELOPMENT
MODULE DEVELOPMENT
MODULE DEVELOPMENTFeatures
MODULE DEVELOPMENTExamples Module
DISTRIBUTIONSFull 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…
RESOURCES• Drupalize.com• BuildAModule.com•
GLOSSARYD.O – DRUPAL.ORGMODULES, LIBRARIES AND THEMES – CORE, CONTRIB, CUSTOMD6 (CCK), D7 (ENTITIES AND FIELDS), D8NODES – TITLE (H1) AND BODYCOMMENTS – JUST WHAT YOU THINK THEY ARE! TAXONOMY – CATEGORIZATION LISTSCONTENT TYPES – CUSTOMIZE NODES WITH FIELDSMEDIA IMAGE STYLES – IMAGE PRESETSPAGES – JUST WHAT YOU THINK THEY ARE!REGIONS – AREAS OF THE PAGE (DIV)BLOCKS – OBJECTS THAT CAN BE PLACED IN REGIONSMENUS – MAIN, MANAGEMENT, NAVIGATION, USER, CUSTOMVIEWS – LISTS OF CONTENTUSERS, ROLES AND PERMISSIONS
GET INVOLVEDCreate an account on Drupal.orgParticipate in your local DUG
Become a Drupal Association memberGo to more camps!
THANKS! ENJOY SCALE!
douglaschoffman.com/downloads.htmlscale.customersuccessmarketing.com