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

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...

Writing a Simple QR Code Stock Control Spreadsheet

At Theatre, Film & TV they have lots of equipment they loan to students, cameras, microphone, tripod etc. Keeping track of what goes out and what comes back is a difficult job. I have seen a few other departments struggling with the similar "equipment inventory" problems. A solution I have prototyped uses QR codes, a Google Spreadsheet and a small web application written in Apps Script. The idea is, that each piece of equipment ( or maybe collection of items ) has a QR code on it. Using a standard and free smartphone application to read QR codes, the technician swipes the item and is shown a screen that lets them either check the item out or return it. The QR app looks like this. The spreadsheet contains a list of cameras. It has links to images and uses Google Visualisation tools to generate its QR codes. The spreadsheet looks like this. The Web Application The web application, which only checks items in or out and should be used on a phone in conjunctio...

The Apps Script and Google Spreadsheet Room Booking System

BETTER VERSION HERE You may remember my previous posts about attempts to create a room booking system with Apps Script. This system uses Apps Script to populate a spreadsheet with weekly sheets, that contain lots of "Book me" links ( see below ). The "Book me" links open a very small web application that is essentially a confirmation screen with a "Book" button. When a student books a room, the web application says "Booked" and adds the booking to a central calendar and invites the student as guest, so that it appears in their calendar. One very important aspect of this booking system was the booking quotas that student are given. Each student can only book 3 hours a day in each room. The student is allocated a colour, not just because it looks nice, but because, as you can imagine when a large amount of students are wanting to finish their projects with a finite resource, it can get quite busy. The admin team previously has be...

Collaborative Tools Project

Search This Blog