Posted 9 months ago




Our app is called ‘Trocate’. In basic terms, it is an Android device app that allows the user to locate the nearest bin(s) based on where they are.

The interface primarily revolves around the GPS tracked map that shows the closest bins. Aside from the map, the user is presented with two primary buttons; search and settings.

SEARCH: The search button displays all the nearest bins to the user’s current location. It also serves as a refresh button if the user was to move to a different location.

SETTINGS: The settings button enables the user to perform other functions in relation to the map. These functions include:

  • Search Filter: This lets users type in the amount of bins they wish to be displayed on the map or filter what bin types are displayed; they may choose All Bins, Litter Bin, Recycle Bin, or Skip Bin.
  • Add Bin: If the user spots a bin in person yet it is not displayed on the app, they may use press this button to add one. The options of Litter Bin, Recycle Bin and Skip Bin may be selected in the drop down menu.
  • Report Bin: If the user feels that a bin is broken, missing, out of place, or too full, then they may report it to the admin by pressing this button and typing in their reason.

Worth Noting: When bins are added and reported, they do not become visible on the app’s map database straight away. Instead, they are passed on to the admin of the app (John and Sam) who either confirm or deny the bins existence on the map. This is an effective system for preventing people ‘trolling’ the app (e.g. adding bins in the ocean).

Info Button: In case the user doesn’t understand what the buttons and icons mean, we incorporated an about page, which translates the meaning of these buttons/icons. This page is visible when the user presses the ‘i’ (information) button on the top right screen.


Overall, I am happy with the final product because although it may seem like a basic app, it does what it needs to do in order to give quick and on-the-go information for bin locations - which was our original intention. I feel that adding extra features such as a login system, leader board or points system would be over the top and excessive for our apps intended goal/purpose. This meant that instead of our app having these delays and obstacles caused by more functions being implemented, our app was to the point, instant and ‘on-the-go’ like.

However, with a bit more time I felt we could have done a few more things to improve the app. Firstly, we could’ve touched up the interface of the settings page better. It wasn’t too bad, but I certainly felt it wasn’t perfect. In addition, we could’ve had more different types of bins on the map and perhaps more item specific bins? One feature that I thought would have been appropriate to add would be another searching option that lets the user type in the item that they wish to recycle/dispose of, then the app would respond by filtering and displaying all the possible bins on the map where they can dispose/recycle their item.

Posted 9 months ago


Here is the final poster I made for our app. I wasn’t sure if the team hands in one poster or if we were to make our own individual ones, so to be safe I just made my own.

Posted 9 months ago


Posted 9 months ago


Posted 9 months ago


These are some mock ups I did for a home/sign up page for our app as well as other digitally drafted interfaces. In the end, we did not use the home pages (the first two images) because we didn’t have one, which I felt was a good decision because messing around with a home page or sign up page may put the user off using it since they wouldn’t be getting this instant access to where the bins are located.

Posted 9 months ago


These are the guide pages I made that ended up being used on the app. The implementation and existence of these pages were quite subtle, in which you only had to touch the small information icon on the top right of the screen to activate them. I felt it was quite important that there was some sort of key/guide/information page that displays what each icon and button means. Otherwise the user may not know what is going on in the app, as some can easily comprehend things, others can’t and you have to meet the needs of these users that don’t always understand what the visuals mean.

Posted 9 months ago


Because we changed the program that was used to create the front end and user interface of the app (from Flash Builder to Eclipse), it took a bit of time to understand the language but with a bit of help from the comp science team members (Sam and John), I started to pick up on the similarities. For example, Buttons and ImageButtons which had a different format in the way you add values to them.

Posted 9 months ago


Here is a screenshot taken from the android device of how the settings page is coming along. Obviously parts of it are out of place and need to be re-positioned and re-touched but that won’t take too long to do.

Posted 9 months ago


These are the random icons that I made for the potential functions of the app. The goal was to create them so that they weren’t visually too complex, but at the same time, they weren’t too basic to the point that they were unrecognizable.

Posted 9 months ago


These are the several websites that I took graphics from and modified some of my own icons with. They state that they are under a creative commons attribution license.

Posted 10 months ago


These are the final buttons I made that were used on the app. Here they appear quite flat looking, however on the app they all blend in with the dark navy blue color scheme.

Posted 10 months ago


These are the map markers I made for the 3 types of bins; litter, recycle, and skip bins.

Making the markers easily identifiable and distinguishable was important so that the user won’t get confused when they figure out what things mean on the map.

Posted 10 months ago


I felt that the app’s logo played a huge role in the overall design of the app. This is because it can visually represent it, embedding the image into the users memory, and can make the app unique and identifiable. For the design of the logo, I wanted to include the two main ideas of the app; bins and locating. I incorporated these in both the title and the logo, the title being ‘Trocate’ (Trash and Locate), while the logo had a map marker with a bin inside it - replacing the letter ‘O’ in Trocate.

Posted 10 months ago


Our group (team twelve) discussed our app in further detail in class today. These are some mock ups of ideas that we came up with regarding the interface and functionality.

Posted 10 months ago