Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

28
Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited http://pantarei-design.com

Transcript of Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

Page 1: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

Drupal in 5mins

BarCamp Hong Kong 2010

By

Edison WongPantaRei Design Limited

http://pantarei-design.com

Page 2: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

Welcome

Why I should be here? Learn a Web2.0 CMS in 5mins.

Who are you? Edison Wong, a Drupal contributor since 2005. Focus on database abstraction layer, module

development and theme contribution. What is PantaRei Design?

Druapl Development, Support and Maintenance.

http://pantarei-design.com/

Page 3: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

Outline

What is Drupal? (5mins) Most Popular Modules (5mins) Drupal 6.x Demo Installation (5mins) New Site for Dummy (5mins) Drupal 7 New Features Review (5mins) I Need More Help!! (5mins) Q&A

Page 4: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

What is Drupal?

Drupal is a Content Management System (CMS).

Open-source software distributed with GPL. To easily publish, manage and organize a wide

variety of content on a website.

Page 5: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .
Page 6: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .
Page 7: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .
Page 8: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .
Page 9: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .
Page 10: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .
Page 12: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

Most Popular Modules (cont.)

Content Construction Kit (CCK) Allows you to add custom fields to nodes

using a web browser. Views

Provides a flexible method to control how lists and tables of content

Panels To create customized layouts for multiple

uses

Page 13: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

Most Popular Modules (cont.)

Image Allows you to upload images using a web browser.

ImageCache Allows you to setup presets for image processing,

and generate derivative on-the-fly Image Assist

Allow user to upload and insert images inline into content with image browser

Page 14: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

Most Popular Modules (cont.)

WYSIWYG Allows to use client-side editors to edit content,

formatting content layout without indeed HTML knowledge.

IMCE Plugin for WYSIWYG as another fancy and

powerful image/file browser

Page 15: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

Drupal 6.x Demo Installation

Source http://tinyurl.com/2669qfu

phpMyAdmin http://tinyurl.com/25qy49f

Start Installation http://tinyurl.com/2937kun

Wait for 5mins... Done!!

Page 16: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .
Page 17: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .
Page 18: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .
Page 19: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .
Page 20: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .
Page 21: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .
Page 22: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

New Site for Dummy

Change theme Change logo Create primary menu New “Welcome” Page Create “Contact Us” page

Page 23: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

New Site for Dummy (cont.)

<p>Thank you for your interest in PantaRei Design. Feel free to contact us via the channels listed below.</p><h3>Contact PantaRei Design Sales</h3><p>Learn more about PantaRei Design's offerings.</p><ul><li>Phone: (852) 9853 0636</li><li>Email: [email protected]</li><li>Online: <a href="/about-us/contact-us/products-services">Sales Inquiries</a></li></ul><h3>Other Inquiries</h3><ul><li><a href="/about-us/contact-us/general">General Inquiries</a></li><li><a href="/about-us/contact-us/employment">Employment Inquiries</a></li></ul><h3>Office Address</h3><p>PantaRei Design, Ltd.<br> G/F, 29 Java Road<br> North Point, Hong Kong</p><iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"

src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=G%2FF,+29+Java+Road+North+Point,+Hong+Kong+pantarei+design&amp;sll=22.291871,114.198128&amp;sspn=0.0068,0.013937&amp;g=G%2FF,+29+Java+Road+North+Point,+Hong+Kong&amp;ie=UTF8&amp;hq=G%2FF,+29+Java+Road+North+Point,+Hong+Kong+pantarei+design&amp;hnear=Java+Rd,+Hong+Kong+Island,+Hong+Kong&amp;cid=8066593960434484918&amp;ll=22.293067,114.197345&amp;spn=0.003474,0.00456&amp;z=17&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=G%2FF,+29+Java+Road+North+Point,+Hong+Kong+pantarei+design&amp;sll=22.291871,114.198128&amp;sspn=0.0068,0.013937&amp;g=G%2FF,+29+Java+Road+North+Point,+Hong+Kong&amp;ie=UTF8&amp;hq=G%2FF,+29+Java+Road+North+Point,+Hong+Kong+pantarei+design&amp;hnear=Java+Rd,+Hong+Kong+Island,+Hong+Kong&amp;cid=8066593960434484918&amp;ll=22.293067,114.197345&amp;spn=0.003474,0.00456&amp;z=17&amp;iwloc=A" style="color:#0000FF;text-align:left">View Larger Map</a></small>

Page 24: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

Drupal 7 New Features Review

Better performance. Build-in with a lot of useful 3rd parties. Upload and install module/theme from web UI. Highly integrated with CCK, Views, Images. … and so on. http://tinyurl.com/266zuck

Page 25: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

I Need More Help!!

Web: http://drupal.org/support http://groups.drupal.org/hong-kong http://drupal.org/handbook

Email: http://drupal.org/mailing-lists

IRC: #drupal #drupal-contribute

Page 26: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

I need More Help!! (cont.)

Contact [email protected]

Page 27: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

Q&A

Page 28: Drupal in 5mins BarCamp Hong Kong 2010 By Edison Wong PantaRei Design Limited .

Thank you :D