I have to desgin an android layout from the web page shown below.
How can I represent the time table UI shown below for an android layout.
Note that the periods & days is dynamically delivered by a REST api & it’s not contains all the days & hours, so I can’t use a calender week view and when a group selected the equivalent period & day must be presented as a square filling the equivalent cell.
I have designed the selection UI which is a part of registration step layout and contains a recycler view with cards each card represents one course as below.
Also, should I design the time table UI in the same step as the selection step or it’s better UX to have a second step for review the selection?