Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Searchbot

259 views

Published on

Presentation Masterthesis, October 2018, TU Graz

Published in: Education
  • Be the first to like this

Searchbot

  1. 1. TUG Searchchatbot Masterthesis Conception of a conversational interface to provide a guided search of study related data RENE BERGER
  2. 2. Zentrale Fragestellung • Wie groß ist das generelle Interesse eines Chatbots im universitären Umfeld?
 • Ist ein Chatbot in der Lage eine herkömmliche grafische Benutzeroberfläche zu ersetzen?

  3. 3. CHATBOT KAPITEL Was sind Chatbots?
  4. 4. CHATBOT • Softwareindustrie unterliegt einem ständigen Wandel
 • Nach dem initialen Erfolg des Webs wurden mobile Applikationen immer beliebter
 • Nutzer/innen eines Mobiltelefons verbringen den Großteil der Zeit in Messenger- Applikationen
 • Softwareindustrie erkannte Chance um Services über Messenger anzubieten
 • Evolution von Interfaces: Von Web über Mobile bis hin zu Conversational
  5. 5. CHATBOT Applikation Herkunft Monatlich aktive Nutzer WhatsApp US 1 Mrd Facebook Messenger US 900 Mio Viber Israel 784 Mio WeChat China 762 Mio Line Japan 560 Mio Instagram US 500 Mio Kik Canada 275 Mio Snapchat US 220 Mio Hike India 100 Mio Quelle: http://www.bbc.com/news/business-37153831 Statistik Messenger 2016
  6. 6. CHATBOT
  7. 7. UMSETZUNG KAPITEL Implementierung des Chatbots
  8. 8. UMSETZUNG - Architektur SPA Node.js TUG Search Proxy NLU message bot response messageJSON response query parameter XML Data
  9. 9. UMSETZUNG - Architektur SPA Node.js TUG Search Proxy NLU message bot response messageJSON response query parameter XML Data “Please give me the email address of Martin Ebner”
  10. 10. UMSETZUNG - Architektur SPA Node.js TUG Search Proxy NLU message bot response messageJSON response query parameter XML Data “Please give me the email address of Martin Ebner”
  11. 11. UMSETZUNG - Architektur SPA Node.js TUG Search Proxy NLU message bot response messageJSON response query parameter XML Data { action: act_get_contact_info context: contact_information parameters: { contact_type: p_email_PA person: “Martin Ebner” } }
  12. 12. UMSETZUNG - Architektur SPA Node.js TUG Search Proxy NLU message bot response messageJSON response query parameter XML Data http://search-proxy.tugraz.at/search/onebox/Search.php? query=martin%20ebner&ws=prs
  13. 13. UMSETZUNG - NLU Quelle: http://www.dialogflow.com
  14. 14. UMSETZUNG - NLU Please give me the phone number of Martin Ebner. Is the book Betriebssysteme available? Please give me the address of room i11. contact_information contact_type person Quelle: http://www.dialogflow.com
  15. 15. UMSETZUNG - NLU • Intents • Kontaktinformationen • Kursinformationen • Bibliothek • Organisation • Raum • Site search
  16. 16. UMSETZUNG - NLU • Intents • Kontaktinformationen • Kursinformationen • Bibliothek • Organisation • Raum • Site search
  17. 17. UMSETZUNG - NLU • Intents • Kontaktinformationen • Kursinformationen • Bibliothek • Organisation • Raum • Site search
  18. 18. UMSETZUNG - NLU
  19. 19. UMSETZUNG - NLU
  20. 20. UMSETZUNG - Backend • POST: /api/communication/send 
 {
 sessionId: string;
 message: string;
 } • Node.js SDK for Api.ai/dialogflow
 app.textRequest({
 sessionId: string;
 message: string;
 }) • Action der Response evaluieren und entsprechender GET-Request an den TUGSearchProxy 

  21. 21. UMSETZUNG - Backend • XML response von TUGSearchProxy wird geparsed (xml2js)
  22. 22. UMSETZUNG - Backend
  23. 23. UMSETZUNG - Backend • XML response von TUGSearchProxy wird geparsed (xml2js) • Verbesserung der Suchresultate durch weiteres filtern • Exakte Übereinstimmung des Suchworts • Bei zu viel gefunden Ergebnissen, Aufforderung zum Spezifizieren des Suchworts • Fallback TUGSearchProxy Resultat • Aufbereitung der Response zur Single Page Application • Spezialfall Site-search • GET Request an http://search.tugraz.at/search?q=…. • Request der Urls der Ergebnisse • Parsen des Contents aufgrund eines definierten Selectors (Beispiel: ‘.int-content- left-teaser’). • Einheitlicher Seitenaufbau durch TYPO3 Content-Pages
  24. 24. UMSETZUNG - Frontend
  25. 25. UMSETZUNG - Frontend • Voraussetzung: Standalone Lösung • Angular mit ngrx Store
  26. 26. UMSETZUNG - Frontend • Komponenten-Architektur
  27. 27. UMSETZUNG - Frontend • Komponenten-Architektur • Onboarding
  28. 28. UMSETZUNG - Frontend • Komponenten-Architektur • Onboarding • Filtermöglichkeit
  29. 29. UMSETZUNG - Frontend • Message-Flow
  30. 30. UMSETZUNG - Frontend • Message-Flow
  31. 31. UMSETZUNG - Frontend • Message-Flow
  32. 32. UMSETZUNG - Frontend • Message-Flow
  33. 33. UMSETZUNG - Frontend • Message-Flow
  34. 34. AUSWERTUNG KAPITEL Ergebnisse einer Nutzerumfrage
  35. 35. AUSWERTUNG Wie zufrieden warst du mit dem Searchchatbot?
  36. 36. AUSWERTUNG Welches Suchkonzept würdest du in der Zukunft präferieren?
  37. 37. AUSWERTUNG Sollte der Searchchatbot auch in Zukunft existieren?
  38. 38. Vielen Dank für Ihre Aufmerksamkeit

×