therealsujitk / android-vtop-chennai

An android application for the students of VIT Chennai.
http://vtopchennai.therealsuji.tk
GNU General Public License v3.0
153 stars 32 forks source link

Home screen widgets to display timetable, exams and assignments #39

Open therealsujitk opened 2 years ago

therealsujitk commented 2 years ago

Feature Request

It would be very convenient to have home screen widgets showing the current day's timetable, exams and assignments.

ashishsaranshakya commented 1 year ago

assign this to me I was thinking of exactly the same feature

therealsujitk commented 1 year ago

Do you have any design templates for how the widget would look?

ashishsaranshakya commented 1 year ago

widget_preview I tried to make it match the overall app theme

Guhan-SenSam commented 7 months ago

Hi @therealsujitk ,I would like to work on this. I have some ideas for possible widgets. All of these widget themes and styling follow the Material 3.0 Design guidelines.

  1. Upcoming Class: Shows the next class attendance and the classroom. Time Table Widget This same widget during exam times will display another view that is related to the exam schedule as shown below Exam Version

  2. Upcoming Classes: A widget that shows 2-3 of the next upcoming classes. Here is an example image of that. The widget targets a 2x3 home screen grid. Time Table Widget-1

  3. Overall Stats : A smaller widget that shows your overall attendance. (Not sure if this would be useful though)

  4. Upcoming Assignments: Shows the upcoming assignments you have due. Something similar to the google photos widgets where swiping down cycles through the assignments you have left (Still didn't mock-up a design for this one)

If you are wondering how they look on a homescreen here is an example image

I was thinking about hooking the widget update logic into the broadcast receiver that fires to display the upcoming class and exam notifications. There is no minimum time for widget updates if the widget update is triggered by the app manually so that won't be a problem.

Please let me know your thoughts on these ideas and I can work on implementing them into the app

therealsujitk commented 7 months ago

Hey @Guhan-SenSam thanks for contributing! This UI looks good, though i'd prefer it to match with the phone's UI (the fonts, colours, progress bar style, etc.), the placement of the components seem fine to me. It'll be better if you include the course code as well.

You can maybe start with the timetable first, let's perfect it, and then we'll focus on the exam schedule. Feel free to open a draft PR and @mention me if you need any help.

Guhan-SenSam commented 7 months ago

Thanks! Regarding the styles matching ,the colours will be decided by android automatically(Material Design 3 Monet Engine Computed Colours) and in terms of the font its default Roboto font. The progress bar ya I will use the default android component one.

I will create a PR with the changes soon.

therealsujitk commented 7 months ago

Cool 👍. The app uses a font called Rubik, it's present locally in the app resources folder.