Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Joomla 3.0 Keynote
1. JOOMLA 3.0
MARK DEXTER KYLE LEDBETTER
PRODUCT LEADERSHIP TEAM PRINCIPAL USABILITY ENGINEER
JOOMLA! EBAY, INC.
JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0
Tuesday, December 4, 12
2. @kyleledbetter @dextercowley
JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0
photo copyright Monty Ksycki photo copyright JoomlaBlogger
Tuesday, December 4, 12
3. JOOMLA 3.0 UX
KYLE LEDBETTER
PRINCIPAL USABILITY ENGINEER
EBAY, INC.
JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UX
Tuesday, 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 UX
Tuesday, 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 UX
Tuesday, 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 UX
Tuesday, December 4, 12
7. Enter the JUX
J oomla
U ser
X
e perience
JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UX
Tuesday, 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 UX
Tuesday, 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 UX
Tuesday, 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 UX
Tuesday, December 4, 12
11. Phase Two
Improve UX
INSTALLATION FRONTEND BACKEND
PROCESS (SITE) (ADMIN)
JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UX
Tuesday, 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 UX
Tuesday, December 4, 12
13. Installation
3 Steps
AJAX
Email Config
3 Steps!!!
JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UX
Tuesday, December 4, 12
14. Admin GUI
Bootstrap’d
jQuery
Chosen JS
Completely
Responsive
JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UX
Tuesday, December 4, 12
15. Site Template
Also JUI
CSS Defines UI
LESS Is Best
Completely
Responsive
JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UX
Tuesday, 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 UX
Tuesday, 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 UX
Tuesday, 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 UX
Tuesday, 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 UX
Tuesday, December 4, 12
25. JOOMLA 3.0 FEATURES
MARK DEXTER
PRODUCTION LEADERSHIP TEAM
JOOMLA!
JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 FEATURES
Tuesday, 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 FEATURES
Tuesday, 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 FEATURES
Tuesday, December 4, 12
28. INSTALL
LANGUAGES
SEARCH
CHECK
INSTALL
JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 FEATURES
Tuesday, 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 FEATURES
Tuesday, 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 FEATURES
Tuesday, 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 FEATURES
Tuesday, December 4, 12
32. 3.0 Code
Contributors
In Da House
(Please Stand Up]
Thank You!
JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0
Tuesday, December 4, 12