Toq Activity (Part I)
For my Free Speech Watch application, the application starts up on a splash screen. This splash screen shows an image of the Free Speech Movement, and contains buttons for Installing and Uninstalling the application from the watch. These buttons are styled to look like the actual “F S M” signs hung from Sproul Hall in 1964. Clicking the Install button sends you to the phone’s Toq Application, where the applet is installed to the Toq watch.
Then, when within 50 meters of Sproul Plaza, the Toq watch gets a notification like so.
The user then opens the Toq's Free Speech Watch applet, and chooses the name that they saw from the list.
This brings them to a more detailed view, where they see the name of the activist, a picture of him or her, and a task of what to draw on the smartphone app.
As a result of tapping a card in the list, the smartphone app, which was previously on the splash screen, simultaneously opened to the Drawing Activity screen (see Drawing Activity section).
Drawing Activity
This is the Drawing Activity screen that is opened when the user taps a card on the Toq watch applet.
As shown below, a user can choose from 12 different colors, 3 different brush sizes, and 3 different eraser sizes (Extra Credit). I made UI modifications to the Drawing tutorial (see Sources section) to enhance user experience.
At the top, I added three action bar buttons. The trash can deletes the current drawing, and returns a new blank drawing screen. The disk saves the current drawing to the device. Finally, the arrow takes the user to the send screen (see Flickr Activity section).
Flickr Activity
When the user taps the send icon in the action bar menu of the Drawing Activity, it brings him or her to this screen. Here, hitting Refresh changes the image at the bottom. Every image that appears is of Flickr tag "cs160fsm".
Tapping Pick brings up the Android phone's Photo selector, where a user can select a photo from typical locations in their device. A saved drawing from the Drawing Activity would appear here.
Now that an image is chosen, the user simply taps Upload, and the photo is updated to Flickr with tag "cs160fsm". The first time through, a user will have to log in to his or her Flickr account. Simultaneously, doing this sends a random Flickr image of tag "cs160fsm" to the Toq watch applet (*see Known Bugs section*) (see Toq Activity (Part II) section).
Toq Activity (Part II)
Please note that though this part does not work in a continuous application flow, the attempted code is nonetheless in the project. If the Intent were to function accurately, the following actions should work correctly.
The Toq watch applet receives the image (transmitted via a bitmap), and adds an additional card containing it. As a result, therefore, to one uploaded drawing is a Toq watch applet of seven cards; the six activists, and a new card containing a "cs160fsm" image pulled from Flickr.
Video
*Known Bugs*
You will find in the code that every aspect of this programming assignment was implemented. However, the following aspects do not function appropriately:
1. Uploading an image to Flickr in the Android app does not add a "cs160fsm"-tagged image to a card in the Toq applet.
Sources
Drawing Activity: http://code.tutsplus.com/tutorials/android-sdk-create-a-drawing-app-interface-creation--mobile-19021
Others: Demos provided by the TAs
Comments