introduction to drupal for absolute beginners

51
Introduction to Drupal The Absolute Beginner Guide Maung Maung Drupal.org/user/404070 Linkedin.com/in/everlearner Facebook.com/everlearner Venue Sponsor PlugIn@Blk71 PlugIn@Blk71, Singapore 15 March , 2013 (9:30 am – 5 pm)

Upload: everlearner

Post on 08-May-2015

1.784 views

Category:

Education


1 download

DESCRIPTION

This is the Introduction to Drupal for Absolute Beginners, presented in "Drupal Training Day for Absolute Beginners (full day)" at Blk71 Singapore. More detail about this event - http://www.drupal.org.sg/events/108242752/

TRANSCRIPT

Page 1: Introduction to Drupal for Absolute Beginners

Introduction to Drupal

The Absolute Beginner Guide

Maung Maung Drupal.org/user/404070 Linkedin.com/in/everlearner Facebook.com/everlearner

Venue Sponsor PlugIn@Blk71

PlugIn@Blk71, Singapore 15 March , 2013 (9:30 am – 5 pm)

Page 2: Introduction to Drupal for Absolute Beginners

15 March , 2013 PlugIn@Blk71

Event Venue and Venue Sponsors

Page 3: Introduction to Drupal for Absolute Beginners

PlugIn@Blk71 15 March , 2013

Event Venue and Venue Sponsors

Page 4: Introduction to Drupal for Absolute Beginners

WWW Not for World Wide Web.

Just for Who, Who and Why.

PlugIn@Blk71 15 March , 2013

Page 5: Introduction to Drupal for Absolute Beginners

Who is using Drupal?

• Almost all the big players including… • Government websites, • Universities and Educational institutions, • Healthcare, E-Commerce, Business Corporations, • News & publication, • Google, Yahoo, Twitter and so on.

PlugIn@Blk71 15 March , 2013

Page 6: Introduction to Drupal for Absolute Beginners

Who is using Drupal?

• A few sample of high profile Drupal sites Worldwide

• WhiteHouse.gov, Media.MIT.edu, Harvard.edu, FastCompany.com, StyleGuide.Yahoo.com, Java.net, Dev.Twitter.com, Google M-Lab, ConsumerSearch.com, Research.Yahoo.com

PlugIn@Blk71 15 March , 2013

Page 7: Introduction to Drupal for Absolute Beginners

Who is using Drupal?

• A few sample of high profile Drupal sites In SG ,

• SingTel.com, Deals.Com.SG, AllDealsAsia.com, SMU.edu.sg, SPH magazine sites, Parliament.gov.sg PAP.org.sg , TodayOnline.com etc.

PlugIn@Blk71 15 March , 2013

Page 8: Introduction to Drupal for Absolute Beginners

Who is using Drupal?

• More information about Drupal sites • websites.usandv.com, • DrupalSites.net • Buytaert.net/tag/drupal-sites • Drupal.org/case-studies • DrupalShowcase.com • DrupalCommerce.org/showcase

PlugIn@Blk71 15 March , 2013

Page 9: Introduction to Drupal for Absolute Beginners

Who is Creating Drupal?

• Dries Buytaert • Founder and Lead Developer of Drupal • Co-Founder of Acquia, software company providing

products, services, and technical support for Drupal.

• Blog - buytaert.net • plus.google.com/100618086687484820123

Ref: http://en.wikipedia.org/wiki/Dries_Buytaert

PlugIn@Blk71 15 March , 2013

Page 10: Introduction to Drupal for Absolute Beginners

Who is Creating Drupal?

• The community of Developers, Site Builders, Themers, Website Owners, Users World wide

• 944,024 ( 888,762 on 17 October , 2012) people, (55262 increase within 5 months)

• in 228 countries, • speaking 181 languages power Drupal • Including people in this room

Ref: http://drupal.org

PlugIn@Blk71 15 March , 2013

Page 11: Introduction to Drupal for Absolute Beginners

Why Intro To Drupal?

PlugIn@Blk71 15 March , 2013

http://drupal.org/learn-drupal

Page 12: Introduction to Drupal for Absolute Beginners

Learning Curve for Popular CMS

Image Source: http://twitpic.com/3pvrmw

PlugIn@Blk71 15 March , 2013

Page 13: Introduction to Drupal for Absolute Beginners

PlugIn@Blk71 15 March , 2013

Image Source - http://www.pulsarwallpapers.com/r_drupal_core_1920x1200_56561.html

Page 14: Introduction to Drupal for Absolute Beginners

Why Intro To Drupal?

• To share the power of Drupal • To fill the hidden gaps of the

Drupal Learning Curve • To learn basic of Drupal together • To understand and help

the problems of Drupal new comers and existing Drupal users

PlugIn@Blk71 15 March , 2013

Page 15: Introduction to Drupal for Absolute Beginners

PlugIn@Blk71 15 March , 2013

Image Source - http://threefifty.ca/services/drupal-design-drupal-development

Page 16: Introduction to Drupal for Absolute Beginners

1. Introduction, WWW 2. Bridges between your existing Web development experiences

and Drupal 3. Installing Drupal locally 4. Understanding Drupal.org and local Drupal Interface 5. Creating Content & Content Types

6. Understanding Information Architecture and Taxonomy 7. Understanding Drupal Users and Permissions 8. Basic Performance & Security in Drupal 9. Managing & Administration a Drupal site

Agenda (Part I & II)

PlugIn@Blk71 15 March , 2013

Page 17: Introduction to Drupal for Absolute Beginners

1. Image styles & Image caches 2. Relations between Content Types & Image styles 3. Understanding Input formats 4. Understanding User Roles and Permissions in Drupal 5. Maqsquerade module 6. Relation between Input Formats and User Roles 7. Installing Modules & Themes 8. Using Drupal built in Performance options 9. Understanding Drupal Reports & Statistics 10.Updating Drupal Core and Modules between different minor

versions

Agenda (for Part III)

PlugIn@Blk71 15 March , 2013

Page 18: Introduction to Drupal for Absolute Beginners

PlugIn@Blk71 15 March , 2013

Image Source - http://dribbble.com/shots/41137-Drupal-Ninja

At the End of the Training…. ?

Page 19: Introduction to Drupal for Absolute Beginners

Break down of structures of a web site - web pages, (home, about-us, contact-us etc) - menus, - content blocks, - different regions (headers, body, sidebars, footer) - static or dynamic pages, blocks - categories of different contents - users (developers, designers, site owners, end users)

The Bridges

PlugIn@Blk71 15 March , 2013

Page 20: Introduction to Drupal for Absolute Beginners

The Bridges

PlugIn@Blk71 15 March , 2013

http://weblogs.asp.net/rashid/

Page 21: Introduction to Drupal for Absolute Beginners

The Bridges

PlugIn@Blk71 15 March , 2013

Image Source - http://med.stanford.edu/irt/webauthor/content/anatomy.html

Page 22: Introduction to Drupal for Absolute Beginners

The Bridges

PlugIn@Blk71 15 March , 2013

Image Source - http://med.stanford.edu/irt/webauthor/content/anatomy.html

Page 23: Introduction to Drupal for Absolute Beginners

How Drupal is organizing & presenting all these structures of the web sites - systematically, dynamically, - securely and extensively? How to understand Drupal from - End-user, Web site owner, - Site Builder and

- Developer point of views.

The Bridges

PlugIn@Blk71 15 March , 2013

Page 24: Introduction to Drupal for Absolute Beginners

Traditional way - XAMPP, WAMP, MAMPP installation - Create a database - Download & install Drupal http://drupal.org/project/drupal

Acquia drupal installer - Perfect for self-contained site development. - When ready to launch, migrate to a host provider - http://www.acquia.com/downloads

More details & requirements for live installations - http://drupal.org/requirements

Installing Drupal Locally

PlugIn@Blk71 15 March , 2013

Page 25: Introduction to Drupal for Absolute Beginners

Let’s Walkthrough Together

1. Creating the first Drupal article (Hello to the Drupal World)

2. Creating a Sticky article. (New Year Promotions for the Visitors)

3. Creating the first Drupal Page (About Us) 4. Assigning a Menu item to about-us page (About Us)

PlugIn@Blk71 15 March , 2013

Page 26: Introduction to Drupal for Absolute Beginners

Learning from Existing

1. Analysing & Learning Drupal’s built-in Page content type - Basic info - Structure & Fields - Display settings

PlugIn@Blk71 15 March , 2013

Page 27: Introduction to Drupal for Absolute Beginners

Learning from Existing

2. Analysing & Learning Drupal’s built-in Article content type - Basic info - Structure & Fields - Display settings - Comment settings

End of Part I PlugIn@Blk71 15 March , 2013

Page 28: Introduction to Drupal for Absolute Beginners

Creating a New Content Type

1. Analysing the Requirements for a Mobile shop 2. Determining the

- Basic info - Structure & Fields - Display settings - Comment settings

3. Implementing the Phone content type

PlugIn@Blk71 15 March , 2013

Page 29: Introduction to Drupal for Absolute Beginners

Creating a New Content Type (con..)

1. Basic Info Name = product Description = Mobile phone products.

2. Title = Phone name 3. Publishing options = Published, Promoted to Front Page 4. Display settings = Uncheck 5. Comment settings = Off

PlugIn@Blk71 15 March , 2013

Page 30: Introduction to Drupal for Absolute Beginners

Creating a New Content Type (con..)

1. Field Settings 2. Body = Intro (Summary) 3. Brand Name (Apple, Google, Microsoft, Samsung) 4. Color (White, Black, Metallica) 5. Wi-Fi (Yes, No) 6. Price (e.g - 300) 7. Networks (2G, 3G, 4G etc) 8. Image (2 images max)

PlugIn@Blk71 15 March , 2013

Page 31: Introduction to Drupal for Absolute Beginners

Creating a New Content Type (con..)

1. Implementing the Product content type together 2. Modifying the Data entry form 3. Modifying the Display settings 4. Creating 4 Product contents & publish

PlugIn@Blk71 15 March , 2013

Page 32: Introduction to Drupal for Absolute Beginners

Analyzing the Problems

Any Problems with Information

structures in current site?

PlugIn@Blk71 15 March , 2013

Page 33: Introduction to Drupal for Absolute Beginners

Analyzing the Problems (con..)

Here are a few problems…

1. How to see all products under a Brand name? 2. How to see all products with the same Color? 3. How to get the products within a price range? 4. ..? 5. ..?

PlugIn@Blk71 15 March , 2013

Page 34: Introduction to Drupal for Absolute Beginners

Understanding Taxonomy

1. To solve the Problems with organizing the information. 2. The practice of classifying and grouping

- individuals into species, - arranging species into larger groups, and - giving those groups names.

3. Taxonomy will come in handy for everything from menu and navigation schemes to view and display options of a website or book or anything.

4. Understanding the Taxonomy will help not only on Drupal site development, but also on other site Information Architectures (IA).

http://en.wikipedia.org/wiki/Taxonomy

PlugIn@Blk71 15 March , 2013

Page 35: Introduction to Drupal for Absolute Beginners

Understanding Taxonomy (con..)

1. Taxonomy is a powerful core module, 2. This module gives the Drupal sites - the use of

organizational keywords (known in other systems as categories, tags, or metadata).

3. In Drupal, these terms are gathered within "vocabularies." 4. The Taxonomy module allows the Drupal site developers

to create, manage and apply those vocabularies.

Taxonomy Overview

PlugIn@Blk71 15 March , 2013

Page 36: Introduction to Drupal for Absolute Beginners

Resources for Taxonomy

1. Organizing content with taxonomy http://drupal.org/documentation/modules/taxonomy

2. About Taxonomy http://drupal.org/node/774892

3. Understanding taxonomies for new users http://drupal.org/node/46268

4. Guidelines for taxonomy design http://drupal.org/node/81589

PlugIn@Blk71 15 March , 2013

Page 37: Introduction to Drupal for Absolute Beginners

Resources for Taxonomy (con..)

End of Part II

5. Understanding Taxonomy, Drupal Camp Colorado, June 2009 http://www.slideshare.net/nadavoid/understanding-taxonomy-drupal-camp-colorado-june-2009

6. Taxonomy Everywhere (Drupal Con Paris 2009) http://www.slideshare.net/drupalcon/taxonomy-everywhere

7. Getting the most out of Drupal's taxonomy system | David Lanier | DrupalCamp Dallas 2009 - http://vimeo.com/6095734

8. Using Taxonomies in Drupal 7 http://www.youtube.com/watch?v=q3bSZiw8J3k

PlugIn@Blk71 15 March , 2013

Page 38: Introduction to Drupal for Absolute Beginners

Designing Content & Taxonomy

End of Part II PlugIn@Blk71 15 March , 2013

• How to Design Content Type? • http://www.youtube.com/watch?v=k0bHiSfFs-g • A very clear explanation and example

by Rick Manelius

Page 39: Introduction to Drupal for Absolute Beginners

1. Image styles & Image caches 2. Relations between Content Types & Image styles 3. Understanding Input formats 4. Understanding User Roles and Permissions in Drupal 5. Maqsquerade module 6. Relation between Input Formats and User Roles 7. Installing Modules & Themes 8. Using Drupal built in Performance options 9. Understanding Drupal Reports & Statistics 10.Updating Drupal Core and Modules between different minor

versions

Agenda (for Part III)

PlugIn@Blk71 15 March , 2013

Page 40: Introduction to Drupal for Absolute Beginners

1. To display and manipulate images on Drupal website. 2. To configure image styles that can be used for resizing or

adjusting images on display, 3. Providing an image field (using the Field API) for attaching

images to content.

Images in Drupal

Image Module in Drupal 7

Help in the following..

http://drupal.org/documentation/modules/image

PlugIn@Blk71 15 March , 2013

Page 41: Introduction to Drupal for Absolute Beginners

1. One of the powerful feature of Drupal 7 2. Using image styles we can - scale, crop, resize, rotate and

desaturate images without affecting the original image. 3. Default three sizes: 'thumbnail,' 'medium', and 'large'. 4. When we change an image style, the module automatically

refreshes all created images. 5. Every image style must have a name, which will be used in

the URL of the generated images.

Images in Drupal (con..)

Image Styles & Image Cache

http://drupal.org/documentation/modules/image

PlugIn@Blk71 15 March , 2013

Page 42: Introduction to Drupal for Absolute Beginners

1. Creating an image style - product_teaser 2. Creating an image style - product_detail

Images in Drupal (con..)

Let’s create an Image style

http://drupal.org/documentation/modules/image

1. Image style for teaser - product_teaser 2. Image style for detail - product_detail

Assigning Image styles to Product Content type

PlugIn@Blk71 15 March , 2013

Page 43: Introduction to Drupal for Absolute Beginners

1. Without filters, there is no security for your Drupal site. 2. Drupal site admin can control the input formats based on

- content types and - user roles.

3. Default filters in Drupal 7 a) Plain Text b) Filtered HTML c) Full HTML d) PHP code (if module is enabled)

4. More Resources - http://drupal.org/documentation/modules/filter - http://drupal.org/node/213156

Input Filters in Drupal

PlugIn@Blk71 15 March , 2013

Page 44: Introduction to Drupal for Absolute Beginners

1. To fine tune the security and administration of Drupal. 2. A role = a group of users that have certain privileges as

defined in user permissions. 3. Examples, anonymous user, authenticated user, manager,

administrator and so on. 4. Each roles will have different permissions to do anything in a

Drupal site such as - creating contents - accessing contents - input formats - so on.

5. Maqsquerade module

User Roles & Permissions

http://drupal.org/node/206669

PlugIn@Blk71 15 March , 2013

Page 45: Introduction to Drupal for Absolute Beginners

1. Updating Drupal Modules - http://drupal.org/node/1895464

2. Updating Drupal Core - http://drupal.org/node/1223018

Updating Drupal Modules & Core

PlugIn@Blk71 15 March , 2013

Page 46: Introduction to Drupal for Absolute Beginners

Important Terminologies

Node

• A node in Drupal is the generic term for a piece of content on Drupal site. • A node consists of several fields. • Some examples of nodes:

- Pages in books - Discussion topics in forums - Entries in blogs - News article stories

• Each node on has a Content Type. • It also has fields such as Node ID, a Title, a creation date,

an author (a user on the site), a Body (which may be ignored/omitted for some content types), and some other properties.

Ref: http://drupal.org/node/19828

Part I PlugIn@Blk71 15 March , 2013

Page 47: Introduction to Drupal for Absolute Beginners

Important Terminologies

Entities

• In Drupal 7 nodes are still used, but the idea of nodes is expanded and named Entities.

• Entities can include not only nodes but users, comments, relationships between nodes etc.

• All entities can have extra information associated with them (fields) just as nodes do when using the Content Construction Kit (CCK in D6).

Ref: http://drupal.org/node/21947

Content Types

• A single web site could contain many types of content, such as news items, informational pages, polls, blog posts, real estate listings, etc.

• In Drupal, each item of content is a node, and each node belongs to a single content type.

• Content types in Drupal 7 core - Article, Basic page, Bog Entry, Book Page, Comment (but not a node), Forum and Poll.

Part I PlugIn@Blk71 15 March , 2013

Page 48: Introduction to Drupal for Absolute Beginners

• An organizational keyword, known in other systems as categories, tag or metadata.

• A term is a label that can be applied to a node. They are also known as tags.

• A node can have more than one terms & vocabulary.

Important Terminologies

Taxonomy

• In Drupal In Drupal, "Taxonomy" is the name of a powerful core module that gives your sites use of terms.

• In Drupal, these terms are gathered within vocabularies which the Taxonomy module allows you to create, manage and apply.

Term

Part II

Vocabulary

• A vocabulary is a collection of terms.

PlugIn@Blk71 15 March , 2013

Page 49: Introduction to Drupal for Absolute Beginners

Important Terminologies

Taxonomy

Term

Part II

Vocabulary

Vocabulary

Vocabulary

Vocabulary

Vocabulary

Term

Term

Term

Term

Term

Term

Term

Term

Term

Term

Term Term

PlugIn@Blk71 15 March , 2013

Page 50: Introduction to Drupal for Absolute Beginners

Feedback and Discussions

1. Any problems during the training? 2. Any feedbacks & Suggestions? 3. What you want to learn more? 4. Beyond Drupal Beginner…

Part I,II,III PlugIn@Blk71 15 March , 2013

Page 51: Introduction to Drupal for Absolute Beginners

Thank You

PlugIn@Blk71, Singapore 15 March , 2013