Skip to main content

V3

Introduction​

This document provides technical specifications for the Corporate Learning or Admin B2B, including the APIs, database tables and the mockup.

Overview​

This third version is an improvement with the addition of a financial feature called Credit. Credit is practically a medium of exchange in purchasing courses offered by Corporate Learning. Credit is reduced if the user successfully purchases classes from the credit that has been topped up through chat services via Whatsapp with Arkademi's customer service.

Repository​

https://gitlab.com/arkademi/arkademi-admin-panel-b2b/-/tree/main

Production​

https://team.arkademi.com/

Staging​

https://admin-b2b-ui-revamp.arkademi-admin-panel-b2b.pages.dev/

Mockup & FLow​

Mockup​

To see the detail, click here. mockup

Flow​

flow

Requirements and Specifications​

Credit​

Credit is a representation of the money owned by the organization. So this credit can be increased or decreased as a form of currency to purchase courses. Here is the API that is used to check how many credits an organization has. When the application is run for the first time, this API is loaded.

Checking Credit API
https://apicourse2.arkademi.com/api/v1/adminB2B/check-credit
/src/parts/AdminPage/SidebarAdmin/SidebarAdmin.tsx
<a
  href="https://api.whatsapp.com/send/?phone=6285219253882&text=Halo+saya+ingin+topup+credit+organisasi+di+Arkademi&type=phone_number&app_absent=0"
  target="_blank"
  rel="noopener noreferrer"
  className="add-kredit-btn"
>
  + Credit
</a>
// Credit Button

Enrolling To Courses​

Enrolling members into a class is processed through the following steps:

  • First, select which members will be included in the class.
  • Then, you will be directed to a confirmation screen with class and payment details.
  • If successful it will give a pop up alert of success, otherwise there will be a red "insufficient" statement
Get Courses for the List
https://apicourse2.arkademi.com/api/v1/adminB2B/courses
src/parts/AdminPage/ContentAdmin/ListContent/Course/ListCourse.tsx
import ModalEnroll from "./ModalEnroll";

<ModalEnroll />;
// Modal form for enrolling users to a course
src/parts/AdminPage/ContentAdmin/ListContent/Course/ModalEnroll.tsx
import ModalInvoiceEnroll from "./ModalInvoice";

<ModalInvoiceEnroll />;
// Modal form for course purchase details to be created
Enroll Class API
https://apicourse2.arkademi.com/api/v1/adminB2B/addUserCourse

Written By: Media