Flexible web publishing with Expression Engine
-
Upload
harvard-web-working-group -
Category
Design
-
view
2.603 -
download
0
description
Transcript of Flexible web publishing with Expression Engine
![Page 1: Flexible web publishing with Expression Engine](https://reader038.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/8.jpg)
EE - OVERVIEWBy Johannes Booy, Creative Director
![Page 9: Flexible web publishing with Expression Engine](https://reader038.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/18.jpg)
EE - SUPPORThttp://expressionengine.com/docs/
![Page 19: Flexible web publishing with Expression Engine](https://reader038.fdocuments.net/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/19.jpg)
EE - SUPPORThttp://expressionengine.com/forums/
![Page 20: Flexible web publishing with Expression Engine](https://reader038.fdocuments.net/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/20.jpg)
EE - SUPPORThttp://expressionengine.com/wiki/
Screenshot.
![Page 21: Flexible web publishing with Expression Engine](https://reader038.fdocuments.net/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.fdocuments.net/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/26.jpg)
EE - IN ACTIONhttp://www.campaignmonitor.com/
![Page 29: Flexible web publishing with Expression Engine](https://reader038.fdocuments.net/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/29.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
![Page 30: Flexible web publishing with Expression Engine](https://reader038.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/34.jpg)
EE - CONTENT OUTBasic Workflow
![Page 35: Flexible web publishing with Expression Engine](https://reader038.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/39.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
![Page 40: Flexible web publishing with Expression Engine](https://reader038.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/48.jpg)
EE - REASONS FOR USINGDistinguishing attributes.
![Page 49: Flexible web publishing with Expression Engine](https://reader038.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/53.jpg)
STATIC TO DYNAMICObjectives:
![Page 54: Flexible web publishing with Expression Engine](https://reader038.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader038/viewer/2022103016/5549fb28b4c9055b7a8b4a53/html5/thumbnails/62.jpg)
MODULES & MOREBy Michael Witwicki, CTO
![Page 63: Flexible web publishing with Expression Engine](https://reader038.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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