How we made MDN discoverable
!
!
!
Jannis Leidel
SEARCH AND FIND
JANNIS LEIDEL
Open Source software developer
Django core developer
Python enthusiast
PSF & DSF member, director of
German ...
WHAT IS MDN?
Mozilla Developer Network
WHAT IS MDN?
Web platform (HTML, CSS, JavaScript, etc)
Firefox desktop
Firefox for Android
Firefox OS (marketplace and app...
WHAT IS MDN?
5.5 staff writers, 6 staff developers
900 live code demos by 500 developers
9M page views in 4.6M visits by 2.1...
WHAT IS KUMA?
Django based wiki (Python)
Open Source software (MPL 2.0)
Public UI for writing/editing
Code on Github avail...
MDN HISTORY
DevEdge (AOL)

2000–2005
MDN HISTORY
MDC (MediaWiki)

2005–2008
MDN HISTORY
MDC (MindTouch Deki)

2008–2011
MDN HISTORY
MDN (MindTouch Deki)

2011–2012
MDN HISTORY
MDN (Kuma)

2012–2013
MDN HISTORY
MDN (Kuma)

2013–present
REDESIGN 2013
Responsive design
Content zones
Search front and center
SEARCH
From custom Google search

to own implementation
Full text search, multi-lingual
Faceting, filters, pagination
SEARCH FILTERS
Extensible via admin UI
Based on document tags
Topics, skill level and

document type currently
SEARCH API
Every search page is also

available as JSON
Includes are metadata to
programmatically use the

search
SEARCH API
Search result navigator

on document pages
Coming from search page
SEARCH API
Documentation status
Processed through

Kumascript
SEARCH UI
Command and query
Quick access to filters

with shortcuts
Extensible UI for

suggestions
SEARCH CLI
Developer toolbar

integration
Command line
Source code inspector
SEARCH FUTURE
Code editor integration via plugins
User profile search with @user syntax
docs.json integration
!
Jannis Leidel
@jezdez
!
github.com/mozilla/kuma
QUESTIONS?
Search and Find
Upcoming SlideShare
Loading in …5
×

Search and Find

461 views
370 views

Published on

The Mozilla Developer Network (MDN) is a wiki on which volunteers and Mozilla staff writers document the open Web, Mozilla technologies, Firefox OS, and other developer topics. In 2013 we relaunched it with a new look and feel as well as many changes to the underlying technology. In this talk I look back at how we took content discoverability into account and how we’re continuing to improve the site in 2014.

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
461
On SlideShare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
2
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Search and Find

  1. 1. How we made MDN discoverable ! ! ! Jannis Leidel SEARCH AND FIND
  2. 2. JANNIS LEIDEL Open Source software developer Django core developer Python enthusiast PSF & DSF member, director of German Django association Mozillian working on MDN
  3. 3. WHAT IS MDN? Mozilla Developer Network
  4. 4. WHAT IS MDN? Web platform (HTML, CSS, JavaScript, etc) Firefox desktop Firefox for Android Firefox OS (marketplace and apps)
  5. 5. WHAT IS MDN? 5.5 staff writers, 6 staff developers 900 live code demos by 500 developers 9M page views in 4.6M visits by 2.1M unique visitors per month 33K wiki documents with 375K edits in total 14K community contributors globally
  6. 6. WHAT IS KUMA? Django based wiki (Python) Open Source software (MPL 2.0) Public UI for writing/editing Code on Github available Kumascript scripting language (server-side JavaScript via Node.js)
  7. 7. MDN HISTORY DevEdge (AOL)
 2000–2005
  8. 8. MDN HISTORY MDC (MediaWiki)
 2005–2008
  9. 9. MDN HISTORY MDC (MindTouch Deki)
 2008–2011
  10. 10. MDN HISTORY MDN (MindTouch Deki)
 2011–2012
  11. 11. MDN HISTORY MDN (Kuma)
 2012–2013
  12. 12. MDN HISTORY MDN (Kuma)
 2013–present
  13. 13. REDESIGN 2013 Responsive design Content zones Search front and center
  14. 14. SEARCH From custom Google search
 to own implementation Full text search, multi-lingual Faceting, filters, pagination
  15. 15. SEARCH FILTERS Extensible via admin UI Based on document tags Topics, skill level and
 document type currently
  16. 16. SEARCH API Every search page is also
 available as JSON Includes are metadata to programmatically use the
 search
  17. 17. SEARCH API Search result navigator
 on document pages Coming from search page
  18. 18. SEARCH API Documentation status Processed through
 Kumascript
  19. 19. SEARCH UI Command and query Quick access to filters
 with shortcuts Extensible UI for
 suggestions
  20. 20. SEARCH CLI Developer toolbar
 integration Command line Source code inspector
  21. 21. SEARCH FUTURE Code editor integration via plugins User profile search with @user syntax docs.json integration
  22. 22. ! Jannis Leidel @jezdez ! github.com/mozilla/kuma QUESTIONS?

×