Slide 1
Slide 1 text
Artology
Group 13
Johnny Henriquez, Faiz Shakoor, Dao Ton,
Alexander Valdez, Emily Zhou
Slide 2
Slide 2 text
Meet the Team!
Alexander Valdez
Dao Ton
Emily Zhou
Faiz Shakoor
Johnny Henriquez
Slide 3
Slide 3 text
Table of contents
Navigation, search, and show visualization
What did they do well? What did we learn from
their website? What can they do beer? What
puzzles us about their website?
03 Other Critique (Group 1)
What did we do well? What did we learn? What
can we do beer? What puzzles us?
01
02
Demonstration
Self Critique
Slide 4
Slide 4 text
Demonstration
01
hps://plasma-moment-413221.uc.r.appspot.com/
hps://www.utartology.me/
Slide 5
Slide 5 text
Navigation
Exhibitions Artworks Artists
Home
(backup
slides)
About
Slide 6
Slide 6 text
Search
● Global Search Results
● Artwork Search
● Artist Search
● Exhibition Search
(backup
slides)
Slide 7
Slide 7 text
Self Critique
02
Slide 8
Slide 8 text
What did we do
well?
Model linking
➢ Clear connections between dierent entities
Intuitive and Responsive Interface
➢ Clear visual hierarchies; well-organized content
➢ Balanced aesthetics with performance
Slide 9
Slide 9 text
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
Slide 10
Slide 10 text
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 aributes
searchable alongside
main aributes
Slide 11
Slide 11 text
What puzzled us?
Challenges w/ GCP Deployment
➢ Adjusting seings to suit the deployment environment
while ensuring compatibility between module versions
Implementing Searching
➢ Initially confused about searching functionalities that
handled multiple parameters
Searching Array Aributes and other Aributes
Simultaneously
➢ Could only do one or the other; trying to implement both
at the same time failed
Slide 12
Slide 12 text
Other Critique
(Group 1)
03
Slide 13
Slide 13 text
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
Slide 14
Slide 14 text
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 diicult to work with at first and the group faced challenges
trying to deploy the website through GCP.
Slide 15
Slide 15 text
➢ 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?
Slide 16
Slide 16 text
What puzzles us about their
website?
Genres for an instance are
found at the boom but
would be beer placed near
the top.
Genre Placement
Each page for the models only
showed 4 instances at most.
Having more instances shown
would be beer from a UI/UX
perspective
Model Pages
Slide 17
Slide 17 text
Thanks
QUESTIONS?
Slide 18
Slide 18 text
CREDITS: This presentation template was created by Slidesgo, and
includes icons by Flaticon, and infographics & images by Freepik
Please keep this slide for aribution
Slide 19
Slide 19 text
Backup Slides
Slide 20
Slide 20 text
Home
Back to
Navigation
Slide 21
Slide 21 text
Home
Back to
Navigation
Slide 22
Slide 22 text
Home
Back to
Navigation
Slide 23
Slide 23 text
About
Back to
Navigation
Slide 24
Slide 24 text
About
Back to
Navigation
Slide 25
Slide 25 text
About
Back to
Navigation
Slide 26
Slide 26 text
About
Back to
Navigation
Slide 27
Slide 27 text
Exhibitions
Back to
Navigation
Slide 28
Slide 28 text
Exhibitions
Back to
Navigation
Slide 29
Slide 29 text
Exhibition - Van Gogh’s Bedrooms
Back to
Navigation
Slide 30
Slide 30 text
Exhibition - Van Gogh’s Bedrooms
Back to
Navigation
Slide 31
Slide 31 text
Exhibition - Van Gogh’s Bedrooms
Back to
Navigation
Slide 32
Slide 32 text
Exhibition - Van Gogh’s Bedrooms
Back to
Navigation
Slide 33
Slide 33 text
Artworks
Back to
Navigation
Slide 34
Slide 34 text
Artworks
Back to
Navigation
Slide 35
Slide 35 text
Artwork - La berceuse
Back to
Navigation
Slide 36
Slide 36 text
Artists
Back to
Navigation
Slide 37
Slide 37 text
Artists
Back to
Navigation
Slide 38
Slide 38 text
Global Search Results
Back to
Search
Slide 39
Slide 39 text
Global Search Results
Back to
Search
Slide 40
Slide 40 text
Global Search Results
Back to
Search
Slide 41
Slide 41 text
Exhibition Search
Back to
Search
Slide 42
Slide 42 text
Exhibition Search
Back to
Search
Slide 43
Slide 43 text
Artwork Search
Back to
Search
Slide 44
Slide 44 text
Artwork Search
Back to
Search
Slide 45
Slide 45 text
Artist Search
Back to
Search
Slide 46
Slide 46 text
Artist Search
Back to
Search