SlideShare a Scribd company logo
Drupal Camp  Content Management System Creating Online Learning Environments SPSCC
Workshop Agenda Drupal at a Glance What you Need to Know to Get Started Some Examples
What is Drupal? Web based software application Web site development software Open source code Free to use, modify and share
Why use Drupal? Ease of use Rapid “plug and play” web site development Built in collaboration tools and features Online web site administration and control Efficient online content management Large and active community
Drupal Content Management
 
 
 
Drupal Online Spaces in Action
How Easy is it Really?
Form (look and feel, presentation) Graphics, color scheme, fonts Other design elements Content Text Other Content (pictures, audio, video) [demos: Drupal Heros] Key Concepts
Node User Modules Themes Categories Taxonomy Drupal Terms
Blog Geography: 3 Columns Left column Right column Middle column Header Blocks Sticky Node Node menu
Mental model– think blog entry All node types have these fields Title Authored by Date created Date last updated Most have a “body” Some have other fields E.g., attachments, workflow...  What is a Node?
Content Types (nodes): Page Story Blog Forum Poll How do I Create Stuff (Content)
Best Practice Add a WYSiWYG editor and configure to use only the HTML tags that you allow in the Filtered HTML The themes we use have a WYSiWYG editor Input Format
Anatomy of a Page Regions Blocks Menus Node teasers Anatomy of a Page
Site Building Tools Menus Blocks Categories Design Elements (Form)
Published– visible on the site In moderation queue Promoted to front page Sticky at top At top of page, different background Create new revision Can make revision history visible Can rollback to previous versions Workflow Options
Allow reader comments on the item Comments can be moderated before they appear. Comment Settings
Moderation Queue Moderator reviews items administer > content Can change their publication status Moderation Queue
Roles and Privileges Not everyone is allowed to do everything Two bulit-in roles Anonymous (not logged in) Authenticated (logged in) administer > access controls Create roles E.g., content editor, site admin Set permissions Roles and Privileges
Blocks Can contain any HTML Menus and links Images Text Some pre-built Login block Navigation Menu Tag cloud Upcoming events Can create your own Blocks
Create a Block administer > blocks add block tab Create a Block
Block Configuration administer > blocks Change the region a block appears in Change its weight to reposition in region Enable/disable Set which pages visible on Create a new block Block Configuration

More Related Content

PPT
Drupal Workshop
PPT
Drupal for Libraries 01/22/09
PPSX
Webnet Presentation
PPT
Drupal for Libraries 05/28/09
PPT
Clean out the cobwebs.. Joomla for Libraries (Oct-2008)
PDF
WordCamp Sofia 2012
PPT
Drupal Training
PPTX
Semantic UI Introduction
Drupal Workshop
Drupal for Libraries 01/22/09
Webnet Presentation
Drupal for Libraries 05/28/09
Clean out the cobwebs.. Joomla for Libraries (Oct-2008)
WordCamp Sofia 2012
Drupal Training
Semantic UI Introduction

What's hot (19)

PPTX
SharePoint Saturday Philly - Intro to SharePoint 2010 Branding
PPTX
Березовский Андрей - Social Authentication
PDF
Front end development best practices
PPTX
Semantic ui
PPT
Drupal8 Introduction
PPTX
Chris O'Brien - Customizing the SharePoint/Office 365 UI with JavaScript (ESP...
PPTX
Transform SharePoint List Forms with HTML and CSS
PDF
What is jQuery?
PPT
Just dev it presenation modified word press 101
PPT
Drupal seminar at DDIT Nadiad
PDF
WordPress as a CMS
PPTX
Wordpress overview
PPTX
SPSVB 1 7-2012 - getting started with share point branding
DOCX
Content management system overview
PPTX
Back to the Basics - 1 - Introduction to Web Development
PPT
CCLBlogsWeb2.0
PPT
Optimal Website Builder Guide
PPT
Drupal Basics
PPTX
Lesson 07 WordPress part 1
SharePoint Saturday Philly - Intro to SharePoint 2010 Branding
Березовский Андрей - Social Authentication
Front end development best practices
Semantic ui
Drupal8 Introduction
Chris O'Brien - Customizing the SharePoint/Office 365 UI with JavaScript (ESP...
Transform SharePoint List Forms with HTML and CSS
What is jQuery?
Just dev it presenation modified word press 101
Drupal seminar at DDIT Nadiad
WordPress as a CMS
Wordpress overview
SPSVB 1 7-2012 - getting started with share point branding
Content management system overview
Back to the Basics - 1 - Introduction to Web Development
CCLBlogsWeb2.0
Optimal Website Builder Guide
Drupal Basics
Lesson 07 WordPress part 1
Ad

Viewers also liked (8)

PDF
Making remote a reality in large organizations (Office Optional presentation)
PPTX
Banca Pt Lessons Learned
PPT
Social Media for Employee Engagement
PDF
Relationship Marketing & Distribution
KEY
The Social Media/Productivity Balancing Act
PDF
Social Media Productivity (delivered to PodCamp Boston '08)
KEY
Resurrection
KEY
Who is a Christian?
Making remote a reality in large organizations (Office Optional presentation)
Banca Pt Lessons Learned
Social Media for Employee Engagement
Relationship Marketing & Distribution
The Social Media/Productivity Balancing Act
Social Media Productivity (delivered to PodCamp Boston '08)
Resurrection
Who is a Christian?
Ad

Similar to Drupalcamp (20)

PPT
Using CMS Tool Drupal
PPTX
Share point 2010-uiimprovements
PDF
Drupal Training | Online Drupal Training
PPTX
Marky Markup and the Funky Bunch
PPT
TeamPage Beginner to Jedi, Jordan Frank
PPT
Selecting A Content Management System
ODP
Wordpress as a CMS
ODP
Drupal Patterms Module
PPT
CMS 101 Drupal
PPT
Synapseindia drupal intro 0
PPTX
The Language of Drupal
PPTX
Molajo - J and Beyond 2011
PDF
Drupal for Non-Developers
PPTX
Introduction to WordPress
PPT
Drupal Bootcamp Mcn2008
PDF
Vskills Wordpress Developer Sample Material
PPT
Open Source CMS
ODP
Building Dynamic Websites With Joomla CMS
PPS
Making IA Real: Planning an Information Architecture Strategy
PPTX
The A to Z of Building a Responsive SharePoint Site with Bootstrap
Using CMS Tool Drupal
Share point 2010-uiimprovements
Drupal Training | Online Drupal Training
Marky Markup and the Funky Bunch
TeamPage Beginner to Jedi, Jordan Frank
Selecting A Content Management System
Wordpress as a CMS
Drupal Patterms Module
CMS 101 Drupal
Synapseindia drupal intro 0
The Language of Drupal
Molajo - J and Beyond 2011
Drupal for Non-Developers
Introduction to WordPress
Drupal Bootcamp Mcn2008
Vskills Wordpress Developer Sample Material
Open Source CMS
Building Dynamic Websites With Joomla CMS
Making IA Real: Planning an Information Architecture Strategy
The A to Z of Building a Responsive SharePoint Site with Bootstrap

More from Rick McKinnon (20)

PPT
Morality as kluge
PPS
Yates kluge
PPTX
Endangered languages
PPT
Historical linguistics
PPT
Somerville
PPT
PPT
The trolley problem
PPT
Challengesto piaget
PPT
Endangered languages
PPT
Parameter setting
PPT
Sugarand slavery
PPTX
Concepts and categories.ppt
PPTX
Early language development
PPT
Phonetics
PPTX
Qm for ic
PPT
Mindreading
PPT
Semantics
PPT
Semantics and pragmatics
PPTX
Hockett
PPTX
E learning buffet
Morality as kluge
Yates kluge
Endangered languages
Historical linguistics
Somerville
The trolley problem
Challengesto piaget
Endangered languages
Parameter setting
Sugarand slavery
Concepts and categories.ppt
Early language development
Phonetics
Qm for ic
Mindreading
Semantics
Semantics and pragmatics
Hockett
E learning buffet

Drupalcamp

  • 1. Drupal Camp Content Management System Creating Online Learning Environments SPSCC
  • 2. Workshop Agenda Drupal at a Glance What you Need to Know to Get Started Some Examples
  • 3. What is Drupal? Web based software application Web site development software Open source code Free to use, modify and share
  • 4. Why use Drupal? Ease of use Rapid “plug and play” web site development Built in collaboration tools and features Online web site administration and control Efficient online content management Large and active community
  • 6.  
  • 7.  
  • 8.  
  • 10. How Easy is it Really?
  • 11. Form (look and feel, presentation) Graphics, color scheme, fonts Other design elements Content Text Other Content (pictures, audio, video) [demos: Drupal Heros] Key Concepts
  • 12. Node User Modules Themes Categories Taxonomy Drupal Terms
  • 13. Blog Geography: 3 Columns Left column Right column Middle column Header Blocks Sticky Node Node menu
  • 14. Mental model– think blog entry All node types have these fields Title Authored by Date created Date last updated Most have a “body” Some have other fields E.g., attachments, workflow... What is a Node?
  • 15. Content Types (nodes): Page Story Blog Forum Poll How do I Create Stuff (Content)
  • 16. Best Practice Add a WYSiWYG editor and configure to use only the HTML tags that you allow in the Filtered HTML The themes we use have a WYSiWYG editor Input Format
  • 17. Anatomy of a Page Regions Blocks Menus Node teasers Anatomy of a Page
  • 18. Site Building Tools Menus Blocks Categories Design Elements (Form)
  • 19. Published– visible on the site In moderation queue Promoted to front page Sticky at top At top of page, different background Create new revision Can make revision history visible Can rollback to previous versions Workflow Options
  • 20. Allow reader comments on the item Comments can be moderated before they appear. Comment Settings
  • 21. Moderation Queue Moderator reviews items administer > content Can change their publication status Moderation Queue
  • 22. Roles and Privileges Not everyone is allowed to do everything Two bulit-in roles Anonymous (not logged in) Authenticated (logged in) administer > access controls Create roles E.g., content editor, site admin Set permissions Roles and Privileges
  • 23. Blocks Can contain any HTML Menus and links Images Text Some pre-built Login block Navigation Menu Tag cloud Upcoming events Can create your own Blocks
  • 24. Create a Block administer > blocks add block tab Create a Block
  • 25. Block Configuration administer > blocks Change the region a block appears in Change its weight to reposition in region Enable/disable Set which pages visible on Create a new block Block Configuration

Editor's Notes

  • #2: Overview This presentation highlights the use of the Drupal content management system to support personal and collaborative online environments. Drupal is open source web based software that facilitates web site development and online content management. The presentation will provide a high level overview of available features and processes involved with Drupal based web site development, data creation, content storage and information sharing within personal and collaborative learning environments. Target Audience for Workshop The target audience for this workshop includes those who are unfamiliar with Drupal, but are interested in creating, supporting or using a personal or collaborative online environment. Note: To link to the web sites referenced in the notes section, highlight the text, right click and select “Open Hyperlink”.
  • #3: In this presentation we will see how an online environment can be supported by using a Drupal based web platform populated with user generated (or collected) content. At the conclusion of the workshop, attendees will be able to: Describe the basic aspects of Drupal web site development, Identify the key content management capabilities of a Drupal based web site, Review examples of Drupal based online environments, Complete the steps necessary to begin a basic Drupal installation. We begin by examining the Drupal web development software …
  • #4: Drupal is both a web site development application, as well as an ongoing software development project managed and maintained by a volunteer community of software developers and users. The software application provides streamlined web site development and web based content management. Drupal is open source software which means that the software source code is shared by the individuals who created it. Developers on the Drupal project agree to adhere to general principles and conditions laid out by the project’s founders – see http://drupal.org/principles - and to make the core software available to users free of charge, subject to the GNU General Public License (GPL) – see http://www.gnu.org/licenses/gpl.html . These individuals have formed a large community of independent software developers who also contribute to the ongoing development and support of the software.
  • #5: If Drupal is simply web development software that provides a means of storing content online, why use Drupal instead of other web development options? The short answer is ease of use. Drupal software provides an simple (plug and play) means of rapidly developing a robust personal or collaborative web site. By simply installing and configuring the core software on a web server, users are able to instantly create an online environment. In addition to installing the core software, users have access to hundreds of contributed models and themes that provide the primary web site developer, designated web site administrators and assigned end users the ability to easily add or modify web site content directly from the web based interface. Users also have the ability and flexibility to get behind the scenes and tweak the software code as their web development skills allow. In addition, the large and vibrant community provides peer support to both users and developers and fosters the ongoing open source development of the Drupal project – see http://drupal.org/community .
  • #6: As illustrated in this diagram, Drupal manages content within an online environment in three primary ways. It provides an array of options to (1) create, (2) index and (3) share user generated or collected content. The next few slides illustrate these content management processes.
  • #7: Drupal ‘s content creation options support reflection, exploration and collaboration within an online environment. Modules are available to facilitate the creation of many forms of content, including blogs, books, podcasts, image galleries and video displays. These content creation features are referred to within Drupal as “nodes” – see examples at http://drupal.org/node/21947 .
  • #8: Drupal includes many options to store and index content. Digital files, such as text, audio, picture and video files, can be uploaded to the site. Links to web resources can be incorporated into navigation menus – see http://drupal.org/handbook/modules/menu . Drupal also provides a robust classification (or taxonomy) system which allows content to be organized and “tagged” for future retrieval – see http://drupal.org/node/299 .
  • #9: Drupal includes options to share content with others. Drupal has a robust RSS 2.0 feed generator that arranges content in a manner that can be read by others in a program referred to as a feed reader or feed aggregator. As new content is added to the Drupal site, the RSS feed containing the new content is automatically updated. Others who have set up their feed readers to subscribe to the feed will see the new content within their feed reader. In addition, re gistered users and visitors with access to the site can share ideas, provide feedback and work on projects by using a variety of collaboration features as in comment, book, discussion forum, survey and poll tools.
  • #10: We will now look at the Drupal software and content management features in action within working online environments. This is likely the best way to appreciate the features and functionality of Drupal. The linked web sites highlight ways in which Drupal’s features support both personal and online environments: Personal Space: Drupal’s core features can facilitate a personal online space: Dries Buyheirt (founder of Drupal) at http://buytaert.net/ - see the use of blog posts. Designed to Inspire at http://designedtoinspire.com/drupal/portfolio- see the use of content creation and storage options to create a personal portfolio space. Community Space: With the ability to allow multiple user access and control over the site’s content management, Drupal provides an excellent platform for community spaces. New York City Independent School Technologists at http://www.nycist.net/ - see the use of collaborative blogging and the integration of third party tools - http://www.nycist.net/d/node/36 . Women of Web 2.0 at http://www.womenofweb2.com/?q=forum - see the use of discussions. Podcasting Platform: With the ability to upload, store and share video and audio via RSS feeds, Drupal provides an excellent podcasting platform. EdTechTalk.com at http://edtechtalk.com/ - see the use of audio sharing. Lullabot.com at http://www.lullabot.com/videocast - see the use of video sharing. Learning Environment: Groups like Open Academic at http://openacademic.org/ hope to integrate Drupal with course management systems, such as Moodle. However, as a standalone installation, Drupal is well suited to facilitate an online learning environment. Webcast Academy at http://webcastacademy.net/ - see the use of groups (or classes). Drupal CMS Academy at http://cmsacademy.net/drupal/class- see the use of book features.
  • #11: We will now look at the Drupal software and content management features in action within working online environments. This is likely the best way to appreciate the features and functionality of Drupal. The linked web sites highlight ways in which Drupal’s features support both personal and online environments: Personal Space: Drupal’s core features can facilitate a personal online space: Dries Buyheirt (founder of Drupal) at http://buytaert.net/ - see the use of blog posts. Designed to Inspire at http://designedtoinspire.com/drupal/portfolio- see the use of content creation and storage options to create a personal portfolio space. Community Space: With the ability to allow multiple user access and control over the site’s content management, Drupal provides an excellent platform for community spaces. New York City Independent School Technologists at http://www.nycist.net/ - see the use of collaborative blogging and the integration of third party tools - http://www.nycist.net/d/node/36 . Women of Web 2.0 at http://www.womenofweb2.com/?q=forum - see the use of discussions. Podcasting Platform: With the ability to upload, store and share video and audio via RSS feeds, Drupal provides an excellent podcasting platform. EdTechTalk.com at http://edtechtalk.com/ - see the use of audio sharing. Lullabot.com at http://www.lullabot.com/videocast - see the use of video sharing. Learning Environment: Groups like Open Academic at http://openacademic.org/ hope to integrate Drupal with course management systems, such as Moodle. However, as a standalone installation, Drupal is well suited to facilitate an online learning environment. Webcast Academy at http://webcastacademy.net/ - see the use of groups (or classes). Drupal CMS Academy at http://cmsacademy.net/drupal/class- see the use of book features.