Biteable Application Walkthough

Advertisements

Creating Biteable Application

Screen Shot 2017-09-21 at 16.31.12

This is an application that is designed for users of particular dietary needs in their everyday life. This application will have the user know if the food they are looking to eat contains any ingredients they shouldn’t be eating. This application will be handy and convenient for the user when they are shopping. The user would just simply open the application and click the camera icon and then they are able to scan the barcode of the product. This will then say if the product is Vegetarian, Vegan, Contains Nuts, Contains Dairy, Contains Seafood, or even contains Gluten. This will help the user see if they are able to have the product and not have to stress about reading all the fine print of ingredients. This also can be useful for users that need to buy food for other people of these dietary needs and don’t know where to look or what to look for. There will also be an advisory notice while loading the application to explain that some products may contain traces because they are made in a factory that contains the products they are trying to avoid.

 

Screen Shot 2017-09-21 at 16.31.28

Development in my application soon started and errors were turning up everywhere. I started with my homepage, first just creating a simple look while I worked on the functionality of the application. My first step was to get the functionality of the camera working. I started with making a button to click so that the user is able to access a barcode reader. I feel the barcode scanning part of my application is the main part and needs to be functioning for my application to work. Upon tapping the camera button, this will take you to the scanning page of the application. When on this page you are able to scan ant barcode you wish and the application then retrieves that number back to you on the homepage.

 

Screen Shot 2017-09-21 at 16.40.16

I then Created my Database and added in different items of food and drink along with all the data needed for the application. I inputted this data manually by researching what each item meet different dietary requirements by using 1 if it’s true and 0 if it is false. Then for each Item, I had to create my own vectors so that they would look nice within the application. Now when a user scans an Item they will receive an item of the item as well as the data they wanted

Screen Shot 2017-09-21 at 16.32.43

I then had to link the application up with the database so that number you receive after scanning a barcode does something. Now the application looks to see if that number is in the database and feeds it back to the user. I then worked on making the application more applying for the user to look at when they are using it. I started to match the designs on how I originally intended the application to look. I added the darker grey boxes and the images but still had minor errors with how the application was displaying the data.

Screen Shot 2017-09-21 at 16.32.27

Finally, after working everything out I finally came to an application I was happy with. You are greeted by the Biteable homepage with a Camera button to use the scanner. Upon scanning your item you receive back the barcode number, If this is a mistake you can go and rescan or if it’s correct you are able to search for your results. When this button is tapped you can see the vector of the product along with the name and dietary requirements of the product to see if the user is able to eat the scanned item. Overall this was a fantastic project to work on and I am happy with the results.

Screen Shot 2017-09-21 at 16.33.04

Swift #7

Yesterdays session we carried on with more Swift due to many of us handing in projects and not many people included cocopods. For this session we looked into more ways how to use cocopods and how it can be useful. we started by adding cocopods on the desktop thought the terminal. We then set up the project and made the code for making an app with a grid of names of people who has made posts. these posts were read from a page holding all the information where it was collected by using cocopods. this was quite interesting and made me wish i added this into my app design of the last project.

Swift #6

Screen Shot 2015-11-12 at 10.25.30

Today in class I worked on making some code using alarmofire and swiftyJSON this was So I could include some features like the weather. After importing the correct kits I was then able to work on displaying the weather. after adding the functions and all I was able to change locations to see what the weather was doing at the time. this was feeded to me though a website. I then wa able to make it display on the iphone screen when adding text boxes so they display them for everybody to to see. this includes a discription of that the weather is doing along with wind and temp

Screen Shot 2015-11-12 at 10.14.27 Screen Shot 2015-11-12 at 10.14.57

below is the code you need to add with the new IOS9 software due to being needed to have a secure website within their apps. This is a good thing for the safety for all of the users.  
Screen Shot 2015-11-12 at 10.10.25

Swift #5

Screen Shot 2015-10-29 at 09.31.48Screen Shot 2015-10-29 at 09.39.16

Today I made the code so that there could be a little navigation so i added some cocordinates going from on to the other so it looks like somebody is walking from the gardens to the beach and then to Boscombe. I could then see if i am entering or leaving an area but the user would never know so instead I added images to show the user either Bournemouth or Boscombe pier depending where the user is at that time. This is a nice display a as well as a useful feature for an app.

Screen Shot 2015-10-29 at 09.31.21

Screen Shot 2015-10-29 at 09.54.08Screen Shot 2015-10-29 at 09.55.29

Swift #4

Screen Shot 2015-10-22 at 09.22.07

In yesterdays workshop we carried on with making the map app on the simulator. What we did was add a GPRS signal on the map. we had add a option for the user to Allow or not the phone to view your location. If you said yes then this Blue dot will come up on your map. To make sure this works we had to make sure the user Location was switched on as we was using the simulator and not a real phone. Also we had to select where our location was AKA London. This is only because it is the simulator and cant really pick up our GPRS as we are not using a phone. With this information included you can then enter in the long and lat and it will give us the outcome of how many miles away that point is to the big blue dot which is where you are. 
Screen Shot 2015-10-22 at 10.12.44

Swift #3

Screen Shot 2015-10-15 at 10.19.40Screen Shot 2015-10-15 at 10.32.24

Today we are making a simple map app. Following on from last week we then got straight into it by adding in sliders labelling them latitude and longitude and setting them so they only go as far as the map lets you. Then I added a go button so when pressed it will then take you to that place, However I have no map at this time so I then go ahead and add a map onto the field and size it correctly. Now the map is in I then can press go and it will find the location and I will get the information where that point is but not within the app. So I had to add a pin drop into the map for where the location is to the coordinates.

Screen Shot 2015-10-15 at 11.02.57Screen Shot 2015-10-15 at 10.45.10Screen Shot 2015-10-15 at 10.48.37
I then was able to pin point different places using the Long and Lat however this just left lot of different pin points everywhere on the map. We then made this so it only displayed one pin point saying here. But where is here? So we changed it from here to the country what the pin point is in. But this didn’t work for when you have the pin point in the sea, so we made it say what ocean the pin is in. Then to finish of we added it so we can display a the postcode of the pin point. This really comes a far way by just adding bit by bit each time and its really amazing because not to long before I was just trying to add sliders and now i can pin point postcodes.

Screen Shot 2015-10-15 at 10.53.52Screen Shot 2015-10-15 at 11.03.24Screen Shot 2015-10-15 at 11.04.00

Swift #1

Screen Shot 2015-10-08 at 09.21.08

Started Swift today, First we started at the beginning showing how we can throw numbers into a string and then get them numbers back then we can then ask for it to give us the place 3 number (remember 0 is a number too) and then if gives me back the number four. Then finally we can add more number to the the string we have already made. We then did the same with names by adding names and then choosing the name in place 1 which was Sophie. We can then remove names after as well as add them like we did with the numbers. and finally we added ages to the people. This was interesting as we can make them have birthdays so it thinks like okay Tina is 20 but she has a birthday so she is 21 and so on depending how many birthday I have.

Screen Shot 2015-10-08 at 10.13.48

After adding the information about birthdays we then worked on making the visual look to an application. I then added a text box that I made be able to type into using the keyboard on the phone, this also included the emojis. We then was able to make the boxes bigger and have a whole page of text but this isnt really pretty but if fun to learn and be able to do.

Screen Shot 2015-10-08 at 10.01.32