Drupal in 5mins + Previewing Drupal 8.x


Published on

BarCamp Hong Kong 2013


Edison Wong
PantaRei Design Limited

Published in: Technology
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Drupal in 5mins + Previewing Drupal 8.x

  1. 1. Drupal in 5mins +Previewing Drupal 8.xBarCamp Hong Kong 2013 By Edison Wong PantaRei Design Limited http://pantarei-design.com
  2. 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
  3. 3. 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
  4. 4. 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
  5. 5. Most Popular Modules● CCK + Views + Context● WYSIWYG + CKEditor + IMCE● Varnish + Memcache + CDN● SEO Checklist + Google Analytics + XML sitemap● Internationalization● … and so on
  6. 6. 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
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. Most Popular Modules (cont.)● Internationalization – Collection of modules to extend Drupal core multilingual capabilities and be able to build real life multilingual sites
  11. 11. 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!!
  12. 12. New Site for Dummy● Change theme● Change logo● Create primary menu● New “Welcome” Page● Create “Contact Us” page
  13. 13. 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 Drupalsystem. A collection of most common software from the Drupal community, <ahref="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-madeBlog 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">PantaReiSiren</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">PantaReiDesign</a>.</li><li>Pre-configured with commonly used functionality, including testing user account, roles, permission, input filter, WYSIWYG, andeven more.</li><li>Integrated with frequently-used 3rd party libraries, e.g. <a href="http://ckeditor.com/">CKEditor</a>, <ahref="http://htmlpurifier.org/">HTML Purifier</a>, <a href="http://colorpowered.com/colorbox/">Colorbox</a>, <ahref="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 wheneverrequired.</li></ul>
  14. 14. 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 – Drupals 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.
  15. 15. 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.
  16. 16. 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
  17. 17. 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
  18. 18. 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● Whats Planned for Drupal 8 – http://drupalwatchdog.com/2/2/drupal-8-preview
  19. 19. 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
  20. 20. We are Hiring!● Love open source● Positive thinking● Eager to learn● Think Drupal will improve your career path● Contact us – hr@pantarei-design.com
  21. 21. Q&A
  22. 22. Thank you :D