Aeiser Case Study | Techno Exponent

Client’s Requirement

Building an online app that will enable students to be prepared for mock exams smoothly was the main motto of this app. At the initial phase, our developers were facing some major existing problems like improper functioning of the Superbook, problems at the time of submitting the assignments, an unorganized app view, and slow app speed.

Thankfully we got success in overcoming all of these problems successfully. We have created a functional Superbook that will help students in easy listing according to grades. For teachers, these books come with easy editing options, selecting the complexity level of the added topics, and so on.

What problems did this project solve?

Build multiple apps for teachers, and students, to create a better education ecosystem.

Where external teachers can create learning content, and take online and offline exams for students. Create mock exams and worksheets for students.

Students can learn from various grades and subjects from this site.

Teachers can take Online classes, and webinars, where multiple students can join at the same time.

It has a subscription model for students for specific subjects.

What were the difficulties in this project?

The project should run very smoothly and be very interactive for students and teachers. So there was a need to do a lot of optimization to make the user experience smoother. UI should be easily understandable by the little students. In the online video classes, We implement agora services with a lot of customization to give the teacher more control of the class. In the online class, every student can share their screen at the same time, also the teacher can watch every student’s video and screen stream together. In the webinar, multiple students can join the class, and no video and screen stream is possible for students.

In online classes, multiple teachers can be present in a class(One teacher will be visible to students), and they can exchange the host role at any time in the class.

What were the deliverables/results of this project?

3 apps have already been deployed to production, but still, different features are in the pipeline for development.

Describe the approach to testing and improving the QA of the project

No QA is associated with this project. But this app has a lot of in-house employees. So after a feature deployment, they and we do a test of all the features. After they report the issue if they find any.

Highlighted Features

For Teachers

After successfully logging in, the teacher will be able to add multiple super books based on the grades of students by filling in the details in the form provided. Only if the teacher selects the active option, the students will be able to view the Superbook. Teachers are also allowed to edit the Superbook, like adding another topic, selecting the level of complexity and the importance of the topic added, whenever they want to. The teacher will be able to create a question bank for the student from the question folder.

Teacher’s Panel

Teacher can add a book –

there are many types of books like – Superbook, subject book, master book, assessment book, etc. Each of these has some special functionality.

For example – a Superbook is a normal book where a teacher can add video content, text content (it’s a kind of slideshow presentation), quiz bank (for quiz purposes), tests, etc. All of these can be arranged through drag-drop.

Whereas within the assessment book, if any test is created, it will be treated as an assessment test for students in the assessment test, a user can perform any no of assessments. Students can check which topic they are better to compare with other topics, based on students can only perform an assessment test based on selected topics.

All types of books can be arranged in main-topic, sub-topic, lecture, and components (which are video-content, text-quiz-bank, test, etc.) formats.

Teachers can create a mock exam which is the test that students have to perform within a limited time, it is called an online mock exam. We also have an offline mock-exam where a student (if they want) can export questions and answers-sheet in PDF format and later can submit the test.

Teachers will be able to check issues created by the student side.

There is a one-to-one chat between a student and teacher for clearing doubts, etc.

Teachers can create a question folder, which is a collection of questions that can be assigned in any quiz or test or assessment etc. All question folders are created in the question builder section.

Question builder section teacher can create different types of questions, texts, solutions, explainers, etc. The teacher also can set the flow of the entire question folder manually or using the flow-diagram feature.

Technologies we have used

Angular 12, Angular 5

Used all of the core features of angular also some advanced concept

Reactive forms for complex form management with a lot of custom validators
Router with authentication guard , lazy loading for faster page load
Secondary routing for load two components at same time
Token interceptor for JWT token
Pipes for template data manipulation
Extend angular form field for creating custom form field, which can be reused where required
Dynamic component loading with create smaller modules

Angular Material 12

Used material components

Material table with pagination
Material form field, extend to meet client design requirements
Autocomplete
Date picker
Tabs also extend to meet client’s various type of tab requirements
Chip list for multiple select autocomplete
Multiple select dropdown
Material dialog, customized
Snackbar
Paginator
Tree
Slide toggle
Radio input
Cdk drag and drop

Agora 4

Used some features like

Interactive video calling feature (RTC)
Interactive live streaming
Real time messaging
White board
Web page call recording

Some other libraries used are

Rxjs
Aws-sdk
Dayjs
Ngx-scrollbar
Ngx-smooth-dnd
@swimlane/ngx-graph
angular-calendar
@ckeditor/ckeditor5-angular with custom implementations

Our After Development Support

Besides providing quality development solutions, we concentrate on providing the best after-development support. Like our other projects, here also we got success in providing the best after-development support to the client. We aim to serve our clients 24*7 and enable them to enjoy hassle-free after-development solutions. All our team members work with dedication and never let you feel disappointed.

Besides, we use all the modern communication mediums, including WhatsApp, Skype, and Telegram, to maintain a seamless connection with clients. Whether it is after development support or other needs, we are available.