19-03-21 Entry: Progress on POC

We were awarded to develop a proof of concept (POC) for client W, the idea is to develop a agency module for them to manage and track their clients vessels.

I did up the initial screens for the sales presentation, right now it's about refining the screens after getting more detail requirements from the client.

Dashboard

For the dashboard, it will show the map of Singapore with the different anchorages. On the right side, we have a collapsible component that displays the upcoming jobs.

Each upcoming job is a card component that can be reused for in-progress jobs too.

The next tab displays the in-progress jobs. There's a progress bar to show time remaining to the completion of the operations.

Add New Job

For adding of new job, we initially broke the form into 2 steps.

At step one, the user will choose the ops that will take place for this RV. The user will be able to add more fuel grades if necessary.

At step two, the user will enter all the details for each of the section. As you can see, the form is pretty long:

When analysing the form, we discovered that the bunkering section makes up the bulk of the form. Thus, we decided to break the bunkering section to its own step to make the form more digestible.

We also added the function to allow user to switch the position of the fuel grade to define the sequence of the supplying of the bunker:

Next up, the bunkering ops section! :)