THE STORY OF SIMPLIFIEDSAFETY.COM Integrating Expression Engine & Magento
For Starters <ul><li>Code Igniter?  </li></ul><ul><ul><li>PatternTap.com – Design pattern collection site developed with M...
For Starters <ul><li>Interaction – Got a Question? Ask It! </li></ul><ul><ul><li>Happy to get into the really technical bi...
Back Story <ul><li>Ecommerce since 1998 (with ASP) </li></ul><ul><li>2005 started simplifiedbuilding.com on OSCommerce and...
Back Story <ul><ul><li>100% Sweat equity investment </li></ul></ul><ul><ul><li>3 yrs later  </li></ul></ul><ul><ul><ul><li...
Back Story <ul><li>From 2005 built SBC and worked as independent developer building sites for myself and others. </li></ul...
Building a Global Network of Sites <ul><li>Which Tools?  What architecture? </li></ul><ul><li>What was Important </li></ul...
Our Approach <ul><li>EE & Magneto </li></ul><ul><li>Integration is principally for the user. </li></ul><ul><ul><li>Not try...
TECHNICAL NITTY GRITTY Underneath the Hood
General Architecture Expression Engine Triggers through path.php LG .htaccess Uses Inclusion Method Magento Stored in subd...
Consistent Look & Feel <ul><li>Goals </li></ul><ul><ul><li>Seemless User Experience </li></ul></ul><ul><ul><li>Minimize Ch...
Consistent Look & Feel Expression Engine Templates for CMS References Magento Skin directory Magento Stores CSS / JS / Ima...
Exchanging Content Expression Engine Magento Need to be able to display Magento content in Expression Engine and Visa Versa
Semi-Static: CMS, Cron, Cache Magento – CMS  HTML Snippet Expression Engine Server Cron Process Cached File cURL Example: ...
Dynamic Content: CMS, Ajax Magento – CMS Custom Block Expression Engine jQuery True/False or Content Login with “eeci@exam...
Can’t get there from here... Redirection Static Block With URL for EE Content Expression Engine Redirection XML Layout Mag...
Single Sign On – Starting Simple Expression Engine Magento All user information  stored in Magento No EE Login Visual Sync...
Single Sign On – Getting Complex Expression Engine Magento User information stored  and synced in both systems EE Login Se...
Single Sign On – Getting Complex <ul><li>Want to be able to utilize EE modules such as the forums </li></ul><ul><li>Want t...
Single Sign On – User Creation Expression Engine Magento User Created EE Hook Magento API User Created Magento Controller ...
Single Sign On – User Login Expression Engine Magento User Login Login via Email ( solspace ) Credentials Passed via Ajax ...
Single Sign On – User Maintenance Expression Engine Magento Critical  Account Changes Username  Password Resets Magento Co...
EXTRAS
Extensions Used <ul><li>Expression Engine </li></ul><ul><ul><li>Custom Module </li></ul></ul><ul><ul><li>User Module from ...
QUESTIONS?
Upcoming SlideShare
Loading in …5
×

EECI - EE And Magento Integration

15,453 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
15,453
On SlideShare
0
From Embeds
0
Number of Embeds
12,867
Actions
Shares
0
Downloads
39
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Custom field holds the Magento ID in Expression Engine
  • Magento security and complexity makes it easier for me to make it the principal agent.
  • EECI - EE And Magento Integration

    1. 1. THE STORY OF SIMPLIFIEDSAFETY.COM Integrating Expression Engine & Magento
    2. 2. For Starters <ul><li>Code Igniter? </li></ul><ul><ul><li>PatternTap.com – Design pattern collection site developed with Matthew Smith of Squared Eye </li></ul></ul>
    3. 3. For Starters <ul><li>Interaction – Got a Question? Ask It! </li></ul><ul><ul><li>Happy to get into the really technical bits – meet up after. </li></ul></ul><ul><li>Not the Final Word on Integration </li></ul><ul><ul><li>My approach, not necessarily the “Best” approach. </li></ul></ul>
    4. 4. Back Story <ul><li>Ecommerce since 1998 (with ASP) </li></ul><ul><li>2005 started simplifiedbuilding.com on OSCommerce and a $65 Template </li></ul>
    5. 5. Back Story <ul><ul><li>100% Sweat equity investment </li></ul></ul><ul><ul><li>3 yrs later </li></ul></ul><ul><ul><ul><li>2 partners and 2 employees </li></ul></ul></ul><ul><ul><ul><li>Grossing over 1 Million in Sales </li></ul></ul></ul>
    6. 6. Back Story <ul><li>From 2005 built SBC and worked as independent developer building sites for myself and others. </li></ul><ul><li>January 1, 2009 – Acquired by global company to replicate lessons in International network of sites </li></ul>
    7. 7. Building a Global Network of Sites <ul><li>Which Tools? What architecture? </li></ul><ul><li>What was Important </li></ul><ul><ul><li>Content Heavy Site – robust CMS. </li></ul></ul><ul><ul><li>Speed – Launch timeline was Summer/Fall. </li></ul></ul><ul><ul><ul><li>Didn’t want to spend time redeveloping </li></ul></ul></ul><ul><ul><li>Flexibility – wanted to have the ability to customize everything. </li></ul></ul><ul><ul><li>Minimize Maintenance – small operation, large network </li></ul></ul><ul><ul><li>Scalability – spin of additional sites with nominal efforts </li></ul></ul><ul><ul><li>Cost! - Wanted to leverage affordable technologies </li></ul></ul>
    8. 8. Our Approach <ul><li>EE & Magneto </li></ul><ul><li>Integration is principally for the user. </li></ul><ul><ul><li>Not trying to do what EECommerce is doing </li></ul></ul><ul><ul><li>Wasn’t concerned with integrating the template engines </li></ul></ul><ul><li>Using multi-store and multi-site capabilities for each system allows us to minimize our code base and easily expand. </li></ul>
    9. 9. TECHNICAL NITTY GRITTY Underneath the Hood
    10. 10. General Architecture Expression Engine Triggers through path.php LG .htaccess Uses Inclusion Method Magento Stored in subdirectory “store” Triggers through index.php
    11. 11. Consistent Look & Feel <ul><li>Goals </li></ul><ul><ul><li>Seemless User Experience </li></ul></ul><ul><ul><li>Minimize Changes to Magento CSS </li></ul></ul><ul><ul><li>Minimize Redundancies </li></ul></ul><ul><li>Redundancies reduced to: </li></ul><ul><ul><li>Header </li></ul></ul><ul><ul><li>Footer </li></ul></ul><ul><ul><li>404 Page </li></ul></ul>
    12. 12. Consistent Look & Feel Expression Engine Templates for CMS References Magento Skin directory Magento Stores CSS / JS / Image Files Override the existing Magento templates/css ** agility/speed vs. bandwidth/load
    13. 13. Exchanging Content Expression Engine Magento Need to be able to display Magento content in Expression Engine and Visa Versa
    14. 14. Semi-Static: CMS, Cron, Cache Magento – CMS HTML Snippet Expression Engine Server Cron Process Cached File cURL Example: http://simplifiedsafety.com - product strip on home page
    15. 15. Dynamic Content: CMS, Ajax Magento – CMS Custom Block Expression Engine jQuery True/False or Content Login with “eeci@example.com” and “eeci2009” Go to home page - logout button after you log in
    16. 16. Can’t get there from here... Redirection Static Block With URL for EE Content Expression Engine Redirection XML Layout Magento Category Based on Static Block and Redirect Layout Go to http://simplifiedsafety.com/store/fall-protection/passive.html Click on “Rooftop Fall Protection”
    17. 17. Single Sign On – Starting Simple Expression Engine Magento All user information stored in Magento No EE Login Visual Sync through Ajax Content Sharing
    18. 18. Single Sign On – Getting Complex Expression Engine Magento User information stored and synced in both systems EE Login Session Syncing
    19. 19. Single Sign On – Getting Complex <ul><li>Want to be able to utilize EE modules such as the forums </li></ul><ul><li>Want to build other EE modules that utilize login based information (our secret weapon  ) </li></ul><ul><li>Principals here valid for integrating EE with just about an Third Party system. </li></ul><ul><li>Note: this portion is working dev. environment and is scheduled for launch in Nov./Dec. (post Euro-Tour) </li></ul>
    20. 20. Single Sign On – User Creation Expression Engine Magento User Created EE Hook Magento API User Created Magento Controller Hack Custom EE Module called via cURL
    21. 21. Single Sign On – User Login Expression Engine Magento User Login Login via Email ( solspace ) Credentials Passed via Ajax (https) on Login Landing Page User Login Magento Controller Hack Custom EE Module called via cURL (passing cookies back to browser) Session Created Session Created
    22. 22. Single Sign On – User Maintenance Expression Engine Magento Critical Account Changes Username Password Resets Magento Controller Hack Custom EE Module called via cURL Changes Propagated Redirect
    23. 23. EXTRAS
    24. 24. Extensions Used <ul><li>Expression Engine </li></ul><ul><ul><li>Custom Module </li></ul></ul><ul><ul><li>User Module from Solspace </li></ul></ul><ul><ul><li>LG htaccess </li></ul></ul><ul><ul><li>File </li></ul></ul><ul><ul><li>Field Frame </li></ul></ul><ul><ul><li>Playa </li></ul></ul>
    25. 25. QUESTIONS?

    ×