Enhance QuML player for new question types

[kiranharidas187]

Project Details

QuML(Question Markup Language) defines a standard format for the representation of questions, tests, and their results, supporting the exchange of this material between authoring and delivery systems, repositories, and other e-learning systems. With the help of QuML, we can create a bank of questions so that all the systems which follow the same specification can use it. Anyone can create a new type of question by defining the new meta values for the defined specification. For more ref https://quml.sunbird.org/

QuML player is the name of tool/library used to render the different types of questions (that follow QuML specification) for the end user for both the app and portal.

Features to be implemented

Enable the QuML player to render with following new types of questions

• Number - This type of question will only accept numbers as input
• Text - This type of question will accept all types of characters as input
• Slider - This type of question accept values between a specific range(number only)
• Date - This type of question accepts the date as the input
• Single select - This is radio type of questions
• Multiselect - This is a checkbox-type question
• Matrix type question - This type of question consists of a group above-mentioned question types. This group of questions can be repeated n number of times similar to a mathematical matrix

New additional features for all questions types

• Dependent question - For Single select and multi-select questions, user can add dependent question ie there can be parent and child relationship between the questions.
• Remarks - Render or hide the remarks section based on the question config
• Attacments - Allow used to attach the evidences as per the config

Learning Path

Complexity
Medium

Skills Required
Angular , HTML , CSS

Name of Mentors:
Ramkumar - @ramkumar-pacewisdom

Project size
8 weeks

Product Set Up
Instruction to install the application is available here

Acceptance Criteria
All types of questions should be rendered using this player

Milestones

• Understanding the Current Player: Gain a comprehensive understanding of the current player.
• Define the Design to Support current layout and new layout: Discover the most effective approach to segregate and implement new design changes, with backward compatibility to the existing players.
• Remark Functionality: Customize the rendering or hiding of the remarks section based on the question configuration.
• Attachment Capability: Allow users to conveniently attach supporting evidence according to the configuration.
• Text and Number Questions: Enable the inclusion of text-based and numerical questions.
• Slider Input Questions: Incorporate questions that utilize slider inputs for enhanced user interaction.
• Single Select and Multiselect Questions: Include options for users to select a single choice or multiple choices in the given questions.
• Dependent Questions: Facilitate the creation of parent-child relationships between questions, enabling users to add dependent questions for single select and multiselect question types.
• Date and Matrix Questions: Integrate date-related questions and matrix-type questions, which consist of a group of various question types that can be repeated multiple times, similar to a mathematical matrix.

[shreyaspande2003]

hello @kiranharidas187 mentor sir .. To introduce myself, I am proficient in Python and creating web apps for different purposes and am passionate about getting to know about new techstacks . and I see this as an interesting project.
can I get to know about on which background the app is created to know about about how the original questions were generated and then I would think about how can we implement the new meta values..
looking forward to connect with you and discuss the project further.

Thanks

[ramkumar-pacewisdom]

Hi @shreyaspande2003
I'm a mentor for this project and Thanks for you interest. This is an angular library to render different types of questions (that follow QuML specification) for the end user for both the app and portal.
And this library Built on Angular(Front-end) and no role in this repo for backend. The questions for player will be originally created in sunbird editor and app. Basically our own library itself will have set of static questions to render, so no need to lookout for external app support from other apps while development.

I hope above details would've clear your doubts, if you need more clarity on anything we discuss here or kindly post your questions in discord channel.

[KOWSHIQKATTAMURI]

Hello QuML Team,

I hope this message finds you well. My name is Kowshiq Kattamuri, and I am an upcoming fourth-year student at NIT Calicut. I have experience working with the MERN stack and have developed an e-commerce website in the past. I am excited about the opportunity to contribute to the QuML Player project and believe that my skills in Angular, HTML, and CSS will be valuable in implementing the desired features.

I am particularly interested in working on the new question types and additional features for the QuML Player. I have a few ideas on how to approach the tasks that are mentioned above.

I'm excited to contribute to this project and aid in expanding the capabilities of the QuML Player. My experience in web development and my love of making user-friendly interfaces will be a benefit to the team, in my opinion. I'm eager to expand on my ideas and discover how I can most effectively help the project succeed.

[kkartik07]

Hello everyone!
I am Kartik Kankurte, a undergraduate student from Indian Institute of Technology, Varanasi (BHU). I have experience building frontend for many web apps. I have previously used React for building many websites for my projects and used Vue.js in my previous internship. I have also contributed to some open sourced organizations and found this project to be very interesting. I think I can easily work with Angular also. So I would like to contribute to this project.
Thank you.

[kkartik07]

I have some problems setting up project locally.
There is a step to add the baseUrl in environment.ts and proxy.conf.json files. can you please help me with the baseUrl and also there seems to be a issue in the build and serve step and it gives an error like this:
Error: projects/quml-demo-app/src/app/question-cursor-implementation.service.ts:3:32 - error TS2307: Cannot find module @project-sunbird/sunbird-quml-player' or its corresponding type declarations.
import { QuestionCursor } from '@project-sunbird/sunbird-quml-player';
Please help me solve this.

[ramkumar-pacewisdom]

@kkartik07 please reach out us in discord channel, so everyone can understand if they are facing similar issues and we can discuss.

[bha123nu]

Hello everyone
I am Bhavya Goyal from Govt. Women Engineering College Ajmer currently in 2nd year , it is my first time doing any project like this but I would like to contribute my knowledge in this project

[ramkumar-pacewisdom]

@bha123nu @kkartik07 @KOWSHIQKATTAMURI @shreyaspande2003 we're conducting our first Q&A and issue clarification session today, if you're interested please join through the meet link i added below. Looking forward to meet you all in the session. Thank you.
click this link: Samagra discussion
Wednesday, May 24 · 10:00 – 10:30am
Time zone: Asia/Kolkata
Google Meet joining info
Video call link: Meel link

[sivaraju5609]

hello everyone !

this siva raju i am very much intrested to contribute this project i have a knowledge on above langauges i had built some web applications by using above langauges i am very enthusiastic to be a contribute this project

[hetvi-45]

Hello everyone
I would like to contribute in this project. I have good knowledge of required tech stack and have few ideas on how to approach the tasks that are mentioned above.

[ramkumar-pacewisdom]

@sivaraju5609 @hetvi-45 Thanks for your interest, please join in discord channel for continuous updates and please do setup application in local, also make sure to prepare and submit your proposal in unstop platform.

[Ayushi5178]

hello mentor
As a CSE student I have a prior knowledge of development and i did many internships in this field and i am willing to contribute in this project
Thank you

[ramkumar-pacewisdom]

@Ayushi5178 thanks for your interest, please join in discord channel for continuous updates and please do setup application in local, also make sure to prepare and submit your proposal in unstop platform.

[Ishitag26]

Greetings of the day @ramkumar-pacewisdom Sir,

My name is Ishita Gupta, currently pursuing my Bachelors of Technology from Rajasthan Technical University. I was going through this issue recently and my proficiencies and skillsets in are perfect suite for me to contribute.

I have previously worked on creating reliable and flexible apps via ReactJS . In some of my projects, I have worked on APIs and components, so I am aware about how the data flow works between various parts. These activities have given me invaluable expertise in creating applications that speak to needs in the real world. I think I can easily go on working with Angular as well.

I'm committed to making a significant effort, following accepted coding guidelines, and applying best practices. I firmly believe in open communication and teamwork, and I am looking forward to actively participating in discussions, offering my ideas, and taking into consideration community feedback.

Thankyou!

[ramkumar-pacewisdom]

Hi @Ishitag26, Thanks for your interest in our project. please join in discord channel for continuous updates and please do setup application in local, also make sure to prepare and submit your proposal in unstop platform.