Student Enrollment System - Requirement & Design Stage

By -

Project Background. 


Hi Guys,

After I started as an intern in GTNexus an Infor company they gave us a project to evaluate us in various aspects. This project done by Hemal Rajapaksha and me. They wanted to develop this whole project in new technologies which is not familiar for us because then we can learn something new and give something back to the team too. And we decide to make this project open source under MIT License.


Project Requirement.


There are few optional requirements in the list which we won't develop at 1st release.

  1. student registration for a course
  2. admin user
    1. view all details and add new users (course coordinators)
  3. course coordinator
    1. enroll a student
    2. view student details
    3. view student reports
    4. add grades
    5. view student attendance (optional)
  4. student
    1. view course schedule
    2. view grades
    3. comment on course module (forum, and optional)

If we can finish the project before expected time, we willing to add those requirements as well.


After identify the requirements to get a better overview about the project we decided to design few UML diagrams.

UML Diagrams.


First to get a main idea about the users and their work we decide to design a Use Case Diagram.


Student Enrollment System Use Case Diagram
1. Use Case Diagram

From this we pick two main activities and draw a activity diagram. We explicitly pick those two because this activity flow will be same at most of the time.

Activity Diagram for Registration Process


Registration Activity Diagram for Student Enrollment System
2. Registration Activity Diagram


Activity Diagram For Enrollment.


Activity Diagram For Enrollment in Student Enrollment System
3. Enrollment Activity Diagram.


After designing above diagrams we decide to draw class diagram. First we drew it on a paper to get a rough idea then we map it on MS Visio 2013.

Class Diagram For Student Enrollment System
4. Class Diagram.

After we design those UML diagram we had good idea how we are going to implement this system. Before we get into backends or anything we decide to draw few UI mockups and get approval from Team lead.


User Interface Mockups.


For develop UI mockups we used www.moqups.com.


Login UI for Studnet Enrollement
5. Login
Registration UI for Studnet Enrollement
6. Registration

Student Details - overview for Student Enrollement
7. Student Details - overview

Enroll New Courses
8. Enroll New Courses.


Coordinator's Admin panel and Add Subjects UI
9. Coordinator's Admin panel and Add Subjects UI 


10. Student Accept Requested Course.

In here when ever student request a course, that particular subject coordinator will get notified and coordinator have to accept that request after check that student has been finished the prerequisite. And sometimes coordinator can decide whether that particular subject is really necessary for the requested subject and decide whether to accept or decline the request.



Coordinator's Subject list and add Student for Subject
11. Coordinator's Subject list and add Student for Subject

Coordinator can add students per subject.


Main Admin View & Add Coordinators View
12. Main Admin View & Add Coordinators View

Admin is more like a super user. And admin is the only user who can add coordinators since coordinators can't register them self.

All the mockups in one place :- Mockups (after open this link click Pages button on top left corner).


You can grab the code from here: Student Enrollment System




Comments

Post a Comment

Popular posts from this blog

How to use AWS Device Farm API

By -
Image
Hi All, If you are here it's means you trying to do something I tried longer than you guys tried. If you are in a hurry go to " Implementation " subheading and read from there. Background & Reason While I was doing my internship, one of the project I had to do is make a web app for get the test result customize way from AWS Device farm  using  AWD Device Farm API . My first approach was use postman to get a main idea about the API but I failed on that. I raise a question how to use their API in AWS but I didn't get a good answer either. ( For your reference if it update in future :-  Using REST in Postman  ) So at the end I decide to use their  AWS SDK for JavaScript in Node  and create a wrapper around it to get the data. The main reason to write this post was most of guys will confuse how to get the result because AWS ARN thing is really confusing at first. Implementation.  Requirements. Since I'm going to use AWS SDK version of Node. You&
Keep reading

Cordova File Transfer plugin error 3

By -
Image
Hi All, I was trying to add Ionic CLI proxies to my project and i manage to succeeded in integrating Ionic CLI proxies. But while i was testing ionic project, i notice my attachments doesn't get download. So I was debugging this for long time and found the reason why it's not getting download. I'm using Cordova File transfer to download and uploads. Cordova File transfer gives a error code 3. And something i notice it's trying to send exactly the proxy URL without appending localhost part to the URL. Cordova File transfer error For now as a workaround what i do is var url = "" ; //Check whether we need the proxy or not. if (location. protocol ! = 'file' ){ url = location. protocol + "//" + location. host + proxyPath; } url + = < media path > ; I hope this will help you guys. Cheers :)
Keep reading