Homework 6: Project Proposal & Social Storyboard

In this assignment you will produce a single-page project proposal as an HTML file for your final course project (for example, an AI language tutor agent that generates lesson plans, teaches you grammar, vocabulary, and pronunciation, and helps you practice speaking and listening). You will also design a storyboard for a short social-media hype video (TikTok / Reels style) that could promote your project.

Storyboard workflow (optional but recommended): You may use the Jarvis-style video / movie agent pipeline from Lecture 14: AI Movie Generation (scene planning, narration, image generation, and stitched output) to draft your storyboard text, scene images, and optional final video—similar to the storyboard.html examples under lecture_14/projects/. You are not required to use every step of the pipeline; a hand-built storyboard is fine as long as it meets the requirements below.

Bonus (+5 points): Export or render an actual video file (for example .mp4) for your hype reel and place it directly inside hw_6_project_proposal (same level as your HTML file)— not inside an assets/ or other subfolder. The grader must be able to play it with a normal media player.

Deliverables & folder layout

Create a folder named exactly hw_6_project_proposal, put all deliverables inside it, then zip that folder and upload the zip to the Canvas assignment. (Do not submit a GitHub link unless the instructor asks for one separately.)

Example layout for a submission with three storyboard scenes (one anchor still per scene; your HTML filename and image names may differ—keep paths consistent in your code):

hw_6_project_proposal/
├── index.html
├── scene_01.png           ← anchor image, scene 1
├── scene_02.png           ← anchor image, scene 2
├── scene_03.png           ← anchor image, scene 3
└── hype_reel.mp4          ← optional (+5 bonus only)

Put hype_reel.mp4 in the folder root only if you submit the bonus video; otherwise omit it. Do not nest these files in subfolders.

Inside the folder you must include:

Your main proposal page as an HTML file (e.g. index.html).
One anchor image file per storyboard scene (e.g. scene_01.png, …), referenced from your HTML—use relative paths so the page works when opened locally or hosted.
If you complete the bonus: your video file (e.g. hype_reel.mp4) in the root of hw_6_project_proposal only—do not put the video in a subfolder.

Page requirements

Header: A clear project title and a catchy subtitle (one line that sells the idea).
Tabbed interface: The page must have three and only three tabs, labeled exactly Overview, Team, and Storyboard (same spelling and capitalization—no synonyms, no fourth tab, no extra tabs such as “Home” or “About”). Implement switching with JavaScript or a similar approach so that only one panel is visible at a time; clicking a tab shows that section’s content and hides the other two until the user switches again.
Overview tab:
- Two to three paragraphs, justified in purpose: (a) motivation—what problem you are solving; (b) business or user value—who benefits and how; (c) components you will build—concrete pieces (UI, APIs, models, data, voice, etc.).
Team tab: Show your group’s team name—something unique and creative (one name per team), displayed clearly above or beside the roster (for example a heading or labeled line, not buried in the table). Below that, include a table with columns First name, Last name, Email, and SIS ID (format like abc123), one row per team member.
Storyboard tab: A storyboard for a short vertical-style social video (~30 seconds is a good target) with at least three scenes. Present it in a single HTML table with (at minimum) these columns: anchor image (or “Image”), scene description, and narration. For each scene, include one anchor image—the key still for that beat (your own generated art, stock, or Lecture-14-style renders)—embedded in the table cell, with the image file shipped in your submission folder. The scene description column should cover shot type, setting, and action; the narration column is the on-screen or voice-over text. See lecture_14/projects/.../storyboard.html for a matching layout.
Visual design: Deliberate typography and color—readable body text, consistent headings, enough whitespace, and a cohesive palette. Avoid “default browser Times on stark white with no structure” unless you are intentionally minimal and still polished.

Submission checklist

Folder named hw_6_project_proposal with working HTML, exactly three tabs labeled Overview, Team, and Storyboard (Team tab includes a creative team name plus the roster table), and all anchor images for the storyboard table.
Zip file of hw_6_project_proposal uploaded to Canvas.
Optional: video file (.mp4 or similar) in the root of the folder for +5 bonus points.

Grading breakdown (100 points + 5 bonus)

Task component	Points	Requirement
1. Header: title & subtitle	8	Clear project title and a catchy one-line subtitle visible at the top of the page.
2. Tabbed interface	14	Exactly three tabs, labeled Overview, Team, and Storyboard (exact names); panel switching works so only one section shows at a time.
3. Overview content	26	Two to three well-written paragraphs covering motivation, user/business value, and planned components to build.
4. Team roster	10	Visible team name (unique, creative); table with First name, Last name, Email, and SIS ID; all teammates listed accurately.
5. Storyboard	22	At least three scenes; table with anchor image, scene description, and narration columns; one anchor image per scene in the folder; content fits a social hype video.
6. Visual design & formatting	15	Intentional fonts/colors/layout; readable and professional—not cluttered or “unfinished default” styling.
7. Submission package	5	Correct folder name (`hw_6_project_proposal`), relative links work, all assets present; zip uploaded to Canvas.
Bonus: video file	+5	Playable video file (e.g. `.mp4`) for the hype reel, placed in the root of `hw_6_project_proposal` (not in a subfolder).

Total core: 100 points. Maximum with bonus: 105.