Introduction to Drupal for Absolute Beginners
Upcoming SlideShare
Loading in...5
×
 

Introduction to Drupal for Absolute Beginners

on

  • 1,524 views

This is the Introduction to Drupal for Absolute Beginners, presented in "Drupal Training Day for Absolute Beginners (full day)" at Blk71 Singapore. ...

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/

Statistics

Views

Total Views
1,524
Views on SlideShare
1,430
Embed Views
94

Actions

Likes
2
Downloads
47
Comments
0

7 Embeds 94

http://mmshare.org 73
http://www.linkedin.com 8
http://feeds.feedburner.com 6
http://m.mmshare.org 4
https://twitter.com 1
http://localhost 1
http://overrighteousness2.rssing.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Introduction to Drupal for Absolute Beginners Introduction to Drupal for Absolute Beginners Presentation Transcript

  • Introduction to Drupal The Absolute Beginner Guide Maung MaungVenue Sponsor Drupal.org/user/404070PlugIn@Blk71 Linkedin.com/in/everlearner Facebook.com/everlearnerPlugIn@Blk71, Singapore 15 March , 2013 (9:30 am – 5 pm)
  • Event Venue and Venue SponsorsPlugIn@Blk71 15 March , 2013
  • Event Venue and Venue SponsorsPlugIn@Blk71 15 March , 2013
  • WWW Not for World Wide Web. Just for Who, Who and Why.PlugIn@Blk71 15 March , 2013
  • 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
  • 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.comPlugIn@Blk71 15 March , 2013
  • 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
  • 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/showcasePlugIn@Blk71 15 March , 2013
  • 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_BuytaertPlugIn@Blk71 15 March , 2013
  • 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.orgPlugIn@Blk71 15 March , 2013
  • Why Intro To Drupal? http://drupal.org/learn-drupalPlugIn@Blk71 15 March , 2013
  • Learning Curve for Popular CMS Image Source: http://twitpic.com/3pvrmwPlugIn@Blk71 15 March , 2013
  • Image Source - http://www.pulsarwallpapers.com/r_drupal_core_1920x1200_56561.htmlPlugIn@Blk71 15 March , 2013
  • 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 usersPlugIn@Blk71 15 March , 2013
  • Image Source - http://threefifty.ca/services/drupal-design-drupal-developmentPlugIn@Blk71 15 March , 2013
  • Agenda (Part I & II)1. Introduction, WWW2. Bridges between your existing Web development experiences and Drupal3. Installing Drupal locally4. Understanding Drupal.org and local Drupal Interface5. Creating Content & Content Types6. Understanding Information Architecture and Taxonomy7. Understanding Drupal Users and Permissions8. Basic Performance & Security in Drupal9. Managing & Administration a Drupal sitePlugIn@Blk71 15 March , 2013
  • Agenda (for Part III)1. Image styles & Image caches2. Relations between Content Types & Image styles3. Understanding Input formats4. Understanding User Roles and Permissions in Drupal5. Maqsquerade module6. Relation between Input Formats and User Roles7. Installing Modules & Themes8. Using Drupal built in Performance options9. Understanding Drupal Reports & Statistics10.Updating Drupal Core and Modules between different minor versionsPlugIn@Blk71 15 March , 2013
  • At the End of the Training…. ? Image Source - http://dribbble.com/shots/41137-Drupal-NinjaPlugIn@Blk71 15 March , 2013
  • The BridgesBreak 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)PlugIn@Blk71 15 March , 2013
  • The Bridges http://weblogs.asp.net/rashid/PlugIn@Blk71 15 March , 2013
  • The Bridges Image Source - http://med.stanford.edu/irt/webauthor/content/anatomy.htmlPlugIn@Blk71 15 March , 2013
  • The Bridges Image Source - http://med.stanford.edu/irt/webauthor/content/anatomy.htmlPlugIn@Blk71 15 March , 2013
  • The BridgesHow Drupal is organizing & presenting all thesestructures 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.PlugIn@Blk71 15 March , 2013
  • Installing Drupal LocallyTraditional way- XAMPP, WAMP, MAMPP installation- Create a database- Download & install Drupal http://drupal.org/project/drupalAcquia drupal installer- Perfect for self-contained site development.- When ready to launch, migrate to a host provider- http://www.acquia.com/downloadsMore details & requirements for live installations -http://drupal.org/requirementsPlugIn@Blk71 15 March , 2013
  • Let’s Walkthrough Together1. 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
  • Learning from Existing1. Analysing & Learning Drupal’s built-in Page content type - Basic info - Structure & Fields - Display settingsPlugIn@Blk71 15 March , 2013
  • Learning from Existing2. Analysing & Learning Drupal’s built-in Article content type - Basic info - Structure & Fields - Display settings - Comment settingsPlugIn@Blk71 End of Part I 15 March , 2013
  • Creating a New Content Type1. Analysing the Requirements for a Mobile shop2. Determining the - Basic info - Structure & Fields - Display settings - Comment settings3. Implementing the Phone content typePlugIn@Blk71 15 March , 2013
  • Creating a New Content Type (con..)1. Basic Info Name = product Description = Mobile phone products.2. Title = Phone name3. Publishing options = Published, Promoted to Front Page4. Display settings = Uncheck5. Comment settings = OffPlugIn@Blk71 15 March , 2013
  • Creating a New Content Type (con..)1. Field Settings2. 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
  • Creating a New Content Type (con..)1. Implementing the Product content type together2. Modifying the Data entry form3. Modifying the Display settings4. Creating 4 Product contents & publishPlugIn@Blk71 15 March , 2013
  • Analyzing the ProblemsAny Problems structures in current site? with InformationPlugIn@Blk71 15 March , 2013
  • 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
  • Understanding Taxonomy1. 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/TaxonomyPlugIn@Blk71 15 March , 2013
  • Understanding Taxonomy (con..)Taxonomy Overview1. 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.PlugIn@Blk71 15 March , 2013
  • Resources for Taxonomy1. Organizing content with taxonomy http://drupal.org/documentation/modules/taxonomy2. About Taxonomy http://drupal.org/node/7748923. Understanding taxonomies for new users http://drupal.org/node/462684. Guidelines for taxonomy design http://drupal.org/node/81589PlugIn@Blk71 15 March , 2013
  • Resources for Taxonomy (con..)5. Understanding Taxonomy, Drupal Camp Colorado, June 2009 http://www.slideshare.net/nadavoid/understanding- taxonomy-drupal-camp-colorado-june-20096. Taxonomy Everywhere (Drupal Con Paris 2009) http://www.slideshare.net/drupalcon/taxonomy- everywhere7. Getting the most out of Drupals taxonomy system | David Lanier | DrupalCamp Dallas 2009 - http://vimeo.com/60957348. Using Taxonomies in Drupal 7 http://www.youtube.com/watch?v=q3bSZiw8J3kPlugIn@Blk71 End of Part II 15 March , 2013
  • Designing Content & Taxonomy • How to Design Content Type? • http://www.youtube.com/watch?v=k0bHiSfFs-g • A very clear explanation and example by Rick ManeliusPlugIn@Blk71 End of Part II 15 March , 2013
  • Agenda (for Part III)1. Image styles & Image caches2. Relations between Content Types & Image styles3. Understanding Input formats4. Understanding User Roles and Permissions in Drupal5. Maqsquerade module6. Relation between Input Formats and User Roles7. Installing Modules & Themes8. Using Drupal built in Performance options9. Understanding Drupal Reports & Statistics10.Updating Drupal Core and Modules between different minor versionsPlugIn@Blk71 15 March , 2013
  • Images in DrupalImage Module in Drupal 7Help in the following..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. http://drupal.org/documentation/modules/imagePlugIn@Blk71 15 March , 2013
  • Images in Drupal (con..)Image Styles & Image Cache1. One of the powerful feature of Drupal 72. 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. http://drupal.org/documentation/modules/imagePlugIn@Blk71 15 March , 2013
  • Images in Drupal (con..)Let’s create an Image style1. Creating an image style - product_teaser2. Creating an image style - product_detailAssigning Image styles to Product Content type1. Image style for teaser - product_teaser2. Image style for detail - product_detail http://drupal.org/documentation/modules/imagePlugIn@Blk71 15 March , 2013
  • Input Filters in Drupal1. 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/213156PlugIn@Blk71 15 March , 2013
  • User Roles & Permissions1. 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 http://drupal.org/node/206669PlugIn@Blk71 15 March , 2013
  • Updating Drupal Modules & Core1. Updating Drupal Modules - http://drupal.org/node/18954642. Updating Drupal Core - http://drupal.org/node/1223018PlugIn@Blk71 15 March , 2013
  • Important TerminologiesNode• 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/19828PlugIn@Blk71 Part I 15 March , 2013
  • Important TerminologiesEntities• 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).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. Ref: http://drupal.org/node/21947PlugIn@Blk71 Part I 15 March , 2013
  • Important TerminologiesTaxonomy• 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.Vocabulary• A vocabulary is a collection of terms.Term• 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.PlugIn@Blk71 Part II 15 March , 2013
  • Important Terminologies Taxonomy Vocabulary Vocabulary Vocabulary Vocabulary Vocabulary TermTerm Term Term Term Term Term Term Term Term Term Term TermPlugIn@Blk71 Part II 15 March , 2013
  • Feedback and Discussions 1. Any problems during the training? 2. Any feedbacks & Suggestions? 3. What you want to learn more? 4. Beyond Drupal Beginner…PlugIn@Blk71 Part I,II,III 15 March , 2013
  • Thank YouPlugIn@Blk71, Singapore 15 March , 2013