diff --git a/docs/ui.html b/docs/ui.html index 0318d74..428bbe3 100644 --- a/docs/ui.html +++ b/docs/ui.html @@ -3,93 +3,521 @@ - Coming Soon — WIN + + + WIN Student Goal Tracker - User Manual - -
-

Coming Soon

+

WIN Student Goal Tracker

+

+ User manual for teachers and program staff using the WIN platform to manage + students, goals, benchmarks, and progress events. +

+ +
+ + Open Live Application + + + Back to Project Home + +
-
-

User Interface Coming Soon

-

- We are currently building out the User Interface documentation. - Please check back soon for updates. -

+
+ + +
+
+

1. Overview

+

+ The WIN Student Goal Tracker is a web-based application designed to + help teachers and program staff organize student progress in a + structured way. Users can review assigned students, create or review + goals, define benchmarks, and document progress events over time. +

+ +
+
+ Students + Managed by teacher +
+
+ Goals + Tracked per student +
+
+ Benchmarks + Milestones per goal +
+
+ Events + Progress history +
+
+ +
+ This manual focuses on the current application workflow shown in the + deployed prototype and implemented interface. +
+
+ +
+

2. Accessing the Application

+

+ To begin, open the login page at + https://win.opelly.me/login. +

+ +
+
    +
  1. Enter your assigned email address.
    2. +
  2. Enter your password.
    3. +
  3. Click Sign in.
    4. +
+
+ +
+ After a successful login, the system will take you to the program + selection screen. +
+
+ +
+

3. Selecting a Program

+

+ After authentication, the system displays the list of programs + available to the logged-in user. +

+ +
    +
  1. Review the available program cards.
    2. +
  2. Select WIN Program – Teacher (Primary).
    3. +
  3. The application will open the main dashboard for that program.
    4. +
+
+ +
+

4. Student Dashboard

+

+ The main dashboard displays the students assigned to the current + teacher or user. +

+ +
+
+

Information shown on each student card

+
    +
  • Student identifier
    • +
  • Expected graduation date
    • +
  • Number of goals
    • +
  • Number of progress events
    • +
  • Last activity date
    • +
+
+
+

Navigation

+
    +
  • The left sidebar lists students for quick access.
    • +
  • Clicking a student opens that student’s detail view.
    • +
  • The dashboard serves as the main starting point for daily use.
    • +
+
+
+
+ +
+

5. Adding a Student

+

+ Teachers can add a new student record directly from the dashboard. +

+ +
    +
  1. Click + Add a Student.
    2. +
  2. Enter the Student Identifier.
    3. +
  3. Enter the Expected Graduation Date.
    4. +
  4. Click Add Student to save the record.
    5. +
+ +

+ Once saved, the new student appears in the dashboard and sidebar. +

+
+ +
+

6. Viewing Student Goals

+

+ Selecting a student opens the goals view for that student. Goals are + the main tracking objects used to measure student development and + progress. +

+ +

Goal details may include

+
    +
  • Goal category or label
    • +
  • Goal description
    • +
  • Associated benchmarks
    • +
  • Related progress events
    • +
+ +
+ Users can use this page to quickly review whether a student is making + progress and what supporting events have been documented. +
+
+ +
+

7. Managing Benchmarks

+

+ Benchmarks break a goal into smaller, measurable steps. This makes it + easier to see incremental progress over time. +

+ +

To add a benchmark

+
    +
  1. Open the selected student’s goal.
    2. +
  2. Go to the Benchmarks section.
    3. +
  3. Enter the benchmark description.
    4. +
  4. Click Save.
    5. +
+ +

Example benchmark

+

Complete Computing for Good

+
+ +
+

8. Recording Progress Events

+

+ Progress events document meaningful activities, milestones, or notes + related to a student’s goal. +

+ +

Each progress event should capture

+
    +
  • A brief description of the activity
    • +
  • The user who recorded the event
    • +
  • The date of the event
    • +
+ +

Example

+

Took C4G – loved it!

+ +
+ Progress events create a historical record that can support follow-up, + reporting, and program evaluation. +
+
+ +
+

9. Typical Workflow

+
    +
  1. Log into the application.
    2. +
  2. Select the appropriate program.
    3. +
  3. Review the list of assigned students.
    4. +
  4. Add a student if needed.
    5. +
  5. Open a student record.
    6. +
  6. Review or create goals.
    7. +
  7. Add benchmarks to define milestones.
    8. +
  8. Record progress events as the student advances.
    9. +
+
+ +
+

10. Usage Notes

+
    +
  • Keep student identifiers consistent to avoid duplicate entries.
    • +
  • Update progress events regularly so the record stays current.
    • +
  • Use benchmarks to make large goals easier to track.
    • +
  • Review student cards often to spot inactivity or missing updates.
    • +
  • Log out when finished using the system on a shared device.
    • +
+ + Back to Project Home +
+
- - +