Images Annotation Programme

Free Online web tool to annotate images, output format is a list of xml files (Pascal VOC xml format). This image labelling application will help you creating a learning base for image recognition.

Discover an example: http://bipbipavertisseur.alwaysdata.net/imageannotationsv2.0_d1

Customization

1. Configuration

To customize the directories used, edit the PHP file inc/configuration.php ```php <?php

Image path to be used in the HTML client

$IMAGEWEBDIR = "data/images";

Image path for internal PHP use

$IMAGEROOTDIR = "../data/images"; $ANNOTATIONS_DIR = "../data/annotations";

Collection name

$COLLECTIONNAME = "collection01";

Not annotated image 80% to be presented to user

$rationewold = 80; ?> ```

2. Images

Images to be annotated are located in data/images/collection01/part1 and data/images/collection01/part2

3. List of classes

The list of classes can be customized in the file resources/listoftags.json

json
[
    {"name": "Long Beak Bird", "icon": "resources/tag_examples/long_beak.jpg"},
    {"name": "Eagle", "icon": "resources/tag_examples/eagle.jpg"},
    {"name": "Parrot", "icon": "resources/tag_examples/parrot.jpg"},    
    {"name": "Baby Bird", "icon": "resources/tag_examples/baby_bird.jpg"}
]

4. Annotations Target directory

Each image will generate one XML file in the directory data/annotations

Output as Pascal VOC xml files

This format is a standard and can be easily read from Tensorflow Object Detection API

  collection_01/part_1
  pexels-photo-60091.jpg
  
  
    Unknown
  
  
     1125
     750
     3
  
  0
  
    Bird
    Unspecified
    0
    0
    
      488
      245.5
      674
      601.5
    
  

Contributions

Many thanks to the contributors of these useful libraries: * jQuery-select-areas available on GitHub * EasyAutocomplete available on GitHub

I modified some pieces of code to adapt the features to my needs.

License

Code released under the MIT license.