BarCamp Hong Kong 2013 By Edison Wong PantaRei Design Limited http://pantarei-design.com

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