MageBridge DevelopersMageBridgedevelopers
MageBridge DevelopersWho am I?• Jisse Reitsma – Co-founder of Jira ICT (Dutch company) – Co-founder of Yireo (www.yireo.co...
MageBridge DevelopersSome of our customers•   Condoom-Anoniem•   Condomerie•   Porn king•   Mushroom shop•   Weed fertiliz...
MageBridge DevelopersE-commerce in Joomla?
MageBridge DevelopersE-commerce & Joomla! (2006)• VirtueMart
MageBridge DevelopersE-commerce & Joomla! (2011)•   VirtueMart          •   redShop•   Tienda              •   JoomShoppin...
MageBridge DevelopersE-commerce & open source (2011)•   osCommerce          •   Spree•   UberCart (Drupal)   •   Avactis• ...
MageBridge DevelopersConclusion• All solutions allow you to sell products
MageBridge DevelopersConclusion• All solutions allow you to sell products …• … so there must be differences besides “selli...
MageBridge DevelopersConclusion• All solutions allow you to sell products …• … so there must be differences besides “selli...
MageBridge DevelopersWhat is MageBridge?
MageBridge DevelopersMageBridge• Developed by Yireo – Other extensions: Vm2Mage, Dynamic404,   TweetScheduler, SSLRedirect...
MageBridge DevelopersHow much does it cost?• Not free beer – Mid-market pricing – Enterprise features – Community-driven r...
MageBridge DevelopersBridge everything (1/3)• Integrates Magento visually into Joomla! – Main content-block within Joomla!...
MageBridge DevelopersBridge everything (2/3)• Integrates Magento visually into Joomla!• Synchronizes Magento data with Joo...
MageBridge DevelopersBridge everything (3/3)• Integrates Magento visually into Joomla!• Synchronizes Magento data with Joo...
MageBridge DevelopersMageBridge basic concepts
MageBridge DevelopersVisual integration• Joomla! component – Magento “content” block• Joomla! modules – Other blocks (cart...
MageBridge DevelopersCombined theming• Magento theme – XML layout, PHTML templates, CSS skin• Joomla! template – Little PH...
MageBridge DevelopersJavaScript frameworks• MooTools – Used frequently by Joomla! extensions• Prototype / Scriptaculous – ...
MageBridge DevelopersPractical benefit of MageBridge• Joomla! is used as CMS-system – Better WYSIWYG-editors – Hierarchy o...
MageBridge DevelopersMageBridge & Joomla! 1.6• Basic compatibility – Same PHP-codebase for both 1.5 as 1.6 – But different...
MageBridge DevelopersMageBridge Mobile• Web-based instead of app-based – CMS + shop in 1 one mobile site – jQuery Mobile –...
MageBridge DevelopersMageBridge & other Yireo stuff• MageBridge stuff – MageBridge labs (Nooku, FLEXIcontent/K2/ZOO, secre...
MageBridge DevelopersMageBridge specific
MageBridge DevelopersMageBridge usage• Basic usage – Shop with products and blog – Single product shop• Advanced usage – M...
MageBridge DevelopersMageBridge Store connectors• Use Joomla! logic to determine Magento store• Examples: – Multilingual i...
MageBridge DevelopersMageBridge Product connectors• Sell Joomla! logic in Magento• Examples: – Access control (Joomla! 1.6...
MageBridge DevelopersMageBridge advanced concepts
MageBridge DevelopersParsing content• Magento content filters – Add Magento CMS-tags to Joomla! content• Joomla! Content P...
MageBridge DevelopersOne Single HTTP Request• Only 1 initialization of Magento application• Coding API – Register request ...
MageBridge DevelopersMageBridge API• Connection between Joomla! and Magento – Based on HTTP• Transport protocols – From Jo...
MageBridge DevelopersEvent forwarding• Magento events are forwarded to Joomla! – Joomla! plugins of type “magento”• Joomla...
MageBridge DevelopersConnector code
MageBridge DevelopersMagento API in Joomla!• Integrate Magento logic into any Joomla! extension – Template – Component – M...
MageBridge DevelopersThree steps to get what you want• Register what you want – $register = MageBridgeModelRegister::getIn...
MageBridge DevelopersScalability• Extensible architecture of MageBridge – Modules, plugins, connectors – Coding API (regis...
MageBridge DevelopersPerformance (1/2)• Inside MageBridge – Minimal initialization of Magento framework• Caching – Magento...
MageBridge DevelopersPerformance (2/2)• Extra tips for optimization – Merging of CSS/JS files – Caching within Joomla! – U...
MageBridge DevelopersMageBridge summary
MageBridge DevelopersMageBridge summary•   Visual integration, combined theming•   Components, modules, plugins•   Store c...
MageBridge DevelopersMore information on MageBridge• yireo.com/magebridge – Blogs on Joomla!, Magento and MageBridge – Tut...
MageBridge DevelopersQuestions?
Upcoming SlideShare
Loading in...5
×

Next-level e-commerce with MageBridge

3,213

Published on

Presentation given at JAndBeyond 2011 (international Joomla! conference in Kerkrade, Netherlands)

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
3,213
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
37
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Next-level e-commerce with MageBridge"

  1. 1. MageBridge DevelopersMageBridgedevelopers
  2. 2. MageBridge DevelopersWho am I?• Jisse Reitsma – Co-founder of Jira ICT (Dutch company) – Co-founder of Yireo (www.yireo.com) – Lead developer of MageBridge – Author of Joomla! template designer – Former VMware ESX trainer, UNIX sysadmin, Linux trainer – PHP-developer, system architect, consultant, trainer – Busy with Joomla!, Magento, … and MageBridge
  3. 3. MageBridge DevelopersSome of our customers• Condoom-Anoniem• Condomerie• Porn king• Mushroom shop• Weed fertilizers• Dreadlocks store• Guns for sale
  4. 4. MageBridge DevelopersE-commerce in Joomla?
  5. 5. MageBridge DevelopersE-commerce & Joomla! (2006)• VirtueMart
  6. 6. MageBridge DevelopersE-commerce & Joomla! (2011)• VirtueMart • redShop• Tienda • JoomShopping• HikaShop • RokQuickCart• K2Mart • OpenFreeway• SimpleCaddy • MageBridge• iJoomla Digistore• MightyCommerce• IXXO
  7. 7. MageBridge DevelopersE-commerce & open source (2011)• osCommerce • Spree• UberCart (Drupal) • Avactis• PrestaShop • AgoraCart• ZenCart • WordPress plugin• DashCommerce • OXID eShop• CubeCart • Batavi• X-Cart • osCMax• LiteCommerce • Magento• Shopify• TomatoCart
  8. 8. MageBridge DevelopersConclusion• All solutions allow you to sell products
  9. 9. MageBridge DevelopersConclusion• All solutions allow you to sell products …• … so there must be differences besides “selling”
  10. 10. MageBridge DevelopersConclusion• All solutions allow you to sell products …• … so there must be differences besides “selling” – Ease of use (GUI, features vs user friendliness) – Extendability (plugins, cleanness of code, theming) – Scalability (cloud computing, clustering, optimization) – Number of shipment providers and payment gateways – Tax calculation – Connecting the back-office (CRM, ERP) in real-time
  11. 11. MageBridge DevelopersWhat is MageBridge?
  12. 12. MageBridge DevelopersMageBridge• Developed by Yireo – Other extensions: Vm2Mage, Dynamic404, TweetScheduler, SSLRedirect, ScriptMerge SimpleLists, SEFTest, Fancybox – Tutorials on Joomla! and Magento (performance, security, development)• Integrates Magento into Joomla! – Better CMS for Magento – Better e-commerce for Joomla!
  13. 13. MageBridge DevelopersHow much does it cost?• Not free beer – Mid-market pricing – Enterprise features – Community-driven roadmap• Packages available – MageBridge Standard = 3 months, 2 domains, 95 Euro – MageBridge Enterprise = 12 months, 6 domains, 195 Euro – MageBridge Reseller / Partner = 12 months, ? domains, 1000 Euro• SVN access available – svn://svn.yireo.com/svn/development/magebridge – Full sources available, but not in packaged form – Upcoming: Phing scripts
  14. 14. MageBridge DevelopersBridge everything (1/3)• Integrates Magento visually into Joomla! – Main content-block within Joomla! component – Any other Magento block within Joomla! modules
  15. 15. MageBridge DevelopersBridge everything (2/3)• Integrates Magento visually into Joomla!• Synchronizes Magento data with Joomla! – Search products and categories – User synchronization and authentication – JCE editor
  16. 16. MageBridge DevelopersBridge everything (3/3)• Integrates Magento visually into Joomla!• Synchronizes Magento data with Joomla!• Connecting Magento logic to Joomla! – Product connectors, store connectors, profile connectors
  17. 17. MageBridge DevelopersMageBridge basic concepts
  18. 18. MageBridge DevelopersVisual integration• Joomla! component – Magento “content” block• Joomla! modules – Other blocks (cart, tags) – Products, categories, login• Search integration• Breadcrumbs
  19. 19. MageBridge DevelopersCombined theming• Magento theme – XML layout, PHTML templates, CSS skin• Joomla! template – Little PHP, jdoc-tags, CSS skin, MageBridgeTemplateHelper-classMagento headers are merged into Joomla! <head> – CSS, JavaScript (conflict!?) – META-tags, title-tag, etcetera• MageBridge-optimized template-patches – RocketTheme – JoomlArt – YOOtheme
  20. 20. MageBridge DevelopersJavaScript frameworks• MooTools – Used frequently by Joomla! extensions• Prototype / Scriptaculous – Used by almost all Magento core-functionality• Use both of them and JavaScript crashes – Conflicting namespace $ and conflicting classes – jQuery.noConflict() is always fine – Magento 2.0 will switch from Prototype to jQuery – Yireos effort?
  21. 21. MageBridge DevelopersPractical benefit of MageBridge• Joomla! is used as CMS-system – Better WYSIWYG-editors – Hierarchy of categories (and sections)• Joomla! is used as site building tool – Joomla! Menu Manager – Joomla! templating – Joomla! module management – No need to touch Magento XML-layouts or PHTML-templates• Magento is used for e-commerce
  22. 22. MageBridge DevelopersMageBridge & Joomla! 1.6• Basic compatibility – Same PHP-codebase for both 1.5 as 1.6 – But different XML-files (basically parameters)• Extra features – ACLs for usage of backend – Joomla! 1.6 Usergroups Store Connector – Joomla! 1.6 Extensible Profiles Connector – Joomla! 1.6 Usergroups Product Connector – Backend-demo
  23. 23. MageBridge DevelopersMageBridge Mobile• Web-based instead of app-based – CMS + shop in 1 one mobile site – jQuery Mobile – Get rid of ProtoType as much as we can• Demo – http://mobile.magebridge.com/
  24. 24. MageBridge DevelopersMageBridge & other Yireo stuff• MageBridge stuff – MageBridge labs (Nooku, FLEXIcontent/K2/ZOO, secret labs) – MageBridge Template Patches (RocketTheme, YOOtheme, JoomlArt)• Other Yireo stuff – MageBridge plugin for Xmap – MageBridge plugin for Dynamic404 – Vm2Mage migration from VirtueMart to Magento
  25. 25. MageBridge DevelopersMageBridge specific
  26. 26. MageBridge DevelopersMageBridge usage• Basic usage – Shop with products and blog – Single product shop• Advanced usage – Multi-site environments – Membership / club – Software subscriptions – Private sales – Advanced marketing
  27. 27. MageBridge DevelopersMageBridge Store connectors• Use Joomla! logic to determine Magento store• Examples: – Multilingual integration (JoomFish, Nooku, m17n) – Special Magento stores on specific days (Christmas catalog) – Special Magento stores for specific users (Private Sales: Joomla! 1.6, NoixACL)
  28. 28. MageBridge DevelopersMageBridge Product connectors• Sell Joomla! logic in Magento• Examples: – Access control (Joomla! 1.6 ACLs, NoixACL, FLEXIaccess) – Private downloads (DOCman, jDowloads, RSFiles) – Memberships (OSEMSC, MageBridge itself) – Newsletter subscription (Acajoom, Acymailing, ccNewsletter, etcetera) – Other subscriptions (Agora, Eventlist, Kunena, RSEvents) – User rewards (JomSocial Karma Points)
  29. 29. MageBridge DevelopersMageBridge advanced concepts
  30. 30. MageBridge DevelopersParsing content• Magento content filters – Add Magento CMS-tags to Joomla! content• Joomla! Content Plugins – Add Joomla! plugin-tags to Magento content
  31. 31. MageBridge DevelopersOne Single HTTP Request• Only 1 initialization of Magento application• Coding API – Register request with MageBridgeModelRegister class – Fetch response from MageBridgeModelBridge::build()
  32. 32. MageBridge DevelopersMageBridge API• Connection between Joomla! and Magento – Based on HTTP• Transport protocols – From Joomla! to Magento (and back): JSON – From Magento to Joomla! (and back): XML-RPC
  33. 33. MageBridge DevelopersEvent forwarding• Magento events are forwarded to Joomla! – Joomla! plugins of type “magento”• Joomla! events are forwarded to Magento – Magento modules with observer functions with prefix “joomla_”
  34. 34. MageBridge DevelopersConnector code
  35. 35. MageBridge DevelopersMagento API in Joomla!• Integrate Magento logic into any Joomla! extension – Template – Component – Module – Plugin• MageBridge tools – autoloading classes (SPL) – class MageBridgeTemplateHelper
  36. 36. MageBridge DevelopersThree steps to get what you want• Register what you want – $register = MageBridgeModelRegister::getInstance(); – $id = $register->add(api, magebridge_user.save, $user);• Build the bridge – $bridge = MageBridgeModelBridge::getInstance(); – $bridge->build();• Get what you want – $data = $register->getById($id);
  37. 37. MageBridge DevelopersScalability• Extensible architecture of MageBridge – Modules, plugins, connectors – Coding API (register, bridge, helpers)• Magento as solid platform – API connections with backoffice – Clustering, optimization (10.000+ products)
  38. 38. MageBridge DevelopersPerformance (1/2)• Inside MageBridge – Minimal initialization of Magento framework• Caching – Magento caching, Joomla! caching – MageBridge caching on the Magento side – MageBridge caching on the Joomla! side• Content loading – Prototype / Scriptaculous > Protoaculous or Google API
  39. 39. MageBridge DevelopersPerformance (2/2)• Extra tips for optimization – Merging of CSS/JS files – Caching within Joomla! – Usage of tmpfs as filesystem – Magento compilation – Tuning of PHP parameters (f.i. realpath_cache_size) – Tuning of MySQL parameters (f.i. query_cache) – Usage of Litespeed or Nginx as webserver – ... http://yireo.com/spo
  40. 40. MageBridge DevelopersMageBridge summary
  41. 41. MageBridge DevelopersMageBridge summary• Visual integration, combined theming• Components, modules, plugins• Store connectors, product connectors• Event forwarding
  42. 42. MageBridge DevelopersMore information on MageBridge• yireo.com/magebridge – Blogs on Joomla!, Magento and MageBridge – Tutorials on Joomla!, Magento and MageBridge – MageBridge demos, screenshots, FAQ – Demo days
  43. 43. MageBridge DevelopersQuestions?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×