Giter Site home page Giter Site logo

e-wok-myconcordia's Introduction

MyConcordiaID

Soen 490

Component Version Status
Api Backend Dev Build Status

Team - E-Wok

Member Id Username
Michal Wozniak 21941097 mv740
Francis Côté-Tremblay 26615287 francisct
Ahmed Dorias 26649874 ConfusedGiant
Harrison Ianatchkov 26607403 zzharryzz
Sebastian Rafique Proctor-Shah 29649727 EXPSPACE
Simon Moniere Abes 26648568 simonma1

Mobile Client Application

  • run on android/ios/other platform supported by phonegap

  • Access your virtual id card

  • Send your own picture and use it as your valid id picture (if it is approved)

  • Update your picture during the valid period

  • access your marshalling card

  • View available events

  • Event administrator can scan user id ( track attendance)

Web application

  • Administrator validate the profile picture of each student

  • revalidate previous picture, discard current valid picture

  • View log of each transaction on each student account

  • Can leave a comment on a picture

  • Create a public or private event

MyConcordiaId Api server Live

https://myconcordiaid.azurewebsites.net/swagger/

Web Client Live :

android application download

http://android.myconcordiaid.me

e-wok-myconcordia's People

Contributors

adorias avatar dabgharry avatar expspace avatar mv740 avatar simonma1 avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

e-wok-myconcordia's Issues

Authentication

As a user, I can login to the application using the MyConcordia Netname and password.

[SP: 20]
[Priority: 1]
[Risk: high]

Send Picture

As a student, I can send the photo for validation

[SP: 5]
[Priority: 1]
[Risk: high]

Admin can view logs

As an Admin, I can view the logs of each user.

[SP: 8]
[Priority: 2]
[Risk: low]

Picture View UI

As a user, I can have a nice user interface of the picture view

[SP: 8]
[Priority: 3]
[Risk: Low]

Head Cropping Overlay

As a user, I can see the outline of a person's head overlay when cropping

[SP: 8]
[Priority: 3]
[Risk: Medium]

Login UI

As a user, I can use a good looking login page.

[SP: 3]
[Priority: 3]
[Risk: Low]

Integration Setup

This issue is to keep track of the commits necessary to have proper integration between back-end development and front-end development on the web-app.

self referencing loop

image

Student has a association to picture archive, Whenever there is a picture in a archives, it will be linked to 1 student.

When it does happen and we want to get a STUDENT object, it seem to make a error while searching for his archive pictures and return a null object

Admin Settings Aesthetics

As a user, I can use a nice, modern-looking admin settings page.

[SP: 13]
[Priority: 2]
[Risk: Medium]

Load Picture

As a student, I can load an existing photo from my phone onto the app

[SP: 2]
[Priority: 3]
[Risk: low]

Update Picture

As a student, I can update my picture at specific times during the academic year.

[SP: 8]
[Priority: 3]
[Risk: medium]

Search modal not always yielding results

When searching for some students, using their names doesn't always work.

Steps to reproduce:

  1. Go to Student picture review center
  2. In the search field, search for simon
  3. Observe that student simon is displayed as a result
  4. In the search field, search for michal

Expected: student michal should be displayed as a result
Actual: nothing is displayed as a result

Student modal User Interface

As a user, I can see a nice user interface when accessing a student's information.

[SP: 8]
[Priority: 2]
[Risk: Medium]

Student Search

As a user, I can search for a student using various parameters

[SP: 8]
[Priority: 1]
[Risk: High]

Keyboard Hotkeys

As a user, I can use keyboard hotkeys to perform actions such as performing a search, or signing in.

[SP: 3]
[Priority: 4]
[Risk: Low]

iOS Application Access

As a user, I would like to access the application on iOS

[SP: 13]
[Priority: 1]
[Risk: Medium]

Red border indicating empty field not appearing when removing content from academic year box in Admin Settings

Steps to reproduce:

  1. Go to Admin Settings view
  2. Write text in the Academic year input box
  3. Click outside the academic year input box
  4. Border around academic year input box should now be green
  5. Erase content from academic year input box
  6. Click outside the academic year input box

Expected: Border around academic year input box changes to red
Actual: Border around academic year input box remains green

Generated Barcode for Marshalling Card

As a user, I can have a barcode generated for my Marshalling Card

Generates a barcode for the marshalling card which is different to the one from the student id card

[SP: 5]
[Priority: 2]
[Risk: high]

Crop Picture

As a student, I can crop the photo I will be using to request an ID.

[SP: 5]
[Priority: 3]
[Risk: medium]

Behavior testing

Automate behavior testing with protractor

[SP: 13]
[Priority: 5]
[Risk: Low]

ID Card View UI

As a user, I can have a nice user interface of the id card view

[SP: 8]
[Priority: 3]
[Risk: Low]

Info on Enlarged Archived Pictures

As a user, I can see various information when enlarging archived pictures such as its status and its last modified date (WEB)

[SP: 13]
[Priority: 1]
[Risk: High]

Logs appear from previous students

  1. search for student
  2. click on a student
  3. click show logs => you will see a list of logs for that account
  4. if you close the popup and click on a different student, you will still see the logs of the previous student.

image

image

Update Period

As an Admin, I can set the update period which permit student to update their id picture.

[SP: 13]
[Priority: 3]
[Risk: Low]

Nice side menu (and topbar)

As a user, I can have a nice side menu (and topbar). The reason for having 13 points is that all the preivous styling is in css but it needs to be translated to scss and with the proper structure.

[SP: 13]
[Priority: 4]
[Risk: Low]

Login UI

As a user, I can use a good looking login page.

[SP: 3]
[Priority: 3]
[Risk: Low]

Read a Barcode

As a user, I can read the barcode generated by another device

[SP: 8]
[Priority: 3]
[Risk: Medium]

Marshalling Card

As a user, I can see the Marshalling Card for my graduation

[SP: 5]
[Priority: 3]
[Risk: low]

When a student is about to graduate, they will gain access to a card that contains information regarding their graduation such as the date, time, location, as well as a barcode for them to be authenticated. A sample marshalling card was given with which the styling of the marshalling page was based on. This styling was done in css following the requirements

Student Id Generated Barcode

As a user, I can have a barcode generated for my student ID card

Sends a request to an API to generate a bar code. Possibly according to a number

[SP: 13]
[Priority: 2]
[Risk: high]

Take Picture

As a student, I can take a photo of myself

[SP: 8]
[Priority: 1]
[Risk:High]

Formatted dates

As a user, I want to see formatted dates throughout the webapp in the format[month,day,year] (WEB)

[SP: 3]
[Priority: 2]
[Risk: Low]

User Feedback For Empty Results

As a user, I can receive feedback when a query to the database doesn’t return anything

[SP: 8]
[Priority: 3]
[Risk: low]

Staff Validation Process

As a staff member, I can accept or reject the picture uploaded by the student.

[SP: 8]
[Priority: 1]
[Risk: medium]

Requirements for picture

  • The picture used on the physical ID card is 600px by 600px.
  • It's under a 100k in size.
  • Validate for plain background, if possible.
  • Future use case may involve using this picture as source photo for physical card.

Marshalling Card Data

As a user, I can see information pertaining to a student’s graduation on the Marshalling Card only if I have been authorized

[SP: 13]
[Priority: 2]
[Risk: Medium]

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.