SlideShare a Scribd company logo
Drupal in 1 Hour
          What, wherefore, and how.




                             #WIMPDrupal



Joshua Simmons, Co-founder of WIMP and CEO of Bluebird Interactive, Inc.
           Drupalista since 2008. Follow me @joshsimmons
Definitions: What is Drupal?
•   Content management framework
•   Open-source
•   Non-profit
•   3rd most popular CMS
•   Pronounced "droo-puhl" (it's Dutch)
•   Berkeley is ground zero
•   Built in PHP
•   SQL-friendly
•   Nginx or IIS? No problem.*
Drupal: A march of the stars.
What is it good for?
•    Communities
•    Media organizations
•    Advanced e-commerce
•    Multi-site
•    Applications
•    Systems integration
When might it be overkill?

•    Brochure websites
•    Blogs
Key Concepts:
Entities, content types, and fields
•   EntitiesUsers, nodes, taxonomy terms, products
•   NodesPage, blog entry, event, page of a book or wiki
•   Fields
    o   Core elemental fieldsText, textarea, dropdown, checkbox/radios, file
    o   Contributed fieldsNode, user, and taxonomy references; URLs; media;
        locations; dates; and phone numbers
Key Concepts:
Themes
•   Base themesZen, Omega, AdaptiveTheme, Zentropy
•   Off the shelfCorolla, Sky, TouchPro, Danland,
    Acquia Marina, Acquia Prosper

•   Customizing themes
    o   admin UI is full of goodies
          color palettes
          responsive breakpoints              Diagram of theme rendering process.

    o   themename.info
    o   html.tpl.php, page.tpl.php, node--typle.tpl.php, block--block--#.tpl.php

•   Organized into regions
    o   blocks
Key Concepts:
Blocks, regions, and views
•   Blocks
    o   Types
          Packaged with modules
          Generated by views, menus
          Custom blocks by you
    o   Placement and Visibility
          Select a region
          Pages by URL matching
          Select user role(s)
•   Views moduleis a gift from the gods of basic page and the theme files
                                    Diagram
    Slices'n'dices entities every way      it's composed of.
    imaginable: blog, calendar, gallery,
    map, shopping cart, and beyond.
Key Concepts:
Views, again.
•   Not like MVC
•   Pages, blocks, feeds
    o   Slideshows, calendars
    o   Lists, grids, and tables
    o   JSON?

•   Overrides at every level
    o   Both GUI and PHP
    o   Fields, rows, containers, etc.

•   Context sensitive
    o   Can accept arguments
Key Concepts:
Modules
•   Core
    Blog, Forum, Locale, Book, Comment, Contact, Color, Search, OpenID,
    Clean URLs, RDF (great for SEO), Update Manager, Toolbar, Dashboard

•   ContributedViews, Media, Metatags, Date, Feeds, Organic Groups,
    References, Rules, Scheduler, Panels, XML sitemap, WYSIWYG, Google
    Analytics, Schema.org, Boost, Backup and Migrate, Block Revisions,
    Logintoboggan, Konami Code, Pathauto, Facebook Connect, Twitter,
    MailChimp, Google Apps, Disqus
Where do pages come from?




Entities like nodes,
users, and taxonomy
terms, mostly. They
have pages auto-
generated for them.
Views and panels
can create pages,
too.
Anatomy:
Codeless Blog w/ Gallery
•   base theme & theme
•   modulesViews, Blog, Views Slideshow,
    Views Slideshow Galleria, Date, WYSIWYG,
    Entity, File Entity, Print, Token, Media, XML
    sitemap

•   content types & fieldsBasic
    Page, Blog Entry, Gallery Image

•   viewsBlog Listing, Monthly Blog Archive,
    Gallery?
Anatomy:
WIMP website
•   AdaptiveTheme & WIMP subtheme
•   content types & fieldsBasic Page, Book Page,
    Blog Entry, Events, Job Listings, Webform

•   viewsevent listing page, upcoming event block, job
    listing*, member listing

•   modules and custom moduleProfile2,
    Webforms, Commerce & Commerce Stripe, Subscription,
    Scheduler, Field Collection, Rules, Feeds, Getlocations,
    Disqus, Google Analytics, Twitter Pull, Meetup Event
    Importer*, Autocomplete Deluxe, MailChimp, Media,
    References, References Dialog, Schema.org, Superfish,
    Views, WYSIWYG (with CKEditor)
Before Building a Site
  •   What content types and fields?
  •   How will the data get in? (Forms)
  •   How will the data get out? (Views)
  •   Who may create/view/delete data?
      (Permissions)
  •   What additional functionality? (Modules)
•     How can we make it pretty? (Theming)



Intro to Drupal 7 Architecture, pg 31
Key Concepts:
Distributions
Commerce Kickstart - e-commerce
Drupal Commons - community
OpenAtrium - intranet & team portal
Spark - Drupal 8 UX experiment in D7
COD - conferences


OpenAid - collaborative aid deployment tool
OpenOutreach - nonprofits & grassroots orgs
OpenDeals - Drupal, Groupon-style
OpenPublish - for newspapers & media
OpenPublic - for government
One Page CV - do I really need to explain?
Videola - IPTV platform (think: Hulu or Lynda)
It's Not All Rainbows & Unicorns
PRO                                  CON

•   each new version is rethought    •   familiar, yet different
•   open-source                      •   learning curve
•   security                         •   learning curve... every version
•   multi-user                       •   less out-of-the-box-y
•   multi-site                       •   power hungry
•   internationalization             •   can easily pwn shared hosts
•   persistent references            •   lots o' files -- encumbers source
•   portable                             controlfrustrates front-end
•   content first approach               coders, developers that dislike
•   command line admina favorite         PHP, MVC practitioners,
    of database designers,               shared web hosting packages,
    command line ninjas, security        and minimalists
    nuts, integration specialists,
    and people who love Legos
Resources
•   Sonoma County Drupal User Group (&
    SF)Monthly on the Tuesday before WIMP at
    6pmwww.meetup.com/socodrupal &
    www.facebook.com/groups/socodrupal

•   2012 BADCamp in Berkeley, November 1-
    4many DrupalCamps, DrupalCons, and Drupal User Groups available
•   Drupal.orgonline wiki, code repository, groups, and IRC channels
•   Lullabotwww.lullabot.com
•   Case studieswww.drupal.org/case-studies
•   Acquia and Drupal Gardens
Really need a convincing argument? Drupal has a wiki page for that:
Resources: Drupalistas in WIMP
•   Bill Dornbush
•   Dale Geist
•   Debbie Smith
•   Linda Philips Blue
•   Scott Hildebrand
•   Nick Topolos
•   ... and yours truly ;-)
Drupal in 4 Hours
Dive into Drupal and build something!
 This Friday at 2pm! Bring a laptop.




                    Check out my blog, Skepti.ca!


 Joshua Simmons, Co-founder of WIMP and CEO of Bluebird Interactive.
           Drupalista since 2008. Follow me @joshsimmons
Extra Resources
San Francisco Drupal Users Group
http://www.meetup.com/SFDUG-San-Francisco-Drupal-Users-group/
Theme Hook Reference (File Names)
http://drupal.org/node/1089656
Form API Reference
http://api.drupal.org/api/drupal/developer!topics!forms_api_reference.html/7
Sampe Data Architecture (Content Types, Fields, and Taxonomies)
http://u.gob.lu/RWleqQ
Theme Rendering Process Diagram
http://john.albin.net/drupal/arrays-of-doom
Grok Drupal 7 Theming (Page Template File Diagram)
http://pingv.com/blog/grok-drupal-7-theming-update
Intro to Drupal 7 Architecture
http://www.ent.iastate.edu/it/Intro_to_Drupal_7_Architecture.pdf


BOOKS
PHP for Drupal Designers
Using Drupal
Extra Resources
How-To: Build a Slideshow with Views Slideshow (in this example, testimonials)
http://www.ostraining.com/blog/drupal/views-slideshow-in-drupal-7/
WSJ Article about NYSE's Use of Drupal
http://blogs.wsj.com/cio/2012/05/28/nyse-relies-on-open-source-for-growth/
Drupal System Requirements
http://drupal.org/requirements

More Related Content

PDF
Introduction to Drupal
PPT
Intro to drupal
PPTX
Drupal Skils Lab 302Labs
PDF
JavaScript Libraries (Ajax Exp 2006)
PPTX
Drupal architectures for flexible content - Drupalcon Barcelona
PDF
Oxford DrupalCamp 2012 - The things we found in your website
PPT
How to "Hack" the DSpace Community
PPTX
One Drupal to rule them all - Drupalcamp London
Introduction to Drupal
Intro to drupal
Drupal Skils Lab 302Labs
JavaScript Libraries (Ajax Exp 2006)
Drupal architectures for flexible content - Drupalcon Barcelona
Oxford DrupalCamp 2012 - The things we found in your website
How to "Hack" the DSpace Community
One Drupal to rule them all - Drupalcamp London

What's hot (20)

PDF
Drupal content editor flexibility
PPTX
Drupal: Northeastern University Libraries website
PDF
My site is slow
PPT
The things we found in your website
KEY
Open Source CMS Playroom
PDF
Evolution of Drupal and the Drupal community
PPT
Introducing the New DSpace User Interface
PDF
Joomla Day Chicago 2015 State of the Joomla! Union
PDF
DSpace RoadMap 2011
PPTX
History of Drupal: From Drop 1.0 to Drupal 8
KEY
Getting started with CSS frameworks using Zurb foundation
KEY
Introduction to Drupal
PPTX
The Malvern Red & Black Society: A WordPress Success Story
PPTX
WordPress intro
PDF
WordPress Can Do That
PDF
Drupal 8 Basic Training - DrupalEurope 2018 - Maarten De Block
PPT
Drupal: an Overview
PDF
My Site is slow - Drupal Camp London 2013
PDF
Apcug 2011 07-17-intro_to_drupal_jeff_schuler
PDF
Responsive Web Design using ZURB Foundation
Drupal content editor flexibility
Drupal: Northeastern University Libraries website
My site is slow
The things we found in your website
Open Source CMS Playroom
Evolution of Drupal and the Drupal community
Introducing the New DSpace User Interface
Joomla Day Chicago 2015 State of the Joomla! Union
DSpace RoadMap 2011
History of Drupal: From Drop 1.0 to Drupal 8
Getting started with CSS frameworks using Zurb foundation
Introduction to Drupal
The Malvern Red & Black Society: A WordPress Success Story
WordPress intro
WordPress Can Do That
Drupal 8 Basic Training - DrupalEurope 2018 - Maarten De Block
Drupal: an Overview
My Site is slow - Drupal Camp London 2013
Apcug 2011 07-17-intro_to_drupal_jeff_schuler
Responsive Web Design using ZURB Foundation
Ad

Viewers also liked (9)

DOC
Steve Sugulas Cloud)Virtualization Demands White Paper
DOC
Peter Demo Resume Jun10
PPS
Choosing What to Hold and What to Fold: Database Quality Decisions in Tough ...
PPTX
Youth Leadership in Limestone County
DOC
1 a steve sugulas value proposition of skills
DOC
1 aa stevesugulas_oil_gas_utility_white paper
DOC
Steve sugulas primeleadership
PPT
設計流程
DOC
Offshore Projects
Steve Sugulas Cloud)Virtualization Demands White Paper
Peter Demo Resume Jun10
Choosing What to Hold and What to Fold: Database Quality Decisions in Tough ...
Youth Leadership in Limestone County
1 a steve sugulas value proposition of skills
1 aa stevesugulas_oil_gas_utility_white paper
Steve sugulas primeleadership
設計流程
Offshore Projects
Ad

Similar to Drupal In 1 Hour (20)

PDF
Fastest Way to DRUPAL
PDF
Drupal Recipe
PPT
Drupal for Non-Wimpy Librarians (ILEAD U 2011)
PDF
Drupal in-depth
PPT
Drupal101
PDF
Getting Started with Drupal - Handouts
PPT
Drupal for rlace
KEY
Drupal in 30 Minutes
PDF
October 2014 - USG Rock Eagle - Drupal 101
PPTX
Drupal Overview For Techies
PPTX
72d5drupal
PDF
Introduction to Drupal for Absolute Beginners
ODP
Drupal in 5mins + Previewing Drupal 8.x
PDF
Drupal as a Rapid Application Development (RAD) Framework for Startups
KEY
WordPress & Other Content Management Systems
PPTX
Intro to Drupal Slides - DrupalCampSC 2014
PPT
Drupal intro
PPT
Drupal intro
PPT
Open Source Content Management Systems
PDF
Scale Conference "Intro to Drupal" Douglas C. Hoffman
Fastest Way to DRUPAL
Drupal Recipe
Drupal for Non-Wimpy Librarians (ILEAD U 2011)
Drupal in-depth
Drupal101
Getting Started with Drupal - Handouts
Drupal for rlace
Drupal in 30 Minutes
October 2014 - USG Rock Eagle - Drupal 101
Drupal Overview For Techies
72d5drupal
Introduction to Drupal for Absolute Beginners
Drupal in 5mins + Previewing Drupal 8.x
Drupal as a Rapid Application Development (RAD) Framework for Startups
WordPress & Other Content Management Systems
Intro to Drupal Slides - DrupalCampSC 2014
Drupal intro
Drupal intro
Open Source Content Management Systems
Scale Conference "Intro to Drupal" Douglas C. Hoffman

Drupal In 1 Hour

  • 1. Drupal in 1 Hour What, wherefore, and how. #WIMPDrupal Joshua Simmons, Co-founder of WIMP and CEO of Bluebird Interactive, Inc. Drupalista since 2008. Follow me @joshsimmons
  • 2. Definitions: What is Drupal? • Content management framework • Open-source • Non-profit • 3rd most popular CMS • Pronounced "droo-puhl" (it's Dutch) • Berkeley is ground zero • Built in PHP • SQL-friendly • Nginx or IIS? No problem.*
  • 3. Drupal: A march of the stars.
  • 4. What is it good for? • Communities • Media organizations • Advanced e-commerce • Multi-site • Applications • Systems integration When might it be overkill? • Brochure websites • Blogs
  • 5. Key Concepts: Entities, content types, and fields • EntitiesUsers, nodes, taxonomy terms, products • NodesPage, blog entry, event, page of a book or wiki • Fields o Core elemental fieldsText, textarea, dropdown, checkbox/radios, file o Contributed fieldsNode, user, and taxonomy references; URLs; media; locations; dates; and phone numbers
  • 6. Key Concepts: Themes • Base themesZen, Omega, AdaptiveTheme, Zentropy • Off the shelfCorolla, Sky, TouchPro, Danland, Acquia Marina, Acquia Prosper • Customizing themes o admin UI is full of goodies  color palettes  responsive breakpoints Diagram of theme rendering process. o themename.info o html.tpl.php, page.tpl.php, node--typle.tpl.php, block--block--#.tpl.php • Organized into regions o blocks
  • 7. Key Concepts: Blocks, regions, and views • Blocks o Types  Packaged with modules  Generated by views, menus  Custom blocks by you o Placement and Visibility  Select a region  Pages by URL matching  Select user role(s) • Views moduleis a gift from the gods of basic page and the theme files Diagram Slices'n'dices entities every way it's composed of. imaginable: blog, calendar, gallery, map, shopping cart, and beyond.
  • 8. Key Concepts: Views, again. • Not like MVC • Pages, blocks, feeds o Slideshows, calendars o Lists, grids, and tables o JSON? • Overrides at every level o Both GUI and PHP o Fields, rows, containers, etc. • Context sensitive o Can accept arguments
  • 9. Key Concepts: Modules • Core Blog, Forum, Locale, Book, Comment, Contact, Color, Search, OpenID, Clean URLs, RDF (great for SEO), Update Manager, Toolbar, Dashboard • ContributedViews, Media, Metatags, Date, Feeds, Organic Groups, References, Rules, Scheduler, Panels, XML sitemap, WYSIWYG, Google Analytics, Schema.org, Boost, Backup and Migrate, Block Revisions, Logintoboggan, Konami Code, Pathauto, Facebook Connect, Twitter, MailChimp, Google Apps, Disqus
  • 10. Where do pages come from? Entities like nodes, users, and taxonomy terms, mostly. They have pages auto- generated for them. Views and panels can create pages, too.
  • 11. Anatomy: Codeless Blog w/ Gallery • base theme & theme • modulesViews, Blog, Views Slideshow, Views Slideshow Galleria, Date, WYSIWYG, Entity, File Entity, Print, Token, Media, XML sitemap • content types & fieldsBasic Page, Blog Entry, Gallery Image • viewsBlog Listing, Monthly Blog Archive, Gallery?
  • 12. Anatomy: WIMP website • AdaptiveTheme & WIMP subtheme • content types & fieldsBasic Page, Book Page, Blog Entry, Events, Job Listings, Webform • viewsevent listing page, upcoming event block, job listing*, member listing • modules and custom moduleProfile2, Webforms, Commerce & Commerce Stripe, Subscription, Scheduler, Field Collection, Rules, Feeds, Getlocations, Disqus, Google Analytics, Twitter Pull, Meetup Event Importer*, Autocomplete Deluxe, MailChimp, Media, References, References Dialog, Schema.org, Superfish, Views, WYSIWYG (with CKEditor)
  • 13. Before Building a Site • What content types and fields? • How will the data get in? (Forms) • How will the data get out? (Views) • Who may create/view/delete data? (Permissions) • What additional functionality? (Modules) • How can we make it pretty? (Theming) Intro to Drupal 7 Architecture, pg 31
  • 14. Key Concepts: Distributions Commerce Kickstart - e-commerce Drupal Commons - community OpenAtrium - intranet & team portal Spark - Drupal 8 UX experiment in D7 COD - conferences OpenAid - collaborative aid deployment tool OpenOutreach - nonprofits & grassroots orgs OpenDeals - Drupal, Groupon-style OpenPublish - for newspapers & media OpenPublic - for government One Page CV - do I really need to explain? Videola - IPTV platform (think: Hulu or Lynda)
  • 15. It's Not All Rainbows & Unicorns PRO CON • each new version is rethought • familiar, yet different • open-source • learning curve • security • learning curve... every version • multi-user • less out-of-the-box-y • multi-site • power hungry • internationalization • can easily pwn shared hosts • persistent references • lots o' files -- encumbers source • portable controlfrustrates front-end • content first approach coders, developers that dislike • command line admina favorite PHP, MVC practitioners, of database designers, shared web hosting packages, command line ninjas, security and minimalists nuts, integration specialists, and people who love Legos
  • 16. Resources • Sonoma County Drupal User Group (& SF)Monthly on the Tuesday before WIMP at 6pmwww.meetup.com/socodrupal & www.facebook.com/groups/socodrupal • 2012 BADCamp in Berkeley, November 1- 4many DrupalCamps, DrupalCons, and Drupal User Groups available • Drupal.orgonline wiki, code repository, groups, and IRC channels • Lullabotwww.lullabot.com • Case studieswww.drupal.org/case-studies • Acquia and Drupal Gardens Really need a convincing argument? Drupal has a wiki page for that:
  • 17. Resources: Drupalistas in WIMP • Bill Dornbush • Dale Geist • Debbie Smith • Linda Philips Blue • Scott Hildebrand • Nick Topolos • ... and yours truly ;-)
  • 18. Drupal in 4 Hours Dive into Drupal and build something! This Friday at 2pm! Bring a laptop. Check out my blog, Skepti.ca! Joshua Simmons, Co-founder of WIMP and CEO of Bluebird Interactive. Drupalista since 2008. Follow me @joshsimmons
  • 19. Extra Resources San Francisco Drupal Users Group http://www.meetup.com/SFDUG-San-Francisco-Drupal-Users-group/ Theme Hook Reference (File Names) http://drupal.org/node/1089656 Form API Reference http://api.drupal.org/api/drupal/developer!topics!forms_api_reference.html/7 Sampe Data Architecture (Content Types, Fields, and Taxonomies) http://u.gob.lu/RWleqQ Theme Rendering Process Diagram http://john.albin.net/drupal/arrays-of-doom Grok Drupal 7 Theming (Page Template File Diagram) http://pingv.com/blog/grok-drupal-7-theming-update Intro to Drupal 7 Architecture http://www.ent.iastate.edu/it/Intro_to_Drupal_7_Architecture.pdf BOOKS PHP for Drupal Designers Using Drupal
  • 20. Extra Resources How-To: Build a Slideshow with Views Slideshow (in this example, testimonials) http://www.ostraining.com/blog/drupal/views-slideshow-in-drupal-7/ WSJ Article about NYSE's Use of Drupal http://blogs.wsj.com/cio/2012/05/28/nyse-relies-on-open-source-for-growth/ Drupal System Requirements http://drupal.org/requirements