Your SlideShare is downloading. ×
Joomla 3.0 Keynote
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Joomla 3.0 Keynote

2,148
views

Published on

Mark Dexter and I presented a keynote on Joomla 3.0 at the 2012 Joomla World Conference

Mark Dexter and I presented a keynote on Joomla 3.0 at the 2012 Joomla World Conference

Published in: Technology

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,148
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
45
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. JOOMLA 3.0 MARK DEXTER KYLE LEDBETTER PRODUCT LEADERSHIP TEAM PRINCIPAL USABILITY ENGINEER JOOMLA! EBAY, INC. JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0Tuesday, December 4, 12
  • 2. @kyleledbetter @dextercowley JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 photo copyright Monty Ksycki photo copyright JoomlaBloggerTuesday, December 4, 12
  • 3. JOOMLA 3.0 UX KYLE LEDBETTER PRINCIPAL USABILITY ENGINEER EBAY, INC. JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 4. I WORK FOR EBAY WE TEND TO PUSH THINGS TO THE LIMIT (AND BEYOND) We needed a UI framework that is: Versatile - Extensible - Rapid - Consistent JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 5. BOOTSTRAP FROM TWITTER AN INCREDIBLY AWESOME OPEN SOURCE UI LIBRARY THAT’S TAKEN THE WORLD BY STORM. LESS - CSS - JavaScript - HTML5 - Responsive JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 6. YOU CAN BUILD ANYTHING ON BOOTSTRAP FOR REALS. ANYTHING. TRUST ME. ‣ ADMIN GUI ‣ ONLINE MAGAZINE ‣ SHOPPING CART ‣ MINIMAL BLOG ‣ TEXT EDITOR ‣ Calendar ‣ PROJECT MANAGER ‣ PHOTO GALLERY ‣ Search Engine ‣ SOCIAL NETWORK ‣ Forum ‣ COMPLEX WORKFLOW I COULD GO ON... JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 7. Enter the JUX J oomla U ser X e perience JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 8. JoomlaDays Are Pivotal (and other Joomla events] San Jose Kekrade Chicago Bad NauHeim New York Dallas JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 9. Made for the people By the people JOOMLA 3.0 IS A COMPLETELY COMMUNITY DRIVEN MAJOR RELEASE JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 10. Phase One FEATURE PARITY Custom UI ‣ Feature One ‣ Feature One Bootstrap Mootools ‣ Feature Two ‣ Feature Two jQuery Bluestork ‣ Feature Three ‣ Feature Three Isis Beez ‣ Feature Four ‣ Feature Four Protostar 2.5 3.0 JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 11. Phase Two Improve UX INSTALLATION FRONTEND BACKEND PROCESS (SITE) (ADMIN) JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 12. JUI a Joomla SDK ‣ Standard UI/UX Bootstrap ‣ Modern Tools Extended Bootstrap ‣ Continuously Improved Icomoon Font Icons ‣ Available Everywhere jQuery & jQuery UI Frontend & Backend Chosen Select Boxes ‣ JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 13. Installation 3 Steps AJAX Email Config 3 Steps!!! JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 14. Admin GUI Bootstrap’d jQuery Chosen JS Completely Responsive JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 15. Site Template Also JUI CSS Defines UI LESS Is Best Completely Responsive JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 16. LESS is more template.less JUI @import /less accordion alerts variables.less breadcrumbs Buttons carousel dropdowns mixins.less forms grid layouts modals navbar tables 1 template.css for everything! JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 17. Why Frontend JUI? Every site has frontend UI You name a component and I can name 10 UI BUTTONS ICONS elements used on the frontend. Forums, Blogs, T O O LT I P S THUMBNAILS Calendars, Shopping Carts...everything needs standardized UI! JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 18. Imagine Standardized Components JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 19. Fastest Adoption I’ve Ever Seen Template Clubs JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 20. Fastest Adoption I’ve Ever Seen Extensions JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 21. Fastest Adoption I’ve Ever Seen Everyone else is working on their 3.0 release JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 22. JED Joomla 3.0 Search Advanced Search >> Joomla 3.x >> Search JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 23. What’s NExt? Joomla 3.1 Mootools < jQuery More ICON Sets More jQuery UI Latest Bootstrap * All Planned not official JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 24. What’s Next? Joomla 3.5 Frontend Admin PAGE (MENU) SETTINGS EDIT MODE ADD PAGES EDIT MODULES New WorkflowS * All Planned not official JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UXTuesday, December 4, 12
  • 25. JOOMLA 3.0 FEATURES MARK DEXTER PRODUCTION LEADERSHIP TEAM JOOMLA! JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 FEATURESTuesday, December 4, 12
  • 26. Two Cool Features In Joomla 3.0 PostgreSQL Database Easy Language Support Install / Update JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 FEATURESTuesday, December 4, 12
  • 27. Database Abstraction In Joomla 3.0 MYSQL MYSQL DRIVER D ATA B A S E SQL SERVER SQL SERVER JOOMLA PHP DRIVER D ATA B A S E QUERY CODE: RUNTIME C O N F I G U R AT I O N GIVE ME SOME D ATA ! POSTGRESQL POSTGRESQL DRIVER D ATA B A S E < YO U R D ATA B A S E > < YO U R D ATA B A S E > DRIVER JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 FEATURESTuesday, December 4, 12
  • 28. INSTALL LANGUAGES SEARCH CHECK INSTALL JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 FEATURESTuesday, December 4, 12
  • 29. Feature Contribution Process Propose & Evaluate Level of Interest Design, Modify Code as & Post Needed to Feature & Merge Tracker Recruit People to Te s t JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 FEATURESTuesday, December 4, 12
  • 30. Bug Fix Contribution Process Squash ‘EM! 1 2 3 Find Confirmed Issue Propose a Code Fix Modify as Needed in Tracker For the Issue Based on Testing JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 FEATURESTuesday, December 4, 12
  • 31. How’s It Working? 745 YTD 2012 Stats 62 110 FEATURES BUGS CODE ADDED FIXED CONTRIBUTORS JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 FEATURESTuesday, December 4, 12
  • 32. 3.0 Code Contributors In Da House (Please Stand Up] Thank You! JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0Tuesday, December 4, 12