In this developer code pattern, we will create a mobile app, Python Server with Flask, and Watson Visual Recognition. This mobile app sends pictures of waste and garbage to be analyzed by a server app, using Watson Visual Recognition. The server application will use pictures of common trash to train Watson Visual Recognition to identify various categories of waste, e.g. recycle, compost, or landfill. A developer can leverage this to create their own custom Visual Recognition classifiers for their use cases.
When the reader has completed this Code Pattern, they will understand how to:
- Create a Python server with Flask that can utilize the Watson Visual Recognition service for classifying images.
- Create a Visual Recognition custom classifier using the Web UI or command line.
- Create a mobile application that can send pictures to a server app for classification using Visual Recognition.
- User interacts with the mobile app and captures an image.
- The image on the mobile phone is passed to the server application running in the cloud.
- The server sends the image to Watson Visual Recognition Service for analysis and sends back the classification result to the mobile app.
- Visual Recognition service classifies the image and returns the information to the server.
- Watson Visual Recognition: Visual Recognition understands the contents of images - visual concepts tag the image, find human faces, approximate age and gender, and find similar images in a collection.
- Mobile: Systems of engagement are increasingly using mobile technology as the platform for delivery.
- Flask: A micro web development framework for Python.
Create an IBM Cloud account and install the Cloud Foundry CLI on your machine.
- Create your visual recognition service
- Deploy the server application
- Create the mobile application and connect it to the server
- Using the Waste Sorter mobile application
You can either go through Step 1 and 2 to create your application server, or
You can simply click the Deploy to IBM Cloud button and Create the toolchain to provision, train, and run your visual recognition server.
Then, go to the IBM Cloud Dashboard to verify your server is running and take note of your
server application's endpoint. Once you done that, you can move on to Step 3
and deploy your mobile application.
First, we need to clone this repository
git clone https://github.com/IBM/watson-waste-sorter
cd watson-waste-sorterThen, we need to login to the Cloud Foundry CLI.
cf login -a https://api.ng.bluemix.net # Please use a different API endpoint if your IBM Cloud account is not in US-SouthNext, provision a Lite tier Visual Recognition
Service and name it wws-visual-recognition. You can provision it using the above link or the command below.
cf create-service watson_vision_combined lite wws-visual-recognitionNow go to the server repository, push your server application to Cloud Foundry
cd server
cf push
Once the deployment succeeds, your backend server will create the custom model and be able to classify the different kinds of waste once the model finishes training. Please take note of your server application's endpoint as you will need it in the next step. Now let's go ahead and create our mobile app to use this classifier.
In order to test the full features for this application, you need to have Xcode 8.0 or above installed and an IOS device to deploy the application.
Now Open your Xcode and select Open another project..., then select the mobile-app/WatsonWasteSorter.xcworkspace file and click Open.
Next, you need to modify the WatsonWasteSorter/Info.plist with the endpoint of the API server you just deployed. Replace the SERVER_API_ENDPOINT's value section
with your server endpoint with extension /api/sort.
Next, you will need to sign your application with your Apple account. Go to the mobile app's General section, under Signing's Team select your team or add an account. Now your mobile app is signed and you are ready to deploy your Waste Sorter app.
Note: If you have trouble signing your Mobile app, please refer to https://help.apple.com/xcode/mac/current/#/dev60b6fbbc7
Now, connect your IOS device to your machine and select your device in Xcode. Click the run icon and your mobile app will be installed on your device.
Congratulations, at this point you should have a mobile app that can classify waste using your camera. Now you can just simply point your camera to any waste and click the camera icon to take a picture. Then the application should tell you where the waste should go like this.
Now you should have a better idea on how to sort your trash. Note that if you have a result that said unclassified, it means your image is either too blurry or the
waste is too far. In that case just simply point your camera closer and retake a new picture.
If you want to classify another waste item, simply click the center of the screen.
- To clean up, simply delete your mobile app. Then you can delete your server application via the IBM Cloud Dashboard.
- Demo on Youtube
- Use Watson Visual Recognition with Android
- Sample code: Recognize and identify faces in an image with the Watson Visual Recognition service.
- Best practices for using custom classifiers in Watson Visual Recognition
- Artificial Intelligence Code Patterns: Enjoyed this Code Pattern? Check out our other AI Code Patterns.
- AI and Data Code Pattern Playlist: Bookmark our playlist with all of our Code Pattern videos
- With Watson: Want to take your Watson app to the next level? Looking to utilize Watson Brand assets? Join the With Watson program to leverage exclusive brand, marketing, and tech resources to amplify and accelerate your Watson embedded commercial solution.
This code pattern is licensed under the Apache Software License, Version 2. Separate third party code objects invoked within this code pattern are licensed by their respective providers pursuant to their own separate licenses. Contributions are subject to the Developer Certificate of Origin, Version 1.1 (DCO) and the Apache Software License, Version 2.