Search functionality in the Wunderlibrary webapp

Wunderlibrary is a webapp designed and implemented by a group of researchers of Politecnico di Milano. The app mainly targets a specific group of users: PhD students, researchers and teachers. The objective is to provide users with a way to store and share digital academic material such as theses, papers, researches etc. By the end of 2022 the webapp was already up and running, having already received positive feedback by stakeholders belonging to the Design department of Politecnico di Milano. It was implemented using Nuxt.js as frontend environment and Node.js as backend environment; concerning functionalities, it allowed users to upload their content and download someone else’s material, as well as to arrange items in Playlists. The only feature that was missing was a powerful search functionality to let users search efficiently in the portal and find the items they needed. This thesis describes the realization of such functionality, from design to implementation, covering both frontend and backend aspects. The design phase has involved making a proposal to the stakeholders about the assessment of requirements, also providing appropriate wireframes. After that, the implementation phase has articulated in two main steps: first, the implementation of the search function to interact with the database, then the implementation of the UI search page. The existence of already well implemented backend structure, which involved also the use of a graph database, paved the way for a successful result, meaning a search functionality which allows the user to search by multiple tags and also to filter the results by several parameters. The final outcome was appreciated by the stakeholders.

Wunderlibrary è una webapp, progettata e implementata da un gruppo di ricercatori del Politecnico di Milano. L'app si rivolge principalmente a un gruppo specifico di utenti: dottorandi, ricercatori e docenti. L'obiettivo è fornire agli utenti un modo per archiviare e condividere materiale accademico digitale come tesi, documenti, ricerche ecc. Alla fine del 2022 la webapp era attiva e funzionante, avendo già ricevuto riscontri positivi dagli stakeholder appartenenti al dipartimento di Design del Politecnico di Milano. La webapp era stata implementata utilizzando Nuxt.js come ambiente di frontend e Node.js come ambiente di backend; per quanto riguarda le funzionalità, permetteva agli utenti di caricare i propri contenuti e scaricare il materiale altrui, nonché di organizzare gli elementi in Playlist. L'unico aspetto che mancava era una funzionalità di ricerca per consentire agli utenti di cercare in modo efficiente nel portale e trovare gli elementi di cui necessitavano. Questa tesi descrive la realizzazione di tale funzionalità, dalla progettazione all'implementazione, coprendo sia gli aspetti di frontend che di backend. La fase di progettazione ha comportato la formulazione di una proposta agli stakeholder in merito alla valutazione dei requisiti, fornendo anche opportuni modelli grafici di progetto. Successivamente, la fase di implementazione si è articolata in due fasi principali: prima, l'implementazione della funzione di ricerca per interagire con il database, quindi l'implementazione della pagina di ricerca dell'interfaccia utente. L'esistenza di una struttura di backend già ben articolata, che prevedeva anche l'utilizzo di un database a grafo, ha aperto la strada a un risultato positivo, ovvero una funzionalità di ricerca che consente all'utente di cercare per più tag e anche di filtrare i risultati in base a diversi parametri. Il risultato finale è stato apprezzato dagli stakeholder.