Skip to content

pantharev/lms-fiu-fb-client

Repository files navigation

Introduction

In today’s age of technology, getting an education online via online courses has never been easier. However, people from underdeveloped countries are often cut off from accessing these courses due to limitations on their internet data. Facebook allows underdeveloped regions to access their application for free with no data charges. The purpose of the application we have developed is to provide a Learning Management System that is accessible entirely through Facebook, allowing students from anywhere in the world to come and take online courses with no data charges.

Current System

A 3rd version Single Page Application Web-App that is integrated into Facebook. To further elaborate, previous developers have created systems in a similar matter. Each time being iterated upon by new developers (us included).

Purpose of New System

Create a manageable system using the MEAN (MySQL, Express, Angular, NodeJS) full-stack which can run on Facebook. The system is a Learning Management System which was created for underdeveloped regions to access through Facebook with no data charges. This system will be the 4th version of the platform.

User Interface

Landing Page

The landing page to LMS-FIU. Entry can be via the website's URL, or through Facebook's built-in web view. Authentication is granted through Facebook Login.

FB_Profile_Name_NavBar

Course Library

Entry point to course library. Here, students can search for courses and enroll in them. Furthermore, the system lets the student know which courses they are enrolled in, or are pending for enrollment. (pending courses require instructor/administrator approval).

Course-Library-LMSFIU

Course Modules (Student Dashboard)

This is the entry point to a course. Here, the student can access the content provided by the course. The content is added by an instructor who manages the course.

Course-Modules-LMSFIU

Student Dashboard

This is the entry point to the student's dashboard. Here, courses that the student is enrolled in are displayed. The User Interface changes based on the role of the user. Here, the administrator/instructor can create announcements for courses and manage them.

Student-Dashboard-LMSFIU

Admin Dashboard

Here, admins can create and manage courses, and manage user roles. In this system, there are three roles: Admin, Instructor, and Student. Furthermore, the pending enrollments notification signifies that students have applied for enrollment and are awaiting for approval to enter the course. The admin is the one who decides the approval of entry.

Admin_Dashboard

Create Course Form

The admins can create courses through this form, and assign an instructor to teach it. The instructor can then add content to the course so that students can consume it.

Create-Course-LMSFIU

For developers

The application was generated using Angular CLI version 8.x, which was then updated to Angular and CLI version 9.x. To run, utilize the Angular CLI commands and npm commands of npm install -> ng serve once the application has been cloned to your computer.

About

Angular client-side code for lms-fiu

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published