Le Vault

cs331E presentation

Transcript

1. Le Vault Experience Art at the Click of a Button
2. AGENDA 01 WHAT IS LE VAULT? 11 FRONT END 111 USE CASES 1v BACKEND v CRITIQUES v1 SITE DEMO
3. Caitlin Montgomery Marissa Vera Litzy Martinez Ziwei Zhang Prudhvi Gowkanapalli
4. WHAT IS LE VAULT? Litzy 01
5. FRONT END Litzy & Caitlin 11
6. SPLASH A site landing page ART Cards with art specific pages attached ARTIST EXHIBIT Cards with exhibit specific pages attached ABOUT Team info and important links Cards with artist specific pages attached PAGES
7. Bootstrap • Front-end open source toolkit • Cards in rows and columns • Add “dark” style to buttons and nav bar • Search bar on each card landing page
8. NAV BAR
9. ART LANDING PAGE
10. SPECIFIC ART PAGE
11. USE CASES Marissa 111
12. 1. Art to Detailed Information Use Cases 3. Exhibit to Detailed Information 2. Artist to Detailed Information Art: Pentecost Artist: Bernard van Orley Exhibit: Drawings from the Age of... Begin Date: 2016-05-21 End Date: 2016-08-14 Venue: Harvard Art Museums Location: Cambridge Birthplace: Brussels, Belgium Birth Year: 1486 Death Year: 1542 Culture: Netherlandish Medium: Charcoal, black chalk on paper Culture: Netherlandish Classification: Drawings Date: c. 1520-30
13. 4. Art to Artist and Exhibit Use Cases 6. Exhibit to Art and Artist 5. Artist to Art and Exhibit Art: Pentecost Artist: Bernard van Orley Exhibit: Drawings from the Age of... Artwork Highlights: Pentecost Artist Highlights: Bernard van Orley Artwork Highlights: Pentecost Exhibition Highlights: Drawings from the Age of... Artist: Bernard van Orley Exhibition Highlights: Drawings from the Age of...
14. BACKEND Ziwei 1v
15. Harvard Art Museums API • REST-style service • Access to the museum’s collections Data Source
16. Database
17. Culture: American Classification: Photographs Date: 1936 Art:Tenant Family Exhibit: Social Realism Artist: Walker Evans Birthplace: St. Louis, Mo., USA Birth Year: 1903 Death Year: 1975 Culture: American Database Example Begin Date: 2014-11-16 End Date: 2050-01-01
18. Unit Test
19. API & Postman
20. CRITIQUES Prudhvi v
21. • Models clearly distinguished • Interaction between separate pages is easy and smooth • Plenty of relevant information for each artist, artwork, and exhibit • All cards don’t have visual components • Buttons aren’t intuitive ◦ Alpha/Reverse Alpha • Lacks page numbers • Color scheme could be more attractive Strengths Critiques
22. • Difficulties with GCP hosting • Depicting web features and creation process through text What was Puzzling What we Learned • Making the search feature ignore case sensitivity • Namecheap URL (levault.me) sometimes not working in specific browsers
23. • Effective search feature with filtering capabilities • Contains large amount of information • Good design and color scheme • Visuals present for each card • Generic visuals for each card • Detailed cards for individual items have small errors • Columns not always linked to others (i.e. stars to planets or organizations) Strengths Critiques
24. • Value of “Back to top” button • Benefits of uniformity • Putting the search feature in its own separate page • Not including _____ What was Puzzling What we Learned
25. WEBSITE DEMO Caitlin v1
26. Thanks Do you have any question?