The Graphical User Interface
Here is the basic layout of the user interface (The important GUI components are numbered in red)
- This is the name of the web site whose catalogue of mangas you are viewing at the current point in time.
- This is the Manga List Pane. This displays the catalogue of mangas from which you can choose one or more to download.
- This is the Status Bar. This is mainly used to display information about the current state of the application. Namely what tasks are being carried out in the background (Like caching manga data to facilitate advanced searching for example), and whether or not an internet connection is detected
- This is the Menu Bar. This contains a list of buttons that perform different functions. What these buttons actually do will be further explained later in this section.
- Located to the right of the Manga List Pane is the Display Pane. This is used to display either a panel that contains information about a selected manga (And also allows for a user to download the selected manga), or a panel that displays the list of ongoing downloads. A more detailed explanation about how the Display Pane funtions will be given later in this section.
- This is the Quick Search Bar. Here you can filter out mangas by name. If any of the mangas have titles that remotely match the text entered in the text field, they will be displayed in the Manga List Pane. For more details about searches/filtering, see the "Filtering Mangas" section.
Menu Bar (Described from left to right)
The Menu Bar contains a set of buttons that allows the user to carry out a number of tasks.
-
The first button (The button with the
icon) brings up a dialog window that allows the user to choose from a number of websites which site they wish to download mangas from.
- The second button (The button with the
icon) allows you to view the ongoing downloads. It displays the Downloads Pane in the Display Pane. For more details about handling downloads, see the "Downloading Mangas" section.
-
The third button (The button with the
icon) brings up the Advanced Filter Window that allows the user to performa advanced searches (Like filtering out mangas by genre, artist, release year etc.) For more details about searches/filtering, see the "Filtering Mangas" section.
- The 4th (The button with the
icon) is used to bring up the help web page in the browser. The 5th button (The button with the
icon) is the "About" button that brings up a small dialog window that display some more information about the application.
Display Pane
This pane is actually a multi-layered panel and hence can be used to display many different panels that serve different functions. For example when the user selects a manga in the
Manga List Pane, the
Manga Info Panel appears in the Display Pane providing information about the selected manga. When the user clicks on the

button in the
Menu Bar the
Downloads Panel appears in the Display Pane, showing all of the ongoing downloads.
Status Bar
The status bar comprises of two components. The

icon indicates internet connectivity. If the internet connection is lost, then the icon is greyed out (Like this ->

).
Next to this icon is the
Activity Bar. This is used to notify the user of the state of the application (Could be Caching the manga data, filtering out mangas and so on).