[WIP] UI improvements and Documentation Update

.gitignore

@@ -140,3 +140,10 @@ dmypy.json
 #data
 last_action_choice.pickle
 /config.yaml
+*.pickle
+*.csv
+*.npy
+*.yaml
+*.mp4
+*.h5
+*.txt

README.md

@@ -17,21 +17,96 @@ conda activate dlc2action_gui
 
 Further detailed in [Installation and updating](readme_media/installation.md).
 
-## Quick Start
+## Quick Start : Annotation Workflow Tutorial
+
+Welcome to the Annotation Workflow Tutorial section, your comprehensive guide to mastering the annotation process. Below is a breakdown of the standard workflow, designed to ensure a seamless experience:
+
+## Table of Contents
+
+- [Setting up your environment](#Setting-up-your-environment)
+- [Creating a project](#Creating-a-project)
+- [Loading videos](#Loading-videos)
+- [Handling videos](#Handling-videos)
+- [Annotating videos](#Annotating-videos)
+- [Add or modify labels](#Add-or-modify-labelss)
+- [Saving your work](#Saving-your-work)
+- [Opening a project](#Opening-a-project)
+- [Change settings](#Change-settings)
+
+## 1) Setting up your environment :
+
 You can start using the interface by running the following commands in a terminal
 ```bash
 conda activate dlc2action_gui
 python annotator.py
 ```
-The standard workflow is rather straightforward and involves
-1) Loading videos
-2) Setting labels and shortcuts
-3) Annotating videos
-4) Saving your work
 
-You can find detail documentation on how to use the annotation tool in the
-[Main user guide](readme_media/userguide.md)
+## 2) Creating a project :
+Once the application is launched, locate the option to create a new project. 
+- Provide a title for your project
+- Set the annotator's name
+- Set your labels for the project and/or select existing labels
+- Set a keyboard shortcut for your annotations to improve your workflow speed
+
+Watch the tutorial [here](https://www.youtube.com/watch?v=iTTREcVEL4U).
+
+## 3) Loading videos :
+Once the project is created a window will open to prompt you to select your videos.
+- You can select one or multiple videos
+- If you select multiple videos you'll have the option to display them sequentially or in multiple view 
+- Select 'Yes' to display all videos conjointly (depending on the size of your videos this will take a few minutes)
+
+## 4) Handling videos :
+Actions you can perform: 
+- Play/stop (shortcut: space bar)
+- Set video speed
+- Select frames
+- Move video frames using the hand icon
+- Drag and zoom
+- Clicking anywhere on the bar will take you to the corresponding frame
+- If multiple animals are displayed and their key points have been uploaded, the animal that is being annotated is the one with the colored key point markers
+
+
+## 5) Annotating videos :
+
+Dive into detailed tutorials on the annotation process. Explore techniques for tagging and marking within videos.
+- To annotate or handle your annotations you have to first select the action you want to perform then click on the annotation
+- To create a new annotation, hit the + icon then drag the label below the video 
+- Modify any actions by clicking and dragging the edges of your annotation in the **Move** mode.  
+- Select the trash bin icon / press `Cmd + R` to delete an annotation
+- Select the scissors icon / press `Cmd + C` to split an annotation in two
+- Select the transparency icon / press `Cmd + B` to mark actions as ambiguous. In that case, the actions will be transparent on the action bar
+- Select the label icon / press `Cmd + A` to change the annotation's label to another in the label's menu.
 
-## Acknowledgments and Credits
+Watch the tutorial [here](https://www.youtube.com/watch?v=QiTD5HngoVk).
 
-The GUI was initially written by [Liza Kozlova](https://github.com/elkoz) in the [Mathis group](https://www.mathislab.org/). The GUI is still in development but fully operational on the main branch. Please reach out, or open an issue if you have questions! Collaborations are welcome. 
+## 6) Add, edit or delete labels :
+- Use the keyboard shortcut cmd+L or go to "labels" then "Change labels"
+- For nested annotation, you can choose a category by double-clicking it and going back to the categories  list by pressing `Esc` or the 'Go back to categories' button. 
+
+Watch the tutorial [here](https://www.youtube.com/watch?v=yRKC_ppjWbw).
+
+## 7) Saving your work :
+
+The program should run smoothly, but please don't forget to save your results regularly by selecting the 'Save' action in the 'File' menu or pressing `Cmd + S`, just in case.
+
+Backups for your annotated data are automatically created every **30 minutes** in a folder located next to your first video: `path/to/video1_backups`. You can change the directory
+where backups are saved for your project, and the interval at which they are saved. 
+Running
+```bash
+python annotator.py --backup-dir /path/to/backups --backup-interval 120
+```
+will save backups every 2 hours (120 minutes) in the `/path/to/backups` folder.
+
+The results of your work will be saved at `path/to/video1_annotation.pickle`. The `_annotation.pickle` suffix is the default, you can change it in the settings window (at Files / Annotation suffix). If you open a video that already has a corresponding annotation file in the same folder, that file will be loaded automatically. A human-readable version of the annotations will also be saved in CSV format (with the same suffix, and `.csv` extension).
+
+## 8) Opening a project :
+Once the application is launched, locate the option to open a project. 
+- Select your project folder then click open
+
+Watch the tutorial [here](https://www.youtube.com/watch?v=etsFBnmiadc).
+
+## 9) Change settings :
+
+You can find detailed documentation on how to use the annotation tool in the
+[Main user guide](readme_media/userguide.md)