Skip to content

Planning

This page is a public draft.

Its contents may still change.

In the planning phase, you will create an Annotated Design Sketch and a Project Narrative.

  1. Install draw.io integration for vscode
  2. You can start from scratch, or you can start with this nearly-scratch example that has 2 “pages” (one for Desktop and one for Mobile).
  3. If one of your teammates hosts a vscode LiveShare (and shares the link with the rest of you), y’all can collaborate on the sketch simultaneously.

What to Turn In

Upload the following two pdf files to Canvas. Each pdf should be 2–3 pages. Only one team member needs to submit the files.

  1. Annotated design sketch (exported from draw.io)
  2. Project narrative (from Google Drive or OneDrive)

Your design sketch must…

  • depict at least three pages/views/states in a larger view (Ex: “desktop”).
  • depict at least three pages/views/states in a smaller view (Ex: “mobile”).
  • have annotations to show the font faces, colors, and sizes.
  • have annotations to show the layout and spacing (where not default).
  • depict user interface elements necessary to perform CRUD operations.
  • depict a navigation menu that will be present on all pages.

Your project narrative must include the following sections (about 200 words each):

  • Purpose
    • Clearly state the main idea and intended purpose of your application.
    • Explain a problem your application aims to solve and why it is important.
  • Users
    • Identify the primary users of your application, including their background or needs.
    • Justify how your application will benefit these users and improve their experience.
  • Features
    • Outline the core functionalities of your application and explain how they will work.
    • Provide a concrete example demonstrating how the application fulfills its purpose.
  • Data
    • Describe the types of data that users will create, read, update, and delete (CRUD).
    • Include an example of this data using either real or representative sample values.

At the top of the narrative, include the project title, your team name, and the student names.

References are optional, but you may include “Works Cited” if that simplifies the explanation.

Example

Checkout Dawgstagram which includes:

  1. an Annotated Design Sketch
  2. a Project Narrative