UTag

UTag - A Crowdsourcing Tags Tool

## Group Autumn

    

中文链接

   A web tag tool, Easy for configuration, Fully functional, Smooth interface, Quite flexible as the drawing tool on the PC. support gitlab Version control system, test on Travis CI. you can get different tag experiences here.

Requirments

• Bash(git、ssh)
• Java 8+
• maven 2.0+
• Chrome or Firefox

Installation

Method1:

1. You can download the install folder from http://114.215.188.21/161250096_UTag/UTag_Phase_I/blob/master/src.zip
2. Unzip folder "src"
3. Use command line to enter the folder
4. Enter: java -jar Phase_I-0.0.1-SNAPSHOT.jar

Method2:

1. You can download source file directly
git clone http://114.215.188.21/161250096_UTag/UTag_Phase_I.git
2. Then import or open the maven project.

Quick Start

1. Enter: java -jar Phase_I-0.0.1-SNAPSHOT.jar or Run the class: PhaseIApplication.java
2. Use Chrome or Firefox open the url: http://localhost:8080/
3. Given a admin user(admin/admin exists), then user the default account to sign in.(Register frame is to be updated, so use admin site)
4. Use the tag frame to tag the picture loaded

Introduction And Screenshots

First, use the default account admin/admin to log in the system:

Then, move to the tag page:
The left side is the auxiliary toolbar, it contains:

• Line tool to tag
• Box tool to tag
• Redo
• Anti redo
• Delete the whole picture
• Save the picture on the web

While at the bottom of the page:

• "PREVIOUS PICTURE" and "NEXT PICTURE" button control the load line of picture
• The input field is the tag to be entered
• The button "Check" save the tag result

Tips:

• If you want to update the tag by box, click the box related and enter the tag again, then chek.(It will occur a blank, which is the sign of updated tag. We suggest that you use redo more than click to update)
• We support the service of save on the server and you can download it, the path is your default download path.

Tag

• Whole picture tag: Just enter the tag and check; Directly rewrite the tag and check to update
• Part picture tag: Use the box and enter the tag, then check; Click the related box area, rewrite the tag and check to update
• Split Area: Use the pencil tool and split the picture The line doesn't support the update, just redo or delete if necessary
• All the data can be seen in folder, pictures can be downloaded from the server (The split area data is only stored as x.png )

Demo

Whole picture tag and update

Part picture tag and update

Spilt the area and update

Data

The data can be seen in json files in resources/static/data, such as part_pictures.json

Accident

When you use the system, sometimes it may occur "Nework warning" caused by loading too much file, just wait and refresh. Any other problems, please send mails to panyuyuyu@outlook.com.

To Do List

• Travis CI integration
• Configure variables
• Support Docker
• Open api
• Command line

Authors

• Autumn.NJU
• Yu Pan(Pypy233)
• Xingyu Pan(PanxyCris)
• Ning Li(Yotta Lee)
• Dixin Chen(Cindy Chen)

License

This project is licensed under the Apache License - see the LICENSE file for details

Acknowledgments

• Hat tip to anyone who's code was used
• ivan(GitHub project: draw)
• Kaihang Xie
• etc