The document outlines steps for adding advanced search capabilities to Liferay applications. It discusses indexing application entities, displaying search results, searching comments and attachments, highlighting search terms, and additional features like real-time filtering as users type. The presentation was given by Julio Camarero and Sergio González at the 2013 Liferay Developer Conference.

1. LIFERAY DEVELOPER CONFERENCE
Advanced Search in your
applications
The recipe to find what you are looking for...
Julio Camarero @juliocamarero
Sergio González @sgonzalezortiz
#LRDevCon2013

2. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Adding
advanced Search
capabilities to
your app
30 min
millions of users
easy

3. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
* Entities (service builder)
* Assets
* Basic UI (view, edit...)
Prerequisites

4. https://github.com/juliocamarero/jukeboxdemo

5. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Indexing our
information
Step 1

6. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Indexing is about documents

7. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY

8. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
liferay-portlet.xml

9. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Apply to Services

10. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Displaying
results in the
search app
Step 2

11. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Display our content in
the Asset Facet

12. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY

13. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY Create our own facets!!

14. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY

15. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Adding a JSP (displayStyle.jsp) in a hook
termCollectors (artists)
<a data-value="<%= artistId %>" ....
fieldParam (selected element)

16. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Adding a search
UI to our
applications
Step 3

17. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY

18. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
aui:nav-bar
Simple taglib...

19. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Obtain results from Hits calling the Indexer

20. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Adding Advanced
Search UI
demo

21. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Searching in
comments and
attachments
Step 4

22. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY

23. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
just one line!

24. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Use SearchResultUtil to group the results
Use the taglib app-view-search-entry to display them grouped

25. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY

26. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
add the information to the attachment in the SongIndexer

27. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Same taglib :)

28. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Highlighting the
best parts
Step 5

29. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY

30. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY

31. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Make it really
cool :)
Step 6
(optional)

32. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Filter entities as users start typing...

33. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY

34. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Additional
features
Step 7

35. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY

36. LIFERAY DEVELOPER CONFERENCE 2013DEV
CON
LIFERAY
Thank you!
@juliocamarero
@sergiogonzalez
julio.camarero@liferay.com
sergio.gonzalez@liferay.com
if you liked it,
vote in the app :)