DrupalCon 2011 at Chicago, IL Highlight from several sessions

1. DrupalCon 2011
Chicago, IL

2. Keynote - Dries Buytaert

3. Keynote - Dries Buytaert

4. Keynote - Dries Buytaert
• References
• http://chicago2011.drupal.org/keynote-
dries-buytaert

5. Free and Open Source Tools for
Integrating Web Accessibility
into the Design Process
• Web Accessibility Evaluation Tool
• WebAIM Wave (http://wave.webaim.org/)
• Run Fae (http://fae.cita.illinois.edu/)
• Accessibility Evaluator for Firefox (https://addons.mozilla.org/en-US/firefox/addon/
accessibility-evaluation-toolb/)
• Accessibility Inspector for Firebug (http://code.google.com/p/ainspector)
• iCITA Web Accessibility Best Practices. (http://presentations.cita.illinois.edu/2011-03-
drupalcon/2011-03-druplecon8.html)
• Online Course on Designing Accessible Web Forms (http://
presentations.cita.illinois.edu/2011-03-drupalcon/2011-03-druplecon14.html)

6. Free and Open Source Tools for
Integrating Web Accessibility
into the Design Process
• References
• http://presentations.cita.illinois.edu/2011-03-drupalcon/
• http://chicago2011.drupal.org/sessions/free-and-open-source-tools-
integrating-web-accessibility-design-process

7. Rockin’ HTML5 with Drupal
Form
<label for=”fovarite-cms”>Your Favorite CMS
</label>
<input id=”favorite-cms” name=”favorite-cms”
type=”text” placeholder=”Drupal. What else?” /
>

8. Rockin’ HTML5 with Drupal
<input type=”text”> <input type=”time”>
<input type=”email”> <input type=”color”>
<input type=”url”> <input type=”tel”>
<input type=”date”> <input type=”week”>

9. Rockin’ HTML5 with Drupal

10. Rockin’ HTML5 with Drupal
• HTML5 demo (http://formalize.me/
jquery_demo.html)
• HTML5 Tools module (http://drupal.org/project/
html5_tools)
• Html5 Base Theme (http://drupal.org/project/
html5_base)

11. Rockin’ HTML5 with Drupal
VIDEO AUDIO GAME
<video>
<audio>
<canvas>
Demo (http://9elements.com/io/projects/html5/
canvas/)

12. Rockin’ HTML5 with Drupal
WEB STORAGE
Web SQL
Demo (http://project.mahemoff.com/sql.html)

13. Rockin’ HTML5 with Drupal
WEB STORAGE
IndexedDB
Demo (http://hacks.mozilla.org/2010/06/
comparing-indexeddb-and-webdatabase/)

14. Rockin’ HTML5 with Drupal
• Geolocation
• Drag & drop
• Web socket
• Bidirectional communication / messenger
• Backward compatibility

15. Rockin’ HTML5 with Drupal
• References
• http://jensimmons.com/presentations/rockin-
html5-drupal/drupalcon-chicago
• http://extras.jensimmons.com/
drupalconchicago2011/
drupalconchicago_html5drupal_jensimmons
.pdf

16. Webform 3
The Survey Tool for Drupal
• Changes in Webform 3
• Conditional Fields
• Save drafts and resume later
• Enable any content type
• Basic views module support
• Edit own submission field
• Form Builder Integration

17. Webform 3
The Survey Tool for Drupal
• New API
• Module-provide components
• Hooks for save, insert, update, delete
• Multiform dynamic in webform3
• Integration
• Pay module
• Mollum

18. Webform 3
The Survey Tool for Drupal
• References
• http://chicago2011.drupal.org/sessions/
webform-3-survey-tool-drupal

19. Drupal on the go with
jQuery Mobile
• Support IOS and Android
• Demo (http://tha.cm/jqm-demo)
• Code (http://tha.cm/jqm-projects)

20. Drupal on the go with
jQuery Mobile
• References
• http://chicago2011.drupal.org/sessions/
drupal-go-jquery-mobile

21. Developing Apps for iPhone/
iPad/Android using drupal as
Base System
• Frontend
• Appcelerator (Thaitanium API to Build
Native App). jQuery
• Backend
• Services module (with JSON,XMLRPC
module)

22. Developing Apps for iPhone/
iPad/Android using drupal as
Base System
• References
• http://chicago2011.drupal.org/sessions/
developing-apps-iphone-ipad-android-
using-drupal-base-system
• http://developer.appcelerator.com/
get_started

23. Failure to Launch
Drupal Performance Tuning
• Cache
• Database caching
• Opcode cache (APC)
• Object cache (memcache)
• Static file cache (boost module)
• Reverse proxies (Varnish, Squid, NGINX)
• Pressflow & Varnish
• Pressflow - A performance optimized distribution of Drupal (eg. create a
header for vanish, DB Slave, New Setting)

24. Failure to Launch
Drupal Performance Tuning
• Other technique
• Syslog faster than dblog
• Use InnoDB engine
• Testing
• JMeter for load testing
• Analytic
• Piwik
• Google Analytic

25. Failure to Launch
Drupal Performance Tuning
• References
• http://chicago2011.drupal.org/sessions/failure-
launch-drupal-performance-tuning
• http://devbee.com/opcode_cache_for_dummies
• https://wiki.fourkitchens.com/display/PF/
Comparison+-+Pressflow+versus+Drupal
• http://groups.drupal.org/node/50408

26. Coder Module
Easily Port Modules to Drupal 7
• Coder Review
• Drupal Coding Standard
• Security Review
• Performance Review
• Coder Upgrade
• Sourcecode
• Patch
• Drush command
• drush coder-review

27. Coder Module
Easily Port Modules to Drupal 7
• References
• http://upgrade.boombatower.com/
• http://drupal.org/node/224333 (Checklist)
• http://chicago2011.drupal.org/sessions/
coder-module-easily-port-modules-drupal-7

28. Advanced Drush
• Drush 4
• drush sql-cli
• drush sql-connect

29. Advanced Drush
• References
• http://chicago2011.drupal.org/sessions/
advanced-drush

30. Workbench
Managing Content Management
• Single-site
• Multi-site
• Organic Group
• Domain access

31. Workbench
Managing Content Management
• Hierarchical permission inheritance by “Sections” not just content types
• Extensible workflow states
• Single repository for media management
• Modify live content without publishing changes immediately
• Workbench Modules
• Workbench Access
• Workbench File
• Workbench Moderation

32. Faster Front End Performance
• YSlow
• Page Speed
• JSMin
• YUI Compressor
• Google Closure Compiler
• UglifyJS
• Throttling Proxy

33. Faster Front End Performance
• Smush it
• CSS sprite
• .htaccess to cache
• Web.config

34. Faster Front End Performance
• References
• http://chicago2011.drupal.org/sessions/faster-front-
end-performance
• http://www.askapache.com/htaccess/speed-up-
sites-with-htaccess-caching.html

35. Drupal 7 Theming Basics
• hide()
• render()

36. Drupal 7 Theming Basics
• Dealing with IE

37. Drupal 7 Theming Basics
• References
• http://chicago2011.drupal.org/sessions/drupal-7-theming-basics
• http://lb.cm/Zzo (Slide)
• http://drupal.org/update/themes/6/7
• http://drupal.org/project/devel_themer

38. Test, Tune, Tweak, Hack, Repeat:
Industrial-strength Performance and
Scalability
• Stack
• FreeBSD 7 • Memcache
• MySQL 5 • eAccelerator
• Apache 2.0.x • Akamai
• PHP 5.2.x • NetScaler
• Pressflow 6.x

39. Test, Tune, Tweak, Hack, Repeat:
Industrial-strength Performance and
Scalability
• Dozen web servers
• 5 database server (1 master, 4 slave)
• 2 data centers
• N file server
• Sophisticated dev environment

40. Test, Tune, Tweak, Hack, Repeat:
Industrial-strength Performance and
Scalability
• The Cycle

41. Test, Tune, Tweak, Hack, Repeat:
Industrial-strength Performance and
Scalability

42. Test, Tune, Tweak, Hack, Repeat:
Industrial-strength Performance and
Scalability
• References
• http://chicago2011.drupal.org/sessions/test-
tune-tweak-hack-repeat-industrial-strength-
performance-and-scalability
• http://css3pie.com/