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.


Comments

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 necessaryThe 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 all look too si…

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.

A Simple Example Booking Project in Google Spreadsheets

BETTER VERSION HERE NOW
I've had a number of requests for code examples for my Booking Spreadsheet. I have held off sharing the code mainly because it became very complex and wasn't very useful as a starting point for anyone else.
But recently, I had to whip an Appointments spreadsheet together that didn't have personalised colouring of cells, that didn't create lots of sheets for a whole term, or permissions etc. 
This spreadsheet is just a list of "Book me" links that passes some data through to a simple web form, and then saves the person's email into that cell's value.
If you want to do something similar using this spreadsheet, 
a. File > Make a Copy - to get your copy b. Tools > Script Editor > File > Manage Versions > Save New Version c. Publish > Deploy as web app - to copy your web app URL d. Change all the variables in the code, there's only a few e. Run the Setup code - to regenerate the "Book me" hyperlinks …