HKTDC International ICT Expo 2015 “Sharing on Innovative Application of Latest ICT Solutions for e-Government

1. Hong Kong International ICT Expo
DruStack - A mobile-friendly web content
management system (CMS)
PantaRei Design Limited
Wong Hoi Sing, Edison
2015 April 16

2. Wong Hoi Sing, Edison
●
CEO, Founder, PantaRei Design
– 2009, PantaRei Design founded
– 2010, HKFYG YBHK applicant
– 2011, ITF SERAP applicant
– 2011, HKSTP Incu-Tech applicant
●
FOSS and Drupal Developer, Contributor and HKDUG Co-founder
– 2000, Debian GNU/Linux 2.2 ('potato')
– 2005, Drupal Developer
– 2008, BarCamp HK Speaker
– 2008, HKDUG Co-founder
– 2011, Drupal 7.x Core Contributor
●
hswong3i@pantarei-design.com
●
https://www.drupal.org/u/hswong3i

3. PantaRei Design
●
Everything Changes and Nothing Remains Still
●
Reinvent Enterprise with Open Source Software and Cloud Computing
●
Hong Kong based FOSS service provider
– Content Management System (CMS) with Drupal
– Cloud Hosting Solution with Amazon Web Services (AWS)
– Team collaborate solution with Atlassian
●
Business Partner with industry leaders
– 2012, AWS Consulting Partner
– 2013, Acquia Partner
– 2013, Atlassian Experts
– 2014, Rackspace Hosting Partner

4. PantaRei Design (cont.)
● History
– 2010
● Founded by Edison Wong
● Applicant of The Hong Kong Federation of Youth Groups (HKFYG) Youth
Business Hong Kong (YBHK) Programme
– 2011
● Applicant of Innovation and Technology Fund (ITF) Small Entrepreneur
Research Assistance Programme (SERAP)
● Applicant of Hong Kong Science & Technology Parks (HKSTP) Incu-Tech
Programme
– 2014
● Graduate as HKSTP Talent

12. Outline
●
Drupal CMS
●
DruStack
●
Drupal 8 Quick Preview
●
What's Next?

13. Drupal CMS
●
Drupal
●
Drupal Showcases

14. 
Open source content management system.

Web application framework.

Design and Display.

Collaborative and Administrative.

Many tools to organize, structure, find and re-
use the content.

Interact with external media and file services.

16. Drupal Showcases

South China Morning Post

The White House

Tesla Motors

Twitter

LinkedIn Developers

American Red Cross

23. DruStack
●
What is DruStack?
●
Festures Highlight
Pre-configured with commonly used functionality, including testing user account, roles, permission,
input filter, WYSIWYG, and even more
Integrated with frequently-used 3rd party libraries, e.g. CKEditor, HTML Purifier, Colorbox, Code
prettify, etc.
Most setup managed by Features and Strongarm with drustack_* packages so you may rollback as
default whenever required.

24. What is DruStack?
●
A mobile-friendly content management system
ready in 10 minutes
●
A freely available packaged distribution of the
open source Drupal system
●
Integrated the development for Drupal installation
●
Provides a quick on-ramp to begin building Drupal
websites.

25. Features Highlight
What you see is what you get
Simplified buttons and plugins
Multiple editor profile
No coding, No FTP
Google Analytics
XML sitemap
Meaningful URL
Broken link checker
Support mobile, tablet, desktop
No resizing, No panning
Scalable vector icons
Bootstrap framework

26. Features Highlight cont.
Powered by open source community
Modularized and revision control
Managed dependancy control
Over 200 modules
JIRA Service Desk
SLA visibility
Intuitive and clean user interface
Guaranteed response time
Cloud scale up best practise
Architect your cloud infrastructure
Open source, flexible control panel
World class protection

27. Drupal 8 Quick Preview
●
Mobile in its DNA
●
Multilingual Capabilities
●
Accessibility Integration
●
Effortless Authoring
●
Field Power
●
Views, Out of the Box
●
Build-in Web Services

28. Mobile in its DNA

Administration pages: a snap to use

New administration experience

Mobile-first Back to site button

31. Multilingual Capabilities
 Translate anything in the system with built-in
user interfaces.
 Build pages with Views language filtering and
block visibility.
 Get software translation updates automatically
from the Drupal community.

33. Accessibility Integration

More Semantic

Aural Alerts

Controlled Tab Order

Hidden/Invisible/On-focus

Fieldsets

jQuery UI

Alt Text

Bartik

34. Effortless Authoring

In-place editing of content without having to
use the full edit form.

WYSIWYG configuration made easy with
web security in mind.

Draft saving made easier.

36. Field Power

More field types in core

Attach fields to more types of content

Entity reference, link, date, e-mail, telephone,
etc.

38. Views, Out of the Box

Easily customize the front page, listing
blocks, and more.

Simply create custom admin pages,
customize filters, actions, and more.

41. Built-in Web Services

Build mobile apps
– Drupal as the data source
– Even post back to Drupal from the client

Implement state-of-the-art Hypertext
Application Language (HAL)

Expose content as JOSN, XML, etc.

42. What's Next?
●
simplytest.me
●
HKDUG
●
Online Resources

43. simplytest.me

Evaluate Drupal projects online.

Just Try It!
 http://simplytest.me/project/drupal/8.0.x

45. The Hong Kong Drupal User
Group (HKDUG)

Monthly Free sharing meetup event.

Open to everyone with an interest in Drupal

Great opportunity to learn more about what Drupal can do and what
folks are building with it.
 Event organizing:
http://www.meetup.com/drupalhk
 Technological discussion:
https://groups.drupal.org/drupalhk
 Business connection:
http://www.linkedin.com/groups/?gid=6644792
 General sharing:
https://www.facebook.com/groups/drupalhk

52. Online Resources

Drupal Tutorial:
 http://www.siteground.com/tutorials/drupal/
 http://www.techiestuffs.com/learn-drupal-best-d
rupal-online-resources-for-beginners-and-develo
pers/

Community Document:
 https://www.drupal.org/documentation

Drupal Code Search:
 http://www.drupalcodesearch.com/

53. References
●
http://cmsmatrix.org/
●
https://www.drupal.org/drupal-8.0
●
http://simplytest.me/project/drupal/8.0.x
●
http://www.drupalshowcase.com/
●
http://trends.builtwith.com/cms#
●
http://barcamp.hk/
●
http://cms.about.com/od/cms-basics/a/Pros-And-Cons-Of-Joomla-
Wordpress-And-Drupal.htm
●
http://www.adobe.com/sea/products/cq/web-content-managemen
t.html#wcm
●
http://www.meetup.com/drupalhk/events/207982752/

54. Welcome to Our Booth 3F-F39

55. Address: Unit 326, 3/F, Building 16W
No.16 Science Park West Avenue,
Hong Kong Science Park, Shatin, N.T.
– Phone: +852 2576 3812
– Fax: +852 3753 3663
– Email: sales@pantarei-design.com
– Web: http://pantarei-design.com
Contact us