ExpressionEngine                    An Awesome CMS for Designers                    and DevelopersPresentation by:James Bu...
Who Are You?• Web and Graphic Designer for 10+ Years• Mostly Front-End HTML / CSS / Photoshop / Wireframes / Project Manag...
The BasicsContent Management System (CMS)  – Let Clients (Or You) maintain a Website Easily    • Articles / Blog Posts    ...
A Brief Introduction• Created By Ellis Labs (10 years of Awesome)  – pMachine Pro (Aimed at Bloggers originally)  – Expres...
Who’s EE For?• Great for Web Designers who don’t know PHP• Great for Programmers who don’t want to write a CMS from scratc...
Types of Sites Using EE• Simple 5-10 Page Sites• News Sites & Blogs w/1000s of Entries• Government & Political Sites• Arts...
Great for Web Designers• Made with Designers in Mind• Simple HTML-Like Tag Syntax• Logical Template / URL Structure• No to...
Great for Web Designers• Guaranteed support built into cost  – Wordpress VIP Support is $3,750• Designer / Noob friendly p...
Great for Developers• Self-Hosted• Not “Blog” software.• Fantastic Security Record   – 10 yrs, no large scale exploits   –...
Great for Developers• Guaranteed Developer time to fix bugs ( vs  adding “Cool” but useless features)• Best, proven develo...
Types of Addons• Plugins: No User Interface, custom EE tags• Fieldtypes: Adds custom fieldtypes to data entry  forms• Exte...
Things I’ve BuiltSimple and Complex Web Forms  Contact Forms, order formsClass Registration Systems  Size Limit, Email ale...
The EE Approach• “Channels” of data not “Pages”  – 1 Page can have many “Channels” of content• Custom Fieldtypes & Forms  ...
Assets
Better Pages
Pointee and Customized Version
Expresso
Playa and Assets
NSM Twitter & morePreview
Content Elements
The EE ApproachMost Basic Functionality Built In•   Comments•   Categories•   Mailing List•   Membership Management•   Use...
Channel Structure• Channel Each TYPE of content gets a dedicated Channel –Entries (Unlimited)    • Fields (Unlimited / Man...
Example Channel StructureJob Posting (Channel)• Job title (TXT field)• Job Description (Rich Text Editor)• Job Category (N...
Code Examples – Parameters & VariablesBasic Channel Entry Tag  {exp:channel:entries channel=“chan_news"  limit="1"}       ...
Complex Channel Entry Tag  {exp:channel:entries    channel="news|blog" limit=“2" category="2" orderby="entry_date"      so...
Complex Channel Entry Tag - Results  <h2>News Article 3</h2>  <span class=“Permalink”>    <a href=“domain.com/news/archive...
Addon Example – Solspace Freeform  {exp:freeform:form       collection="ContactForm"       required="name|email|phone1|not...
The Community Rocks• Active User Forums (Ellis Staff and volunteers)• Twitter community #eecms (Great for Support & Findin...
The Cost of Awesome• Professional Support• Don’t struggle with design/CMS integration  unlike many OS CMS systems• Saves m...
The Cost of Awesome•   Commercial - $299.95•   Non-Commercial - $149.95•   Freelancer - $99.95•   Always budget $ for addi...
Demo Time!
Things I Wrote about EE• The ExpressionEngine Designers Website  Checklist• A Comparison of WYSIWYG Editors for  Expressio...
Thank YouSponsors!
Free Stuff Time!• ExpressionEngine Freelancer Licenses (2) Ellis Labs (ellislab.com)• Low Variables (2) GoToLow      (goto...
Free Stuff Time!Securing EE2 by Mark Huot (EVERYONE!) by Mark Huot, provided by Mijingo (Mijingo.com)
Similar Presentations Lea Alcantara LeaLea.net slideshare.net/lealea/edmontonee- main-presentation-10242009 (Special Thank...
ResourcesEEInsider     News, Articles, ReviewsDevote:ee     Addon DirectoryEEPodcast     Podcast about EE and Web DesignDi...
Questions?
CodeIgniter with Brett Silver
Intro to ExpressionEngine and CodeIgniter
Intro to ExpressionEngine and CodeIgniter
Intro to ExpressionEngine and CodeIgniter
Intro to ExpressionEngine and CodeIgniter
Intro to ExpressionEngine and CodeIgniter
Intro to ExpressionEngine and CodeIgniter
Upcoming SlideShare
Loading in …5
×

Intro to ExpressionEngine and CodeIgniter

5,956 views

Published on

Published in: Technology
1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total views
5,956
On SlideShare
0
From Embeds
0
Number of Embeds
37
Actions
Shares
0
Downloads
30
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

Intro to ExpressionEngine and CodeIgniter

  1. 1. ExpressionEngine An Awesome CMS for Designers and DevelopersPresentation by:James BuckleyTwitter: @jamesbuckleyWeb: brightrocketdesign.comEmail: jame@brightrocketdesign.com
  2. 2. Who Are You?• Web and Graphic Designer for 10+ Years• Mostly Front-End HTML / CSS / Photoshop / Wireframes / Project Management NOT a Programmer
  3. 3. The BasicsContent Management System (CMS) – Let Clients (Or You) maintain a Website Easily • Articles / Blog Posts • Add pages / sections of content • Contact Info, Products, etc – Save time: the bigger the site, the more time. – Let you do more interesting, better paying work
  4. 4. A Brief Introduction• Created By Ellis Labs (10 years of Awesome) – pMachine Pro (Aimed at Bloggers originally) – ExpressionEngine (First Real CMS) – ExpressionEngine 2 (Major Overhaul in CodeIgniter)• Specs – PHP – MySQL – CodeIgniter Framework (Open Source) – Commercial (Not Free but that’s GOOD)
  5. 5. Who’s EE For?• Great for Web Designers who don’t know PHP• Great for Programmers who don’t want to write a CMS from scratch• Used by: Apple, Disney, Nike, MTV, Adobe, BBC, B MI, A List APart,
  6. 6. Types of Sites Using EE• Simple 5-10 Page Sites• News Sites & Blogs w/1000s of Entries• Government & Political Sites• Arts and Photography• Medical & Not-For-Profits• Pretty Much Anything• LOTS of Examples at show-ee.com
  7. 7. Great for Web Designers• Made with Designers in Mind• Simple HTML-Like Tag Syntax• Logical Template / URL Structure• No touching PHP (Unless you want to)• Tons of Commercial and Free Addons that expand capabilities, check devot-ee.com
  8. 8. Great for Web Designers• Guaranteed support built into cost – Wordpress VIP Support is $3,750• Designer / Noob friendly product and community• Solid Documentation w/Comments• Original design valued greater than themes by developer• Easy to keep design standards compliant• CMS fits design, not other way around
  9. 9. Great for Developers• Self-Hosted• Not “Blog” software.• Fantastic Security Record – 10 yrs, no large scale exploits – Only 3-4 High Priority Security Patches in product life• Written on the Open Source PHP Framework CodeIgniter PHP Creator Rasmus Lerdof likes it: “because it is faster, lighter and the least like a framework.”• PHP Code is NOT obfuscated (You can mess with core files)
  10. 10. Great for Developers• Guaranteed Developer time to fix bugs ( vs adding “Cool” but useless features)• Best, proven developer customers contribute to Core (Reactor Program)• Addons – Simple to complex options – CodeIgniter based
  11. 11. Types of Addons• Plugins: No User Interface, custom EE tags• Fieldtypes: Adds custom fieldtypes to data entry forms• Extensions: Used to modify the EE “core” without breaking it. Modifies control panel• Accessories: Database tables, tabs• Modules: Database tables, custom control panel, tabs, fields and EE tags
  12. 12. Things I’ve BuiltSimple and Complex Web Forms Contact Forms, order formsClass Registration Systems Size Limit, Email alerts on Signup, Exportable class list in CSV, 700+ signupsPublication Databases 800+ Files, categories, fully searchable and filterableNews & Blogs RSS feeds, Commenting, Gravitar IntegrationImage Galleries / Sliders Jquery / XML / Flash BasedEmail Newsletter Systems Pulls from news channel, integrates video, plain txt version
  13. 13. The EE Approach• “Channels” of data not “Pages” – 1 Page can have many “Channels” of content• Custom Fieldtypes & Forms – Rich Text Editors (lots of choice) – Google Maps – Address, Currency, File, Image – Dozens and dozens more
  14. 14. Assets
  15. 15. Better Pages
  16. 16. Pointee and Customized Version
  17. 17. Expresso
  18. 18. Playa and Assets
  19. 19. NSM Twitter & morePreview
  20. 20. Content Elements
  21. 21. The EE ApproachMost Basic Functionality Built In• Comments• Categories• Mailing List• Membership Management• User Profiles• Mobile Blogging• Simple Ecommerce• Forums (add. Cost)
  22. 22. Channel Structure• Channel Each TYPE of content gets a dedicated Channel –Entries (Unlimited) • Fields (Unlimited / Many Types) • Categories (Unlimited / Nested / Multiple) • Status (Open or Close / Custom )
  23. 23. Example Channel StructureJob Posting (Channel)• Job title (TXT field)• Job Description (Rich Text Editor)• Job Category (Native Categories)• Company Logo (File Field)• Website Link (Txt field)
  24. 24. Code Examples – Parameters & VariablesBasic Channel Entry Tag {exp:channel:entries channel=“chan_news" limit="1"} <h2>{title}</h2> {body} {/exp:channel:entries}Produces <h2>My Article Title</h2 <p>My article body, pretty simple eh?</p>
  25. 25. Complex Channel Entry Tag {exp:channel:entries channel="news|blog" limit=“2" category="2" orderby="entry_date" sort= "desc" disable="member_date|pagination" dynamic="no" } <h2>{title}</h2> <span class="Permalink"> <a href="{permalink="news/archives“}"> {entry_date format="%m / %d / %Y"} </a> </span> <div class=“article”> {body} </div> {/exp:channel:entries}
  26. 26. Complex Channel Entry Tag - Results <h2>News Article 3</h2> <span class=“Permalink”> <a href=“domain.com/news/archive/news_article_3”> 10 / 5 / 2012 </a> </span> <div class=“article”> <p>News body content goes here </p> </div> <h2>Blog Article 1</h2> <span class=“Permalink”> <a href=“domain.com/news/archive/news_article_3”> 10 / 4 / 2012 </a> </span> <div class=“article”> <p>Blog body content goes here</p> </div>
  27. 27. Addon Example – Solspace Freeform {exp:freeform:form collection="ContactForm" required="name|email|phone1|note" return="contact/thanks” notify="james@brightrocketdesign.com" template="default_template" } <h2>Send me a quick note!</h2> <label for="f-name">Name</label> <input type="text" name="name" id="f-name" /></p> <label for="f-email">Your Email</label> <input type="text" name="email" id="f-email" /></p> <label for="f-comments">Tell me a bit about this project</label> <textarea name="note" id="note" rows="5" cols="40"></textarea> <button type="submit" class="button-a">Launch!</button> {/exp:freeform:form}
  28. 28. The Community Rocks• Active User Forums (Ellis Staff and volunteers)• Twitter community #eecms (Great for Support & Finding Talent)• Good size but not overwhelming thousands of devs and sites, but we all “know” each other• More Professionals Lots of Pros - Not so many Hobbyist, Creepy SEO guys (Not You) = Higher Skill and Professional Level of Average User
  29. 29. The Cost of Awesome• Professional Support• Don’t struggle with design/CMS integration unlike many OS CMS systems• Saves me Time, Time = Money• Allows me to build sites that “Do Stuff”• Pays for itself a dozen times over Support the tools that make you Money You cheap so-and-so ;)
  30. 30. The Cost of Awesome• Commercial - $299.95• Non-Commercial - $149.95• Freelancer - $99.95• Always budget $ for additional Addons – Simple addons often FREE – Generally inexpensive $10-$50 – Ecommerce, more complex addons around $100 -$150
  31. 31. Demo Time!
  32. 32. Things I Wrote about EE• The ExpressionEngine Designers Website Checklist• A Comparison of WYSIWYG Editors for ExpressionEngine at EE Insider• Using Pages and Low-Reorder for Flexible Navigation and Site Structure• Switching to Sublime 2 for Expression Engine Development brightrocketdesign.com/blog/category/expressionengine
  33. 33. Thank YouSponsors!
  34. 34. Free Stuff Time!• ExpressionEngine Freelancer Licenses (2) Ellis Labs (ellislab.com)• Low Variables (2) GoToLow (gotolow.com)• Content Elements (2) Krea (krea.com)• Expresso (2) Put Your Lights On (putyourlightson.net)
  35. 35. Free Stuff Time!Securing EE2 by Mark Huot (EVERYONE!) by Mark Huot, provided by Mijingo (Mijingo.com)
  36. 36. Similar Presentations Lea Alcantara LeaLea.net slideshare.net/lealea/edmontonee- main-presentation-10242009 (Special Thanks!) Emily Lewis emilylewisdesign.com www.slideshare.net/emilylewis/designe rfriendly-ee
  37. 37. ResourcesEEInsider News, Articles, ReviewsDevote:ee Addon DirectoryEEPodcast Podcast about EE and Web DesignDirector-EE Director of EE Designer/Devs@Twitter #eecms @EllisLab #frupEE Hub Aggregator of EE Info
  38. 38. Questions?
  39. 39. CodeIgniter with Brett Silver

×