ITP2800 – Week 5 – Building Mobile Apps

Homework for Week 5

  • Catch up on previous weeks’ readings and homework that you haven’t turned in yet
  • Continue to develop and plan your cause with a target on being able to concisely explain it for your midterm and the next Speed Geek!
  • Review the content presented in class and decide on the approach (server vs client or mixed) and the tools which you will utilize.
    • All: develop the user stories and basic mockups of your service – “iterate with pencil” before moving into fancier renderings
    • Server Developers: setup an IMified account and review the developer documentation
    • Client Developers: setup the Android SDK, then download and build the gReporter source code


Another exciting week at ITP. This week the classes was visited by Evan Henshaw-Plath aka Rabble, who both spoke of his personal experiences with mobile technology and activism, and also provided critical feedback to students on their projects during our first Speed Geek.

The second half of the class focused on preparing for the development of actual mobile applications and services. While students are free to choose any software or hardware approach they want, the two platforms that will be covered in class are IMified and Google Android.

Here is the audio of the second hour of class as I walk through the links and slide presentations embedded below:

Referenced links:

This first presentation provides an overview on approaching the development of mobile applications considering all of the unique factors of using a small, portable device on the go:

The second presentation uses the gReporter application to discuss the development of location and media-capture applications on the Google Android platform.

Finally, for beginning to design and mockup applications, here’s a list of solutions for the iPhone (thanks to TechJini blog)  that can also apply to Android:

  1. Use Interface Builder or Dashcode (Mac only)
  2. Use Balsamiq mockup tool (Mac, windows, linux) – http://www.balsamiq.com (http://www.balsamiq.com/blog/2009/03/01/iphone-controls-new-icons-and-much-more/)
  3. Use Omnigraffle (Mac only) and import an iPhone stencil – (http://www.omnigroup.com/applications/omnigraffle/download/ and http://www.graffletopia.com/search/iphone)
  4. Use paper and a stencil- http://www.designcommission.com/shop/iphone-stencil-kit/
  5. Use a pre-printed sketch paper – http://labs.boulevart.be/index.php/2008/06/05/sketch-paper-for-the-mobile-designer/
  6. Use photoshop and the iPhone PSD – http://www.teehanlax.com/blog/?p=1628
  7. Use Adobe Fireworks – http://blogs.adobe.com/fireworks/2008/08/iphone_gui_as_adobe_fireworks.html and http://www.building43.com/videos/2009/06/23/mockup-iphone-app-adobe-fireworks/
  8. Although not there yet, you can try http://iphonemockup.lkmc.ch/
  9. Use the stencil kit from Yahoo! which is available in a variety of formats – http://developer.yahoo.com/ypatterns/wireframes/
  10. Use the sketchbook available at http://www.mobilesketchbook.com/

ITP2800 – Week 4 – Mobile Commons, TXTPower and Campaign Strategy

Week 4 – September 29 Mobile Campaigns from Text to Video: Texting, Ringtones and Camera Phones


Homework:
1) Create diagrams for your cause proposal based on the pyramid and pillar diagrams below.
2) Read the following:

3) Read this post: Turn Your Blog Into a Native iPhone App in 10 Steps
4) For those interested in Android development, you should download gReporter open-source project and get your development environment setup -> http://developer.android.com/

Here’s the audio from the first hour of class, listen to this while reviewing the text below:

Class begin with a discussion on the use of strategy from the school of non-violent direct action, as means for planning and designing mobile applications for social activism. In other words, approach mobile application design from a typical “product” or “consumer” perspective or even a thoughtful usability/design approach, may not make sense when it comes to trying to implement something to create actual change in society.

In the case of social activism, you must developer a strategy to affect an existing regime. A regime can represent a corporation, government, a specific issue, social prejudice, or any existing state of mind or structure in society that can be targeted for change. A long term strategy is necessary to keep focus on the goal.

Opportunities present themselves over time through the effort to affect change on an issue. They can be expected or unexpected. Your effort should be positioned to take advantage of them as they emerge.

Tactics are short term actions implemented to take advantage of opportunities. They can be of varying length and intensity, but must be aligned with your overall strategy. Multiple tactics can be used at once.

You must also consider deeply the structure of the existing regime you are targeting. Here is a typical governmental regime and the “Pillars of Support” which actually make a government function.

However, this same concept could be applied to more mundane campaigns such as increasing efficiency in shopping or promoting the purchase of only pasture-raised eggs at the Park Slope Food Coop:

These timeless approaches to campaigns, drawing from the likes of Sun Tzu’s “Art of War” as much as from the non-violent victories of Gandhi and Mandela, are useful and powerful constructs within which any campaign must be processed. More specifically, for mobile application design, it is critical that you consider a non-corporate, non-consumer perspective as part of your design process, and ideally throughout your campaigns efforts.

Many thanks to The International Center on Nonviolent Conflict for their great instruction, content and overall efforts in this area of work and practice. Here are some related readings on these concepts and more:

Guest Speakers

Week 4 features two excellent guest speakers. The first, Ben Stein, presented a US-oriented perspective through the work of his organization, Mobile Commons, and the many mobile advocacy campaigns they’ve implemented, including fighting for their own right to broadcast Pro-Choice SMS messages on the Verizon Wireless network. The second speaker, Tonyo Cruz, spoke to us in the midst of the Philippines cleanup from a large storm and flooding in which mobile phones were used to coordinate rescue and raise money. Tonyo’s perspective on the use of mobile in a more social, distributed, “peer to peer” manner, was an excellent contrast to the more centralized broadcast and web-based models that Ben described in the US.

Discover Simple, Private Sharing at Drop.io

Ben Stein – MobileCommons http://www.mobilecommons.com
Mobile Commons’ customers are some of the leading cause-related organizations in the world. They use our web-based application to create mobile programs based around text messaging, voice calls, and web-based interactive components. With those tools, they raise money, build their lists, add interactivity to live events, get more support from the web, and make it easier for their ideas to spread.

Our second guest of the evening was Tonyo Cruz of TXTPower– Mobileactivist, writer and journalist Philippines – Since 2001, Tonyo has helped convene TXTPower, the leading mobile activist group in the Philippines and helped initiate its many high profile campaigns.

ITP2800 – Week 3 – Nathan's Story, Secret Videos and Student Proposals

Homework for week 3:


Here’s what we talked about in class:

I announced my work in porting the Tor Project to Android. Tor is an “onion router” web proxy that allows web surfers in places like Iran and China get free, anonymous access to the web. Having secure, anonymous browsing that can route around censorship is a critical component of my Guardian secure smartphone project.

The story of Alan Turing and his impact on computing came up briefly and I just wanted to make sure everyone knew the amazing yet tragic story of his life. Just recently, an online, crowd-sourced petition effort pressured the British Government to issue a formal apology for causing his suicide, and countless others who were persecuted for their sexuality.

At some point in class, I drew a diagram that I quite enjoyed sharing, and will attempt to recreate here, since I unfortunately didn’t get a photo or capture it using the smart board. The drawing below is an attempt to demonstrate the various layers of network communication layers, both the physical medium and the amount of government/state and corporate control at each layer. Ultimately, the best opportunities for using networks with less control lie at the LAN layer and the Global layer…. though there are opportunities and technologies at all layers.

Spectrum Of Network Control

I also realized that I hadn’t given the class a background on myself, and decided to share a talk I had recently given at Parsons on my life and work. The presentation tells my story through the various computing hardware and devices I’ve owned, used, hacked and programmed in my life. Notice that the devices get smaller, more powerful and more connected over time. The slides are posted below, and then a video from the talk I gave at Parsons is below that.

Discover Simple, Private Sharing at Drop.io


the audio starts after a minute or so…

Finally, we reviewed week 2 homework, specifically “mobile videos shot under duress” and the first draft of proposals for the cause they’d like to work on and the technology they plan to use.

You can search #itp2800 on Twitter and ITP2800 on Delicious to see links to some of the homework.

That’s all for week 3…. leave a comment here if you have any questions or feedback.

ITP2800 – Week 2 – Slides, Whiteboards, Videos and Homework

Here are is the homework, slides, notes, links and videos from the second week of ITP2800 – Social Activism using Mobile Technology.


Homework for Week 2

  • Watch the videos linked to here: http://delicious.com/nathanialfreitas/itp2800+week2
  • Continue reading/finish “Little Brother” http://craphound.com/littlebrother/download/
  • Take pictures or video using a camera phone or Flip-style device of something controversial or in a place where you might be seen as a threat to the subject of the video or photo. The goal is to feel/experience the state of using mobile technology under duress. Post videos to a public website and share the link via textmarks ITP2800 or twitter
  • Write a one page proposal for developing a mobile technology solution for a specific cause

The slides begin with a review of a breakdown of the class title “Social Activism using Mobile Technology” that the class went through in week one. Out of that, I came up with some slightly silly, but potentially introspective, alternate titles for the course:

  • People Organizing Portable Robots
  • Social Justice Protest. Invsibiel + Frustrating.
  • Casual Talking Grassroots Gadget (Not Naturally Evolved)
  • Shared Experiences. Mobilized Magic. Organically Evolved.
Discover Simple, Private Sharing at Drop.io

Some brainstorming on the service value grid I shared…. the class brought up the idea that synchronous request/response service might provide a different experience than asynchronous messaging application. Larger questions about how and when to make value judgements about mobile services which interrupt, distract and complicate our lives was also brought up.

Discover Simple, Private Sharing at Drop.io

Week 1 homework results – students were asked to come up with their own TextMarks keywords and Twitter hashtags to promote a cause, idea or movement.

Discover Simple, Private Sharing at Drop.io

The tags/textmarks were: Sgsyn, Desair, IWantData, IWantHealthcare, SavePhillyLibraries, DaveBMiller, Represent, SiOnTheWeb, Mediate, Jeeee, IHeartPV, SecretPublicSpace, Rendezvous, WhatsThatBug, Rainforest, FirstJob, ITP101, GivKwik, PopulationPlanning, NoSmoke

The goal was to consider how to create a memorable tag that is also short. Positive feedback was given on tags that were intriguing, calling the user to take action to find out more. Some of the tags were actually put into use, gaining hundreds of re-tweets in just a few weeks. Another student created posters with mobile barcode images to promote their tag.

The overall topic of this week was “Simplicity is Powerful”, and so we did a whiteboard analysis of the “Flip cam”, cheap video cameras that have proliferated the market, and their usefulness in the service of social activism:

Flip Video Cameras are simple… but powerful.

Discover Simple, Private Sharing at Drop.io

– Cheap < $100 in some cases - Durable - Great battery life (electricity is a common foe) - Push-button "fisher price" - double as hard drive storage - Unambiguous about what it is far - Ambiguous in that it might look like a cellphone or iPod - low profile - has a screen for display - has a video output jack - has a tripod connector (gorilla grip clamps work too!) - Can't remove storage (this is a plus and minus) - Easy to carry - quick to use, boot, load, very responsive UI - standard, global usability, globally available - standards based plugs, video (usb, rca 1/8 inch) While it is easy to dream up complex, James Bond-esque technology solutions, often it is the more MacGuyver-esque "off the shelf" approach of combining cheap, easy to use things, that can make a greater impact.


Our first guest speakers for the semester were Mark Belinksy and Emily Jacobi from Digital Democracy. They visited the class through a live Skype video connection, and presented the slides below, discussing their recent visit to Burma (Myanmar) and work in Thailand refugee camps, sharing information on digital communication and social media tools.

Unfortunately, the video capture of the event failed, but you can view clips from a previous event with Mark and Emily – “Subversive Tech and Burma’s Struggle for Democracy”, a talk held in Brooklyn, NY in June 2009, involved a presentation by Digital Democracy on the use of technology inside and along Burma’s borders, footage from the Sept 2007 Saffron Revolution, where mobile phones and the internet allowed protesters to coordinate and publicize the largest protests seen in a generation, and a Q&A with “Stanley”, a Burmese computer programmer and chairperson of the All Burma IT Students Union.

Subversive Tech & Burma’s Struggle for Democracy (Part 2) from Not An Alternative on Vimeo.

That’s it for week 2… see you next time!

ITP2800 – Week 1 – Slides, Whiteboards, Audio

Here are the captured whiteboard brainstorms, audio (first hour only due to technical glitches) and my slides for the week 1 class of ITP2800. All of this content is hosted and available on http://drop.io/itp2800, with class bookmarks and homework reading assignments posted at http://delicious.com/nathanialfreitas/itp2800+week1. Week 1 homework assignments are listed at the end of this post.

These images were created using the smart digital whiteboard in the classroom, which allows me to project powerpoint slides and then mark up on top of them. We collectively deconstructed the title of the course “Social Activism using Mobile Technology” with some great results.
Disclaimer: my penmanship is generally better than this, but this was a rapid fire brainstorm and the smartboard pens take a bit getting used to!

SOCIAL: People, Groups, Communicating/Community, Interaction, Casual Talking, Context+Culture, Hierarchy/Roles/Privileges, Social Justice, Shared Experiences, Socializing, Social Psychology

ACTIVISM: A Cause for ACtion, Change/Revolution, Movement/Moment, Activated, Mobilized, Organizing, Violient/Non-Violent, Action/Reaction, Strong Opinion, Resistance, Non-Passive, Participation, Protest, Direct Action, THE MAN, Leaders/Followers, Crowd Sourcing, Grassroots/Astroturfing

MOBILE: Portable, Gadget, Dispatchable, Anytime/Anywhere, Networked (People), The Network, On the Move, Personal, Social!, Remote Data, Telecommunications, Tele-vision, Tele-operation, Handy, action, Invisible, Magic, Cloud, Action!, Wireless

TECHNOLOGY: Not Nature, Not Naturally Evolved, Human Made, Stronger, Empowering, Security, FRUSTRATING, delicate, tool, unpredictable, elusive, disruptive, mediator, organically evolved, addictive, expensive->cheaper->smaller->faster, dangerous, privately owned vs. open-source, INFO, DATA, Sensors, Tricorder, Innovation, ROBOTS, SKYNET!

Here’s the raw audio of the first hour of class (syllabus review, grading, basic concepts… real exciting stuff!):

Discover Simple, Private Sharing at Drop.io

Here are the slides:

Discover Simple, Private Sharing at Drop.io

Homework
* SMS Mailing List: text ITP2800 to 41411
* Get your own Textmarks.com keyword and make it do something
* Create a hashtag on Twitter and see how many mentions you can get
* Find a mobile app (iPhone, Android, Blackberry or other) that you think is a good representation of Social Activism and post a public review of it
* Research a cause to affiliate with

Creative Commons License
Social Activism using Mobile Technology – ITP 2800 – Week 1 by Nathan Freitas is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License.
Based on a work at openideals.com.