Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Hello Drupal

25,770 views

Published on

If you're brand new to Drupal, let Hello Drupal be your welcome wagon.

Find out more on http://training.acquia.com/hellodrupal

Updated 2 April 2012

Published in: Technology
  • ➤➤ 3 Reasons Why You Shouldn't take Pills for ED (important) ▲▲▲ http://ishbv.com/rockhardx/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Nice set of Intro to Drupal slides. Thanks!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hello dear My name is mariam nasrin, I know that this email will meet you in a good health and also surprisingly but God has his own way of bringing people together. Nice to Meet you I would appreciate if you can reply me back( mariamnasrin2@gmail.com ) So that i can explain you more about me. thank Yours mariam.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Thanks for this, it is super useful
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • LA PERSONA QUE ME LO ENVIO ESTA TODAVIA ASOMBRADA DE LO OCURRIDO, YA QUE ELLA DICE QUE LO HIZO POR HACERLO Y QUE PIDIO ALGO QUE CREIA CASI IMPOSIBLE DE LOGRAR PROBEMOS. * Para ti mismo di el nombre de la unica persona del sexo opuesto con quien quieras estar (tres veces...)... * Piensa en algo que quieras lograr dentro de la proxima semana y repitelo para ti mismo(a) (seis veces)... * Piensa en algo que quieras que pase entre tu y la persona especial (que dijiste en el no. 1) y dilo a ti mismo/a (doce veces)... * Ahora haz un ultimo y final deseo acerca del deseo que escogiste. * Despues de leer esto tienes 1 hora para mandarlo a 15 temas y lo que pediste se te hara realidad en 1 semana. A la mayor cantidad de gente a quien lo mandes mas fuerte se hara tu deseo. Si tu escoges ignorar esta carta lo contrario del deseo te sucedera, o esto no sucedera jamas.............. Que tus días estén llenos de logros y tus noches de sueños copia y pega esto en 15 o + tema
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Hello Drupal

  1. 1. HELLO DRUPAL! /WELCOME!Download: http://training.acquia.com/hellodrupal
  2. 2. LicenseThis work is licensed under the Creative CommonsAttribution-NonCommercial-ShareAlike 3.0 UnportedLicense. To view a copy of this license, visithttp://creativecommons.org/licenses/by-nc-sa/3.0/ orsend a letter to Creative Commons, 444 CastroStreet, Suite 900, Mountain View, California, 94041,USA.Download: http://training.acquia.com/hellodrupal
  3. 3. What we’ll do todayINTRODUCTIONDownload: http://training.acquia.com/hellodrupal
  4. 4. What we’ll do todayDownload: http://training.acquia.com/hellodrupal
  5. 5. What we’ll do1. Short presentation 2. Quick demo 3. You try it Concepts and cases Download: http://training.acquia.com/hellodrupal
  6. 6. Learn from cases
  7. 7. Hands-on practice
  8. 8. Your site 1. 2. 5. 3.4.
  9. 9. Getting to know you
  10. 10. About us...
  11. 11. Our projects
  12. 12. Acquia Training• Acquia is “your enterprise guide to Drupal”.• Promoting best practices through training.• http://training.acquia.com/
  13. 13. About you...• What sector do you work in?• What web projects do you have coming up?• What are the key audiences for those projects?• How are you meeting those needs now?
  14. 14. What you need
  15. 15. Check!• Browser with inspection tool, such as Firefox and Firebug.• Optional, but nice: A lorem ipsum generator (in your browser)
  16. 16. Check!• Your manual.• “Before you start” in manual • Download the appendix • Your Drupal Gardens site• Browser opened to drupal.org
  17. 17. Drupal Gardens vDrupal?
  18. 18. Spot the difference
  19. 19. UI tweaks - open source
  20. 20. Some differences
  21. 21. ThemeBuilder
  22. 22. Exporting? Yes!
  23. 23. A useful tool• Sandbox for us today!• Good for collaboration.• Maintains the server. Updates the software• Implements improvements in Drupal• Provides support in the forums (free) and tickets (paid)
  24. 24. Your turn!Change site title
  25. 25. Change your site title
  26. 26. Session 1WHAT IS DRUPAL?
  27. 27. The Lego analogyhttps://twitter.com/#!/tom_eric/status/26847650412
  28. 28. Levels of customizationAttribution 2.0 Generic (CC BY 2.0) Attribution 2.0 Generic (CC BY 2.0)By Sirius™ By V&A Steamworkshttp://www.flickr.com/photos/sontranphotos/6305186977/ http://www.flickr.com/photos/32482342@N05/6232526245/
  29. 29. Components v KitsAttribution-NoDerivs 2.0 Generic (CC BY-ND 2.0) Attribution 2.0 Generic (CC BY 2.0)by JuditK By creative.paradoxhttp://www.flickr.com/photos/juditk/5879492679/ http://www.flickr.com/photos/edmands/2771878770/
  30. 30. Unit 1.1What is Drupal?
  31. 31. Drupal is...
  32. 32. An online presence
  33. 33. A publishing platform
  34. 34. A robust search tool
  35. 35. Discussion platform
  36. 36. Multilingual
  37. 37. Citizen engagement
  38. 38. Student engagement
  39. 39. A digital library
  40. 40. Band launch platform
  41. 41. A secure URL shortener
  42. 42. Service builder
  43. 43. Product builder
  44. 44. Why choose Drupal1. Compared to other CMSs: • Highly configurable functionality and UX. • Extendable with API and custom themes.2. Compared to frameworks: • Time/effort saved with sub-systems. • Time/effort saves with distributions.3. A large ecosystem of service providers and specialists.4. Large and active community.
  45. 45. Highly Configurable
  46. 46. Extensible API
  47. 47. Customize client UXWorkbench Admin with Rubric theme
  48. 48. Sub-systems Featured News About Services Portfolio ContactContent Users Taxonomy CommentsContent title D. Schrute adventure Wow, cant Germany city breakwait to get dwight city break 8 Sept started. J. Halpert Spain sailing joe Me too! shopping 8 Sept text search
  49. 49. Distributions (packages) OpenPublish Commons Conference (COD)
  50. 50. Specialized serviceshttps://www.acquia.com/partners
  51. 51. Active contribution drupal.orgData as of March 2012- Check Drupal.org for updates!
  52. 52. A growing community 50 150 750 1350 2250 4200 4751 3000 + 2005 2006 2007 2008 2009 2010 2011 2012Antwerp Vancouver Barcelona Boston DC & San & Chicago & Denver & Brussels & Sunnyvale & Szeged Paris Copenhagen London & Munich
  53. 53. Regional and niche http://tinyurl.com/localdrupal http://groups.drupal.org/events
  54. 54. Next DrupalCons Munich PortlandAugust 2012 May 2013
  55. 55. Unit 1.1 (continued)What’s in the box?
  56. 56. The ***P stack http://drupal.org/requirements Drupal is flexible, but most tested on... Linux *, Apache *, MySQL *, PHP * works well with othersCreative Commons Attribution http://www.flickr.com/photos/ftmeade/6134210742/ By Fort Meade
  57. 57. AdministrationNext we’ll look at the sub-systems in Drupal.
  58. 58. Content editing
  59. 59. Blocks: Basic layout tool
  60. 60. Roles and permissions
  61. 61. Modules for functionality
  62. 62. Themes for appearance
  63. 63. A closer look (optional)Why do we haveCMSs?
  64. 64. Why does it exist?
  65. 65. Website maintenance Content and presentation mixed in HTML
  66. 66. Database driven
  67. 67. Sites are more interactive, social and media rich.
  68. 68. CMSs - a step further• Trusted users add and edit content.• Allow power users to manage menus and navigation.• Further: Drupal can be configured to let users modify and manage layouts.
  69. 69. Unit 1.2Case: Many kinds ofcontent
  70. 70. 1 2economist.com
  71. 71. Lots of data• “One Comment a Minute”• Articles, periodical issues, newspapers, customers, user roles, blog posts
  72. 72. Migration• Migrate module• Supports migration form other CMS’s (WordPress, Typo3 etc.)• Supports migration from older Drupal versions.
  73. 73. direct.gov.uk
  74. 74. Requirements • Innovate developer site • Allow developers to submit apps. • Moderate submissions before publishinginnovate.direct.gov.uk/node/add/apps?op=Submit+an+App
  75. 75. Field configuration Drupal content type field configuration
  76. 76. Unit 1.3 - Unit 1.4 - Your turnAdding blocks andcontent
  77. 77. Add a block1 2 3
  78. 78. Disabled blocks
  79. 79. Add content 1 2
  80. 80. Compare• Is the block on the content list?• Can you add comments to a block?• Can you place an article in the sidebar?
  81. 81. Unit 1.5How would you do this?Review
  82. 82. Tutorial site12 3 Inspiration: http://www.netmagazine.com/tutorials
  83. 83. Session 2THE ASSEMBLEDWEB
  84. 84. Unit 2.1Thinking like Drupal
  85. 85. What you may be thinking example.com news sports politics mental about Your site map masthead contact
  86. 86. Structure first? Web Page Title Web Page Titlehttp://domain.com Google http://domain.com Google Front page Full page
  87. 87. Structure first? Web Page Title Web Page Titlehttp://domain.com Google http://domain.com Google Front page Full page ?
  88. 88. Display of content Web Page Title Web Page Titlehttp://domain.com Google http://domain.com Google Front page Full page
  89. 89. Think “Content first”Articles UsersPages Terms Comments “ “
  90. 90. Structured content Compare Title Title In HTML: Image upload Body text Body text Tags Location LocationMedia (video, images) Tags
  91. 91. Structured content Web Page Title http://domain.com Google Title ImageBody textLocation Web Page Title http://domain.com Google Tags Author Date
  92. 92. Structured content Title Show 2 most recent. Image as square thumbnail. Image Body text up to 100 words Web Page Title http://domain.com GoogleBody textLocation Tags Author Date
  93. 93. Structured content Title Show 9 per page with pagination. Image as thumbnail. Image Author link to profile. Short date. Web Page Title http://domain.com GoogleBody textLocation Tags Author Date
  94. 94. Pages are assembled This is an example of a page that is assembled.
  95. 95. Most recent pollEnable the poll Module > Add a poll > Place block
  96. 96. Blocks and menus About menu Main menu Custom menus Generated by a module Views listing
  97. 97. Block regions Regions
  98. 98. Regionshttp://regions.drupalgardens.com/
  99. 99. Unit 2.1 (continued)Integration
  100. 100. Integration• Existing and popular services? Likely there’s a module.• A proprietary service? There may not be an existing module.• Your unique data source or custom application will require scripting.
  101. 101. Drupal + Twitter1 Link to account2 Display feed & archive3 Tweet this button4 Login and tweet library.acquia.com/articles/drupal-integration-twitter
  102. 102. Drupal + Facebook developers.facebook.com/1 Just add a “Like” button docs/reference/plugins/like/2 Use Facebook for login drupal.org/project/fbconnect3 Develop FB applications drupal.org/project/fb
  103. 103. IntegrationThird party services Socialhttp://drupal.org/project/salesforce http://drupal.org/project/twitterhttp://drupal.org/project/adsense http://drupal.org/project/google_plusonehttp://drupal.org/project/site_verify http://drupal.org/project/mailchimphttp://drupal.org/project/acquia_connector http://drupal.org/project/fbhttp://drupal.org/project/opencalaishttp://drupal.org/project/alfresco Mappinghttp://drupal.org/project/millennium http://drupal.org/project/geofieldMedia http://drupal.org/project/gmap http://drupal.org/project/geocoderhttp://drupal.org/project/media_youtube http://drupal.org/project/openlayershttp://drupal.org/project/media_vimeohttp://drupal.org/project/flickr http://drupal.org/project/locationhttp://drupal.org/project/media_flickr VisitJQuery librarieshttp://drupal.org/project/superfish http://j.mp/3rdpartyDhttp://drupal.org/project/jcarousel for details on third party integrationhttp://drupal.org/project/addtoany
  104. 104. Unit 2.2Case: Controllingdisplay
  105. 105. 2 31 opensource.com
  106. 106. Content displayTeaser Full post
  107. 107. How did they do that? Step 1. Step 2. Step 3.Add image Configure Configure field thumbnail field display
  108. 108. Add image field
  109. 109. Media styles
  110. 110. Configure display** Want MORE display modes? Use Display Suite.
  111. 111. What else?• Title length• Summary text• Whether tags appear or not• Comment links• Take it further: Display Suite http://drupal.org/project/ds
  112. 112. Example: London.gov.uk
  113. 113. Unit 2.3 - Your turnCreate contentlistings
  114. 114. Create content listing Step 1. Step 2.Select what Configure to display how to display
  115. 115. Unit 2.4How would you do this?Review
  116. 116. Museum site 21 3 Inspiration: http://fieldmuseum.org/
  117. 117. Session 3CONFIGURATIONBEFORE CODE
  118. 118. Unit 3.1Extending Drupal
  119. 119. “Projects”• Module: Code that alters, extends or enhances Drupal’s base functionality.• Theme: Provides the look, feel, and UX for your site.• Distributions/Installation profiles: Packaged Drupal + Modules, themes and configuration for a use-case
  120. 120. Can Drupal do X? This is the Title of the VideoSelect a date One morning, when Gregor Samsa woke from troubled dreams, he December 2011 found himself transformed... More...S M T W T F S30 1 2 3 4 5 6 16:9 URL 7 8 9 10 11 12 13 Embed14 15 16 17 18 19 2021 22 23 24 25 26 2728 29 30 31 1 2 3 0:00 / 4:59 Select TodaySlider Ratings 1 2 3Item Title 1 Item Title 2 Item Title 3 ItemSubtitle 1 Subtitle 2 Subtitle 3 Sub
  121. 121. ModulesSoftware to extend the functionality of Drupal. Here are some examples: Fivestar: A content rating system Webform: Submission form Flag: All purpose content marker
  122. 122. What is it really?Location in file hierarchy:Drupal core folder/sites/all/modules/
  123. 123. Themes © 2010 Acquia, Inc.
  124. 124. What is it really?Location in file hierarchy: Drupal core folder/sites/all/themes/
  125. 125. “Core”
  126. 126. “Core” “Contrib” and “Custom” The more contributed projects you use, the less custom code you need to write.
  127. 127. “Core” “Contrib” and “Custom”✖ Don’t hack core
  128. 128. A closer lookProject selection
  129. 129. Many module categories
  130. 130. Clicking together• When choosing a module, consider:• Can you build with existing tools?• Build with Fields and Views? Puzzled By brad montgomery Attribution 2.0 Generic (CC BY 2.0)
  131. 131. More is less? • Generic components means additional modules.Attribution-NoDerivs 2.0 Generic (CC BY-ND 2.0) Attribution 2.0 Generic (CC BY 2.0)by JuditK By creative.paradoxhttp://www.flickr.com/photos/juditk/5879492679/ http://www.flickr.com/photos/edmands/2771878770/
  132. 132. Previous Create + display events Event module• More generic, flexible solution. Drupal 7• Don’t duplicate effort. Create "event content type"• Standardize Content types administration. and Field (core)• Less dependence on Date field custom code. + Display calendar or listing Calendar Views
  133. 133. Take a “maintenance first” approach to project selectionhttp://www.mediacurrent.com/blog/drupal-maintenance-challenge-and-how-manage-it-part-2
  134. 134. Key indicators Reputation Reach CurrencyMaintainers other Community around Recent commitscontributions and module? (last 4 weeks)?involvement, Related modules? Recent release?IRC, word of (green/stable)mouth, appearance Number ofin case studies and installations? Issue queueblog posts. responsiveness Integrate with other and maintenance? modules?
  135. 135. Module search
  136. 136. Project pageWho maintains this?What are current issues?Download linksSimilar projects?Documentation?
  137. 137. Downloads andversion numbers
  138. 138. Project information Compare
  139. 139. Open source - literally
  140. 140. DrupalModules.com drupalmodules.com
  141. 141. Similar module review groups.drupal.org/similar-module-review “g.d.o”
  142. 142. A closer look (optional)Making a theme
  143. 143. Making a theme• A combination of configuration and then customizing with code.• What theming in Drupal entails • We’ll take a closer look• What skills you need HTML Advanced CSS Advanced Drupal Site-building Intermediate PHP Beginner
  144. 144. An example site
  145. 145. Drupal Gardens is different
  146. 146. Making a theme in Drupal
  147. 147. Overriding a push system
  148. 148. Customizing your theme
  149. 149. Region order
  150. 150. Regions in .info• The regions you define are available in Structure > Blocks
  151. 151. Inheritance Templates Core Base theme Sub-theme being called page.tpl.php page.tpl.php page.tpl.php node.tpl.php node.tpl.php node.tpl.php node.tpl.phpuser-profile.tpl.php user-profile.tpl.php
  152. 152. Core has template files
  153. 153. User profile output
  154. 154. COPY to your theme
  155. 155. Modify markup
  156. 156. Voila!• Drupal first sees your theme’s user-profile.tpl.php and renders it instead of the core user-profile.tpl.php
  157. 157. Naming patternsbased on core template pattern custom templatenode.tpl.php node--nodeid.tpl.php node--15.tpl.phpblock.tpl.php block--region-delta.tpl.php block--sidebar-first.tpl.php Docs: http://drupal.org/node/1089656
  158. 158. Use machine namesbased on core template pattern custom templatenode.tpl.php node--type.tpl.php node--article.tpl.php
  159. 159. Theming Tips• Do not put SQL queries directly into the theme. Not OK. (Make a module).• Follow best practices for configuring content, such as resizing images on the server, and not with CSS.• Do use Style Guide module to reveal the styles used by Drupal.
  160. 160. A closer look (optional)Custom coding inDrupal
  161. 161. Making a module• Configure first and override.• Reduce duplicate effort!• Custom “glue” for sites.• Skills required: HTML Advanced CSS Intermediate Drupal Site-building Advanced PHP Advanced
  162. 162. End-user experience Products They use the product, application or site Functionality User testing happens hereBuilding components Get them involved early Platform Web Framework
  163. 163. Editor experience Products Trusted managers Moderate content, Functionality Alter layout, configure the siteBuilding components Make their experience better! Platform Don’t forget to user test with these folks! Web Framework
  164. 164. Site building - 80-90% Products Select, install and configure modules Functionality Configure themesBuilding components Configure: A survey A forum Platform A content type Display of content Web Framework
  165. 165. Custom coding 10-20% Products Developing modules CSS/HTML for theme Functionality Work with the platformBuilding components Identify “hooks” - Which events? Platform Integrate with other components, APIs Web Framework
  166. 166. An event based systemEvent (hooks)A node has just been added ✔A node is showing in an edit form ✔A node is being deletedA form is about to be displayedA user has logged in ✔A user page is about to be displayed ✔A comment has been added ✔ Drupal’s API api.drupal.org/api/drupal
  167. 167. What can you do?• Use or create hooks- a simple callback function called on specific events.• Check access control.• Access data, from within Drupal or other datasource.• Insert, update and delete data.• Generate blocks.• Display results, or expose data to Views.• Theme how results or outcomes appear.
  168. 168. Product v Framework• Where do I interact with Drupal’s hook system to make custom functionality?• Watch “Taming the Burrito” by Jeff Eaton j.mp/tamelayers
  169. 169. Unit 3.1 (continued)Upgrading Drupal
  170. 170. The drop is always moving.• Update: Is a minor change, 7.12 > 7.15• Upgrade: A major version 6.x > 7.x• “We can break peoples code, but not peoples data.” • Drupal is not backward compatible. • Data is maintained, upgrade paths available for Drupal core and popular modules.
  171. 171. Download updates
  172. 172. Backup + run update
  173. 173. Update success
  174. 174. Drupal upgrades• Both core updates and upgrades must be performed manually.
  175. 175. Upgrade process Research Make a backup Perform upgrade data disable non-core Prepare code replace new files update all core upgrade create a test sitelogin user/1 upgrade contribmaintenance mode http://drupal.org/node/570162
  176. 176. Caveats• A new version of a module does not mean upgrade path for data.• Sometimes old modules are not upgraded, but moved to a more popular solution.
  177. 177. Unit 3.2Case: Configuringfunctionality
  178. 178. 1 2varnish-software.com
  179. 179. 1 2klantenservice.telenet.be
  180. 180. Unit 3.3Configure a newmodule
  181. 181. Configure a new module
  182. 182. Your webform
  183. 183. Unit 3.4How would you do this?Review
  184. 184. Animal rescue 31 2 Inspiration http://www.daws.org
  185. 185. Session 4OPPORTUNITY ANDCOMMUNITY
  186. 186. People like you...
  187. 187. Drupal is built by people Photos from code sprints By muir.ceardach http://www.flickr.com/photos/ceardach Attribution 2.0 Generic (CC BY 2.0)
  188. 188. Open Source do·o·cra·cy /dōˈäkrəsē/ Noun Responsibilities and and rights granted to those people who do the work rather than elected officials.http://www.communitywiki.org/DoOcracy
  189. 189. Meet a maintainerStella Power 2007 Founded in First module 2010 and Started in contributed. employsDrupal as a 5 people HOBBY! Now involved in on 19 projects On Drupal.org: stella http://drupal.org/user/66894
  190. 190. How you can help them: Provide clear bug reports/screenshots. Be respectful. Contribute what you can.Stella Power Jacob Singh Stella http://drupal.org/user/66894JacobSingh http://drupal.org/user/68912
  191. 191. The communityis growing
  192. 192. DrupalCon Brussels 2005Drupal isgrowing By Roland http://www.flickr.com/photos/roland/53700318 Attribution 2.0 Generic (CC BY 2.0)
  193. 193. DrupalCamp Dakar 2011By nd1mbee http://www.flickr.com/photos/nd1mbee/5649172387 Attribution 2.0 Generic (CC BY 2.0)
  194. 194. Monthly Drupal Meetup in Boston author’s photo
  195. 195. Developing your skills
  196. 196. Skills in need• Web languages: HTML/CSS/JavaScript• PHP: For module development• Sysadmin/Operations• Performance/Scalability• Visual design for CMSs• User experience design http://bit.ly/mad-skillz
  197. 197. Take the quiz! http://bit.ly/mad-skillz
  198. 198. Skills Maphttp://j.mp/drupalskills
  199. 199. Session 4 - Your turnGet connected
  200. 200. Find your people• If you haven’t already - create a user account on Drupal.org• Find a user group or a topical group• http://tinyurl.com/localdrupal
  201. 201. Resources
  202. 202. Documentation + Planet Also see drupal.org/planet
  203. 203. Drupal Gardens docs
  204. 204. drupal.org/books
  205. 205. drupalize.me
  206. 206. training.acquia.com
  207. 207. Questions and answersWRAP-UP
  208. 208. http://acquia.com/training-feedbackFeedback please!
  209. 209. Any questions?
  210. 210. How was this done?Preview at http://allnews.drupalgardens.com
  211. 211. Go forth and build!By Gábor Hojtsy Attribution-ShareAlike 2.0 Generic (CC BY-SA 2.0) http://www.flickr.com/photos/gaborhojtsy/279354242

×