Gallery Learning Plan¶

This page is a lightweight learning path for adding or improving gallery-style pages in the current Flask/Jinja application.

Current Framework¶

Plant Tracer now uses Flask, not Bottle.

Read:

  • Flask routing and blueprints: https://flask.palletsprojects.com/

  • Jinja templates: https://jinja.palletsprojects.com/

  • Existing page routes in src/app/flask_app.py

  • Existing templates in src/app/templates/

  • Existing browser code in src/app/static/planttracer.js

Exercise¶

  1. Add a Flask route in src/app/flask_app.py.

  2. Add a Jinja template in src/app/templates/.

  3. Pass page context through page_dict().

  4. Add page-specific JavaScript under src/app/static/ only if needed.

  5. Add meaningful Flask or browser tests.

  6. Update developer and user docs if the page is user-visible.

Gallery Direction¶

A future gallery should use the existing movie metadata APIs and signed S3 URLs:

  • list candidate public/course-visible movies through Flask metadata APIs,

  • request playback URLs through lambda-resize movie-data API,

  • use lambda-resize first-frame endpoint for thumbnails,

  • avoid serving movie bytes through Flask.

Plant Tracer Web Application

Navigation

Contents:

  • Plant Tracer Web App Tutorial
  • Resizing Video Files
  • Plant-Tracer/webapp Releases
  • Developer Documentation
    • Developer Setup
    • Developer Setup On Amazon Linux 2023 EC2
    • Setting Up Plant Tracer On Ubuntu 24.04
    • Developer Setup Mac
    • Windows Developer Setup Notes
    • Local Development and GitHub Actions
    • Installation
    • Environment Variables
    • Demo Mode
    • Configuring AWS
    • Deploying To EC2
    • DynamoDB and Plant Tracer
    • S3 and Plant Tracer
    • Movie attribution and research metadata
    • Architecture Design Principles
    • Lambda Web Migration Discussion
    • Client Lambda API
    • Flask API Reference
    • Trackpoint Coordinate System
    • Video Trim Design
    • Analyze: Aggregate Result Statistics
    • Plant Tracer Movie Processing
    • Web App Theory Of Design
    • Notes on simplfying the implementation
    • Notes on Resizing
    • Optional / Possibly Missing Dict Keys
    • Coding Standards
    • Technical Debt Review
    • Release Process
    • Gallery Of Plant Videos
    • Gallery Learning Plan
    • Movie Player Design
    • Bibliography
    • Upload And Track User Story
    • Notes on Deploying to SAM
    • Configuration on mv1

Related Topics

  • Documentation overview
    • Developer Documentation
      • Previous: Gallery Of Plant Videos
      • Next: Movie Player Design
©2023-2026 Simson Garfinkel, Steven E. Barber, JoAnn Juzefyk, Eric D. Brenner. | Powered by Sphinx 9.1.0 & Alabaster 1.0.0 | Page source