ATB - Educational Gaming App
ATB is an all-in-one educational platform that facilitates learning with small interactive gaming sessions for primary education. Along with this, it helps the students to keep up with their learning lessons on an everyday basis. At the same time, the teachers can monitor the learning outcomes allowing the students to move ahead with their lessons once they get the successful outcomes from the previous ones. Teachers and content creators can add the learning lessons while principals can manage the learners, lessons, classes, teachers, and more of their school. Being an all-in-one educational platform, it also grants access to admins to manage the lessons, learners, schools, classes, teachers, and more to ensure the smooth management of the educational gaming platform.
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. Hyperlink Infosystem 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.
