Joomla 3.0 Keynote

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

@kyleledbetter @dextercowley


photo copyright Monty Ksycki photo copyright JoomlaBlogger

JOOMLA 3.0 UX
KYLE LEDBETTER
PRINCIPAL USABILITY ENGINEER
EBAY, INC.

JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 UX


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


BOOTSTRAP FROM TWITTER
AN INCREDIBLY AWESOME OPEN
SOURCE UI LIBRARY THAT’S
TAKEN THE WORLD BY STORM.

LESS - CSS - JavaScript - HTML5 - Responsive


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...



Enter the JUX
J oomla

U ser
X
e perience



JoomlaDays Are Pivotal
(and other Joomla events]

San Jose Kekrade

Chicago Bad NauHeim

New York Dallas


Made for the people By the people
JOOMLA 3.0 IS A COMPLETELY COMMUNITY DRIVEN MAJOR RELEASE



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


Phase Two
Improve UX

INSTALLATION FRONTEND BACKEND
PROCESS (SITE) (ADMIN)



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
‣



Installation
3 Steps
AJAX
Email Config
3 Steps!!!



Admin GUI
Bootstrap’d
jQuery
Chosen JS
Completely
Responsive


Site Template
Also JUI
CSS Defines UI
LESS Is Best
Completely
Responsive


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!


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!



Imagine Standardized Components



Fastest Adoption I’ve Ever Seen
Template Clubs



Extensions



Everyone else is working on their 3.0 release



JED Joomla 3.0 Search

Advanced Search >> Joomla 3.x >> Search


What’s NExt?
Joomla 3.1
Mootools < jQuery
More ICON Sets
More jQuery UI
Latest Bootstrap
* All Planned not official


What’s Next?
Joomla 3.5
Frontend Admin
PAGE (MENU) SETTINGS
EDIT MODE
ADD PAGES
EDIT MODULES

New WorkflowS
* All Planned not official


JOOMLA 3.0 FEATURES
MARK DEXTER
PRODUCTION LEADERSHIP TEAM
JOOMLA!

JOOMLA WORLD CONFERENCE 2012 JOOMLA 3.0 FEATURES


Two Cool Features
In Joomla 3.0

PostgreSQL Database Easy Language
Support Install / Update


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



INSTALL
LANGUAGES

SEARCH
CHECK
INSTALL



Feature Contribution Process
Propose
&
Evaluate
Level of
Interest
Design,
Modify
Code
as
& Post
Needed
to Feature
& Merge
Tracker
Recruit
People
to
Te s t



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



How’s It Working? 745
YTD 2012 Stats

62 110

FEATURES BUGS CODE
ADDED FIXED CONTRIBUTORS



3.0 Code
Contributors
In Da House
(Please Stand Up]
Thank You!



Joomla 3.0 Keynote

More Related Content

Similar to Joomla 3.0 Keynote

More from Kyle Ledbetter

Recently uploaded

Joomla 3.0 Keynote