This is a python project. The system has to segment the individual UIs(the rectangle area) from a image of the user flow diagram and the flow order of the UI also need to be identified from the arrow direction. Also we need to identify pixel coordinates of each arrow's origin point.
So our basic requirements are,
1. The initial input to our system is image of the user flow diagram (attached a sample image
herewith).
2. The image should be preprocessed in order to remove noises.
3. From the preprocessed image the individual rectangle regions that represent the web page layout should be identified and cropped from the original image.
4. Also connectivity order of the web pages should be identified from the arrow direction.
5. The arrow's starting point's pixels coordinates within the cropped webpage need to be identified.
6. Final output should be stored as database table(SQLite) as shown in the attachment