Create a search engine in storyline

Dec 06, 2015

My project is a book design , i want to make a search engine for this book . can you help me?

23 Replies
Mike B.

Sherif,

I just created a mini text search for one of my projects, inserted as a web object. If you know any javascript, you should be able to use the example here and modify it for your use: http://www.vijayjoshi.org/2011/01/03/searching-text-in-a-html-table-using-jquery/

You can pretty easily have the web object search results link back into your project by using javascript to modify Storyline variables.

Thanks,

Mike

 

Mike B.

My test project has 6500 words in it, and some of our projects will have approx. 4 times that. If you can export each line of the text as a row in an Excel spreadsheet, you can pretty easily convert the text to contain the proper table html. We are starting with an .srt file (closed caption) and bringing into Excel to accomplish this.

I'm not sure how you would integrate a Google search into a course.

Brian Allen

BUT, it's already there and it does work, although I wasn't aware that search is not supported in HTML5 output.  Have you tested with the most recently updated version of SL2?

If I'm creating a book, I don't think that a menu with a table of contents would be in the way, especially if I could use the already working search functionality.  Just seems like a lot of work to go thru for something that's already there.

Mike B.

Brian, the built in search is EXTREMELY limited, while a custom search can provide tons of functionality.

Using the link above, and with some help from a javascript guru, I was able to add a full text search of closed captions to my course. Clicking the caption line in the search results takes the user right to the place in the video where the search term is spoken. This works in Flash and HTML5, iOS, etc. If you have the link above as a start and have some javascript expertise, this can be done fairly easily.

Mike B.

I've attached a screen capture of how I used the code above (with the help of a javascript consultant) to create a mini search engine within my course, which is embedded in a web object.

It searches a re-formatted closed captioned .srt file for the desired text, and then links to that exact time in my Wistia embedded video. You can see the video time changing on the left-hand side. The video is outside of the capture area, so not visible here.

I've included a "back" button that returns the user to the point in video before they started using the search feature. I'm really pleased with this as it works well on the ipad too, where the built in SL search does not work at all.

You could accomplish the same and customize it to your needs with a little javascript programming.

This discussion is closed. You can start a new discussion or contact Articulate Support.