Drupal in 5mins + Previewing Drupal 8.x
3 likes1,723 views
This document provides an overview of Drupal and previews Drupal 8 features from a presentation given at BarCamp Hong Kong 2013. It introduces Drupal as an open-source CMS, outlines the presentation topics which include popular Drupal modules, a Drupal 7 demo installation, creating a new dummy site, and reviewing new features in Drupal 8. Key new features highlighted for Drupal 8 include Views and configurable being included in the core, improved support for HTML5, configuration management, web services, layouts, and multilingual capabilities.
Drupal in 5mins + Previewing Drupal 8.x
- 1. Drupal in 5mins + Previewing Drupal 8.x BarCamp Hong Kong 2013 By Edison Wong PantaRei Design Limited http://pantarei-design.com
- 2. Welcome ● Why I should be here? – Learn a Web2.0 CMS in 5mins ● Who are you? – Edison Wong, a Drupal contributor since 2005 – Co-founder & CEO of PantaRei Design Limited – http://edin.no-ip.com/ ● What is PantaRei Design Limited? – Druapl service provider since 2010 – http://pantarei-design.com/ – http://drupal.org/node/1741828
- 6. Outline ● What is Drupal? (10mins) ● Most Popular Modules (10mins) ● Drupal 7.x Demo Installation (10mins) ● New Site for Dummy (10mins) ● Drupal 8.x New Features Review (10mins) ● I Need More Help!! (10mins) ● Q&A
- 7. What is Drupal? ● Drupal is an open-source platform and content management system (CMS) for building dynamic web sites ● Distributed under the terms of the GNU General Public License (or "GPL"), which means anyone is free to download it and share it with others ● To easily organize, manage and publish your content, with an endless variety of customization
- 13. Most Popular Modules ● CCK + Views + Context ● WYSIWYG + CKEditor + IMCE ● Varnish + Memcache + CDN ● SEO Checklist + Google Analytics + XML sitemap ● Internationalization ● … and so on
- 14. Most Popular Modules (cont.) ● CCK – Already build into Drupal 7.x core as entity – Both content type, comment, taxonomy, user profile, etc will able to attach additional field handily ● Views – Provides a flexible method to control how lists and tables of content ● Context – Control block display per contextual conditions
- 15. Most Popular Modules (cont.) ● WYSIWYG – Allows to use client-side editors to edit content, formatting content layout without indeed HTML knowledge. ● CKEditor – A very popular ready-for-use open source WYSIWYG text editor ● IMCE – Plugin for WYSIWYG as another fancy and powerful image/file browser
- 16. Most Popular Modules (cont.) ● Varnish – HTTP accelerator designed for content-heavy dynamic web sites ● Memcache – Replace Drupal core database-based caching backend as memory-based ● CDN – Content distribution network (CDN) is a large distributed system of servers deployed in multiple data centers in the Internet
- 17. Most Popular Modules (cont.) ● SEO Checklist – Uses Drupal SEO best practices to check your website for proper search engine optimization ● Google Analytics –Adds the Google Analytics web statistics tracking system to your website ● XML sitemap – The XML sitemap module creates a sitemap that conforms to the sitemaps.org specification
- 18. Most Popular Modules (cont.) ● Internationalization – Collection of modules to extend Drupal core multilingual capabilities and be able to build real life multilingual sites
- 19. Drupal 7.x Demo Installation ● Source – http://drupal.org/project/drustack ● Virtualmin – https://drustack.com:10000/ ● Start Installation – http://drustack7.demo.drustack.com/ ● Wait for 5mins... ● Done!!
- 24. New Site for Dummy ● Change theme ● Change logo ● Create primary menu ● New “Welcome” Page ● Create “Contact Us” page
- 25. New Site for Dummy (cont.) <h3>DruStack - A Starting Distribution for Drupal Developer</h3> <p><a href="http://drupal.org/project/drustack">DruStack</a> is a freely available packaged distribution of the open source Drupal system. A collection of most common software from the Drupal community, <a href="http://drupal.org/project/drustack">DruStack</a> provides a quick on-ramp to begin building Drupal websites.</p> <p><a href="http://drupal.org/project/drustack">DruStack</a> integrated the development for Drupal installation. The pre- configured modules make you get a highly customized and total complete Drupal websites. You can get your own ready-made Blog setup by default Drupal installation procedure.</p> <p>DruStack replace most of the features and as a successor of <a href="http://drupal.org/project/pantarei_siren">PantaRei Siren</a> distribution.</p> <h3>Features Highlight</h3> <ul> <li>Collection of 3rd party modules tested, verified and supported by <a href="http://drupal.org/node/1741828">PantaRei Design</a>.</li> <li>Pre-configured with commonly used functionality, including testing user account, roles, permission, input filter, WYSIWYG, and even more.</li> <li>Integrated with frequently-used 3rd party libraries, e.g. <a href="http://ckeditor.com/">CKEditor</a>, <a href="http://htmlpurifier.org/">HTML Purifier</a>, <a href="http://colorpowered.com/colorbox/">Colorbox</a>, <a href="http://code.google.com/p/google-code-prettify/">Code prettify</a>, etc.</li> <li>Most setup managed by Features and Strongarm with drustack_* packages so you may rollback as default whenever required.</li> </ul>
- 26. Previewing Drupal 8.x ● Views in core – The most significant enhancement is pulling the popular (many would say, essential) add-on module that allows users to query and display content from the database without having to write SQL into core Drupal. ● Support for HTML5 – Drupal's default doctype will switch from XHTML to HTML5; input filters, functions and forms will all accept HTML5 elements. ● Configuration management – This initiative is about making site configuration versionable and manageable through code and generally “improving the deployment process for Drupal,” as Moshe Weitzman, longtime Drupalist and current Director of Research and Development at Acquia told me.
- 27. Previewing Drupal 8.x ● Web services – This should result in improving Drupal’s ability to deliver non-HTML output formats, such as XML and JSON, based on REST-style architecture using Symfony components. ● Layouts – This initiative is focussed on cleaning up and standardizing the methods for creating output and placing content on a page; it will lead to things like context-aware blocks and allow for nested layouts. ● Mobile – With the explosion of tablets and smartphones, this initiative is focussing on making admin screens more usable on mobile devices, via native app integration, HTML5, and responsive design. ● Multilingual – Some of the key tools and modules currently used to build multilingual sites will be pulled into core and the interface design will be improved to make it easier to build and support multilingual sites.
- 35. References ● https://drupal.org/ ● http://www.whitehouse.gov/ ● http://www.ubuntu.com/ ● http://www.enterpriseinnovation.net/ ● http://celt.ust.hk/ ● http://drupal.org/project/cck ● http://drupal.org/project/views ● http://drupal.org/project/context ● http://drupal.org/project/wysiwyg ● http://ckeditor.com/download
- 36. References (cont.) ● http://drupal.org/project/imce ● http://drupal.org/project/varnish ● http://drupal.org/project/memcache ● http://drupal.org/project/cdn ● http://drupal.org/project/seo_checklist ● http://drupal.org/project/google_analytics ● http://drupal.org/project/xmlsitemap ● http://drupal.org/project/i18n ● http://drupal.org/project/drupal ● http://drupal.org/project/drustack
- 37. References (cont.) ● Virtualmin + Drupal 7.x on Ubuntu 12.04 HOWTO – http://edin.no-ip.com/blog/hswong3i/virtualmin-drupal-7-x-ubuntu- ● Previewing Drupal 8 – http://www.itworld.com/it-management/325649/previewing-drupal ● What's Planned for Drupal 8 – http://drupalwatchdog.com/2/2/drupal-8-preview
- 38. I Need More Help!! ● Read documentation from Drupal Community – http://drupal.org/documentation ● Join event and meetup in Hong Kong Drupal User Group – http://groups.drupal.org/hongkong ● Contact us for our free consultancy service – info@pantarei-design.com
- 39. We are Hiring! ● Love open source ● Positive thinking ● Eager to learn ● Think Drupal will improve your career path ● Contact us – hr@pantarei-design.com
- 40. Q&A
- 41. Thank you :D