search and find
DESCRIPTION
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.TRANSCRIPT
![Page 1: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/1.jpg)
![Page 2: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/2.jpg)
How we made MDN discoverable !
!
!
Jannis Leidel
SEARCH AND FIND
![Page 3: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/3.jpg)
JANNIS LEIDEL
Open Source software developer
Django core developer
Python enthusiast
PSF & DSF member, director of German Django association
Mozillian working on MDN
![Page 4: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/4.jpg)
WHAT IS MDN?Mozilla Developer Network
![Page 5: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/5.jpg)
WHAT IS MDN?
Web platform (HTML, CSS, JavaScript, etc)
Firefox desktop
Firefox for Android
Firefox OS (marketplace and apps)
![Page 6: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/6.jpg)
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
![Page 7: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/7.jpg)
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)
![Page 8: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/8.jpg)
MDN HISTORY
DevEdge (AOL)2000–2005
![Page 9: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/9.jpg)
MDN HISTORY
MDC (MediaWiki)2005–2008
![Page 10: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/10.jpg)
MDN HISTORY
MDC (MindTouch Deki)2008–2011
![Page 11: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/11.jpg)
MDN HISTORY
MDN (MindTouch Deki)2011–2012
![Page 12: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/12.jpg)
MDN HISTORY
MDN (Kuma) 2012–2013
![Page 13: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/13.jpg)
MDN HISTORY
MDN (Kuma) 2013–present
![Page 14: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/14.jpg)
REDESIGN 2013
Responsive design
Content zones
Search front and center
![Page 15: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/15.jpg)
SEARCH
From custom Google searchto own implementation
Full text search, multi-lingual
Faceting, filters, pagination
![Page 16: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/16.jpg)
SEARCH FILTERS
Extensible via admin UI
Based on document tags
Topics, skill level anddocument type currently
![Page 17: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/17.jpg)
SEARCH API
Every search page is alsoavailable as JSON
Includes are metadata to programmatically use thesearch
![Page 18: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/18.jpg)
SEARCH API
Search result navigatoron document pages
Coming from search page
![Page 19: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/19.jpg)
SEARCH API
Documentation status
Processed throughKumascript
![Page 20: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/20.jpg)
SEARCH UI
Command and query
Quick access to filterswith shortcuts
Extensible UI for suggestions
![Page 21: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/21.jpg)
SEARCH CLI
Developer toolbar integration
Command line
Source code inspector
![Page 22: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/22.jpg)
SEARCH FUTURE
Code editor integration via plugins
User profile search with @user syntax
docs.json integration
![Page 23: Search and Find](https://reader033.vdocument.in/reader033/viewer/2022061114/5461f3f6af79597c138b47ec/html5/thumbnails/23.jpg)
!
Jannis Leidel @jezdez
!
github.com/mozilla/kuma
QUESTIONS?