Run npm install to install the new required packages.
The Sentiment Analysis API project must be running. Check the ReadMe for instructions to run it (localhost:5000).
Files Modified:
./src/components/organisms/UserTestAnswer.vue – Added Audio Sentiment Tab to this page.
./src/controllers/BaseController.js – Added the function queryWithMultipleConditions() to fetch documents from a specified Firestore collection based on multiple query conditions.
Files Added:
Models:
./src/models/AudioSentiment.js – Model for the Audio Sentiment collection in Firebase.
Controllers:
./src/controllers/AudioSentimentController.js – Controller functions (CRUD) + Add/Delete Sentiment for Regions in the Audio Sentiment collection in Firestore.
Views:
./src/views/admin/SentimentAnalysisView.vue – Main view rendered when the Sentiment Analysis tab is selected.
Molecules:
./src/components/molecules/AudioWave.vue – Component for the audio wave that interacts with WaveSurfer.js library and shows the sentiment per region on the wave. It also adds functionalities like speed and volume controllers.
./src/components/molecules/ModeratedTestCard.vue – Component for displaying the email and avatar of the moderator and evaluator of the selected test.
Organisms:
./src/components/organisms/SentimentTranscriptsList.vue – List of transcriptions for each region with its sentiment.
./src/components/organisms/UserModeratedSentiment.vue – Parent component wrapping ModeratedTestCard, AudioWave, and SentimentTranscriptsList. It is the main component rendered by SentimentAnalysisView.
Next Steps:
Deploy the Sentiment Analysis API to Google Cloud Run.
Sentiment Analysis for Moderated Usability Tests (Audio)
This is Pull Request related to the GSoC24 project Data Extraction for Sentiment Analysis from Usability Tests Contributor: Basma Elhoseny moderated by KarinePistili - Marc - Vinícius Cavalcanti
Prerequisites:
npm install
to install the new required packages.Files Modified:
./src/components/organisms/UserTestAnswer.vue
– Added Audio Sentiment Tab to this page../src/controllers/BaseController.js
– Added the functionqueryWithMultipleConditions()
to fetch documents from a specified Firestore collection based on multiple query conditions.Files Added:
Models:
./src/models/AudioSentiment.js
– Model for the Audio Sentiment collection in Firebase.Controllers:
./src/controllers/AudioSentimentController.js
– Controller functions (CRUD) + Add/Delete Sentiment for Regions in the Audio Sentiment collection in Firestore.Views:
./src/views/admin/SentimentAnalysisView.vue
– Main view rendered when the Sentiment Analysis tab is selected.Molecules:
./src/components/molecules/AudioWave.vue
– Component for the audio wave that interacts with WaveSurfer.js library and shows the sentiment per region on the wave. It also adds functionalities like speed and volume controllers../src/components/molecules/ModeratedTestCard.vue
– Component for displaying the email and avatar of the moderator and evaluator of the selected test.Organisms:
./src/components/organisms/SentimentTranscriptsList.vue
– List of transcriptions for each region with its sentiment../src/components/organisms/UserModeratedSentiment.vue
– Parent component wrappingModeratedTestCard
,AudioWave
, andSentimentTranscriptsList
. It is the main component rendered bySentimentAnalysisView
.Next Steps: