cs329e Presentation

Project #5

Transcript

1. Group 13 KYLE KIMERY, IVY MARKWELL, SHADIAT OJELADE, ROBERTO SALINAS, AND NICK FRAWLEY
2. Demonstration ▶ We went for a modern space-y and minimalistic splash page ▶ We improved existing bootstrap code for tables to make more aesthetically pleasing model tables that looks good on mobile and desktop browsers ▶ We implemented Javascript ordering and pagination ▶ We mimicked FaceBook style profile pages for all the instances that our tables point to ▶ We implemented a responsive navbar linking all instances and model pages smoothly
3. Demonstration ▶ We used the following resources and websites: ▶ Github ▶ Slack ▶ Bootstraps ▶ W33 Schools ▶ Namecheap ▶ DC Comics wiki ▶ Marvel Comics wiki ▶ Flashuser
4. Tracking Information ▶ Total Number of Commits: 129 ▶ Total Number of Issues: 56 ▶ Repo Link ▶ Issue Tracker ▶ Wiki
5. Self Critique ▶ What did we do well? ▶ We believe that we were able to divide the work strategically and really dive into the quality of our work. We were passionate about our content. ▶ What did we learn? ▶ We learned the many troubles of dealing with our git, and that with many people in the group, we should each have a separate repo. We also learned that communication is better when it comes to completing our work. ▶ What can we do better? ▶ We should, next time, be able to let each member learn and try to help with what we are doing with each step, such as working with the pagination. ▶ What puzzles us? ▶ We want to understand why our html and scripts had issues with Firefox and Safari, but not Chrome.
6. Hot Sauce Manifesto Critique/Roast What did they do well? ▶ The ordering arrows (bi-directional), search feature and entries selector are very nice components that make the table feel more responsive and interactive. The font selection is very aesthetically pleasing and the splash page does a good job in presenting relevant images of the website. What did we learn from their website? ▶ There are a lot of powerful javascript applications that can make a static table more dynamic and fun to play with. The search feature, entry selector, and bi-directional ordering shows how much elements such as tables can be improved. The splash page also shows how the elements such as the background can be manipulated, such as partitioning the page and overlaying text. This also shows that such background manipulations can be combined with other html elements and shows that backgrounds do not necessarily have to be static either. What can they do better? ▶ Improve their tables and the navbar. The tables do not respond well to resizing (such as different browser sizes) and the tables have clear issues with padding space. The tables take up the whole width of the page when zoomed out (not contained) and looks weird/unnatural, the peppers table has inconsistencies with the ordering arrows (for me in chrome), the padding is unevenly distributed and sometimes the header of a column is mismatching with the rest of the entries in the column. Some of the pictures in the tables do not seem to fit well (aesthetically) with the table itself, for example, a picture of a pepper with a white background while in a table row with a gray background. ▶ Also, the navbar's proportions are uneven/need work: the text boxes do not stretch nor respond similar to the tables while the red part of the navbar takes too much space. There is also an awkward space between the pictures and the actual navbar on the splash page. What puzzles us about their website? ▶ The show entries selector does not mesh well with the pagination - due to the low number of table entries, the high number of showable entries of the selector does not make sense (e.g. show "100" when there are only 6 rows for a table).
7. Fin