Creating Literacy

As we said, we will create a new application to extract text from images or scanned documents, hence, its name of Literacy. The first thing is to clarify what the application aims to do. The main feature is extracting text from images, but, for the convenience of users, we should provide more than one way to specify the image:

• The image may be from the local hard disk.
• The image may be captured from the screen.

With this requirement clarified, let's now design the UI.

Designing the UI

The following wireframe is drawn as the design of the UI of our application:

As you can see, we split the main area vertically into two parts—the left-hand part is used to display the opened, or captured, image...