COMPX532 Project proposal
PhotoNavigator — A Time-and-Location Visual Index for Personal Photo Collections
Project Description
PhotoNavigator will show an intuitive, browser-based proof-of-concept that enables users to browse a set of 100 CC0 or personal images using three synchronized displays: (1) an interactive world map (Leaflet.js) to filter by space, (2) a horizontal timeline slider (noUiSlider) to filter by time, and (3) an adaptable thumbnail grid (CSS Grid) for rapid scanning and selection. Users can select an individual photo, browse sequentially, skip to collections with common place or month, and maintain an awareness of the overall collection's scope. The architecture exploits array filtering and lazy-loading deliberately so that scaling to 1 000 or 10 000 images only necessitates light backend pagination.
Task Allocation / Roles
All research, design, coding, reporting and other work will be allocated in stages during the project according to the capabilities and time of team members.
Milestone Schedule
Milestone 1 - May 09, 2025
Gather 100 images; save dateTimeOriginal, GPSLatitude, GPSLongitude to a JSON file; create wireframes.
Milestone 2 - May 16, 2025
Implement timeline slider and map filter; provide bidirectional linking between filters.
Milestone 3 - May 23, 2025
Complete thumbnail grid, single-photo lightbox, “same place / same month / favourites” shortcuts; create demo screencast and draft report