Skip to main content

How To Create An Android App That Posts Pictures To Google Sheets

I used the MIT App Inventor site to create an Android app that...

  • Uses the camera to take a picture and saves it to the device's gallery
  • Let's you select a picture from the gallery
  • The image is converted into base64 and uploaded to a web app
  • Additionally, it also sends rotation and lat/lng coordinates and lets you add a textual comment as well.

This Android app sends it to an Apps Script web application inside a Google Spreadsheet here.

The web application saves the image to Google Drive, makes a thumbnail of the image then gets the latest 3 thumbnails from the sheet and returns it. 

Inside the Android app is a WebViewer component that displays those images, that gets updated once the image is uploaded.

It's not pretty but it works. This app wouldn't be possible without the TaifunFile, TaifunTools and SimpleBase64 extensions. Thanks, all.

The App Inventor code is here.  You can import an .aia file directly into MIT App Inventor.

There was some tricky stuff, having to move the Camera image onto the device, and I found most other base64 extensions encoded the path to the image, and not the actual image data - which was confusing. 

This Android app sends its data to an Apps Script web application inside a Google Spreadsheet here

It's a bit slow. I could reduce the size of the image before I sent it to make uploading quicker, but didn't want to do that for my purposes. I also could have made it a lot prettier but didn't want to clutter up the project with lots of components that are only there for graphical reasons. You can figure it out... hopefully.

Use menu File > Make a copy if you want to make your own version. You will need to know how to Publish Apps Script apps to recreate this project for yourself.

I've discovered there is a Google Sheet API extension in development, but it isn't quite ready yet. This is a workaround for now.

I have another painting MIT App Inventor app with source available here.


Popular posts from this blog

Inserting A Google Doc link into a Google Spreadsheet (UPDATED 6/12/2017)

This article looks at using Apps Script to add new features to a Google Spreadsheet. At the University of York, various people have been using Google spreadsheets to collect together various project related information. We've found that when collecting lots of different collaborative information from lots of different people that a spreadsheet can work much better than a regular Google Form. Spreadsheets can be better than Forms for data collection because: The spreadsheet data saves as you are editing. If you want to fill in half the data and come back later, your data will still be there. The data in a spreadsheet is versioned, so you can see who added what and when and undo it if necessary The commenting features are brilliant - especially the "Resolve" button in comments. One feature we needed was to be able to "attach" Google Docs to certain cells in a spreadsheet. It's easy to just paste in a URL into a spreadsheet cell, but they can often

A Working Booking System In Google Sheets

Working with Andras Sztrokay we had another go at a booking system. This time it was to enable staff to book out a number of iPads over a number of days. You select the days you want, then select the Booking menu. Andras did an amazing job. It even creates a daily bookings sheet so you can see who has which iPads. To see this in action, go  here  and  File > Make a Copy (I won't be able to support you this is just provided to maybe give someone else a leg up, good luck!)

One-To-Many Relationship in a Google Spreadsheet

It's often the case that you want and need to be creating a database to store your data, but Google Spreadsheets are just so handy aren't they? But Google Spreadsheets are very good at relational data. Here's an example where, you want to have one column for the name of your recipe and another for the ingredients ( comma separated ). How you use this script is you click on the cell you want to be relational and choose the Admin > Show Relationship Editor. This opens up a dialog window showing you all the options included so far. You then alter the ingredients and it saves a comma separated list into the spreadsheet. Here's the spreadsheet . Use File > Make a copy to see it work and rummage around in the code. If anyone can help make the UI prettier I'd be grateful, thanks.