---

User Manual: Effective Hours Calculator

Introduction

The Effective Hours Calculator is a web-based tool designed to calculate effective working hours in a day by logging “In” and “Out” times. It also provides a visual pie chart representation of your working hours compared to remaining time.

---

Features

1. Dynamic Time Log Management: Add or remove time logs dynamically with ease.
2. Minimal Inputs: Only two fields per log: In and Out.
3. Real-Time Calculations: Instantly calculates total working hours.
4. Visual Chart: Displays a pie chart showing work and remaining time distribution.

---

How to Use the Effective Hours Calculator

Step 1: Open the Tool

• Launch the tool in a modern browser like Chrome or Firefox.
• The interface will display:
  • A default row with In and Out fields.
  • A + Add Log button to add more logs.
  • A Calculate Hours button for calculations.

Screenshot Placeholder: Add an image of the initial screen here.

---

Step 2: Add Time Logs

1. In the first row, input your In and Out times:
   • Example: Start work at 09:00 and end at 17:00.
2. If you need to log additional sessions, click the + Add Log button. This will add a new row for time input.

Screenshot Placeholder: Add an image showing multiple time logs entered.

---

Step 3: Remove Unnecessary Logs

• If a log is no longer required, click the – button next to the row. This will delete the row instantly.

Screenshot Placeholder: Add an image of the “Remove Log” functionality in action.

---

Step 4: Calculate Total Hours

1. After inputting all required logs, click the Calculate Hours button.
2. The total working hours will appear at the bottom in the format:
   • Effective Hours: Xh Ym (e.g., 6h 45m).

Screenshot Placeholder: Add an image of the calculated result.

---

Step 5: View Pie Chart

• A pie chart will display:
  • Work Time: Total hours worked.
  • Remaining Time: Unused hours in the day.

Screenshot Placeholder: Add an image of the pie chart visualization.

---

Error Handling and Validation

1. Empty Fields:
   • If any In or Out field is left empty, the system will prompt you to fill them.
2. Invalid Time Input:
   • If In time is later than Out time, an error message will appear to correct the entry.

Screenshot Placeholder: Add an image of the error message for invalid inputs.

---

Troubleshooting

1. Pie Chart or Results Not Displaying:
   • Ensure all time fields are filled in correctly.
2. Accidentally Deleted a Row?
   • Click + Add Log to add it back.

---

Conclusion

The Effective Hours Calculator simplifies time tracking, providing accurate results and a professional pie chart visualization. Perfect for personal or professional use, this tool makes tracking work hours efficient and straightforward.

---

Note:

For the actual manual, you need to:

1. Open the tool in a browser.
2. Use a screenshot utility (like Snipping Tool on Windows or Command+Shift+4 on Mac) to capture images of each step described above.
3. Replace the Screenshot Placeholder sections with your images.