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

SEO

SEO (Search Engines Optimisation) - It is about optimising web pages for the search engine to be as high in search engine as possible. To optimise web page we have to use correct tags, words, web page structure, link to partners and social media. In order to do SEO on the page correctly we have to know how exactly the SEO works. SEO is used to make websites visible in the search engine on the highest position. Optimisation is also used to have high Click Through Rate (CTR) to monetise websites.
2 comments
Read more

Wix website improvements

1. SEO keywords improvement 2. Paraphrased description of my products 3. OpenWallet page 4. Unnecessary social network links deleted 5. Card payment option 1. Accordingly to Zoya's feedbacks I improved SEO keywords. Firstly, I was using whole sentence from description as a SEO keyword. Now I am using just the most important words from my description as keywords. 2. For description of my products I was copying description from cryptocurrency website and the source of description. Now I am paraphrasing original description for purposes of SEO and copyrights. 3. When, I was planing my wix website I decided to make a wallet to store cryptocurrencies, however wix does not allow me to do that so I decided to make this page just to show how it can possibly look like in a finished product. On the website user can see how much of each cryptocurrency is currently available and also what is the wallet address. 4. I removed unnecessary social media links and replaced ...
Post a Comment
Read more