In order to achieve our objectives for the mobile application, our team opted to develop it using Flutter, a versatile framework. Our primary focus was on delivering a user-friendly experience, emphasizing speed and smoothness. By ensuring a seamless and efficient user interface, we aimed to enhance user engagement and retention. To address our first objective, we utilized Cron to extract extensive course data from Shopify, enabling us to optimize course categorization, list filtering, and overall efficiency. This approach significantly improved the loading speed of the application compared to the native Shopify listing API.
Additionally, we employed Webhooks API to overcome the challenge of delayed course visibility when our client uploaded new courses. With Webhooks, the synchronization of newly uploaded courses to our tables occurred within seconds, eliminating any delays for users.Given our development in Flutter, we encountered a hurdle due to the lack of available SDK support for certain SDKs in the Flutter ecosystem. Notably, our client employed Crisp for customer service support, which only provided native SDKs for iOS and Android. To address this, we successfully developed a Flutter plugin for Crisp, ensuring seamless integration within our application.
Our team also focused on comprehensive course management. While the course contents were already available on the website through video and document URLs, we aimed to provide a feature-rich experience comparable to other e-learning apps. We customized the course tables by loading content from Shopify to our custom tables, enabling users to download complete courses. Asynchronous downloading of course content was implemented, with a model tracking time duration and course progression. Users' video progress would be recorded in the model, stored locally, and periodically synchronized with our server every five minutes, allowing us to track course progression both online and offline.
Moreover, we developed a course assessment component with questions tailored to the enrolled course. Each question had a specific time limit, scoring users for correct answers while deducting points for incorrect responses. Successful completion of the course required achieving a minimum score. Users who failed the assessment were prompted to retake the course. Upon completion, users received a digital course completion certificate, instantly downloadable within the application.The technologies employed in our development process included PHP, WordPress, Shopify, Flutter, Stripe for payment integration, and Crisp for customer support.
By combining these robust technologies and implementing user-centric features, our mobile application aims to provide a highly efficient and engaging e-learning experience.
