search

alanaberdeen / AIDA

Annotation of Image Data by Assignment.
https://alanaberdeen.github.io/AIDA
MIT License
56 stars 15 forks source link

How to build an image labeling websit with AIDA? #1

Closed wulipc closed 5 years ago

wulipc commented 6 years ago

Hello, alanaberdeen,

Recently, I have been looking for an image labelling tool and compared a lot of image labelling tools mentioned in Wikipedia webpage. I found your label tool, AIDI, is outstanding and it suits me very well. but this project seems to contain only the front-end part, and I wonder how I can deploy this tool on my server. Any information would be appreciated. thank you so much. ^_^

wulipc 2018-02-02 20:28:59

alanaberdeen commented 6 years ago

Hey,

Nice to hear people are interested!

Sure I can try and point you in the right direction. As you say, in the current form AIDA is a 'just' a front-end interface. This was a purposeful design choice. We wanted to keep each part modular and decoupled from each other for ease of development and increased generallity.

But you could quite easily use it to annotate or label your own images. This would require adjusting the HTTP requests to pull the images from your server and similarly adjusting the save functionality to specify a safe location to store your new annotations. There is a single configuration JSON object that specifies the entire state of the entire application. You may want to save the whole thing or just the bits you care about.

Feel free to fork this and have a dig around in the code. I'll have a go at helping out further if you get stuck!

P.S. There are tentative plans to enable this kind of thing directly with simple application settings. But it's something I haven't had time to really dig into just yet. Will let you know when things move further along!

wulipc commented 6 years ago

It is so kind of you to help me out. I will dive right in and see how it works. Thank you. Sorry for the late reply.

mfojtak commented 6 years ago

Is there a simple documentation on how to build and deploy this web app?

alanaberdeen commented 6 years ago

Hi Michal,

The code is bundled together using Webpack. Therefore, the working process is something like the following:

  1. Clone the repo
  2. Install dependencies via npm install
  3. For development: start a hot-reloading dev server with npm run dev
  4. For deployment: bundle together with npm run build

I've made some changes recently so be sure to clone the latest from master - it should be an easier code base to work with!