Code Monkey home page Code Monkey logo

cs-dept-ibbul / vlab Goto Github PK

View Code? Open in Web Editor NEW
5.0 5.0 6.0 95.66 MB

VLab is a platform that intends to enable equitable virtual access, tools and near-real life experience of conducting basic science and engineering based experiments that have otherwise become difficult to be carried out by ALL first year or second-year science and engineering students in the laboratory within the semester period.

License: MIT License

PHP 9.81% Blade 15.56% Vue 21.23% HTML 51.88% Sass 1.50% Shell 0.02%

vlab's People

Contributors

abdullahikawu avatar abdulqudus001 avatar auwalms avatar balqees0325 avatar bynalab avatar saidabdul80 avatar softdiddy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

vlab's Issues

feat: result table crud

result_tbl
-uuid
-course_id
_experiment_id
-result_data json(3000)
-time_started varchar(10)
-time_submited varchar(10)
-time_left varchar(10)
-status => [not started, started, completed]

@bynalab , @Auwalms

Add Students from the Faculty Dashboard

View User Dashboard

As a User, I want to be able to view my dashboard showing my last practical and all practicals timelines as seen at https://xd.adobe.com/view/8ac0e467-97be-4701-a9f9-1d8550b31b51-df93/screen/218e1dd1-f4b7-4e94-a097-99fdc4d9a874

View Students Dashboard

Experiments Parent Container

This is an experiment container that loads as a component in all experiments UI. As a user, this should always load along with other aspects of the specific experiments. See below:

(Parent Container)
1-https://xd.adobe.com/view/7b24472b-03ee-445f-8d97-6df884bdfc1a-2e77/screen/a4d58cf0-a60f-4bd2-afb2-206c9bce464d

(Watch the the drop downs under Introduction Section ---> Aim / Procedure / Aim )
2- https://xd.adobe.com/view/7b24472b-03ee-445f-8d97-6df884bdfc1a-2e77/screen/e07940db-916a-4787-9a0d-d7ae43c491ee

(Video to be expandable to 2/3 of screen)
3- https://xd.adobe.com/view/7b24472b-03ee-445f-8d97-6df884bdfc1a-2e77/screen/26c022bb-1744-4056-9f50-be8ce6c6c4f3

Explore available labs.

I want to be able to see all available labs and also have a highlight of the most active/visited course. UI available at https://xd.adobe.com/view/8ac0e467-97be-4701-a9f9-1d8550b31b51-df93/screen/c9e1b24d-cdae-4a5b-a719-83c8a900364e

view faculty page (view courses)

endpoint that returns all faculties
allFaculty = {
faculty1:{
course1:{ ​
all course properties,
total_experiment
​},
course2:{as above},
courseN:{as above},
total_number_of_courses: Number
},
.
.
.
facultyN
}

My Course Page

please provide endpoint that returns students enrolled courses

enrolledCourses = {
{
course_title,
course_code,
course_description,
number_of_experiment,
status,
}
}

status (boolean): completed or not completed

View Landing Page

A visitor should be able to see the landing page of the project with navigation to explore Vlab and do some practicals.
UI available at https://xd.adobe.com/view/8ac0e467-97be-4701-a9f9-1d8550b31b51-df93/

Create Course and Create Course-Experiment Endpoint/API

As a Faculty Admin, I want to be able to create a course using the following model

  id uuid [pk]
  school_id uuid [ref:> School.id]
  faculty_id uuid [ref:> Faculty.id]
  title varchar
  code varchar
  description varchar
  status Status
  date_added datetime
  date_modified datetime
}```

also create an endpoint that let me assign Experiments to Courses with a model of 
```table Course_Experiment {
  id uuid [pk]
  course_id uuid [ref:> Course.id]
  experiment_id uuid [ref:> Faculty.id]
  status Status
  date_added datetime
  date_modified datetime
}```

as well as ability to add resources to the course using a model like 
```table Course_Resources{
    id uuid [pk]
    course_id uuid [ref:> Course.id]
    resourceUrl varChar
    status Status
    date_added datetime
    date_modified datetime
}```

then add instructors to the Course 

Basically something that can cater for Design page 16-21 here - https://xd.adobe.com/view/7b24472b-03ee-445f-8d97-6df884bdfc1a-2e77/screen/28cb8156-7c19-46c6-80e5-cb3f87025b3c. 

Explore page Endpoint

Endpoit that will return faculty image, faculty name, number of courses under faculty, number of student under faculty

view faculty page (view courses)

endpoint that returns all faculties
allFaculty = {
faculty1:{
course1:{ ​
all course properties,
total_experiment
​},
course2:{as above},
courseN:{as above},
total_number_of_courses: Number
},
.
.
.
facultyN
}

Upload Students Endpoint/API

As a Teacher, I want to be able to upload student details into the system via a CSV file and they become students in the system for my specific course.

Required Parameter(s):

  • Course Id
  • Uploaders Id

CSV Field

  • Name
  • Matric Number
  • Level

Note: Matric Number will serve as their login ID, you can create a default password of 123456. Though we need to enforce a change of password on first login.

User Dashboard Endpoint

#38
Please provide endpoint that returns student experiment weekly trends in this form
weekThreadTrends = { { week 1, 1, {"title":"Phy 107", "experimentType":"Experiment I", "start":"11-12-2020","submit":"11-12-2020","page":"simple-pendulum","status":1}, {"title":"Phy 107", "experimentType":"Experiment II", "start":"11-12-2020","submit":"11-12-2020","page":"vernier-caliper","status":1}, {"title":"Phy 107", "experimentType":"Experiment III", "start":"11-12-2020","submit":"11-12-2020","page":"micrometer","status":1}, }, ... to numbers of object }

  • For the second value in the object, 1 => either whole or one experiment completed from the week, 0 => no completed or no attempt
  • status dictate whether experimenet completed or not

View Practicals under a faculty

As a visitor, I want to be able to see all the practicals under a faculty, as seen at https://xd.adobe.com/view/8ac0e467-97be-4701-a9f9-1d8550b31b51-df93/screen/45c21c40-f99b-4a7a-b65d-1cf62fac5706

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.