Skip to main content

Fruit Recognition Simple GUI

Recently, I have made a simple Graphical User Interface (GUI) for purpose of checking the application behaviour and to determine if there are any bugs so far. To design a small and not complicated UI like this we do not need to use paper and pencil, instead we can think what is really needed and start to creating the GUI.



  1. Picture area. After dropping picture over the "Drag and Drop" area (#4) picture comes up in area with number 1.
  2. Label area - Area in which the program will show the responses from the Google API with a labels correspondingly to recognised image content.
  3. Score area - responses from the Google API about score of the current element in per-cents. To clarify, probability that the label is the same object as the one on the picture
  4. Area to drag and drop image for Google API and to show in the Picture area (#1).
  5. Progress bar.
  6. Status bar.

I also prepared a small video to show how the GUI looks and works so far "in action".




Up to this point everything works as I expected. However, there are minor bugs, which are easy to solve, Eg.:
  • dragged and dropped picture, which does not contain picture of fruit comes up in picture box area,
  • pictures dragged and dropped straight from the internet browser throws exception
These are the only bugs I have found so far.


Further plans:
  • Implement different options for recognition like facial recognition with smile score, recognition of other objects than only fruits,
  • Redesign UI (probably in Universal Windows Platform) to provide better user experience and in-app look

As my outcome, I have learn how to design and work with simple user interface and how to quickly organise elements to work with the Google Cloud.

To conclude, in this blog post I showed how my project is looking so far. Furthermore, there is small explanation of elements that I have in my application and small demonstration how it is working.

Comments

  1. Carrie Mansfield2 May 2018 at 11:25

    Great project development post! You have used screenshots and added a video, which shows a good range of tech and appropriate choice. This shows how you are using your skills and also reflection on what you have discovered so far. I'm very impressed with your engagement with the project so far. Well done!

    ReplyDelete

Post a Comment

Popular posts from this blog

Survey results and analysis + SWOT Analysis

In the last weeks I have created a survey to gather informations, which can potentially give me some ideas about my software and how I can improve it in order to fulfil expectations of potential clients. To analyse all of data gathered I used charts that were generated automatically in the Google Forms and SWOT Analysis of data in charts. In the first part of my survey I am asking respondents about themselves do predict if there are any chances that they are on some higher positions in companies that they are working for. The variation of both higher age and higher education - age 30+ and bachelors level of education and above makes possibilities that the respondent is currently on some higher position. I decided to use this variation instead of asking respondent directly, because I am aware of that maybe not everyone want to share such information with survey even if they are anonymous. As we are able to see on the chart there is an impressive number of people who have educati...
3 comments
Read more

Back-end of application - C# and the Google Vision API

In this post I will be writing about following: Connecting the Google Cloud Vision API to C#, benefits of using this API, why I choose the Vision API, code written to make my software working, bugs that I need to solve in future versions Connecting API to C# To use Google Cloud API's we need to configure and download account credential '*.JSON' file. To work with the Google Vision API we need also to reconfigure our windows settings by adding path of JSON file to our environmental variables, which you can see below As we finish adding our environmental variable we can go further to the next step, which is preparing our programming language to work with API, in this case C#. Firstly, I have downloaded NuGet Google Cloud package to work it Secondly, after we configured everything successful we can import Google package to call it after in code. To do that in C# we need following 'using' statement With this last step I am fully configure...
1 comment
Read more