WELCOME
Flexible web publishing with Expression Engine
           Presentation by Booyant
  Lamont Library, Harvard, Wedne...
ABOUT BOOYANT
Booyant build beautiful, functional, accessible web sites,
web apps, blogs and more; all from our office in B...
ABOUT BOOYANT
Booyant build beautiful, functional, accessible web sites,
web apps, blogs and more; all from our office in B...
ABOUT BOOYANT
Booyant build beautiful, functional, accessible web sites,
web apps, blogs and more; all from our office in B...
ABOUT BOOYANT
Booyant build beautiful, functional, accessible web sites,
web apps, blogs and more; all from our office in B...
ABOUT BOOYANT
Booyant build beautiful, functional, accessible web sites,
web apps, blogs and more; all from our office in B...
ABOUT BOOYANT - DIGITS
http://booyant.com/       @booyant      978.OKAY.BOB

Johannes Booy       Jeff Ausura        Michae...
EE - OVERVIEW
By Johannes Booy, Creative Director
EE - INTRODUCTION
 Yes. It’s another content management system
EE is a powerful CMS that can be used to manage your
websit...
EE - THE BASICS
              Nothing too unique here
• Written in PHP and runs on MySQL
• Self hosted on your server - se...
EE - IS IT “OPEN SOURCE”
      Yes. Well, erm, sort of.
EE - IS IT “OPEN SOURCE”
              Yes. Well, erm, sort of.
• Built on a open source PHP framework, CodeIgniter.
EE - IS IT “OPEN SOURCE”
               Yes. Well, erm, sort of.
• Built on a open source PHP framework, CodeIgniter.
• Ho...
EE - IS IT “OPEN SOURCE”
               Yes. Well, erm, sort of.
• Built on a open source PHP framework, CodeIgniter.
• Ho...
EE - IS IT “OPEN SOURCE”
               Yes. Well, erm, sort of.
• Built on a open source PHP framework, CodeIgniter.
• Ho...
EE - IS IT “OPEN SOURCE”
            Is the license model all bad?
...but sometimes it’s OK to pay for products, if the co...
EE - SUPPORT
       Documentation. Community. Forum.
• Because it’s commercial software, real resources are
dedicated to w...
EE - SUPPORT
http://expressionengine.com/docs/
EE - SUPPORT
http://expressionengine.com/forums/
EE - SUPPORT
        http://expressionengine.com/wiki/
Screenshot.
EE - IN USE
 The community of EE users is growing quickly
• Created in 2007, Expression Engine has caught on, with
good re...
EE - IN ACTION
http://my.barackobama.com
EE - IN ACTION
 http://www.gop.com/
EE - IN ACTION
http://www.miami.edu/
EE - IN ACTION
 http://www.bmi.com/
EE - IN ACTION
http://www.campaignmonitor.com/
EE - IN ACTION
http://www.topgear.com/uk/
EE - IN ACTION
http://www.alistapart.com/
EE - REASONS FOR USING
    Distinguishing attributes.
EE - REASONS FOR USING
            Distinguishing attributes.
• Content out approach & workflow
EE - REASONS FOR USING
             Distinguishing attributes.
• Content out approach & workflow
• Template with your own v...
EE - REASONS FOR USING
             Distinguishing attributes.
• Content out approach & workflow
• Template with your own v...
EE - CONTENT OUT
       Building around your content




News       Products       Bio’s       Whitepapers
EE - CONTENT OUT
    Basic Workflow
EE - CONTENT OUT
                    Basic Workflow
• Create a weblog / channel for each type of content your
site has (New...
EE - CONTENT OUT
                    Basic Workflow
• Create a weblog / channel for each type of content your
site has (New...
EE - CONTENT OUT
                    Basic Workflow
• Create a weblog / channel for each type of content your
site has (New...
EE - CONTENT OUT
                    Basic Workflow
• Create a weblog / channel for each type of content your
site has (New...
EE - REASONS FOR USING
    Distinguishing attributes.
EE - REASONS FOR USING
            Distinguishing attributes.
• Content out approach & workflow
EE - REASONS FOR USING
             Distinguishing attributes.
• Content out approach & workflow
• Template with your own v...
EE - REASONS FOR USING
             Distinguishing attributes.
• Content out approach & workflow
• Template with your own v...
EE - TEMPLATES
The part us front-end guys love
EE - TEMPLATES
         The part us front-end guys love
• Template using your own valid, semantic, lean mean mark-
up. No ...
EE - TEMPLATES
         The part us front-end guys love
• Template using your own valid, semantic, lean mean mark-
up. No ...
EE - TEMPLATES
          The part us front-end guys love
• Template using your own valid, semantic, lean mean mark-
up. No...
EE - TEMPLATES
          The part us front-end guys love
• Template using your own valid, semantic, lean mean mark-
up. No...
EE - REASONS FOR USING
    Distinguishing attributes.
EE - REASONS FOR USING
            Distinguishing attributes.
• Content out approach & workflow
EE - REASONS FOR USING
             Distinguishing attributes.
• Content out approach & workflow
• Template with your own v...
EE - REASONS FOR USING
             Distinguishing attributes.
• Content out approach & workflow
• Template with your own v...
STATIC TO DYNAMIC
  By Jeff Ausura, Senior Developer
STATIC TO DYNAMIC
     Objectives:
STATIC TO DYNAMIC
                     Objectives:
• Take a static HTML page and plug it into EE
STATIC TO DYNAMIC
                    Objectives:
• Take a static HTML page and plug it into EE
• Learn about the EE CMS m...
STATIC TO DYNAMIC
Key points about the EE process:
STATIC TO DYNAMIC
         Key points about the EE process:
• Templating is not a nightmarish reconstruction or
reinventio...
STATIC TO DYNAMIC
         Key points about the EE process:
• Templating is not a nightmarish reconstruction or
reinventio...
EE CONTROL PANEL
Site Admin roles vs Designer Developer roles:
EE CONTROL PANEL
 Site Admin roles vs Designer Developer roles:
• Designers/Developers will use Templates and Admin tabs
t...
EE CONTROL PANEL
 Site Admin roles vs Designer Developer roles:
• Designers/Developers will use Templates and Admin tabs
t...
MODULES & MORE
  By Michael Witwicki, CTO
ADD-ONS
       Modules, Extensions & Plugins...Oh my.
Extensions
Augment EE’s existing interfaces using “hooks” created in...
FEATURES
As much a Framework as it is a CMS.
FEATURES
          As much a Framework as it is a CMS.
Tools
• Member Management
• Versioning
• Multi-Site Management
• Da...
FEATURES
          As much a Framework as it is a CMS.
Tools                           Security
• Member Management       ...
Upcoming SlideShare
Loading in …5
×

Flexible web publishing with Expression Engine

2,864 views

Published on

"Flexible web publishing with Expression Engine". Delivered by Johannes Booy, Jeff Ausura, and Michael Witwicki of Booyant, on April 14th, 2010 at Lamont Library, Forum Room.

Published in: Design, Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,864
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
33
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Flexible web publishing with Expression Engine

  1. 1. WELCOME Flexible web publishing with Expression Engine Presentation by Booyant Lamont Library, Harvard, Wednesday April 14th
  2. 2. ABOUT BOOYANT Booyant build beautiful, functional, accessible web sites, web apps, blogs and more; all from our office in Beverly, MA.
  3. 3. ABOUT BOOYANT Booyant build beautiful, functional, accessible web sites, web apps, blogs and more; all from our office in Beverly, MA. Key ingredients:
  4. 4. ABOUT BOOYANT Booyant build beautiful, functional, accessible web sites, web apps, blogs and more; all from our office in Beverly, MA. Key ingredients: • Standards based design & development
  5. 5. ABOUT BOOYANT Booyant build beautiful, functional, accessible web sites, web apps, blogs and more; all from our office in Beverly, MA. Key ingredients: • Standards based design & development • Creative technicians solving client problems with technology
  6. 6. ABOUT BOOYANT Booyant build beautiful, functional, accessible web sites, web apps, blogs and more; all from our office in Beverly, MA. Key ingredients: • Standards based design & development • Creative technicians solving client problems with technology • Content strategy & management
  7. 7. ABOUT BOOYANT - DIGITS http://booyant.com/ @booyant 978.OKAY.BOB Johannes Booy Jeff Ausura Michael Witwicki Creative Director Senior Developer CTO @drj @thtp @michaelwitwicki
  8. 8. EE - OVERVIEW By Johannes Booy, Creative Director
  9. 9. EE - INTRODUCTION Yes. It’s another content management system EE is a powerful CMS that can be used to manage your website, application or blog.
  10. 10. EE - THE BASICS Nothing too unique here • Written in PHP and runs on MySQL • Self hosted on your server - see http:// expressionengine.com/overview/requirements/ for exact hosting requirements. • Web based administrative control panel
  11. 11. EE - IS IT “OPEN SOURCE” Yes. Well, erm, sort of.
  12. 12. EE - IS IT “OPEN SOURCE” Yes. Well, erm, sort of. • Built on a open source PHP framework, CodeIgniter.
  13. 13. EE - IS IT “OPEN SOURCE” Yes. Well, erm, sort of. • Built on a open source PHP framework, CodeIgniter. • However, EE is a commercial product built by Ellis Labs.
  14. 14. EE - IS IT “OPEN SOURCE” Yes. Well, erm, sort of. • Built on a open source PHP framework, CodeIgniter. • However, EE is a commercial product built by Ellis Labs. • Costs $300 for a commercial license, and $150 for a non- commercial license.
  15. 15. EE - IS IT “OPEN SOURCE” Yes. Well, erm, sort of. • Built on a open source PHP framework, CodeIgniter. • However, EE is a commercial product built by Ellis Labs. • Costs $300 for a commercial license, and $150 for a non- commercial license. I know what you are saying........
  16. 16. EE - IS IT “OPEN SOURCE” Is the license model all bad? ...but sometimes it’s OK to pay for products, if the company invests in providing a better product and better support.
  17. 17. EE - SUPPORT Documentation. Community. Forum. • Because it’s commercial software, real resources are dedicated to writing quality documentation for ExpressionEngine. • In addition, there’s a very active forum with a small staff of technical support staff employed by Ellis Lab and a wiki that contains useful ExpressionEngine tips and tricks. • Many sites outside EllisLabs also run tutorials, podcasts and other information around EE. There is also a conference.
  18. 18. EE - SUPPORT http://expressionengine.com/docs/
  19. 19. EE - SUPPORT http://expressionengine.com/forums/
  20. 20. EE - SUPPORT http://expressionengine.com/wiki/ Screenshot.
  21. 21. EE - IN USE The community of EE users is growing quickly • Created in 2007, Expression Engine has caught on, with good reason. • The following are some excellent examples of Expression Engine in action.
  22. 22. EE - IN ACTION http://my.barackobama.com
  23. 23. EE - IN ACTION http://www.gop.com/
  24. 24. EE - IN ACTION http://www.miami.edu/
  25. 25. EE - IN ACTION http://www.bmi.com/
  26. 26. EE - IN ACTION http://www.campaignmonitor.com/
  27. 27. EE - IN ACTION http://www.topgear.com/uk/
  28. 28. EE - IN ACTION http://www.alistapart.com/
  29. 29. EE - REASONS FOR USING Distinguishing attributes.
  30. 30. EE - REASONS FOR USING Distinguishing attributes. • Content out approach & workflow
  31. 31. EE - REASONS FOR USING Distinguishing attributes. • Content out approach & workflow • Template with your own valid HTML / CSS / Javascript
  32. 32. EE - REASONS FOR USING Distinguishing attributes. • Content out approach & workflow • Template with your own valid HTML / CSS / Javascript • Easy to learn, no PHP knowledge required.
  33. 33. EE - CONTENT OUT Building around your content News Products Bio’s Whitepapers
  34. 34. EE - CONTENT OUT Basic Workflow
  35. 35. EE - CONTENT OUT Basic Workflow • Create a weblog / channel for each type of content your site has (News, Events, Bio’s, Products)
  36. 36. EE - CONTENT OUT Basic Workflow • Create a weblog / channel for each type of content your site has (News, Events, Bio’s, Products) • Create a group of custom fields for each channel, for example the “News” channel might have: date, title, brief, link, article.
  37. 37. EE - CONTENT OUT Basic Workflow • Create a weblog / channel for each type of content your site has (News, Events, Bio’s, Products) • Create a group of custom fields for each channel, for example the “News” channel might have: date, title, brief, link, article. • Assign the custom field group to the channel
  38. 38. EE - CONTENT OUT Basic Workflow • Create a weblog / channel for each type of content your site has (News, Events, Bio’s, Products) • Create a group of custom fields for each channel, for example the “News” channel might have: date, title, brief, link, article. • Assign the custom field group to the channel • Start entering content.
  39. 39. EE - REASONS FOR USING Distinguishing attributes.
  40. 40. EE - REASONS FOR USING Distinguishing attributes. • Content out approach & workflow
  41. 41. EE - REASONS FOR USING Distinguishing attributes. • Content out approach & workflow • Template with your own valid HTML / CSS / Javascript
  42. 42. EE - REASONS FOR USING Distinguishing attributes. • Content out approach & workflow • Template with your own valid HTML / CSS / Javascript • Easy to learn, no PHP knowledge required.
  43. 43. EE - TEMPLATES The part us front-end guys love
  44. 44. EE - TEMPLATES The part us front-end guys love • Template using your own valid, semantic, lean mean mark- up. No hatcheting. No lengthy CSS rules.
  45. 45. EE - TEMPLATES The part us front-end guys love • Template using your own valid, semantic, lean mean mark- up. No hatcheting. No lengthy CSS rules. • Break the rules and standards of web design. EE can extend to manage ANY design, and is not constrained to header, columns and footers.
  46. 46. EE - TEMPLATES The part us front-end guys love • Template using your own valid, semantic, lean mean mark- up. No hatcheting. No lengthy CSS rules. • Break the rules and standards of web design. EE can extend to manage ANY design, and is not constrained to header, columns and footers. • You can save & edit templates with your favorite editor
  47. 47. EE - TEMPLATES The part us front-end guys love • Template using your own valid, semantic, lean mean mark- up. No hatcheting. No lengthy CSS rules. • Break the rules and standards of web design. EE can extend to manage ANY design, and is not constrained to header, columns and footers. • You can save & edit templates with your favorite editor • URL structure is built around templates.
  48. 48. EE - REASONS FOR USING Distinguishing attributes.
  49. 49. EE - REASONS FOR USING Distinguishing attributes. • Content out approach & workflow
  50. 50. EE - REASONS FOR USING Distinguishing attributes. • Content out approach & workflow • Template with your own valid HTML / CSS / Javascript
  51. 51. EE - REASONS FOR USING Distinguishing attributes. • Content out approach & workflow • Template with your own valid HTML / CSS / Javascript • Easy to learn, no PHP knowledge required.
  52. 52. STATIC TO DYNAMIC By Jeff Ausura, Senior Developer
  53. 53. STATIC TO DYNAMIC Objectives:
  54. 54. STATIC TO DYNAMIC Objectives: • Take a static HTML page and plug it into EE
  55. 55. STATIC TO DYNAMIC Objectives: • Take a static HTML page and plug it into EE • Learn about the EE CMS model including Templates, Weblogs, and Field Groups
  56. 56. STATIC TO DYNAMIC Key points about the EE process:
  57. 57. STATIC TO DYNAMIC Key points about the EE process: • Templating is not a nightmarish reconstruction or reinvention of the static site
  58. 58. STATIC TO DYNAMIC Key points about the EE process: • Templating is not a nightmarish reconstruction or reinvention of the static site • We can and will simply copy and paste the static HTML into EE and then swap out static content with dynamic content
  59. 59. EE CONTROL PANEL Site Admin roles vs Designer Developer roles:
  60. 60. EE CONTROL PANEL Site Admin roles vs Designer Developer roles: • Designers/Developers will use Templates and Admin tabs to set up site
  61. 61. EE CONTROL PANEL Site Admin roles vs Designer Developer roles: • Designers/Developers will use Templates and Admin tabs to set up site • Site Admins will use Publish and Edit tabs to flow and manage content
  62. 62. MODULES & MORE By Michael Witwicki, CTO
  63. 63. ADD-ONS Modules, Extensions & Plugins...Oh my. Extensions Augment EE’s existing interfaces using “hooks” created in the system by EllisLabs. Example: LG Better META Plugins Minor run-time enhancements integrated into the template system. Modules Larger systems integrated into the EE Control Panel. Often made up of extensions & plugins. Anything you could build as a standalone application can be created and easily distributed as a Module. Example: Example: Booyant Me LikEE
  64. 64. FEATURES As much a Framework as it is a CMS.
  65. 65. FEATURES As much a Framework as it is a CMS. Tools • Member Management • Versioning • Multi-Site Management • Date Driven Content • Pagination • Image Sizing / Manipulation • Commenting • Data Caching • Search • PHP in Templates • Query Module
  66. 66. FEATURES As much a Framework as it is a CMS. Tools Security • Member Management • 160 Bit SHA-1 Encryption • Versioning • Captcha • Multi-Site Management • Throttling • Date Driven Content • Duplicate Data Denial • Pagination • Password Lockout • Image Sizing / Manipulation • Secure Password Mode • Commenting • Banning ( IP / Email ) • Data Caching • Comment Time Intervals • Search • Comment Rank Denial • PHP in Templates • Query Module

×