Core Interaction

Elastic Collection

Introduction

Anything that you have an accumulation of can be a collection. An archive is a collection of historical documents or records. Not all collections are archives, but many become relevant with time. For our next project you’re tasked with creating a collection of 25 to 50 items. Any time you see a multiplicity of an object, you begin to notice similarities and contexts in a new way. Seeing multiple of an object allows for this kind of in depth research that observing one object does not. The way the object is documented (consider the various image making techniques we’ve explored this semester) and organized helps direct the viewer on how the object is meant to be experienced.

Project

Create a collection of 25 to 50 items. Your collection should have at least five different data types affiliated with it, and should be as specific as possible. There should be a visual consistency between the items, and should have a cohesive story to it. For example: If your collection is “Dogs in Central Park” you might include: photos of the dogs that you take on an iphone, the dog’s name, the dog’s breed, the GPS coordinates of where you saw the dog, and a brief description of the encounter. Once you collect your data, you will organize it into a local database and create a JSON file that houses all the relevant content.
Once you have your data collected and collection organized, you’ll design a webpage that houses the collection. Link the JSON file and pull the data in programmatically to display your content. Consider how the collection is organized and experienced — one at a time, in a grid, on separate pages? Consider if there are groupings within your collection and how the relationship between typography and mixed media can add a visual perspective to your work.

Considerations

  • Does the type of content give form to your site?
  • How can you tell a story through a curated set of text, visuals, interactive - experiences?
  • What kind of different data types can you use to add specificity and interest to - your project?
  • Does the arrangement of elements or the grid change? Does the site’s navigation - change to highlight the most current content?
  • Are there filters or subsections of your data?

Objectives

  • To gather and organize a collection of data
  • To understand metadata
  • To tell a story through content curation and order
  • To experiment with interactions with a collection
  • To develop a working relationship of JavaScript objects and data collection

Requirements

  • A title for your collection
  • You should pull your data in with a JSON file or using JavaScript objects
  • Must be responsive and function on a mobile screen

Student Examples (Similar but not same project)

Due

  • 03/28