flexible web publishing with expression engine
DESCRIPTION
"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.TRANSCRIPT
![Page 1: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/1.jpg)
WELCOMEFlexible web publishing with Expression Engine
Presentation by BooyantLamont Library, Harvard, Wednesday April 14th
![Page 2: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/2.jpg)
ABOUT BOOYANTBooyant build beautiful, functional, accessible web sites, web apps, blogs and more; all from our office in Beverly, MA.
![Page 3: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/3.jpg)
ABOUT BOOYANTBooyant build beautiful, functional, accessible web sites, web apps, blogs and more; all from our office in Beverly, MA.
Key ingredients:
![Page 4: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/4.jpg)
ABOUT BOOYANTBooyant build beautiful, functional, accessible web sites, web apps, blogs and more; all from our office in Beverly, MA.
Key ingredients:
• Standards based design & development
![Page 5: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/5.jpg)
ABOUT BOOYANTBooyant 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
![Page 6: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/6.jpg)
ABOUT BOOYANTBooyant 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
![Page 7: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/7.jpg)
ABOUT BOOYANT - DIGITShttp://booyant.com/
Johannes BooyCreative Director
@drj
Jeff AusuraSenior Developer
@thtp
Michael WitwickiCTO
@michaelwitwicki
978.OKAY.BOB@booyant
![Page 8: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/8.jpg)
EE - OVERVIEWBy Johannes Booy, Creative Director
![Page 9: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/9.jpg)
EE - INTRODUCTIONYes. It’s another content management system
EE is a powerful CMS that can be used to manage your website, application or blog.
![Page 10: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/10.jpg)
EE - THE BASICSNothing 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
![Page 11: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/11.jpg)
EE - IS IT “OPEN SOURCE”Yes. Well, erm, sort of.
![Page 12: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/12.jpg)
EE - IS IT “OPEN SOURCE”Yes. Well, erm, sort of.
• Built on a open source PHP framework, CodeIgniter.
![Page 13: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/13.jpg)
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.
![Page 14: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/14.jpg)
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.
![Page 15: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/15.jpg)
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........
![Page 16: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/16.jpg)
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.
![Page 17: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/17.jpg)
EE - SUPPORTDocumentation. 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.
![Page 18: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/18.jpg)
EE - SUPPORThttp://expressionengine.com/docs/
![Page 19: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/19.jpg)
EE - SUPPORThttp://expressionengine.com/forums/
![Page 20: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/20.jpg)
EE - SUPPORThttp://expressionengine.com/wiki/
Screenshot.
![Page 21: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/21.jpg)
EE - IN USEThe 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.
![Page 26: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/26.jpg)
EE - IN ACTIONhttp://www.campaignmonitor.com/
![Page 29: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/29.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
![Page 30: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/30.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
• Content out approach & workflow
![Page 31: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/31.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
• Content out approach & workflow
• Template with your own valid HTML / CSS / Javascript
![Page 32: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/32.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
• Content out approach & workflow
• Template with your own valid HTML / CSS / Javascript
• Easy to learn, no PHP knowledge required.
![Page 33: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/33.jpg)
EE - CONTENT OUTBuilding around your content
News Products Bio’s Whitepapers
![Page 34: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/34.jpg)
EE - CONTENT OUTBasic Workflow
![Page 35: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/35.jpg)
EE - CONTENT OUTBasic Workflow
• Create a weblog / channel for each type of content your site has (News, Events, Bio’s, Products)
![Page 36: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/36.jpg)
EE - CONTENT OUTBasic 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.
![Page 37: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/37.jpg)
EE - CONTENT OUTBasic 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
![Page 38: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/38.jpg)
EE - CONTENT OUTBasic 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.
![Page 39: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/39.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
![Page 40: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/40.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
• Content out approach & workflow
![Page 41: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/41.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
• Content out approach & workflow
• Template with your own valid HTML / CSS / Javascript
![Page 42: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/42.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
• Content out approach & workflow
• Template with your own valid HTML / CSS / Javascript
• Easy to learn, no PHP knowledge required.
![Page 43: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/43.jpg)
EE - TEMPLATESThe part us front-end guys love
![Page 44: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/44.jpg)
EE - TEMPLATESThe part us front-end guys love
• Template using your own valid, semantic, lean mean mark-up. No hatcheting. No lengthy CSS rules.
![Page 45: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/45.jpg)
EE - TEMPLATESThe 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.
![Page 46: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/46.jpg)
EE - TEMPLATESThe 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
![Page 47: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/47.jpg)
EE - TEMPLATESThe 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.
![Page 48: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/48.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
![Page 49: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/49.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
• Content out approach & workflow
![Page 50: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/50.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
• Content out approach & workflow
• Template with your own valid HTML / CSS / Javascript
![Page 51: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/51.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
• Content out approach & workflow
• Template with your own valid HTML / CSS / Javascript
• Easy to learn, no PHP knowledge required.
![Page 52: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/52.jpg)
STATIC TO DYNAMICBy Jeff Ausura, Senior Developer
![Page 53: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/53.jpg)
STATIC TO DYNAMICObjectives:
![Page 54: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/54.jpg)
STATIC TO DYNAMICObjectives:
• Take a static HTML page and plug it into EE
![Page 55: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/55.jpg)
STATIC TO DYNAMICObjectives:
• Take a static HTML page and plug it into EE
• Learn about the EE CMS model including Templates, Weblogs, and Field Groups
![Page 56: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/56.jpg)
STATIC TO DYNAMICKey points about the EE process:
![Page 57: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/57.jpg)
STATIC TO DYNAMICKey points about the EE process:
• Templating is not a nightmarish reconstruction or reinvention of the static site
![Page 58: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/58.jpg)
STATIC TO DYNAMICKey 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
![Page 59: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/59.jpg)
EE CONTROL PANELSite Admin roles vs Designer Developer roles:
![Page 60: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/60.jpg)
EE CONTROL PANELSite Admin roles vs Designer Developer roles:
• Designers/Developers will use Templates and Admin tabs to set up site
![Page 61: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/61.jpg)
EE CONTROL PANELSite 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
![Page 62: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/62.jpg)
MODULES & MOREBy Michael Witwicki, CTO
![Page 63: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/63.jpg)
ADD-ONSModules, Extensions & Plugins...Oh my.
ExtensionsAugment EE’s existing interfaces using “hooks” created in the system by EllisLabs. Example: LG Better META
PluginsMinor run-time enhancements integrated into the template system.
ModulesLarger 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
![Page 64: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/64.jpg)
FEATURESAs much a Framework as it is a CMS.
![Page 65: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/65.jpg)
FEATURESAs 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
![Page 66: Flexible web publishing with Expression Engine](https://reader038.vdocuments.site/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/66.jpg)
FEATURESAs 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
Security
• 160 Bit SHA-1 Encryption• Captcha• Throttling • Duplicate Data Denial• Password Lockout• Secure Password Mode• Banning ( IP / Email )• Comment Time Intervals• Comment Rank Denial