Roby Tanama - Project Portfolio for $aveNUS

Firstly, I updated the look of the app to give it a more professional look and much more fitting to the purpose of the application.

For example, I added a Wallet section which shows the user’s current amount of money available to be used for purchases.

Another one would be the addition of the statistics tab which allows user to tab through their spending data to get a better understanding of their own spending habits and plan their future spending accordingly.

The font of the application has been carefully selected based on the list of TypeFaces available. This is to allow all users to be able to read the application easily, even those with reading difficulties.

The overall color scheme of the application is a result of hours and hours of brainstorming in which I have managed to successfully come up with color schemes for any theme selected by the user that is not only easy on the eyes, but also stylish in design.

I also added buttons on the menu pane that functions as the single-word commands such as recommend and default. These buttons function just like typing the commands on the Command Text Box and the icon for each button has been carefully selected from online database of icons to perfectly match its function.

The look of the app is the first thing that users see when starting up the application. By having an expertly designed UI, the user will feel more at ease when using the app as it gives a sense of overall professionalism.

The reasoning behind adding enhancements to the UI components such as statistics tab and wallet section is to make the app more convenient to the user. By adding such displays, the user will no longer have to type on the command line just to get the statistics that they desire. Even the most experienced of keyboard users will definitely not want to constantly type commands just for a bunch of information that could have been easily displayed on the screen.

The themes are added so that the users are able to easily modify how the app look to their likings. Due to our team’s foresight and forward-thinking nature, we thought that it would be much more accommodating to the user. Imagine having to stare at the same application for hours on end without being able to change the look of the application at all, which is why it is important to have themes.

The buttons are added to improve the user’s convenience as most single-word commands like recommend are done by typing the command word into the Command Text Box. By being able to use the command just by clicking the button, it would greatly save the user’s time. This also allows the app to accommodate the different type of users, where some might prefer mouse over keyboard, and vice versa.

The UI features such as theme has been implemented to work with Command Line Interface. For example, theme dark will change the application’s theme to Dark theme. This is to enhance the clickable theme button and also to give users the freedom of choice.

A menu tab has been created on the left side of the application with a variety of buttons available such as help menu, and theme button with tooltip that appears when user hovers over the button. This is to give a brief outline to the users on what the application is capable of doing.

The MainWindow has been meticulously modified and tweaked to make the application look more professional and numerous bug fixes were done to allow most laptop to open the application without any problems. The application used to have problems with smaller laptop screens due to the size of the UI but I have managed to tweak the UI to suit reasonably small screens.

The info command allows users to view more information about a particular command.

For example, by typing info add, new window will be opened displaying everything that the user needs to know about the command add such as usage example, and even expected output.

The help command initially only allow the user to copy the user guide’s url and paste it onto the browser which is not very helpful in my opinion. As such, I have decided to include the list of commands available and also enable the HelpWindow to automatically open up the user guide using the system’s default browser.

Firstly, the info command is implemented to give users a better understanding of how the application works. The information listed for the commands are written as detailed as possible without over-using technical terms. This works like an in-built user-guide, hence improving convenience.

The info command does not require internet connection as everything is manually typed by the developers and is integrated into the application. This is so help those users who do not have internet connection but would still want to know more about various commands.

Secondly, the enhanced help command is done so as to provide users with more convenience. The list of commands is to allow users to easily find out the features that the app can provide without having to look through the entire user guide. The clickable user guide is done so that the users will not have to manually copy paste the links onto their browsers which saves a lot of time.

While implementing both commands, my main train of thought was on user’s convenience and ease of usage. While implementing the info command, I had to decide between displaying it on the ResultDisplay section or just open up a new window which I have decided that would be much more detailed and convenient.

The improved help command causes the app to require internet connection in order to open the user guide which was a point of discussion for our group at a certain point. I have decided to go through with it as copying URL would still require internet connection to open up the user guide nevertheless. The ability to automatically open the system’s default browser would definitely make it much more convenient for the user.

Displays the help window that allows users to view the list of commands available. It also allows users to open up the user guide by clicking the Guide button within the help window.

Shows the user’s previously typed commands in the Results Display.
The user can view up to 10 previously typed commands.

Displays the information of the command specified. A new window will be opened showing additional information about the specified command, usage example, and expected output of the command.

Changes the look of the application depending on the desired theme.
List of themes available are light and dark

The default theme of the application is dark

Exits the app.

In order to support the info command, new classes were added that correspond to each command in the app. This is to allow for easy access and also to better organize the information to be displayed for each commands.

These classes only has public fields without any methods as it is only needed by InfoWindow to access the information

Here are some example classes: AddInfo, AliasInfo, AutoSortInfo, BudgetInfo

Each of these classes contains these fields:

Each of these fields have to be manually typed as it acts like an in-built user guide for the users who do not have access to internet connection, but would still like to know about the command.

Command word to open up a new InfoWindow is info. Users are able to view the InfoWindow for each and every command as long as the command exist within the app (There exist the class for such info card in the model).

For example, info add will open up a new InfoWindow about the command add.

The sequence window below shows how a sample info command is executed:

The following activity diagram shows how the info command works.

Detailed below are our considerations when creating the Info feature.

Command word to change the theme is theme. Currently there are only two themes available which are light and dark theme. As such, the only valid commands are theme dark or theme light.

The sequence window below shows how a sample theme command is executed:

The following activity diagram shows how the theme command works.

Detailed below are our considerations when creating the Theme feature.