Updates - Intellichoice | The University of Texas at Dallas

Spring 2021

Update #3

We had a discussion with Dr. Lee and came up with the idea that the Quiz Generator would have two versions (short answer and multiple choice).

Short Answer Version is almost done. The Short Answer Version of the previous team can’t show a result. We fixed it and align a context to make sure information shows in an appropriate location. We add a “Next Button” on the version, so students can click on the button to move to the next question. The back-end is also updated with new features. The version can easily create new categories. Questions are randomly chosen, don’t choose the same question twice.

Multiple Choice Version is created this semester. We already finished the Front-end for this version. The version has 4 options to choose from. It has an explanation field to help students solve problems if they choose the wrong answer. The version has a Next Button to move to the next question. It keeps track of a score and shows up when students finish quizzes. We are working on the Back-end to implement MongoDB to Multiple Choice Version.

Spring 2021

Update #2

The current Quiz Generator just does 4 functions (addition, subtraction, division, multiplication). However, Dr. Lee wants to expand more topics on the Quiz Generator in future. The current generator using UI to separate topics, so it is hard for Dr. Lee to expand more topics in the future because he has to edit the code to expand topics. To help Dr. Lee easier to expand topics, we come up with a new idea. We will rebuild a structure to avoid using UI to control topics, and the Quiz should be multiple choice. We will discuss with Dr. Lee next week about this idea to get his approvement.

Spring 2021

Update #1

In this semester, we focus on finishing user interface of the quiz generator, fix the previous team’s API, integrate quiz questions into a database, integrate Front-end and Back-end. We need to make the question categories the same as the ones that Dr. Lee shows us. We finished the Semester project plan, divided the team members into Front-end and Back-end, applied agile project management to manage the project. We are studying MERN stack (MongoDB, Express.js, React.js, Node.js) to implement Quiz Generator and will have demonstrates with Dr. Gil Lee every two weeks.

Fall 2020

Update #3

We took Dr. Lee’s feedback on how the quizzes should be structured and began designing a frontend wireframe for it on Figma. Our design included lots of colors and big icons. We showed our design to the lead technological developer at IntelliChoice, Arthur, to receive feedback.

We received feedback from Arthur and learned that the button were too big. However, Arthur liked the idea of making everything colorful as it appeals to the younger audience. We began working on the react app with the feedback in mind.

Our teams split up into those who were working on frontend and those who were working with backend. The frontend developers worked on creating a nice user interface in react while the backend worked on sorting out topics and subtopics so that tutors can add them and qui questions.

There would be a navigation bar at the top to navigate across different sections of the page. There will be a homepage, a practice page for the quizzes, a profile page to display student information, and a quit page to send the user back to the IntelliChoice main page.

The math topics will be partitioned up and have different colors associated with them. With allows for ease of navigation, excellent organization, and appealing colors. By click on the boxes, it would send the user to a subtopics page for even more partitioning, but that’s for future semesters to work on.

Instead, clicking a topics page will send the user to a sample quiz that they take depending on the subject they choose.

We have ended off the semester by completing a working random quiz generator. The future semesters will work on adding a next question button and show answer button for the quizzes, make it possible for tutors to edit subjects and quiz questions, and deliver the project to the client.

Fall 2020, Uncategorized

Update #2

We initially had troubles with running Docker on our computers. Only certain OS can run docker. Additionally, because Dr. Lee and Arthur disapproved of the previous team’s front-end design, we have decided to start from scratch.

We have finished a prototype for how the front-end would look like. We are currently using React to create the front-end for the Quiz and Admin dashboard. Additionally, we are researching back-end related applications, like Monjo.db to create a database for the questions.

We met with Dr. Lee to present our front-end wireframe design. We received feedback and had a change in our requirements. Initially, we thought the Admin dashboard allowed the tutors to administer quizzes to the students. Then, the students would complete their quizzes in the Student dashboard. After talking to Dr. Lee, he wanted the quiz dashboard to be a page where students can freely practice math problems with no quizzes being administered.

We have taken Dr. Lee’s feedback and are working to change the front-end design and the layout of the back-end to support this new style of quizzing. Although changes in the requirement delay our progress, it makes the design and development phase much easier in terms of the back-end.

Fall 2020

Update #1

We met with our Project Partner, Dr. Lee, and the head developer of IntelliChoice, Arthur, to outline what we should accomplish in this semester. We have decided to familiarize ourselves with the MERN stack and Docker in order to complete this project. We have been tasked to create an application that will generate quiz questions for the students at IntelliChoice to practice. Additionally, we will improve and polish the frontend user interface for the Quiz and Admin dashboard.

One of our struggles and troubles we have encountered is installing Docker and getting it running. Without Docker, we are not able to access the previous team’s progress. We are currently looking into ways to get Docker running on our systems and reaching out to people, like Arthur, for help.

Spring 2020

Update #6

We created our Mid-Semester Presentation and pitched it successfully to the judges. Our efforts had paid off well as we had rehearsed the presentation together many times beforehand, and could answer to all the questions well.

In terms of the application’s progress, we have created new User Interfaces for the following pages:

Dashboard (Home Screen), showing charts and statistics on the student’s progress
Login Screen, asking for input details needed for the authentication process
Quiz Start page, allowing user to ensure they are taking the right quiz

Due to two weeks of Spring Break and the unfortunate circumstances, the coding phase has not made major progress yet. However, we aim to compensate for the lost time in the coming weeks by dedicating extra effort and time into it.

Spring 2020

Update #5

We completed our project plan this week. It was a challenge to assess the Acceptance Criteria, considering the struggle to run the existing program done by the previous teams. After collective discussion within ourselves and seeking advice from technical mentor, Chase, and instructor, Dr. Bennett, we finally determined the goals for this semester on the project. We decided to complete by April the following components:

Dashboard Page with functional buttons
Quiz Page with ability to take multiple quizzes
Login Page with option to login or sign up and set up authentication for login

Fall 2019

Update #4

The semester is at an end. Our projects are going on well. Every page we designed have improved a lot. The following is the current format we have achieved.

The following picture is for Dashboard, it contains 3 parts, header, achievement and Quiz List.

The following picture is for the quiz box,

The following is the design of the profile page

Our project partner gave us a lot of help. Hope next semester’s team can work better to improve the design

Fall 2019

Update #3

These days we are working on the design of the mockup and coding of the new website. We need to design Dashboard, profile and quiz question page. The process was not that smooth as we thought. Because our CSS and JavaScript were not that good, we were still struggling with the coding of some of the layout. We might look for more tutorial to learn more about the programming. Arthur usually come here and gave advice for the layout we have created. He gave much practical advice. We modified the mockup several times in order to meet the user requirement. Everthing seemed going on well.

For the next period, since our design job is nearly at an end, we may focus more on the coding of the interface. We will keep interact with our technical partner about the style of the interface in order to make a better one.