ATB

Client Requirements

The client wanted a tablet-based application that allows learners up to 13 years to consume their learning lessons with the help of small interactive games that can keep them interested in the lessons. Along with this, the class teachers and principals can monitor the progress of their lessons. They can add new lessons and unlock the next lessons once they get successful outcomes from the current game. Apart from that the learners can view the audio and video books of the lessons whenever they want it. The admin, teachers, content creators, and principals can manage the lessons, classes, schools, and more based on their accessibility. To fulfill this requirement our app developers came up with an idea to create simple learning and educational games that keep the learners attentive and go on with the learning materials on a daily basis.

App Features

Student Panel

Sign In

The learners can log into the portal with their unique learner code or QR code provided by the class teacher.

Dashboard

The learners can view the roadmap of their learning clusters as game levels based on their terms. Users can unlock the new level on a weekly basis. Learners can view the number of games based on their active module. The learners can view and play the game based on their education level. Learners with different education levels can get different games. Learners can navigate to the artboard, audiobooks, visual books, and my profile section on the dashboard.

Learning Material

The Learners can view the assignments containing various games such as puzzles, sequence, counting, dropping in the box, finding the objects, matching, tracing, associating the objects, audiobooks, visual books, and more. Users can view different game screens with different animations and representations based on the game they are playing. The learners will get a congratulatory or failure message popup accompanied by a designated animal image.

Artboard

The learners can view and access a blank white canvas with a variety of basic art tools, such as colors, pencils, art brushes, color buckets, erasers, a gallery, and more without an internet connection as well.

Visual Books

The learners can view and access the content of visual books based on their difficulty level. Learners can access the different visual books without an internet connection as well.

Audio Books

The learners can view and access the content of audiobooks based on their difficulty level. Learners can access different audiobooks without an internet connection as well.

Report Generation

The learners can get their reports based on their module learning outcomes and screening form outcomes.

User Profile

The learners can view the user detail such as the name of the learner, school name, class name, teacher name, active module material, screening forms, and more. Users can log out from the application as well.

Active Learning Material

The teachers can enter the unique passcode to view and access the learning material of the learners along with the details such as the number of assignments, activate or skip the assignment, and completion status of the assignment of the specific module. Learners cannot replay the completed games.

Screening Form

The teachers can enter the unique passcode to view and access the screening form of the learner. The teachers can view the different skills of the learner along with the completion status. The teachers can view the questionnaire with a list of questions along with the options to assess the skills of the learners. The teachers can select the outcomes based on their performance.

More Screens

Admin Panel

Account Login

The admin can provide an email address, and password to log into the profile.

Dashboard

The admin can view the dashboard along with the details such as the total count of learners, teachers, principals, administrators, content creators, schools, classes, learner categories, learning clusters, outcome categories, learning outcomes, learning materials, and more.

Manage Administrators

The admin can add, view, update, delete, and manage the administrators along with their details such as ID, name, contact number, email, active status, login ID, Password, and more. The admin can block and unblock the other listed admin profile. The admin can export the admin data in Excel format.

Manage Content Creators

The admin can add, view, update, delete, and manage the content creators along with their details such as ID, name, contact number, email, Physical Address, active status, login ID, Password, and more. The admin can block and unblock the listed content creators’ profiles. The admin can export the data of content creators in Excel format.

Manage Principals

The admin can add, view, update, delete, and manage the principal profiles along with their details such as ID, name, school, contact number, email, active status, login ID, Password, and more. The admin can block and unblock the principal profiles. The admin can import and export the data of principals along with other accompanying details.

Manage Teachers

The admin can add, view, update, delete, and manage the teacher profiles along with their details such as ID, name, school, class, contact number, email, active status, login ID, Password, and more. The admin can block and unblock the principal profiles. The admin can import and export the data of school teachers along with other accompanying details.

Manage Learners

The admin can add, view, update, delete, and manage the learners’ profiles along with their details such as ID, learner codes, name, school, class, learners category, status, and more. The admin can block and unblock the profiles of learners. The admin can import and export the data of learners along with other accompanying details.

Manage Schools

The admin can search, add, view, update, delete, and manage the school profiles along with their details such as ID, name, landline number, contact person name, contact person number, contact person email address, number of classes, number of principals, school address, activate status, and more. The admin can assign principals, classes, and more. The admin can block and unblock the school profiles.

Manage Classes

The admin can search, add, view, update, delete, and manage the class profiles along with their details such as ID, name, school, learner category, active term, year, number of teachers, number of learners, activate status, and more. The admin can assign principals, classes, and more. The admin can assign and unassign the teachers to the classes. The admin can block and unblock the class profiles.

Manage Learner Category

The admin can search, add, view, update, delete, and manage the learner category along with the category details such as ID, category name, description, number of terms, weeks of the terms, allocated clusters, activation status, and more. The admin can block and unblock the learner category profile along with their details.

Manage Term Category

The admin can search, add, view, update, and manage the term category along with the category details such as ID, term name, learner category, Planned Learning Clusters, Allocated Learning Clusters, No of Learning Outcomes, No of Screening Form, No of Learning Material, activation status, and more. The admin can sort the term details based on the learner category.

Manage Outcome Category

The admin can search, add, view, update, delete, and manage the outcome category along with the outcome category details such as ID, name, description, number of outcomes, activation status, and more. The admin can assign and unassign the learning outcomes along with the details such as ID, learning outcome, outcome category, activation status, and more.

Manage Learning Outcomes

The admin can search, add, view, update, delete, and manage the learning outcomes along with the details such as ID, name, outcome category, activation status, and more. The admin can block and unblock the learning outcome profile. The admin can sort the learning outcomes along with the details based on the outcome category.

Manage Learning Clusters

The admin can search, add, view, update, delete, and manage the learning clusters along with the details such as ID, name, learner category, term category, weeks, number of learning materials, activation status, and more. The admin can assign and unassing the learning materials based on details such as the type of learning materials, change order, and more. The admin can block and unblock the learning clusters.

Manage Learning Material

The admin can search, add, view, update, delete, and manage the learning material along with the details such as ID, learning material code, learning material name, type, number of learning outcomes, number of learning clusters, activation status, and more. The admin can assign and unassign learning outcomes along with the basic details such as ID, learning outcomes, outcome category, and more.

Manage Screening From

The admin can search, add, view, update, delete, and manage the screening form along with the details such as ID, name, learner category, term category, number of questions, activation status, and more. The admin can add, edit, delete, and update the questions along with the details such as ID, questions, activation status, and more. The admin can block and unblock the screening from, questions and more.

Manage Character Settings

The admin can search, add, view, update, delete, and manage the character settings along with the details such as ID, character name, game, successful Text, successful audio, unsuccessful text, unsuccessful audio, and more. The admin can browse the successful and unsuccessful audio from their device. The admin can mute, download and manage the playback speed of the audio and more.

Manage Media Library

The admin can search, add, view, update, delete, and manage the media files such as images, audio, video, and more along with the details such as media main folder, media subfolder, media name, upload media files, and more. The admin can browse and select the media browsing through the files based on date range, media type, and more.

Manage Art Gallery

The admin can search, add, view, update, delete, and manage the art gallery by browsing through the media folders.

Manage Teacher Passcodes

The admin can add, update and edit the teacher passcodes.

Learner Report

The admin can generate and export the learner reports based on their school, class, learner, year, term category, and more.

School Report

The admin can generate and export the school reports based on school, class, year, term category, and more.

Class Report

The admin can generate and export the class reports based on school, class, year, term category, and more.

Learner Process Data

The admin can search, view and export the learner process data along with the details such as ID, learner name, school, class, year, learner category, learner category progress, and more. The admin can sort and filter the data based on detail such as year, school, class, learner category, and more.

Admin Profile

The admin can add, update and manage the profile details such as admin name, admin email address, admin contact number, and more. The admin can change the login password as well.

Web Panel

Teacher Panel

Login

The teacher can log into the panel by entering the assigned login ID and password. They can select the class year to view the dashboard.

Dashboard

The teacher can view the dashboard with the details such as the school, class, learner category, current term, learning cluster, and more. The teacher can get and view the list of alerts along with the details such as ID, learner code, name, learning material name, alerts, and more. The teacher can remove the alerts. The teacher can change their class as well.

Manage Learners

The teachers can view the list of learners along with the details such as ID, learner code, name, learner progress, screening form, activation status, and more.

Teacher Profile

The teachers can add, update and manage the profile details such as admin name, admin email address, admin contact number, and more. The admin can change the login password as well.

Principal Panel

Login

The teacher can log into the panel by entering the assigned login ID and password. They can select the class year to view the dashboard.

Dashboard

The principal can view the number of learners, the number of teachers, the number of classes, and more.

Manage Teachers

The principal can add, view, update, delete, and manage the teacher profiles along with their details such as ID, name, school, class, contact number, email, active status, login ID, Password, and more. The admin can block and unblock the principal profiles. The admin can import and export the data of school teachers along with other accompanying details.

Manage Learners

The principal can add, view, update, delete, and manage the learners’ profiles along with their details such as ID, learner codes, name, school, class, learners category, status, and more. The principal can block and unblock the profiles of learners. The principal can import and export the data of learners along with other accompanying details. The principal can sort and filter the learner details based on status, class, learner category, and more.

Manage Classes

The principal can search, add, view, update, delete, and manage the class profiles along with their details such as ID, name, school, learner category, active term, year, number of teachers, number of learners, activate status, and more. The principal can assign principals, classes, and more. The principal can assign and unassign the teachers to the classes. The principal can block and unblock the class profiles.

Learner Report

The principal can generate and export the learner reports based on their class, learner, year, term category, and more.

School Report

The principal can generate and export the school reports based on year, term category, and more.

Class Report

The admin can generate and export the class reports based on school, class, year, term category, and more.

Learner Process Data

The admin can search, view and export the learner process data along with the details such as ID, learner name, school, class, year, learner category, learner category progress, and more. The admin can sort and filter the data based on detail such as year, class, learner category, and more.

Principal Profile

The principal can add, update and manage the profile details such as admin name, admin email address, admin contact number, and more. The principal can change the login password as well.

Content Creator Profile

Login

The content creator can log into the panel by entering the assigned login ID and password.

Dashboard

The admin can view the dashboard along with the details such as the total count of learners, teachers, principals, administrators, content creators, schools, classes, learner categories, learning clusters, outcome categories, learning outcomes, learning materials, and more.

Manage Administrators

The admin can add, view, update, delete, and manage the administrators along with their details such as ID, name, contact number, email, active status, login ID, Password, and more. The admin can block and unblock the other listed admin profile. The admin can export the admin data in Excel format.

Manage Content Creators

The admin can add, view, update, delete, and manage the content creators along with their details such as ID, name, contact number, email, Physical Address, active status, login ID, Password, and more. The admin can block and unblock the listed content creators’ profiles. The admin can export the data of content creators in Excel format.

Manage Principals

The admin can add, view, update, delete, and manage the principal profiles along with their details such as ID, name, school, contact number, email, active status, login ID, Password, and more. The admin can block and unblock the principal profiles. The admin can import and export the data of principals along with other accompanying details.

Manage Teachers

The admin can add, view, update, delete, and manage the teacher profiles along with their details such as ID, name, school, class, contact number, email, active status, login ID, Password, and more. The admin can block and unblock the principal profiles. The admin can import and export the data of school teachers along with other accompanying details.

Manage Learners

The admin can add, view, update, delete, and manage the learners’ profiles along with their details such as ID, learner codes, name, school, class, learners category, status, and more. The admin can block and unblock the profiles of learners. The admin can import and export the data of learners along with other accompanying details.

Manage Schools

The admin can search, add, view, update, delete, and manage the school profiles along with their details such as ID, name, landline number, contact person name, contact person number, contact person email address, number of classes, number of principals, school address, activate status, and more. The admin can assign principals, classes, and more. The admin can block and unblock the school profiles.

Manage Classes

The admin can search, add, view, update, delete, and manage the class profiles along with their details such as ID, name, school, learner category, active term, year, number of teachers, number of learners, activate status, and more. The admin can assign principals, classes, and more. The admin can assign and unassign the teachers to the classes. The admin can block and unblock the class profiles.

Manage Learner Category

The admin can search, add, view, update, delete, and manage the learner category along with the category details such as ID, category name, description, number of terms, weeks of the terms, allocated clusters, activation status, and more. The admin can block and unblock the learner category profile along with their details.

Manage Term Category

The admin can search, add, view, update, and manage the term category along with the category details such as ID, term name, learner category, Planned Learning Clusters, Allocated Learning Clusters, No of Learning Outcomes, No of Screening Form, No of Learning Material, activation status, and more. The admin can sort the term details based on the learner category.

Manage Outcome Category

The admin can search, add, view, update, delete, and manage the outcome category along with the outcome category details such as ID, name, description, number of outcomes, activation status, and more. The admin can assign and unassign the learning outcomes along with the details such as ID, learning outcome, outcome category, activation status, and more.

Manage Learning Outcomes

The admin can search, add, view, update, delete, and manage the learning outcomes along with the details such as ID, name, outcome category, activation status, and more. The admin can block and unblock the learning outcome profile. The admin can sort the learning outcomes along with the details based on the outcome category.

Manage Learning Clusters

The admin can search, add, view, update, delete, and manage the learning clusters along with the details such as ID, name, learner category, term category, weeks, number of learning materials, activation status, and more. The admin can assign and unassing the learning materials based on details such as the type of learning materials, change order, and more. The admin can block and unblock the learning clusters.

Manage Learning Material

The admin can search, add, view, update, delete, and manage the learning material along with the details such as ID, learning material code, learning material name, type, number of learning outcomes, number of learning clusters, activation status, and more. The admin can assign and unassign learning outcomes along with the basic details such as ID, learning outcomes, outcome category, and more.

Manage Screening From

The admin can search, add, view, update, delete, and manage the screening form along with the details such as ID, name, learner category, term category, number of questions, activation status, and more. The admin can add, edit, delete, and update the questions along with the details such as ID, questions, activation status, and more. The admin can block and unblock the screening from, questions and more.

Manage Character Settings

The admin can search, add, view, update, delete, and manage the character settings along with the details such as ID, character name, game, successful Text, successful audio, unsuccessful text, unsuccessful audio, and more. The admin can browse the successful and unsuccessful audio from their device. The admin can mute, download and manage the playback speed of the audio and more.

Manage Media Library

The admin can search, add, view, update, delete, and manage the media files such as images, audio, video, and more along with the details such as media main folder, media subfolder, media name, upload media files, and more. The admin can browse and select the media browsing through the files based on date range, media type, and more.

Manage Art Gallery

The admin can search, add, view, update, delete, and manage the art gallery by browsing through the media folders.

Manage Teacher Passcodes

The admin can add, update and edit the teacher passcodes.

Learner Report

The admin can generate and export the learner reports based on their school, class, learner, year, term category, and more.

School Report

The admin can generate and export the school reports based on school, class, year, term category, and more.

Class Report

The admin can generate and export the class reports based on school, class, year, term category, and more.

Learner Process Data

The admin can search, view and export the learner process data along with the details such as ID, learner name, school, class, year, learner category, learner category progress, and more. The admin can sort and filter the data based on detail such as year, school, class, learner category, and more.

Admin Profile

The admin can add, update and manage the profile details such as admin name, admin email address, admin contact number, and more. The admin can change the login password as well.

Sub-Admin Panel

Login

The content creator can log into the panel by entering the assigned login ID and password.

Admin Profile

The admin can view the dashboard along with the details such as the total count of learners, teachers, principals, schools, classes, and more.

Manage Principals

The admin can add, view, update, delete, and manage the principal profiles along with their details such as ID, name, school, contact number, email, active status, login ID, Password, and more. The admin can block and unblock the principal profiles. The admin can import and export the data of principals along with other accompanying details. The admin can sort and filter the principal details based on status, school, and more.

Manage Teachers

The admin can add, view, update, delete, and manage the teacher profiles along with their details such as ID, name, school, class, contact number, email, active status, login ID, Password, and more. The admin can block and unblock the principal profiles. The admin can import and export the data of school teachers along with other accompanying details. The admin can sort and filter the teacher details based on status, school, class, and more.

Manage Learners

The admin can add, view, update, delete, and manage the learners’ profiles along with their details such as ID, learner codes, name, school, class, learners category, status, and more. The admin can block and unblock the profiles of learners. The admin can import and export the data of learners along with other accompanying details. The admin can sort and filter the learners based on status, school, class, learner category, and more.

Manage Schools

The admin can search, add, view, update, delete, and manage the school profiles along with their details such as ID, name, landline number, contact person name, contact person number, contact person email address, number of classes, number of principals, school address, activate status, and more. The admin can assign principals, classes, and more. The admin can block and unblock the school profiles. The admin can export the school data in Excel format.

Manage Classes

The admin can search, add, view, update, delete, and manage the class profiles along with their details such as ID, name, school, learner category, active term, number of teachers, number of learners, activate status, and more. The admin can assign and unassign the learner, teachers, and more. The admin can block and unblock the class profiles. The admin can sort and filter the class data based on school, learner category, and more.

Admin Profile

The admin can add, update and manage the profile details such as admin name, admin email address, admin contact number, and more. The admin can change the login password as well.

Colors & Typography

Aa

Montserrat

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

For Customers

Project Approach & Results

The Android tablet application for primary education learners demands so much work as it has to work perfectly fine for learners, teachers, schools, admin, and every other person who is going to use the platform one way or the other. The client wanted a simple and easy-to-use user interface that should not be troublesome even for the learners who use this application to complete their assignments and learning sessions and allow teachers to take care of their learners’ progress effortlessly.

So, we aimed to develop an application that can fulfill all the mentioned concerns of the client using different frameworks and approaches. To begin with, we analyzed the concept hypothetically and formed a file with the exclusive details covering all these points, diagrams, scenarios, problems, flow charts, and SRS for the entire workflow and planned the App development process. After finalizing the document, for the next phase, we moved on with App architectures for ATB based on the client’s requirements. After that, Our app designers started working on the prepared mobile app wireframes and Application design. After getting approval on the final app design, our app developers started working on the development phase for the user-side panel. Next, they started working on the admin panel and lastly, they focused on the delivery partner panel. We created the prototype for the ATB app with all the native data, After the client’s review and confirmation of the prototype. The Mobile app developers started their development process by choosing the best-fit technology for Android tablets, the web portal, and the admin panel. We integrated APIs in the ATB app and completed the whole app data flow.

We chose Kotlin for Android tablet app development and used JSON-based rest API development with Node and Laravel Framework. SwissCode developers used CodeIgniter to create an admin panel for basic tasks such as managing learners, lessons, learning modules, etc. We used Web3 for calling smart contracts with the help of Solidity. Our web developers used CodeIgniter/Laravel with PHP v7.2 for the web portal.

From requirement gathering to deployment, the ATB app development journey was full of challenges. However, our dedication and teamwork led us to deliver the solution successfully, as well as within the prescribed timeline & budget. After the development phase, our QA team tested the mobile application before finally delivering it to the client.

Challenges

1. User-friendly and easy-to-use UI

The primary concern of the white-label mobile application is to provide the simplest user interface with enhanced flexibility that can accommodate different branding requirements. So, our mobile app developer created many custom views and created a UI that looks modern and easy to use and browse through at the same time.

2. Image Processing Game

As the client wanted to add the tracing game that can help the learners to learn about the images in a more innovative way. As we have to make sure the lines learners draw follow the same pattern and stay inside the defined outline our developers made this image processing possible by developing and integrating a custom plugin to give it a more realistic approach.

3. Weekly Content Distribution

The learning module changes every week based on their learning categories. Our team of app developers faced a bit of a challenge as they had to consider the learners’ learning categories, past outcomes, learning materials, and more. But our team of developers eventually solved it and delivered the application integrating all the features and functionalities.

Technology Stacks

We have used the latest technologies that can justify client requirements
at the best to deliver bug-free solutions.