Artology (Group 13) Presentation

https://plasma-moment-413221.uc.r.appspot.com/
https://www.utartology.me/

Transcript

1. Artology Group 13 Johnny Henriquez, Faiz Shakoor, Dao Ton, Alexander Valdez, Emily Zhou
2. Meet the Team! Alexander Valdez Dao Ton Emily Zhou Faiz Shakoor Johnny Henriquez
3. Table of contents Navigation, search, and show visualization What did they do well? What did we learn from their website? What can they do beer? What puzzles us about their website? 03 Other Critique (Group 1) What did we do well? What did we learn? What can we do beer? What puzzles us? 01 02 Demonstration Self Critique
4. Demonstration 01 hps://plasma-moment-413221.uc.r.appspot.com/ hps://www.utartology.me/
5. Navigation Exhibitions Artworks Artists Home (backup slides) About
6. Search • Global Search Results • Artwork Search • Artist Search • Exhibition Search (backup slides)
7. Self Critique 02
8. What did we do well? Model linking ➢ Clear connections between dierent entities Intuitive and Responsive Interface ➢ Clear visual hierarchies; well-organized content ➢ Balanced aesthetics with performance
9. What did we learn? ➢ Creating DB schemas and queries ➢ Combining it w/Flask and Python ➢ Interacting with external data sources ➢ Documenting our own API with Postman ➢ Using Flask on the backend and HTML href links for the frontend ➢ Filter/ordering data without reloading the page ➢ UI/UX ➢ Bootstrap framework ➢ Visual debugging with many data instances SQLAlchemy Searching & Sorting Implementing APIs HTML & CSS
10. What can we do better? More improvements can be made to UI/UX Would help in organization of scripts/components Refining front-end React More Searchability Making arrays of alternative aributes searchable alongside main aributes
11. What puzzled us? Challenges w/ GCP Deployment ➢ Adjusting seings to suit the deployment environment while ensuring compatibility between module versions Implementing Searching ➢ Initially confused about searching functionalities that handled multiple parameters Searching Array Aributes and other Aributes Simultaneously ➢ Could only do one or the other; trying to implement both at the same time failed
12. Other Critique (Group 1) 03
13. What did they do well? ➢ Easy traveling back and forth between related models ➢ Artists could be discovered based on collaborations or similar genres Pagination Related Artists Inter-model Navigation ➢ Fast rendering of model instances
14. What did we learn from their website? React can improve the performance of a website ➢ This was seen with the pagination, the model instances were loaded in immediately as you moved between the pages. Challenges w/ React ➢ React can be diicult to work with at first and the group faced challenges trying to deploy the website through GCP.
15. ➢ Get the genre instance pages to render properly - resolve API issues ➢ Refining the design of the website by incorporating more color or animations ➢ Add in a global search option that can search a keyword from all models simultaneously ➢ Provide more sorting options / sortable variables What can they do better?
16. What puzzles us about their website? Genres for an instance are found at the boom but would be beer placed near the top. Genre Placement Each page for the models only showed 4 instances at most. Having more instances shown would be beer from a UI/UX perspective Model Pages
17. Thanks QUESTIONS?
18. CREDITS: This presentation template was created by Slidesgo, and includes icons by Flaticon, and infographics & images by Freepik Please keep this slide for aribution
19. Backup Slides
20. Home Back to Navigation
21. Home Back to Navigation
22. Home Back to Navigation
23. About Back to Navigation
24. About Back to Navigation
25. About Back to Navigation
26. About Back to Navigation
27. Exhibitions Back to Navigation
28. Exhibitions Back to Navigation
29. Exhibition - Van Gogh’s Bedrooms Back to Navigation
30. Exhibition - Van Gogh’s Bedrooms Back to Navigation
31. Exhibition - Van Gogh’s Bedrooms Back to Navigation
32. Exhibition - Van Gogh’s Bedrooms Back to Navigation
33. Artworks Back to Navigation
34. Artworks Back to Navigation
35. Artwork - La berceuse Back to Navigation
36. Artists Back to Navigation
37. Artists Back to Navigation
38. Global Search Results Back to Search
39. Global Search Results Back to Search
40. Global Search Results Back to Search
41. Exhibition Search Back to Search
42. Exhibition Search Back to Search
43. Artwork Search Back to Search
44. Artwork Search Back to Search
45. Artist Search Back to Search
46. Artist Search Back to Search