DruStack- a mobile-friendly web content management system (cms

Hong Kong International ICT Expo

DruStack - A mobile-friendly web content management system (CMS)

PantaRei Design LimitedWong Hoi Sing, Edison

2015 April 16

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

● [email protected]● https://www.drupal.org/u/hswong3i

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

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

Outline

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

Drupal CMS

● Drupal● Drupal Showcases

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.

Drupal Showcases

South China Morning Post The White House Tesla Motors Twitter LinkedIn Developers American Red Cross

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.

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.

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

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

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

Mobile in its DNA

Administration pages: a snap to use New administration experience Mobile-first Back to site button

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.

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

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.

Field Power

More field types in core Attach fields to more types of content Entity reference, link, date, e-mail, telephone,

etc.

Views, Out of the Box

Easily customize the front page, listing blocks, and more.

Simply create custom admin pages, customize filters, actions, and more.

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.

What's Next?

● simplytest.me● HKDUG● Online Resources

simplytest.me

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

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

Online Resources

Drupal Tutorial: http://www.siteground.com/tutorials/drupal/ http://www.techiestuffs.com/learn-drupal-best-d

rupal-online-resources-for-beginners-and-developers/

Community Document: https://www.drupal.org/documentation

Drupal Code Search: http://www.drupalcodesearch.com/

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/

Welcome to Our Booth 3F-F39

Address: Unit 326, 3/F, Building 16WNo.16 Science Park West Avenue,Hong Kong Science Park, Shatin, N.T.– Phone: +852 2576 3812– Fax: +852 3753 3663– Email: [email protected]– Web: http://pantarei-design.com

Contact us