SlideShare a Scribd company logo
1 of 32
What is Drupal?

   Content Management System (CMS)
       Framework – Content Management Framework
        (CMF)
       Open Source
       Web Application Framework – Written in PHP
           A way for developers and non-developers alike to
            manage content. Uses control panels rather than
            straight code.
A Brief History

   Created as a bulletin board for a College
    student and his friends
   Created by Dries Buytaert from Antwerp,
    Belgium
   Open Sourced in 2001
   Derived from “Druppel”, the Dutch word for
    “Drop” which also means village.
Drupal Community

   Now a large community of developers and
    designers all work on Drupal and talk to each
    other
       Conferences – DrupalCon
       Un-conferences – DrupalCamps
       Meetups, etc...
Planning your site

   Prepare the concept of your website:
       Whats the main idea? Figure out what kind of
        content you want to serve. **CONTENT IS KING**
       Create a basic sitemap and features list
       Go shopping for:
           Modules
           Themes
Drupal builds your pages
                                                                               Heres your data




           I want
   www.columbuslibrary.org



                                            Ok, I have that   Give me data
                                                              So I can build
                                                                The page




                                            <HTML>                                                Are there any
        Web visitor                                                                              special things I
                                                                                                   need to do?

                             Here's your page, bye
Drupal from 1,000 feet

Presentation
   Designer          View       themes

Logic
   Developer       Controller   modules

Data
   Administrator    Model       configuration
How Drupal Works

   Technology Stack
   Architecture
   System
   Content
   Users & Roles
   Modules
   Presentation
The Stack
Platform Agnostic

   Allows for modularity and extensibility
   You can install:
       Apache / IIS / Unix / Linux / BSD / Solaris /
        Windows / Mac OS X
       Database Independence (although MySQL
        preferred)
Architecture
System

   Modules
   File Layout
Drupal Vocabulary

   Node (Content)
   Content Type
   Taxonomy/Vocabulary (Categorization)
   Menu (Navigations/lists)
   Region
   Block
   Page
Drupal Vocabulary
   Role
   Permission
   Theme
   Module

   Views
Content

   Nodes & Comments
   Content Types (Node Types)
   Taxonomy
What is a node?
nodes are single instances of actual content
within the site. They can be pages, events,
forum postings, and more.
 Mental model – think blog entry or a page

 All content (node) types have these fields:

   Title
   Authored by

   Date created

  • Date last updated
Taxonomy

   Classify nodes
       One or more vocabularies
       Each on can be controlled or free-text
   Displayed when nodes are displayed
Taxonomy
   Hierarchical Relationships
    (Controlled)
                      Jedi                                     Sith




         Knight                      Master           Appren          Lord
                                                      tice

Laotah       Anakin          Mace             Obi
             Skywal          Windu            Wan
              ker                            Kenobi

                                      Yoda
Taxonomy
   Multiple Hierarchical
    Relationship (Free tagging)

                Jedi                                     Sith




Yoda    Mace            Obi     Anakin   Count   Darth           Darth     Darth
        Windu           Wan     Skywal   Dooku   Maul           Sidious   Plaguei
                       Kenobi    ker                                         s
Users and Roles

   Not everyone is allowed to do everything
   One built in user (admin) aka “user1”
   Two built-in roles
       Anonymous User (not logged in)
       Authenticated User (logged in)
   Users may have multiple roles assigned to
    them by an administrator
       Highest role wins
Modules
Drupal Contrib

   All project on drupal.org that are not “Core”
       Modules
       Themes
   Projects live at http://drupal.org/project/foo
Presentation
   Themes
       Defines all things visual
           Define regions to hold blocks
           Defines where blocks and content area are placed
           Styling defined (templates)
               Menus
               Blocks
           CSS / HTML / Javascript / JQuery
Presentation
Regions, Blocks & Nodes



             - Node -




             - Node -
Template Files
Blocks

   Can contain any HTML
   Menus and links
       Images
       Text
   Some pre-built
       Login block
       Navigation Menu
   Can create your own
Views

   Contributed (contrib) module
   No coding required
   Create your own lists of unique content
   Mental model – think query builder
   Creates “display’s” of data
       Block
       Page (webpage)
       Feed (RSS)
       Attachment

More Related Content

What's hot

Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Minimalist Theming: How to Build a Lean, Mean Drupal 8 ThemeMinimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Minimalist Theming: How to Build a Lean, Mean Drupal 8 ThemeSuzanne Dergacheva
 
What is the WordPress Loop?
What is the WordPress Loop?What is the WordPress Loop?
What is the WordPress Loop?webdesigncom
 
Drupal distributions - how to build them
Drupal distributions - how to build themDrupal distributions - how to build them
Drupal distributions - how to build themDick Olsson
 
Drupal For Dummies
Drupal For DummiesDrupal For Dummies
Drupal For DummiesKoen Delvaux
 
Stepping Into Custom Post Types
Stepping Into Custom Post TypesStepping Into Custom Post Types
Stepping Into Custom Post TypesK.Adam White
 
Writing a WordPress Theme - HighEdWeb 2013 #WRK2
Writing a WordPress Theme - HighEdWeb 2013 #WRK2Writing a WordPress Theme - HighEdWeb 2013 #WRK2
Writing a WordPress Theme - HighEdWeb 2013 #WRK2Curtiss Grymala
 
Drupal intro-training-in-mumbai
Drupal intro-training-in-mumbaiDrupal intro-training-in-mumbai
Drupal intro-training-in-mumbaivibrantuser
 
Rich internet application development using the dojo toolkit
Rich internet application development using the dojo toolkitRich internet application development using the dojo toolkit
Rich internet application development using the dojo toolkitalexklaeser
 
Drupal website in 45 mins
Drupal website in 45 minsDrupal website in 45 mins
Drupal website in 45 minsRachit Gupta
 
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...Jer Clarke
 
โปรแกรม Dreamweaver 8
โปรแกรม Dreamweaver 8โปรแกรม Dreamweaver 8
โปรแกรม Dreamweaver 8kruple
 
DrupalCamp NYC Panels Presentation - April 2014
DrupalCamp NYC Panels Presentation - April 2014DrupalCamp NYC Panels Presentation - April 2014
DrupalCamp NYC Panels Presentation - April 2014Suzanne Dergacheva
 
Drupal Camp Manila 2014 - Theming with Zen
Drupal Camp Manila 2014 - Theming with ZenDrupal Camp Manila 2014 - Theming with Zen
Drupal Camp Manila 2014 - Theming with ZenJapo Domingo
 
Getting started with WordPress
Getting started with WordPressGetting started with WordPress
Getting started with WordPressNew Tricks
 
The Wonderful World of Drupal 8 Multilingual
The Wonderful World of Drupal 8 MultilingualThe Wonderful World of Drupal 8 Multilingual
The Wonderful World of Drupal 8 MultilingualSuzanne Dergacheva
 

What's hot (20)

Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Minimalist Theming: How to Build a Lean, Mean Drupal 8 ThemeMinimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
 
What is the WordPress Loop?
What is the WordPress Loop?What is the WordPress Loop?
What is the WordPress Loop?
 
Drupal -Introduction to Drupal
Drupal -Introduction to DrupalDrupal -Introduction to Drupal
Drupal -Introduction to Drupal
 
Drupal distributions - how to build them
Drupal distributions - how to build themDrupal distributions - how to build them
Drupal distributions - how to build them
 
Drupal For Dummies
Drupal For DummiesDrupal For Dummies
Drupal For Dummies
 
Stepping Into Custom Post Types
Stepping Into Custom Post TypesStepping Into Custom Post Types
Stepping Into Custom Post Types
 
Writing a WordPress Theme - HighEdWeb 2013 #WRK2
Writing a WordPress Theme - HighEdWeb 2013 #WRK2Writing a WordPress Theme - HighEdWeb 2013 #WRK2
Writing a WordPress Theme - HighEdWeb 2013 #WRK2
 
Drupal intro (1)
Drupal intro (1)Drupal intro (1)
Drupal intro (1)
 
Drupal intro-training-in-mumbai
Drupal intro-training-in-mumbaiDrupal intro-training-in-mumbai
Drupal intro-training-in-mumbai
 
Rich internet application development using the dojo toolkit
Rich internet application development using the dojo toolkitRich internet application development using the dojo toolkit
Rich internet application development using the dojo toolkit
 
Drupal Skils Lab 302Labs
Drupal Skils Lab 302Labs Drupal Skils Lab 302Labs
Drupal Skils Lab 302Labs
 
Intro to Drupal
Intro to DrupalIntro to Drupal
Intro to Drupal
 
Drupal website in 45 mins
Drupal website in 45 minsDrupal website in 45 mins
Drupal website in 45 mins
 
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
 
โปรแกรม Dreamweaver 8
โปรแกรม Dreamweaver 8โปรแกรม Dreamweaver 8
โปรแกรม Dreamweaver 8
 
DrupalCamp NYC Panels Presentation - April 2014
DrupalCamp NYC Panels Presentation - April 2014DrupalCamp NYC Panels Presentation - April 2014
DrupalCamp NYC Panels Presentation - April 2014
 
Drupal Camp Manila 2014 - Theming with Zen
Drupal Camp Manila 2014 - Theming with ZenDrupal Camp Manila 2014 - Theming with Zen
Drupal Camp Manila 2014 - Theming with Zen
 
Getting started with WordPress
Getting started with WordPressGetting started with WordPress
Getting started with WordPress
 
The Wonderful World of Drupal 8 Multilingual
The Wonderful World of Drupal 8 MultilingualThe Wonderful World of Drupal 8 Multilingual
The Wonderful World of Drupal 8 Multilingual
 
Wordpress overview
Wordpress overviewWordpress overview
Wordpress overview
 

Viewers also liked

л. н. толстой.
л. н. толстой.л. н. толстой.
л. н. толстой.Danilk0
 
La historia del ordenador
La historia del ordenadorLa historia del ordenador
La historia del ordenadorADOLFOPITAP
 
Estrategias cuidado pessoa_doenca_cronica_cab35
Estrategias cuidado pessoa_doenca_cronica_cab35Estrategias cuidado pessoa_doenca_cronica_cab35
Estrategias cuidado pessoa_doenca_cronica_cab35Maria Lúcia Costa
 
David, de iconische koning van Israël - Didachè 2014
David, de iconische koning van Israël - Didachè 2014David, de iconische koning van Israël - Didachè 2014
David, de iconische koning van Israël - Didachè 2014Vlaamse Bijbelstichting
 
Nansiakan National High School: School Report Card
Nansiakan National High School: School Report Card Nansiakan National High School: School Report Card
Nansiakan National High School: School Report Card Myrna Castaneda
 
Speedrun: Build a Website with Panels, Media, and More in 45 Minutes
Speedrun: Build a Website with Panels, Media, and More in 45 MinutesSpeedrun: Build a Website with Panels, Media, and More in 45 Minutes
Speedrun: Build a Website with Panels, Media, and More in 45 MinutesAcquia
 
şİri̇nevler i̇mam hati̇p-eren-yildirim
şİri̇nevler i̇mam hati̇p-eren-yildirimşİri̇nevler i̇mam hati̇p-eren-yildirim
şİri̇nevler i̇mam hati̇p-eren-yildirimetwinning project
 

Viewers also liked (13)

Power point
Power pointPower point
Power point
 
Laboratorio
LaboratorioLaboratorio
Laboratorio
 
Arianita linda
Arianita lindaArianita linda
Arianita linda
 
л. н. толстой.
л. н. толстой.л. н. толстой.
л. н. толстой.
 
La historia del ordenador
La historia del ordenadorLa historia del ordenador
La historia del ordenador
 
Estrategias cuidado pessoa_doenca_cronica_cab35
Estrategias cuidado pessoa_doenca_cronica_cab35Estrategias cuidado pessoa_doenca_cronica_cab35
Estrategias cuidado pessoa_doenca_cronica_cab35
 
David, de iconische koning van Israël - Didachè 2014
David, de iconische koning van Israël - Didachè 2014David, de iconische koning van Israël - Didachè 2014
David, de iconische koning van Israël - Didachè 2014
 
Nansiakan National High School: School Report Card
Nansiakan National High School: School Report Card Nansiakan National High School: School Report Card
Nansiakan National High School: School Report Card
 
Migrações
MigraçõesMigrações
Migrações
 
LEED Green Factory
LEED Green FactoryLEED Green Factory
LEED Green Factory
 
Speedrun: Build a Website with Panels, Media, and More in 45 Minutes
Speedrun: Build a Website with Panels, Media, and More in 45 MinutesSpeedrun: Build a Website with Panels, Media, and More in 45 Minutes
Speedrun: Build a Website with Panels, Media, and More in 45 Minutes
 
şİri̇nevler i̇mam hati̇p-eren-yildirim
şİri̇nevler i̇mam hati̇p-eren-yildirimşİri̇nevler i̇mam hati̇p-eren-yildirim
şİri̇nevler i̇mam hati̇p-eren-yildirim
 
Crea completo
Crea completoCrea completo
Crea completo
 

Similar to Drupal overview-training

Drupal as a Programmer-Friendly CMS at ConFoo
Drupal as a Programmer-Friendly CMS at ConFooDrupal as a Programmer-Friendly CMS at ConFoo
Drupal as a Programmer-Friendly CMS at ConFooSuzanne Dergacheva
 
Drupal in 30 Minutes
Drupal in 30 MinutesDrupal in 30 Minutes
Drupal in 30 MinutesRobert Carr
 
Introduction To Drupal
Introduction To DrupalIntroduction To Drupal
Introduction To DrupalLauren Roth
 
Drupal: an Overview
Drupal: an OverviewDrupal: an Overview
Drupal: an OverviewMatt Weaver
 
Open Source Content Management Systems
Open Source Content Management SystemsOpen Source Content Management Systems
Open Source Content Management SystemsMatthew Turland
 
Drupal for Webmasters by Brett Baker
Drupal for Webmasters by Brett BakerDrupal for Webmasters by Brett Baker
Drupal for Webmasters by Brett Bakerwebfinearts
 
Posscon 2011 Drupal Workshop
Posscon 2011 Drupal WorkshopPosscon 2011 Drupal Workshop
Posscon 2011 Drupal WorkshopOS Solutions
 
Dita for the web: Make Adaptive Content Simple for Writers and Developer
Dita for the web: Make Adaptive Content Simple for Writers and DeveloperDita for the web: Make Adaptive Content Simple for Writers and Developer
Dita for the web: Make Adaptive Content Simple for Writers and DeveloperDon Day
 
Drupal Overview For Techies
Drupal Overview For TechiesDrupal Overview For Techies
Drupal Overview For TechiesRobert Carr
 
CalArts presentation
CalArts presentationCalArts presentation
CalArts presentationAshok Modi
 
Introduction to drupal
Introduction to drupalIntroduction to drupal
Introduction to drupalmayank.grd
 
Drupal Recipe
Drupal RecipeDrupal Recipe
Drupal Recipehernanibf
 
Build Your Site with Views
Build Your Site with ViewsBuild Your Site with Views
Build Your Site with ViewsPeter Dowling
 

Similar to Drupal overview-training (20)

Drupal as a Programmer-Friendly CMS at ConFoo
Drupal as a Programmer-Friendly CMS at ConFooDrupal as a Programmer-Friendly CMS at ConFoo
Drupal as a Programmer-Friendly CMS at ConFoo
 
Drupal in 30 Minutes
Drupal in 30 MinutesDrupal in 30 Minutes
Drupal in 30 Minutes
 
Drupal by fire
Drupal by fireDrupal by fire
Drupal by fire
 
Introduction To Drupal
Introduction To DrupalIntroduction To Drupal
Introduction To Drupal
 
Drupal: an Overview
Drupal: an OverviewDrupal: an Overview
Drupal: an Overview
 
Open Source Content Management Systems
Open Source Content Management SystemsOpen Source Content Management Systems
Open Source Content Management Systems
 
Drupal_cubet seminar
Drupal_cubet seminarDrupal_cubet seminar
Drupal_cubet seminar
 
Drupal distribution
Drupal distributionDrupal distribution
Drupal distribution
 
Drupal for Webmasters by Brett Baker
Drupal for Webmasters by Brett BakerDrupal for Webmasters by Brett Baker
Drupal for Webmasters by Brett Baker
 
Ruby on rails for beginers
Ruby on rails for beginersRuby on rails for beginers
Ruby on rails for beginers
 
Drupal Bootcamp Mcn2008
Drupal Bootcamp   Mcn2008Drupal Bootcamp   Mcn2008
Drupal Bootcamp Mcn2008
 
Posscon 2011 Drupal Workshop
Posscon 2011 Drupal WorkshopPosscon 2011 Drupal Workshop
Posscon 2011 Drupal Workshop
 
Dita for the web: Make Adaptive Content Simple for Writers and Developer
Dita for the web: Make Adaptive Content Simple for Writers and DeveloperDita for the web: Make Adaptive Content Simple for Writers and Developer
Dita for the web: Make Adaptive Content Simple for Writers and Developer
 
Drupal
DrupalDrupal
Drupal
 
Drupal Overview For Techies
Drupal Overview For TechiesDrupal Overview For Techies
Drupal Overview For Techies
 
Html5 basics
Html5 basicsHtml5 basics
Html5 basics
 
CalArts presentation
CalArts presentationCalArts presentation
CalArts presentation
 
Introduction to drupal
Introduction to drupalIntroduction to drupal
Introduction to drupal
 
Drupal Recipe
Drupal RecipeDrupal Recipe
Drupal Recipe
 
Build Your Site with Views
Build Your Site with ViewsBuild Your Site with Views
Build Your Site with Views
 

Drupal overview-training

  • 1. What is Drupal?  Content Management System (CMS)  Framework – Content Management Framework (CMF)  Open Source  Web Application Framework – Written in PHP  A way for developers and non-developers alike to manage content. Uses control panels rather than straight code.
  • 2. A Brief History  Created as a bulletin board for a College student and his friends  Created by Dries Buytaert from Antwerp, Belgium  Open Sourced in 2001  Derived from “Druppel”, the Dutch word for “Drop” which also means village.
  • 3. Drupal Community  Now a large community of developers and designers all work on Drupal and talk to each other  Conferences – DrupalCon  Un-conferences – DrupalCamps  Meetups, etc...
  • 4. Planning your site  Prepare the concept of your website:  Whats the main idea? Figure out what kind of content you want to serve. **CONTENT IS KING**  Create a basic sitemap and features list  Go shopping for:  Modules  Themes
  • 5. Drupal builds your pages Heres your data I want www.columbuslibrary.org Ok, I have that Give me data So I can build The page <HTML> Are there any Web visitor special things I need to do? Here's your page, bye
  • 6. Drupal from 1,000 feet Presentation Designer View themes Logic Developer Controller modules Data Administrator Model configuration
  • 7. How Drupal Works  Technology Stack  Architecture  System  Content  Users & Roles  Modules  Presentation
  • 9. Platform Agnostic  Allows for modularity and extensibility  You can install:  Apache / IIS / Unix / Linux / BSD / Solaris / Windows / Mac OS X  Database Independence (although MySQL preferred)
  • 11. System  Modules  File Layout
  • 12. Drupal Vocabulary  Node (Content)  Content Type  Taxonomy/Vocabulary (Categorization)  Menu (Navigations/lists)  Region  Block  Page
  • 13. Drupal Vocabulary  Role  Permission  Theme  Module  Views
  • 14. Content  Nodes & Comments  Content Types (Node Types)  Taxonomy
  • 15. What is a node? nodes are single instances of actual content within the site. They can be pages, events, forum postings, and more.  Mental model – think blog entry or a page  All content (node) types have these fields:  Title  Authored by  Date created • Date last updated
  • 16.
  • 17.
  • 18. Taxonomy  Classify nodes  One or more vocabularies  Each on can be controlled or free-text  Displayed when nodes are displayed
  • 19. Taxonomy  Hierarchical Relationships (Controlled) Jedi Sith Knight Master Appren Lord tice Laotah Anakin Mace Obi Skywal Windu Wan ker Kenobi Yoda
  • 20. Taxonomy  Multiple Hierarchical Relationship (Free tagging) Jedi Sith Yoda Mace Obi Anakin Count Darth Darth Darth Windu Wan Skywal Dooku Maul Sidious Plaguei Kenobi ker s
  • 21. Users and Roles  Not everyone is allowed to do everything  One built in user (admin) aka “user1”  Two built-in roles  Anonymous User (not logged in)  Authenticated User (logged in)  Users may have multiple roles assigned to them by an administrator  Highest role wins
  • 22.
  • 24. Drupal Contrib  All project on drupal.org that are not “Core”  Modules  Themes  Projects live at http://drupal.org/project/foo
  • 25.
  • 26. Presentation  Themes  Defines all things visual  Define regions to hold blocks  Defines where blocks and content area are placed  Styling defined (templates)  Menus  Blocks  CSS / HTML / Javascript / JQuery
  • 27.
  • 29. Regions, Blocks & Nodes - Node - - Node -
  • 31. Blocks  Can contain any HTML  Menus and links  Images  Text  Some pre-built  Login block  Navigation Menu  Can create your own
  • 32. Views  Contributed (contrib) module  No coding required  Create your own lists of unique content  Mental model – think query builder  Creates “display’s” of data  Block  Page (webpage)  Feed (RSS)  Attachment