Mobile App development that brings world-class teaching into one app-based classroom

Client Details:

  • Name: Non-Profit Institutions with unique training needs for their leaders
  • Location: United States – Global Operations
  • Domain: Education and Training (Religious)

Project Type

Video Streaming Training Mobile App

Team Composition

SkillCount
Technical Architect1
Mobile Developer2
Backend Developers2
UX-UI Designed1
Project Manager1

Project Duration

Concept & Development: 6 months

Program/Campaign (maintenance):  Ongoing updates, enhancements, and support.

Project Background

Bitkraft was commissioned to build a mobile app that brings world-class teaching into one app-based classroom.

A solution that gives grassroots leaders transformative access to teaching, mentorship, and community.

The mobile app and platform build needed to be scalable and customizable for multiple instances for multiple tenants and locales.

Project Goals

  • Video streaming training mobile app that runs well on low bandwidth networks
  • Ability to download the video content offline 
  • Quizzes to track progress
  • Structured curriculum definition via an easy-to-use Content Management System
  • Robust trainer and leadership hierarchy and approval workflows to manage member onboarding
  • Intrinsic support for multiple languages for content and user interface

User Experience Design

The user interfaces for the mobile app development needed to be simple as end users included people from various cultural and educational backgrounds.

Mobile App Wireframes

A wireframe design stage was incorporated into the project to get feedback from stakeholders and get a consensus on the app features and functionality. 

Wireframes helped the team elicit feedback on how the client’s leadership team saw the platform and app integrate into their daily training and administration process.

The wireframing stage benefited from participation by the client’s end users, we were able to freeze on the functional aspects and features list.

User Interface Design

One of the key elements of the design was to support the easy customization of colors and branding.  Therefore the elements and contrast between various elements were designed keeping in mind a contrast set that could be easily changed to a family of colors.

With careful planning and collaboration between the UI/UX and development team, we were able to achieve a perfect blend of design and customizable layout and CSS rules that could quickly allow us to skin the app for a new client instance easily.

User Interface Design for the Surge Training App

..this company offers a lot of value. They price their projects fairly and are easy to communicate with.

Ben Debayle, Operations Director
Surge Association of Churches, Inc.
Read the full review here

User Interface Design for the Rohi App

Bitkraft Technologies LLP met every deadline and suggested changes that improved the product without added cost.

Leslie Jewel – CEO
Bonhoeffer Publishing.
Read the full review here

Feature Highlights

Cloud Video Streaming

Using AWS cloud and Content Delivery Networks we were able to achieve amazingly fast and clear video streaming even with modest network connections. Our DevOps team carefully tuned the infrastructure to not only have great performance but also keep the content secure.

Offline Support

Offline support was critical for users who lived in remote locations. These users would have access to the internet intermittently and therefore having the content stored offline was an essential feature.

We not only allowed users to download the video but also ensured the content was secure and could not be copied or viewed outside the app.

Real-time Notifications

Real-time notifications are used to enable quick updates to the leadership team to approve workflow and membership requests. Using Push notifications this was easily achieved. Real-time notifications also allowed the broadcast of messages which would be delivered to the audience and keep them up to date.

Broadcast Messaging

The broadcast messaging feature was very well received which allows the leadership to make key announcements and updates. The full emoji and rich text support made the messaging experience rich and effective.

Phone – SMS Authentication

To make the signup and log-in process universally acceptable, phone number-based auth was used powered by SMS-gateway integration. This allowed users to easily get started using a familiar authentication system used in most popular apps.

Detailed Reporting and Charting

Leadership roles have an extensive reporting screen to track the progress of members in the courses as well as view how well they are doing on assessments. Charting and visualization of reports help leadership comprehend the information effectively and make inferences and decisions confidently.

Customization of Colours and Branding

To support various branches and offshoots of the institutions, each with its unique voice, flavor, and content, multiple instances of the app need to be supported. Branding customization was an essential feature to be able to change to a …… quickly and cost-effectively.

Technology

The Mobile App

To speed up development time and reduce the cost we developed the apps using the Ionic framework. This allowed us to keep a single code base for both iOS and Android deployment. 

Using HTML and CSS we were able to create a rich UI that was easy to customize using SCSS variables and mix-ins.

The Content Management System (CMS)

The content management platform was built with PHP using the Yii2 framework. The excellent modularisation, ORM, and intrinsic support for REST API development made it a great choice for us to build the CMS as well as support the App via JSON-based REST APIs.

Yii2 also allowed us to quickly set up CRUD screens and database schemas through their MVC architecture. The widget and Views allowed rapid development of CMS for the content admin team.

Learn More

For more details on the apps built using this App framework and Platform do app websites for details.

Next Step

Contact us if you have any mobile app development project in your mind.

Subscribe to our Newsletter

Enter your email address below to subscribe to our tasty newsletter.

Please enable JavaScript in your browser to complete this form.
Sign up for latest updates on tech, news and happenings at Bitkraft.
Share your love
Bitkraft Technologies
Bitkraft Technologies
Articles: 16