Mobile Application Design - User contributions [en]

Syllabus07

2008-04-20T16:09:00Z

Deprimer: /* Week 11 (November 13): Playing (with) the future (WAP + XHTML) */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/9/week9_python_in_the_house.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/9/ Python SDK & ScriptShell 1.4.1 (probably outdated)]

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

'''Resources'''
* [http://uberthings.com/teaching/mobile_application_design/10/week10_HTTP_POST_uploader.pdf Lecture Notes]
* [http://mobilenin.com/pys60/ex_upload_image_to_url.htm File upload (in Python)]
* [http://aymanshamma.googlepages.com/httppostfrompys60tophp HTTP POST in Python]

=== Week 11 (November 13): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

* [http://uberthings.com/teaching/mobile_application_design/11/week11_feeling_wappy.pdf Lecture Notes]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_12:_WAP_Tools Useful WAP links]

'''Assignments'''

* Create wireframes/mockups and a brief presentation (~3 min) for your final project.

=== Week 12 (November 20): Final Project Workshop AKA Open Questions/Issues ===

* [http://uberthings.com/teaching/mobile_application_design/12/ITPpreso.pdf Mobile Web Tips & Tricks Presentation] from Sean Owen, Software Engineer at Google.

=== Week 13 (November 27) Special Presentation ===

Some very special guests come to class this week to talk about their experiences building interesting mobile apps.

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

PresentationSignup

2008-02-16T07:55:47Z

Deprimer:

== 2007 Presentations ==

* Week 2 (September 11): Dean, Vibha
* Week 3 (September 18):Ellie, Riddhima
* Week 4 (September 25):Eric Tommy Roger
* Week 5 (October 2):
* Week 6 (October 9):
* Week 7 (October 16):
* Week 8 (October 30):
* Week 9 (November 2):
* Week 10 (November 6): [Chul Song, ChoRong] & [Amber, Matt]
* Week 11 (November 13): Peng, Shin-Yi, Hyeki
* Week 12 (November 20): Corrine, Maria

----

== 2006 Presentations ==
* Week 2: (September 14)[http://www.techyart.com/Mobile/bCode.ppt Kat, Jen, Arly]
* Week 3: (September 21) [http://michaeldelgaudio.com/html/mobile/presentation.htm Michael DelGaudio]
* Week 4: (September 28)
* Week 5: (October 5) [http://catmindeye.com/mobileapps-2.ppt Nanna and Cat]
* Week 6: (October 12) Max, Vincent
* Week 7: (October 19) [http://giladlotan.com/MobileApps/presentation.ppt Gilad, Chunxi and Greg B.]

* Week 9: MAKE-UP CLASS: (Friday, November 10) Kate B, Josh Kn & Chris P

* Week 10: (November 9) Fernando, Jonathan
* Week 11: (November 16) [http://ephexi.com/mobile/presentation.ppt Ran, Olivia & Jury]
* Week 12: (November 30) Andy, Alex

Homework07

2008-02-16T07:54:53Z

Deprimer: Protected "Homework07" [edit=sysop:move=sysop]

== Homework ==

''Add your name and a link to your homework in the appropriate week. Post source code, screenshots, images, applications.''

[[Week_One]]

[[Week_Two]]

[[Week_Three]]

[[Week_Four]]

[[Week_Five]]

[[Week_Six]]

[[Midterms07]]

[[Week_Ten]]

[[Week_Eleven]]

[[FinalProjects07]]

Homework07

2008-02-16T07:54:46Z

Deprimer:

Jury

2008-02-16T07:54:02Z

Deprimer: Protected "Jury" [edit=sysop:move=sysop]

loading images using XML, browse it and save images to the device.

Jury

2008-02-16T07:53:41Z

Deprimer:

loading images using XML, browse it and save images to the device.

Mobile Application Design Fall 2007

2008-01-20T23:46:08Z

Deprimer: Protected "Mobile Application Design Fall 2007" [edit=sysop:move=sysop]

== Administrivia ==
H79.2580 - Tuesday 6:30-9:00

Instructor: Michael Sharon

Homework uploads - [[Homework07]]

Office Hours signup - email me

Tags: '''mobileappdesign''' on [http://del.icio.us/tag/mobileappdesign http://uberthings.com/i/g/d.gif] [http://del.icio.us/tag/mobileappdesign del.icio.us] and [http://flickr.com/photos/tags/mobileappdesign/ http://uberthings.com/i/g/f.gif] [http://flickr.com/photos/tags/mobileappdesign/ flickr]

== Description ==
Mobile phones are the electronic devices that we keep closest to our bodies, minds and social lives. These minute multimedia production studios contain within their narrow plastic shells contact numbers, pictures, messages and videos of people that we hold dearest, communicate with daily and are most closely connected to. This class will focus on teaching students the fundamentals of developing applications for a number of mobile phones. Students are free to to use the tools and techniques learned as a means of expression in conjunction with other projects as well as to develop standalone projects.

The class will be taught mainly using the Java (J2ME) language although students are able to choose from other languages/platforms such as Flash Lite, BREW and Python. I will try to provide examples in as many languages as possible. Topics covered include an overview of the mobile industry, mobile user experience, mobile hardware platforms, development languages, cross-platform graphical user interfaces, network communication, optimisation techniques, versioning systems, and common development pitfalls. Weekly assignments will develop familiarity with the devices and techniques and students will be allowed to work independently or in groups to develop midterm and final projects.

== Objectives ==

The goal of this course is for students to develop an understanding of how to develop applications for mobile devices and explore the possibilities for realizing their ideas on the platform. Readings, discussion and hands-on development will provide students with insights and experience in developing mobile applications.
Mobile application design and development is a huge field that is constantly evolving. We're only going to be able to scratch the surface, so this course aims to achieve three things:
# Teach students the basics of developing applications for mobile devices including creating wireframes, graphics and software as well as packaging and provisioning.
# Familiarize students with the global mobile industry including the leading thinkers, sites, technologies and applications.

# Learn some of the conventions of mobile user experience and think about ways of improving upon existing experiences.

== Assignments ==

There will be weekly programming assignments for nearly every class in the first half of the semester. These assignments are short, simple tasks which reinforce the concepts and techniques that have been taught in class. They are generally basic examples which give you a feel for the technologies or concepts being illustrated, and should be taken as starting points which you can use to generate your own applications. Assignments are required and turning in an assignment late will adversely affect your grade.

== Participation & Attendance ==

Attendance is mandatory and desirable if you'd like to maintain your grades and/or remain in the class. Please inform me via email if you are going to miss a class. Habitually showing up late for class or an excessive number of absences will adversely affect your grade.

== Laptop & Mobile Etiquette ==

Unless we're working on code in class, I will be sticking with the laptops closed rule. Although they may be invaluable for note taking and the Wikipedia is your special friend, the desire to answer emails, ping your friends and google obscure acronyms is far too strong. Since we're all going to be working on mobile phones, please turn your phone to silent before class begins so that we're not constantly interrupted by ring tones.

== Grading ==
Participation and Attendance 30%

Weekly Research Assignments 20%

Midterm 25%

Final 25%

== Books/Blogs/Readings ==

Try to read a few of these blogs every day to stay on top of developments in the mobile space. Check out [http://del.icio.us/tag/mobileappdesign http://del.icio.us/tag/mobileappdesign] for more sites.

<ul>
<li>[http://tecfa.unige.ch/perso/staf/nova/blog/ Pasta & Vinegar]</li>
<li>[http://blogs.s60.com/s60multimedia/index.html Series60 Multimedia Blog]</li>
<li>[http://textually.org/ Textually]</li>

<li>[http://ngphone.com/ NGPhone]</li>
<li>[http://www.moconews.net/ Moconews]</li>
<li> [http://www.receiver.vodafone.com/ Receiver]</li>
</ul>

[http://uberthings.com/teaching/mobile_application_design/mobile.xml Here's an OPML file of all the mobile blogs I currently follow.]

You should be able to import this directly into your feed reader of choice.

There are no recommended readings for this course, although you may find these books useful and thought provoking.

[http://www.amazon.com/Everyware-Dawning-Age-Ubiquitous-Computing/dp/0321384016/ref=pd_bbs_sr_1/103-5144882-6239032?ie=UTF8&s=books&qid=1189189221&sr=8-1 http://uberthings.com/teaching/mobile_application_design/i/books/0321384016.01._AA_SCMZZZZZZZ_.jpg]

[http://www.amazon.com/Everyware-Dawning-Age-Ubiquitous-Computing/dp/0321384016/ref=pd_bbs_sr_1/103-5144882-6239032?ie=UTF8&s=books&qid=1189189221&sr=8-1 Everyware: The Dawning Age of Ubiquitous Computing (Paperback)]
by Adam Greenfield

[http://www.amazon.com/Beginning-J2ME-Novice-Professional-Third/dp/1590594797/ref=pd_bbs_sr_1/103-5144882-6239032?ie=UTF8&s=books&qid=1189189378&sr=8-1 http://uberthings.com/teaching/mobile_application_design/i/books/1590594797.01._AA_SCMZZZZZZZ_.jpg]

[http://www.amazon.com/Beginning-J2ME-Novice-Professional-Third/dp/1590594797/ref=pd_bbs_sr_1/103-5144882-6239032?ie=UTF8&s=books&qid=1189189378&sr=8-1 Beginning J2ME: From Novice to Professional, Third Edition (Novice to Professional)]
by Jonathan Knudsen

== Syllabus ==

The Syllabus has moved here -> [[Syllabus07]].

Mobile Application Design Fall 2007

2008-01-20T23:45:49Z

Deprimer:

FinalProjects07

2007-12-10T05:39:19Z

Deprimer:

Mobile Application Design Final Projects

* Corrine Brown
* Peng Zhao & HyeKi Min Wallog
* Chul Song Go! Travel
* Ellie Tam - Idea Compiler
* Tommy Tseng & Eric Chiu

BREAK

* Roger TSAI
* Vibha Bamba
* Shin-Yi Huang
* Riddhima Shelat
* Amber Nicole Reed
* Maria Mavrakis
* ChoRong Hwang

Syllabus07

2007-11-25T17:00:41Z

Deprimer: /* Week 12 (November 20): Final Project Workshop AKA Open Questions/Issues */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/9/week9_python_in_the_house.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/9/ Python SDK & ScriptShell 1.4.1 (probably outdated)]

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

'''Resources'''
* [http://uberthings.com/teaching/mobile_application_design/10/week10_HTTP_POST_uploader.pdf Lecture Notes]
* [http://mobilenin.com/pys60/ex_upload_image_to_url.htm File upload (in Python)]
* [http://aymanshamma.googlepages.com/httppostfrompys60tophp HTTP POST in Python]

=== Week 11 (November 13): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

* [http://uberthings.com/teaching/wiki/index.php?title=Week_12:_WAP_Tools Useful WAP links]

'''Assignments'''

* Create wireframes/mockups and a brief presentation (~3 min) for your final project.

=== Week 12 (November 20): Final Project Workshop AKA Open Questions/Issues ===

* [http://uberthings.com/teaching/mobile_application_design/12/ITPpreso.pdf Mobile Web Tips & Tricks Presentation] from Sean Owen, Software Engineer at Google.

=== Week 13 (November 27) Special Presentation ===

Some very special guests come to class this week to talk about their experiences building interesting mobile apps.

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-11-25T16:52:09Z

Deprimer: /* Week 12 (November 20): Final Project Workshop AKA Open Questions/Issues */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/9/week9_python_in_the_house.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/9/ Python SDK & ScriptShell 1.4.1 (probably outdated)]

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

'''Resources'''
* [http://uberthings.com/teaching/mobile_application_design/10/week10_HTTP_POST_uploader.pdf Lecture Notes]
* [http://mobilenin.com/pys60/ex_upload_image_to_url.htm File upload (in Python)]
* [http://aymanshamma.googlepages.com/httppostfrompys60tophp HTTP POST in Python]

=== Week 11 (November 13): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

* [http://uberthings.com/teaching/wiki/index.php?title=Week_12:_WAP_Tools Useful WAP links]

'''Assignments'''

* Create wireframes/mockups and a brief presentation (~3 min) for your final project.

=== Week 12 (November 20): Final Project Workshop AKA Open Questions/Issues ===

* [http://uberthings.com/teaching/mobile_application_design/12/ITPpreso.pdf Mobile Web Tips & Tricks Presentation] from Sean Owen, Software Engineer at Google.

=== Week 13 (November 27) Special Presentation ===

Some very special guests come to class this week to talk about their experiences building interesting mobile apps.

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

PresentationSignup

2007-11-20T01:24:45Z

Deprimer: /* 2007 Presentations */

Week 12: WAP Tools

2007-11-19T03:35:50Z

Deprimer:

=== Browser-based tools ===

*Firefox - http://www.mozilla.com/en-US/firefox/
*User-Agent Switcher for Firefox - https://addons.mozilla.org/firefox/59/
* [http://uberthings.com/teaching/mobile_application_design/11/minimal_set.xml Minimal set of user agents] , [http://uberthings.com/teaching/mobile_application_design/11/lotsa_user_agents.xml Bumper set of user agents]
*Web Developer - https://addons.mozilla.org/firefox/60/
*WML Browser - https://addons.mozilla.org/firefox/62/
*XHTML Mobile Profile (haven't used it yet) - https://addons.mozilla.org/firefox/1345/

=== WAP Emulators ===
*Opera Mini - http://www.operamini.com/features/simulator/
*DotMobi - http://pc.dev.mobi/
*Pukupi (i-mode emulator) - http://pukupi.com/tools/mimic/
*Openwave Phone Simulator - http://developer.openwave.com/dvl/tools_and_sdk/phone_simulator/index.htm
*Klondike - http://www.apachesoftware.com/Engine.html
*YoSpace - http://www.yospace.com/spedemo.html

=== Server Side Tools ===
*WURFL - http://wurfl.sourceforge.net
** Latest version - http://www.nusho.it/wurfl/dl.php?t=d&f=wurfl.zip
** PHP Lbrary - http://wurfl.sourceforge.net/php/
** Web Patch - http://www.nusho.it/wurfl/dl.php?t=d&f=web_browsers_patch.xml
*Andrea Trasatti's (creator of WURFL) introduction to WURFL - http://pc.dev.mobi/?q=node/18

=== Validators ===
*W3C - http://validator.w3.org
*dotMobi - http://ready.mobi

=== Development Sites ===
*DotMobi - http://pc.dev.mobi/
*Global Authoring Practices for the Mobile Web (GAP) - http://www.passani.it/gap/

=== Reference ===
*W3C Mobile Web Initiative - http://www.w3.org/Mobile/
*W3C MobileOK Basic Test - http://www.w3.org/TR/mobileOK-basic10-tests/
*W3C Mobile Web Best Practices 1.0 - http://www.w3.org/TR/mobile-bp/
*WTAI - http://web.archive.org/web/20070101170723/http://www.thozie.de/english/wap/wtai.htm
*XHTML-MP - http://www.informit.com/guides/content.asp?g=xml&seqNum=170&rl=1
*GAP Templates - http://www.passani.it/gap/templates/

=== Examples used in class ===

*Michael's Palindrome page - http://uberthings.com/palindromic
*WAP Friendly Palindrome page - http://uberthings.com/palindromic/p.php
*WURFL browser tester - http://uberthings.com/palindromic/wap.php
*WURFL tester code - http://uberthings.com/palindromic/wap_php.txt
*Hello,WAP - http://uberthings.com/palindromic/hello.xhtml

Week 12: WAP Tools

2007-11-14T07:14:15Z

Deprimer: /* Browser-based tools */

=== Browser-based tools ===

*Firefox - http://www.mozilla.com/en-US/firefox/
*User-Agent Switcher for Firefox - https://addons.mozilla.org/firefox/59/
* [http://uberthings.com/teaching/mobile_application_design/11/minimal_set.xml Minimal set of user agents] , [http://uberthings.com/teaching/mobile_application_design/11/lotsa_user_agents.xml Bumper set of user agents]
*Web Developer - https://addons.mozilla.org/firefox/60/
*WML Browser - https://addons.mozilla.org/firefox/62/
*XHTML Mobile Profile (haven't used it yet) - https://addons.mozilla.org/firefox/1345/

=== WAP Emulators ===
*Opera Mini - http://www.operamini.com/features/simulator/
*DotMobi - http://pc.dev.mobi/
*Pukupi (i-mode emulator) - http://pukupi.com/tools/mimic/
*Openwave Phone Simulator - http://developer.openwave.com/dvl/tools_and_sdk/phone_simulator/index.htm
*Klondike - http://www.apachesoftware.com/Engine.html
*YoSpace - http://www.yospace.com/spedemo.html

=== Server Side Tools ===
*WURFL - http://wurfl.sourceforge.net
** Latest version - http://www.nusho.it/wurfl/dl.php?t=d&f=wurfl.zip
** PHP Lbrary - http://wurfl.sourceforge.net/php/
** Web Patch - http://www.nusho.it/wurfl/dl.php?t=d&f=web_browsers_patch.xml
*Andrea Trasatti's (creator of WURFL) introduction to WURFL - http://pc.dev.mobi/?q=node/18

=== Development Sites ===
*DotMobi - http://pc.dev.mobi/
*Global Authoring Practices for the Mobile Web (GAP) - http://www.passani.it/gap/

=== Reference ===
*W3C Mobile Web Initiative - http://www.w3.org/Mobile/
*W3C MobileOK Basic Test - http://www.w3.org/TR/mobileOK-basic10-tests/
*W3C Mobile Web Best Practices 1.0 - http://www.w3.org/TR/mobile-bp/
*WTAI - http://web.archive.org/web/20070101170723/http://www.thozie.de/english/wap/wtai.htm
*XHTML-MP - http://www.informit.com/guides/content.asp?g=xml&seqNum=170&rl=1
*GAP Templates - http://www.passani.it/gap/templates/

=== Examples used in class ===

*Michael's Palindrome page - http://uberthings.com/palindromic
*WAP Friendly Palindrome page - http://uberthings.com/palindromic/p.php
*WURFL browser tester - http://uberthings.com/palindromic/wap.php
*WURFL tester code - http://uberthings.com/palindromic/wap_php.txt
*Hello,WAP - http://uberthings.com/palindromic/hello.xhtml

Week 12: WAP Tools

2007-11-14T02:08:02Z

Deprimer: /* Browser-based tools */

=== Browser-based tools ===

*Firefox - http://www.mozilla.com/en-US/firefox/
*User-Agent Switcher for Firefox - https://addons.mozilla.org/firefox/59/
*Minimal set of user agents -
http://uberthings.com/teaching/mobile_application_design/11/minimal_set.xml
*Giant set of user agents -
http://uberthings.com/teaching/mobile_application_design/11/lotsa_user_agents.xml
*Web Developer - https://addons.mozilla.org/firefox/60/
*WML Browser - https://addons.mozilla.org/firefox/62/
*XHTML Mobile Profile (haven't used it yet) - https://addons.mozilla.org/firefox/1345/

=== WAP Emulators ===
*Opera Mini - http://www.operamini.com/features/simulator/
*DotMobi - http://pc.dev.mobi/
*Pukupi (i-mode emulator) - http://pukupi.com/tools/mimic/
*Openwave Phone Simulator - http://developer.openwave.com/dvl/tools_and_sdk/phone_simulator/index.htm
*Klondike - http://www.apachesoftware.com/Engine.html
*YoSpace - http://www.yospace.com/spedemo.html

=== Server Side Tools ===
*WURFL - http://wurfl.sourceforge.net
** Latest version - http://www.nusho.it/wurfl/dl.php?t=d&f=wurfl.zip
** PHP Lbrary - http://wurfl.sourceforge.net/php/
** Web Patch - http://www.nusho.it/wurfl/dl.php?t=d&f=web_browsers_patch.xml
*Andrea Trasatti's (creator of WURFL) introduction to WURFL - http://pc.dev.mobi/?q=node/18

=== Development Sites ===
*DotMobi - http://pc.dev.mobi/
*Global Authoring Practices for the Mobile Web (GAP) - http://www.passani.it/gap/

=== Reference ===
*W3C Mobile Web Initiative - http://www.w3.org/Mobile/
*W3C MobileOK Basic Test - http://www.w3.org/TR/mobileOK-basic10-tests/
*W3C Mobile Web Best Practices 1.0 - http://www.w3.org/TR/mobile-bp/
*WTAI - http://web.archive.org/web/20070101170723/http://www.thozie.de/english/wap/wtai.htm
*XHTML-MP - http://www.informit.com/guides/content.asp?g=xml&seqNum=170&rl=1
*GAP Templates - http://www.passani.it/gap/templates/

=== Examples used in class ===

*Michael's Palindrome page - http://uberthings.com/palindromic
*WAP Friendly Palindrome page - http://uberthings.com/palindromic/p.php
*WURFL browser tester - http://uberthings.com/palindromic/wap.php
*WURFL tester code - http://uberthings.com/palindromic/wap_php.txt
*Hello,WAP - http://uberthings.com/palindromic/hello.xhtml

Week 12: WAP Tools

2007-11-14T01:33:04Z

Deprimer: /* Reference */

=== Browser-based tools ===

*Firefox - http://www.mozilla.com/en-US/firefox/
*User-Agent Switcher for Firefox - https://addons.mozilla.org/firefox/59/
*Web Developer - https://addons.mozilla.org/firefox/60/
*WML Browser - https://addons.mozilla.org/firefox/62/
*XHTML Mobile Profile (haven't used it yet) - https://addons.mozilla.org/firefox/1345/

=== WAP Emulators ===
*Opera Mini - http://www.operamini.com/features/simulator/
*DotMobi - http://pc.dev.mobi/
*Pukupi (i-mode emulator) - http://pukupi.com/tools/mimic/
*Openwave Phone Simulator - http://developer.openwave.com/dvl/tools_and_sdk/phone_simulator/index.htm
*Klondike - http://www.apachesoftware.com/Engine.html
*YoSpace - http://www.yospace.com/spedemo.html

=== Server Side Tools ===
*WURFL - http://wurfl.sourceforge.net
** Latest version - http://www.nusho.it/wurfl/dl.php?t=d&f=wurfl.zip
** PHP Lbrary - http://wurfl.sourceforge.net/php/
** Web Patch - http://www.nusho.it/wurfl/dl.php?t=d&f=web_browsers_patch.xml
*Andrea Trasatti's (creator of WURFL) introduction to WURFL - http://pc.dev.mobi/?q=node/18

=== Development Sites ===
*DotMobi - http://pc.dev.mobi/
*Global Authoring Practices for the Mobile Web (GAP) - http://www.passani.it/gap/

=== Reference ===
*W3C Mobile Web Initiative - http://www.w3.org/Mobile/
*W3C MobileOK Basic Test - http://www.w3.org/TR/mobileOK-basic10-tests/
*W3C Mobile Web Best Practices 1.0 - http://www.w3.org/TR/mobile-bp/
*WTAI - http://web.archive.org/web/20070101170723/http://www.thozie.de/english/wap/wtai.htm
*XHTML-MP - http://www.informit.com/guides/content.asp?g=xml&seqNum=170&rl=1
*GAP Templates - http://www.passani.it/gap/templates/

=== Examples used in class ===

*Michael's Palindrome page - http://uberthings.com/palindromic
*WAP Friendly Palindrome page - http://uberthings.com/palindromic/p.php
*WURFL browser tester - http://uberthings.com/palindromic/wap.php
*WURFL tester code - http://uberthings.com/palindromic/wap_php.txt
*Hello,WAP - http://uberthings.com/palindromic/hello.xhtml

Syllabus07

2007-11-13T23:57:01Z

Deprimer: /* Week 11 (November 13): Playing (with) the future (WAP + XHTML) */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/9/week9_python_in_the_house.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/9/ Python SDK & ScriptShell 1.4.1 (probably outdated)]

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

'''Resources'''
* [http://uberthings.com/teaching/mobile_application_design/10/week10_HTTP_POST_uploader.pdf Lecture Notes]
* [http://mobilenin.com/pys60/ex_upload_image_to_url.htm File upload (in Python)]
* [http://aymanshamma.googlepages.com/httppostfrompys60tophp HTTP POST in Python]

=== Week 11 (November 13): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

* [http://uberthings.com/teaching/wiki/index.php?title=Week_12:_WAP_Tools Useful WAP links]

'''Assignments'''

* Create wireframes/mockups and a brief presentation (~3 min) for your final project.

=== Week 12 (November 20): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 13 (November 27) Special Presentation ===

Some very special guests come to class this week to talk about their experiences building interesting mobile apps.

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Week 12: WAP Tools

2007-11-11T23:24:14Z

Deprimer: /* Reference */

=== Browser-based tools ===

*Firefox - http://www.mozilla.com/en-US/firefox/
*User-Agent Switcher for Firefox - https://addons.mozilla.org/firefox/59/
*Web Developer - https://addons.mozilla.org/firefox/60/
*WML Browser - https://addons.mozilla.org/firefox/62/
*XHTML Mobile Profile (haven't used it yet) - https://addons.mozilla.org/firefox/1345/

=== WAP Emulators ===
*Opera Mini - http://www.operamini.com/features/simulator/
*DotMobi - http://pc.dev.mobi/
*Pukupi (i-mode emulator) - http://pukupi.com/tools/mimic/
*Openwave Phone Simulator - http://developer.openwave.com/dvl/tools_and_sdk/phone_simulator/index.htm
*Klondike - http://www.apachesoftware.com/Engine.html
*YoSpace - http://www.yospace.com/spedemo.html

=== Server Side Tools ===
*WURFL - http://wurfl.sourceforge.net
** Latest version - http://www.nusho.it/wurfl/dl.php?t=d&f=wurfl.zip
** PHP Lbrary - http://wurfl.sourceforge.net/php/
** Web Patch - http://www.nusho.it/wurfl/dl.php?t=d&f=web_browsers_patch.xml
*Andrea Trasatti's (creator of WURFL) introduction to WURFL - http://pc.dev.mobi/?q=node/18

=== Development Sites ===
*DotMobi - http://pc.dev.mobi/
*Global Authoring Practices for the Mobile Web (GAP) - http://www.passani.it/gap/

=== Reference ===
*W3C Mobile Web Initiative - http://www.w3.org/Mobile/
*W3C MobileOK Basic Test - http://www.w3.org/TR/mobileOK-basic10-tests/
*W3C Mobile Web Best Practices 1.0 - http://www.w3.org/TR/mobile-bp/
*WTAI - http://www.thozie.de/english/wap/wtai.htm
*XHTML-MP - http://www.informit.com/guides/content.asp?g=xml&seqNum=170&rl=1
*GAP Templates - http://www.passani.it/gap/templates/

=== Examples used in class ===

*Michael's Palindrome page - http://uberthings.com/palindromic
*WAP Friendly Palindrome page - http://uberthings.com/palindromic/p.php
*WURFL browser tester - http://uberthings.com/palindromic/wap.php
*WURFL tester code - http://uberthings.com/palindromic/wap_php.txt
*Hello,WAP - http://uberthings.com/palindromic/hello.xhtml

Homework07

2007-11-11T23:10:37Z

Deprimer: /* Homework */

Syllabus07

2007-11-11T23:06:46Z

Deprimer: /* Week 11 (November 13): Playing (with) the future (WAP + XHTML) */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/9/week9_python_in_the_house.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/9/ Python SDK & ScriptShell 1.4.1 (probably outdated)]

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

'''Resources'''
* [http://uberthings.com/teaching/mobile_application_design/10/week10_HTTP_POST_uploader.pdf Lecture Notes]
* [http://mobilenin.com/pys60/ex_upload_image_to_url.htm File upload (in Python)]
* [http://aymanshamma.googlepages.com/httppostfrompys60tophp HTTP POST in Python]

=== Week 11 (November 13): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

'''Assignments'''

* Create wireframes/mockups and a brief presentation (~3 min) for your final project.

=== Week 12 (November 20): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 13 (November 27) Special Presentation ===

Some very special guests come to class this week to talk about their experiences building interesting mobile apps.

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-11-11T23:06:24Z

Deprimer: /* Week 11 (November 13): Playing (with) the future (WAP + XHTML) */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/9/week9_python_in_the_house.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/9/ Python SDK & ScriptShell 1.4.1 (probably outdated)]

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

'''Resources'''
* [http://uberthings.com/teaching/mobile_application_design/10/week10_HTTP_POST_uploader.pdf Lecture Notes]
* [http://mobilenin.com/pys60/ex_upload_image_to_url.htm File upload (in Python)]
* [http://aymanshamma.googlepages.com/httppostfrompys60tophp HTTP POST in Python]

=== Week 11 (November 13): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

'''Assignments''

* Create wireframes/mockups and a brief presentation (~3 min) for your final project.

=== Week 12 (November 20): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 13 (November 27) Special Presentation ===

Some very special guests come to class this week to talk about their experiences building interesting mobile apps.

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-11-11T23:05:07Z

Deprimer: /* Week 11 (November 13): Playing (with) the future (WAP + XHTML) */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/9/week9_python_in_the_house.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/9/ Python SDK & ScriptShell 1.4.1 (probably outdated)]

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

'''Resources'''
* [http://uberthings.com/teaching/mobile_application_design/10/week10_HTTP_POST_uploader.pdf Lecture Notes]
* [http://mobilenin.com/pys60/ex_upload_image_to_url.htm File upload (in Python)]
* [http://aymanshamma.googlepages.com/httppostfrompys60tophp HTTP POST in Python]

=== Week 11 (November 13): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 12 (November 20): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 13 (November 27) Special Presentation ===

Some very special guests come to class this week to talk about their experiences building interesting mobile apps.

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-11-11T23:02:24Z

Deprimer: /* Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/9/week9_python_in_the_house.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/9/ Python SDK & ScriptShell 1.4.1 (probably outdated)]

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

'''Resources'''
* [http://uberthings.com/teaching/mobile_application_design/10/week10_HTTP_POST_uploader.pdf Lecture Notes]
* [http://mobilenin.com/pys60/ex_upload_image_to_url.htm File upload (in Python)]
* [http://aymanshamma.googlepages.com/httppostfrompys60tophp HTTP POST in Python]

=== Week 11 (November 13): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 12 (November 20): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 13 (November 27) Special Presentation ===

Some very special guests come to class this week to talk about their experiences building interesting mobile apps.

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-11-11T21:38:18Z

Deprimer: /* Week 13 (November 27) */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/9/week9_python_in_the_house.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/9/ Python SDK & ScriptShell 1.4.1 (probably outdated)]

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 11 (November 13): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 12 (November 20): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 13 (November 27) Special Presentation ===

Some very special guests come to class this week to talk about their experiences building interesting mobile apps.

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-11-06T15:39:51Z

Deprimer: /* Week 13 (December 4): Final Project Presentation */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/9/week9_python_in_the_house.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/9/ Python SDK & ScriptShell 1.4.1 (probably outdated)]

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 11 (November 13): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 12 (November 20): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 13 (November 27) ===

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-11-06T15:39:35Z

Deprimer: /* Week 13 (December 4): Final Project Presentation */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/9/week9_python_in_the_house.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/9/ Python SDK & ScriptShell 1.4.1 (probably outdated)]

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 11 (November 13): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 12 (November 20): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 13 (November 27) ===

=== Week 13 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-11-06T15:38:49Z

Deprimer: /* Week 12 (November 27): Final Project Workshop AKA Open Questions/Issues */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/9/week9_python_in_the_house.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/9/ Python SDK & ScriptShell 1.4.1 (probably outdated)]

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 11 (November 13): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 12 (November 20): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 13 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-11-06T15:37:55Z

Deprimer: /* Week 11 (November 20): Playing (with) the future (WAP + XHTML) */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/9/week9_python_in_the_house.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/9/ Python SDK & ScriptShell 1.4.1 (probably outdated)]

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 11 (November 13): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 12 (November 27): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 13 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-11-06T04:02:29Z

Deprimer: /* Week 9 (November 2): Python. */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/9/week9_python_in_the_house.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/9/ Python SDK & ScriptShell 1.4.1 (probably outdated)]

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 11 (November 20): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 12 (November 27): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 13 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

PresentationSignup

2007-11-02T22:45:40Z

Deprimer: /* 2007 Presentations */

== 2007 Presentations ==

* Week 2 (September 11): Dean, Vibha
* Week 3 (September 18):Ellie, Riddhima
* Week 4 (September 25):Eric Tommy Roger
* Week 5 (October 2):
* Week 6 (October 9):
* Week 7 (October 16):
* Week 8 (October 30):
* Week 9 (November 2):
* Week 10 (November 6): [Chul Song, ChoRong] & [Amber, Matt]
* Week 11 (November 13): Peng, Shin-Yi, Hyeki
* Week 12 (November 20): Amber, Matt

----

== 2006 Presentations ==
* Week 2: (September 14)[http://www.techyart.com/Mobile/bCode.ppt Kat, Jen, Arly]
* Week 3: (September 21) [http://michaeldelgaudio.com/html/mobile/presentation.htm Michael DelGaudio]
* Week 4: (September 28)
* Week 5: (October 5) [http://catmindeye.com/mobileapps-2.ppt Nanna and Cat]
* Week 6: (October 12) Max, Vincent
* Week 7: (October 19) [http://giladlotan.com/MobileApps/presentation.ppt Gilad, Chunxi and Greg B.]

* Week 9: MAKE-UP CLASS: (Friday, November 10) Kate B, Josh Kn & Chris P

* Week 10: (November 9) Fernando, Jonathan
* Week 11: (November 16) [http://ephexi.com/mobile/presentation.ppt Ran, Olivia & Jury]
* Week 12: (November 30) Andy, Alex

Python Setup Notes

2007-11-02T21:09:38Z

Deprimer: /* Hello Python */

== Python for S60 ==
[http://wiki.opensource.nokia.com/projects/Python_for_S60 Python Home Page]
Python for S60 is Nokia's port of the Python language to the S60 smartphone platform. In addition to the standard features of the Python language, PyS60 provides access to many of the phone's uniquely smartphone-y functions, such as camera, contacts, calendar, audio recording and playing, TCP/IP and Bluetooth communications and simple telephony.

=== Installation ===
[http://wiki.opensource.nokia.com/projects/Installing_PyS60 Installing PyS60] | [http://sourceforge.net/project/showfiles.php?group_id=154155 Download page]

Since we are using the N80 and N95 phones provided by Nokia which are Series 60 3rd Edition devices - we'll need to download the following files:

[http://uberthings.com/teaching/mobile_application_design/9/ Grab the files here]

* Python
* Python Script Shell
* Documentation

Bluetooth the first two to your N80 / N95 and install them ahead of time.

=== Reference ===
[http://wiki.forum.nokia.com/index.php/Category:Python#.22How_To.22_Guides_for_Python Forum Nokia How To Guides for Python]

[http://www.mobilenin.com/pys60/menu.htm Jurgen Scheible's Tutorial Site]

[http://www.python.org/doc/2.2.3/lib/lib.html Python Library Reference]

[http://docs.python.org/tut/ Guido Van Rossum's Python Tutorial]

=== Editors ===
[http://pydev.sourceforge.net/ PyDev (for Eclipse]

=== Useful Tools ===
[http://pdis.hiit.fi/pdis/download/miso/ Miso - a utility library]
[http://people.csail.mit.edu/kapu/symbian/python.html Kari Pulli's Python page]

=== Simple Programs ===

==== Hello Python ====

<pre>
import appuifw

appuifw.note(u"Well hello Python for Series60, you look nice... ", "info")
</pre>

==== Simple Text Input ====

<pre>
# Copyright (c) 2005 Jurgen Scheible
# This script performs a query with a single-field dialog (text input field)
# and displays the users input as a pop-up note

import appuifw

firstname = appuifw.query(u"Type your first name:", "text")

appuifw.note(u"Your first name is: " + firstname, "info")

surname = appuifw.query(u"Type your surname", "text")

appuifw.note(u"Your surname is: " + surname, "info")

appuifw.note(u"Hola " + firstname + " " +surname, "info")

# NOTE: a text string must be defined as unicode
# u"..."
# The mobile can not diplay the text otherwise properly!
</pre>

=== Exercises ===

# Rewrite the Zombie Detector from Week 2 in Python.
# Create a script which reads in a string and then sends it an SMS to your neighbour

Python Setup Notes

2007-11-02T20:32:43Z

Deprimer: /* Installation */

== Python for S60 ==
[http://wiki.opensource.nokia.com/projects/Python_for_S60 Python Home Page]
Python for S60 is Nokia's port of the Python language to the S60 smartphone platform. In addition to the standard features of the Python language, PyS60 provides access to many of the phone's uniquely smartphone-y functions, such as camera, contacts, calendar, audio recording and playing, TCP/IP and Bluetooth communications and simple telephony.

=== Installation ===
[http://wiki.opensource.nokia.com/projects/Installing_PyS60 Installing PyS60] | [http://sourceforge.net/project/showfiles.php?group_id=154155 Download page]

Since we are using the N80 and N95 phones provided by Nokia which are Series 60 3rd Edition devices - we'll need to download the following files:

[http://uberthings.com/teaching/mobile_application_design/9/ Grab the files here]

* Python
* Python Script Shell
* Documentation

Bluetooth the first two to your N80 / N95 and install them ahead of time.

=== Reference ===
[http://wiki.forum.nokia.com/index.php/Category:Python#.22How_To.22_Guides_for_Python Forum Nokia How To Guides for Python]

[http://www.mobilenin.com/pys60/menu.htm Jurgen Scheible's Tutorial Site]

[http://www.python.org/doc/2.2.3/lib/lib.html Python Library Reference]

[http://docs.python.org/tut/ Guido Van Rossum's Python Tutorial]

=== Editors ===
[http://pydev.sourceforge.net/ PyDev (for Eclipse]

=== Useful Tools ===
[http://pdis.hiit.fi/pdis/download/miso/ Miso - a utility library]
[http://people.csail.mit.edu/kapu/symbian/python.html Kari Pulli's Python page]

=== Simple Programs ===

==== Hello Python ====

<pre>
import appuifw

appuifw.note(u"Well hello Python for Series60, you look nice... ", "info")
</pre>

=== Exercises ===

# Rewrite the Zombie Detector from Week 2 in Python.
# Create a script which reads in a string and then sends it an SMS to your neighbour

PresentationSignup

2007-11-02T03:28:06Z

Deprimer: /* 2007 Presentations */

== 2007 Presentations ==

* Week 2 (September 11): Dean, Vibha
* Week 3 (September 18):Ellie, Riddhima
* Week 4 (September 25):Eric Tommy Roger
* Week 5 (October 2):
* Week 6 (October 9):
* Week 7 (October 16):
* Week 8 (October 30):
* Week 9 (November 2): Chul Song, ChoRong
* Week 10 (November 6): Amber, Matt
* Week 11 (November 13): Peng, Shin-Yi, Hyeki
* Week 12 (November 20): Amber, Matt

----

== 2006 Presentations ==
* Week 2: (September 14)[http://www.techyart.com/Mobile/bCode.ppt Kat, Jen, Arly]
* Week 3: (September 21) [http://michaeldelgaudio.com/html/mobile/presentation.htm Michael DelGaudio]
* Week 4: (September 28)
* Week 5: (October 5) [http://catmindeye.com/mobileapps-2.ppt Nanna and Cat]
* Week 6: (October 12) Max, Vincent
* Week 7: (October 19) [http://giladlotan.com/MobileApps/presentation.ppt Gilad, Chunxi and Greg B.]

* Week 9: MAKE-UP CLASS: (Friday, November 10) Kate B, Josh Kn & Chris P

* Week 10: (November 9) Fernando, Jonathan
* Week 11: (November 16) [http://ephexi.com/mobile/presentation.ppt Ran, Olivia & Jury]
* Week 12: (November 30) Andy, Alex

Python Setup Notes

2007-11-02T03:22:18Z

Deprimer: /* Reference */

== Python for S60 ==
[http://wiki.opensource.nokia.com/projects/Python_for_S60 Python Home Page]
Python for S60 is Nokia's port of the Python language to the S60 smartphone platform. In addition to the standard features of the Python language, PyS60 provides access to many of the phone's uniquely smartphone-y functions, such as camera, contacts, calendar, audio recording and playing, TCP/IP and Bluetooth communications and simple telephony.

=== Installation ===
[http://wiki.opensource.nokia.com/projects/Installing_PyS60 Installing PyS60] | [http://sourceforge.net/project/showfiles.php?group_id=154155 Download page]

Since we are using the N80 and N95 phones provided by Nokia which are Series 60 3rd Edition devices - we'll need to download the following files:

* Python
* Python Script Shell
* Documentation

Bluetooth the first two to your N80 / N95 and install them ahead of time.

=== Reference ===
[http://wiki.forum.nokia.com/index.php/Category:Python#.22How_To.22_Guides_for_Python Forum Nokia How To Guides for Python]

[http://www.mobilenin.com/pys60/menu.htm Jurgen Scheible's Tutorial Site]

[http://www.python.org/doc/2.2.3/lib/lib.html Python Library Reference]

[http://docs.python.org/tut/ Guido Van Rossum's Python Tutorial]

=== Editors ===
[http://pydev.sourceforge.net/ PyDev (for Eclipse]

=== Useful Tools ===
[http://pdis.hiit.fi/pdis/download/miso/ Miso - a utility library]
[http://people.csail.mit.edu/kapu/symbian/python.html Kari Pulli's Python page]

=== Simple Programs ===

==== Hello Python ====

<pre>
import appuifw

appuifw.note(u"Well hello Python for Series60, you look nice... ", "info")
</pre>

=== Exercises ===

# Rewrite the Zombie Detector from Week 2 in Python.
# Create a script which reads in a string and then sends it an SMS to your neighbour

Python Setup Notes

2007-11-02T03:20:17Z

Deprimer: /* Installation */

Python Setup Notes

2007-11-02T03:04:41Z

Deprimer: /* Python for S60 */

== Python for S60 ==
[http://wiki.opensource.nokia.com/projects/Python_for_S60 Python Home Page]
Python for S60 is Nokia's port of the Python language to the S60 smartphone platform. In addition to the standard features of the Python language, PyS60 provides access to many of the phone's uniquely smartphone-y functions, such as camera, contacts, calendar, audio recording and playing, TCP/IP and Bluetooth communications and simple telephony.

=== Installation ===
[http://wiki.opensource.nokia.com/projects/Installing_PyS60 Installing PyS60] |

[http://sourceforge.net/project/showfiles.php?group_id=154155&package_id=171153&release_id=462564 Download page]

Since we are using the lovely N80 phones provided by Nokia - we'll need to download the following files:

*[http://downloads.sourceforge.net/pys60/PythonForS60_1_3_13_SDK_3rdEd_selfsigned.zip?modtime=1163177758&big_mirror=0 PythonForS60_1_3_13_SDK_3rdEd for Series60 3rd Edition] phones like N80, N91, N93.
*[http://downloads.sourceforge.net/pys60/pythonscriptshell_1_3_13_3rded_selfsigned.SIS?modtime=1163177763&big_mirror=0 PythonScriptShell_1_3_13_3rdEd]
*[http://downloads.sourceforge.net/pys60/PythonForS60_doc_1_3_13.pdf?modtime=1163177758&big_mirror=0 API Documentation]

Bluetooth these to your N80 and install them ahead of time.

=== Reference ===
[http://www.mobilenin.com/pys60/menu.htm Jurgen Scheible's Tutorial Site]

[http://www.python.org/doc/2.2.3/lib/lib.html Python Library Reference]

[http://docs.python.org/tut/ Guido Van Rossum's Python Tutorial]

=== Editors ===
[http://pydev.sourceforge.net/ PyDev (for Eclipse]

=== Useful Tools ===
[http://pdis.hiit.fi/pdis/download/miso/ Miso - a utility library]
[http://people.csail.mit.edu/kapu/symbian/python.html Kari Pulli's Python page]

=== Simple Programs ===

==== Hello Python ====

<pre>
import appuifw

appuifw.note(u"Well hello Python for Series60, you look nice... ", "info")
</pre>

=== Exercises ===

# Rewrite the Zombie Detector from Week 2 in Python.
# Create a script which reads in a string and then sends it an SMS to your neighbour

Python Setup Notes

2007-11-02T03:03:37Z

Deprimer: /* Python for S60 */

== Python for S60 ==

[http://wiki.opensource.nokia.com/projects/Python_for_S60 Python Home Page]

=== Installation ===
[http://wiki.opensource.nokia.com/projects/Installing_PyS60 Installing PyS60] |

[http://sourceforge.net/project/showfiles.php?group_id=154155&package_id=171153&release_id=462564 Download page]

Since we are using the lovely N80 phones provided by Nokia - we'll need to download the following files:

*[http://downloads.sourceforge.net/pys60/PythonForS60_1_3_13_SDK_3rdEd_selfsigned.zip?modtime=1163177758&big_mirror=0 PythonForS60_1_3_13_SDK_3rdEd for Series60 3rd Edition] phones like N80, N91, N93.
*[http://downloads.sourceforge.net/pys60/pythonscriptshell_1_3_13_3rded_selfsigned.SIS?modtime=1163177763&big_mirror=0 PythonScriptShell_1_3_13_3rdEd]
*[http://downloads.sourceforge.net/pys60/PythonForS60_doc_1_3_13.pdf?modtime=1163177758&big_mirror=0 API Documentation]

Bluetooth these to your N80 and install them ahead of time.

=== Reference ===
[http://www.mobilenin.com/pys60/menu.htm Jurgen Scheible's Tutorial Site]

[http://www.python.org/doc/2.2.3/lib/lib.html Python Library Reference]

[http://docs.python.org/tut/ Guido Van Rossum's Python Tutorial]

=== Editors ===
[http://pydev.sourceforge.net/ PyDev (for Eclipse]

=== Useful Tools ===
[http://pdis.hiit.fi/pdis/download/miso/ Miso - a utility library]
[http://people.csail.mit.edu/kapu/symbian/python.html Kari Pulli's Python page]

=== Simple Programs ===

==== Hello Python ====

<pre>
import appuifw

appuifw.note(u"Well hello Python for Series60, you look nice... ", "info")
</pre>

=== Exercises ===

# Rewrite the Zombie Detector from Week 2 in Python.
# Create a script which reads in a string and then sends it an SMS to your neighbour

Python Setup Notes

2007-11-02T03:02:59Z

Deprimer: /* Installation */

== Python for S60 ==

=== Installation ===
[http://wiki.opensource.nokia.com/projects/Installing_PyS60 Installing PyS60] |

[http://sourceforge.net/project/showfiles.php?group_id=154155&package_id=171153&release_id=462564 Download page]

Since we are using the lovely N80 phones provided by Nokia - we'll need to download the following files:

*[http://downloads.sourceforge.net/pys60/PythonForS60_1_3_13_SDK_3rdEd_selfsigned.zip?modtime=1163177758&big_mirror=0 PythonForS60_1_3_13_SDK_3rdEd for Series60 3rd Edition] phones like N80, N91, N93.
*[http://downloads.sourceforge.net/pys60/pythonscriptshell_1_3_13_3rded_selfsigned.SIS?modtime=1163177763&big_mirror=0 PythonScriptShell_1_3_13_3rdEd]
*[http://downloads.sourceforge.net/pys60/PythonForS60_doc_1_3_13.pdf?modtime=1163177758&big_mirror=0 API Documentation]

Bluetooth these to your N80 and install them ahead of time.

=== Reference ===
[http://www.mobilenin.com/pys60/menu.htm Jurgen Scheible's Tutorial Site]

[http://www.python.org/doc/2.2.3/lib/lib.html Python Library Reference]

[http://docs.python.org/tut/ Guido Van Rossum's Python Tutorial]

=== Editors ===
[http://pydev.sourceforge.net/ PyDev (for Eclipse]

=== Useful Tools ===
[http://pdis.hiit.fi/pdis/download/miso/ Miso - a utility library]
[http://people.csail.mit.edu/kapu/symbian/python.html Kari Pulli's Python page]

=== Simple Programs ===

==== Hello Python ====

<pre>
import appuifw

appuifw.note(u"Well hello Python for Series60, you look nice... ", "info")
</pre>

=== Exercises ===

# Rewrite the Zombie Detector from Week 2 in Python.
# Create a script which reads in a string and then sends it an SMS to your neighbour

Midterms07

2007-10-30T11:54:44Z

Deprimer:

* Corrine Brown
* Peng Zhao & HyeKi Min
* Vibha Bamba
* Chul Song
* Tommy Tseng
* Roger TSAI

'''BREAK'''

* ChoRong Hwang & Shin-Yi Huang
* Riddhima Shelat
* Eric Chiu
* Amber Nicole Reed & Maria Mavrakis
* Ellie Tam
* Matthew Fargo

Midterms07

2007-10-30T11:53:41Z

Deprimer:

Corrine Brown
Peng Zhao & HyeKi Min
Vibha Bamba
Chul Song
Tommy Tseng
Roger TSAI

BREAK

ChoRong Hwang & Shin-Yi Huang
Riddhima Shelat
Eric Chiu
Amber Nicole Reed & Maria Mavrakis
Ellie Tam
Matthew Fargo

Homework07

2007-10-30T11:46:28Z

Deprimer: /* Homework */

Syllabus07

2007-10-26T23:30:52Z

Deprimer: /* Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Assignments'''

* Work on your mid terms!

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/week7_dr_strangebug_07.pdf Lecture Notes]
* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 11 (November 20): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 12 (November 27): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 13 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-10-26T20:58:14Z

Deprimer: /* Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/7/RSS_RMS.zip RSS and RMS Examples]
* [http://uberthings.com/teaching/wiki/index.php?title=Deploying Deploying]

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 11 (November 20): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 12 (November 27): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 13 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-10-26T02:33:32Z

Deprimer:

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Python. ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

=== Week 10 (November 6): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 11 (November 20): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 12 (November 27): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 13 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-10-26T02:30:34Z

Deprimer: /* Week 9 (October 30): Obfuscation, HTTP POST, Bluetooth */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (November 2): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 10: Final Project Workshop AKA Open Questions/Issues (November 6) ===

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 10 (November 6): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

=== Week 12 (November 20): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 13 (November 27): Final Project Presentations ===

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-10-26T02:30:18Z

Deprimer: /* Week 8 (October 23): Mid-term Presentations */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

=== Week 8 (October 30): Mid-term Presentations ===

'Nuff said.

=== Week 9 (October 30): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 10: Final Project Workshop AKA Open Questions/Issues (November 6) ===

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 10 (November 6): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

=== Week 12 (November 20): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 13 (November 27): Final Project Presentations ===

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-10-26T02:29:59Z

Deprimer: /* Week 7 (October 16): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 26): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

=== Week 8 (October 23): Mid-term Presentations ===

'Nuff said.

=== Week 9 (October 30): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 10: Final Project Workshop AKA Open Questions/Issues (November 6) ===

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 10 (November 6): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

=== Week 12 (November 20): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 13 (November 27): Final Project Presentations ===

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-10-10T03:54:18Z

Deprimer: /* Week 6 (October 9): Where am I? (Location Workshop) */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/6/week6_location.pdf Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!
* [http://uberthings.com/teaching/mobile_application_design/6/Hipoqih.zip LBS Example code]

=== Week 7 (October 16): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

=== Week 8 (October 23): Mid-term Presentations ===

'Nuff said.

=== Week 9 (October 30): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 10: Final Project Workshop AKA Open Questions/Issues (November 6) ===

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 10 (November 6): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

=== Week 12 (November 20): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 13 (November 27): Final Project Presentations ===

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-10-09T22:11:06Z

Deprimer: /* Week 6 (October 9): Where am I? (Location Workshop) */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

'''Assignments:'''

# Write a single paragraph description of what you are doing for your mid-term. Link it to the wiki. Send it me for review when it's done.

'''Resources'''

* [Lecture Notes (PDF)]
* [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API Documentation] USE THESE!!

=== Week 7 (October 16): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

=== Week 8 (October 23): Mid-term Presentations ===

'Nuff said.

=== Week 9 (October 30): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 10: Final Project Workshop AKA Open Questions/Issues (November 6) ===

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 10 (November 6): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

=== Week 12 (November 20): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 13 (November 27): Final Project Presentations ===

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.

Syllabus07

2007-10-09T13:02:04Z

Deprimer: /* Week 6 (October 9): Where am I? (Location Workshop) */

=== Week 1 (September 7): Introduction to mobile ===

'''Discussion'''

What you need to know about the mobile ecosystem, technologies (GSM, CDMA, TDMA, iDEN), devices, carriers. Development Process - including J2ME architecture (MIDP, CLDC, lifecycle). How to push your round idea through the square hole of wireframes, architecture and prototypes. Setting up your environment, writing your first program ("Hello Mob").

'''Assignments'''

# Create an account on this wiki
# Presentation groups: Work in groups of 2/3 to research a topic in mobile technology, programming or design that is interesting, innovative or just noteworthy. Prepare a 10 minute presentation which will be presented to the class. Pick a date for your presentations on the [http://uberthings.com/teaching/wiki/index.php?title=PresentationSignup PresentationSignup page]
# [http://uberthings.com/teaching/wiki/index.php?title=Setup Set up your development environment correctly.]
# Download, install and setup [http://mobile.processing.org Mobile.Processing]
# Build your own Hello World type application. Be as creative as you like. Use Eclipse or Mobile.Processing. Compile and run it in an emulator of your choice. Upload the screenshot to your web site and create a link here - [[Week_One]]. Extra credit for choosing an exotic/obscure emulator.

'''Resources'''

[http://uberthings.com/teaching/mobile_application_design/1/1-introduction_to_mobile.pdf Lecture Notes]

[http://uberthings.com/teaching/wiki/index.php?title=Week_1:_HelloMIDlet HelloMidlet Tutorial for Eclipse]

[http://uberthings.com/teaching/mobile_application_design/1/code.zip HelloMidlet Code (zipped)]

=== Week 2 (September 11): Designing the Mobile User Experience (UX Workshop) ===

'''Discussion'''

The web/laptop/desktop vs mobile user experience. Considerations when designing for mobile devices. What makes a good mobile application? Review of J2ME architecture + some programming concepts - discussion will cover the MIDlet life cycle, variables, control structures, constraints and limitations of working with J2ME. High level and low-level GUIs.

Special guest: Jennifer Bove from Schematic + another mystery guest ([http://randomfoo.net/ Leonard Lin] from Upcoming)

'''Assignments:'''

Theme: Zombies (or to be decided in class)

# Come up with an idea for a simple one or two screen MIDlet that uses some of the high level user interface components creatively. Run through the steps of the mobile development process that we went through in class. Check out these sites for inspiration: [http://superbad.com superbad] and [http://jodi.org jodi]. View source! Document your work on your blog / site, then link to it here - [[Week_Two]]
# FOR ADVANCED STUDENTS (OPTIONAL): Use a low-level UI class like the Canvas or GameCanvas to draw an image on the phone's screen.
# What is your favourite mobile application (it can be anything on the phone - downloaded apps, native apps, sms etc)? Why? Write up a few paragraphs on why you like it on your blog, and what you would improve (if anything) and bring a screenshot of the interface or the application on your phone. Link all the relevant bits here - [[Week_Two]]
# If it isn't there already, add a link to your favourite application in the [http://uberthings.com/teaching/wiki/index.php?title=Links Links] section of the Wiki.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/2/week2.pdf Lecture Notes (PDF)]
* [http://gotapi.com GotAPI]
* [http://uberthings.com/mobile/docs/midp1 MIDP 1 API Docs]
* [http://uberthings.com/mobile/docs/midp2/ MIDP 2 API Docs]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_ZombieDetector ZombieDetector Code]
* [http://uberthings.com/teaching/wiki/index.php?title=Week_2:_Forms-A-Go-Go Forms-A-Go-Go]

=== Week 3 (September 18): Building the User Interface ===

'''Discussion'''

Generating possible ideas for midterms, focusing on mapping (mGmaps), games (Mogi, Pang etc), social network applications - Nokia's Sensor, Imahima, BEDD, camera applications (Geosnapper), GPS Applications (uLocate), physical computing. Threads. Why we love 'em. Packaging. How to use Canvases.

'''Assignments:'''

Theme: to be decided in class

# Start thinking about an idea for a larger project that you'd like to work on. Blog your idea - include references to APIs that intend to use, links and pictures. Sketch out a simple wireframe / interaction diagram for your idea. Also include a paragraph and some links about your inspiration for this idea.
# Take your idea for the simple MIDlet from Week Two and create it using Forms or Canvases - OR - create a MIDlet which uses the Canvas to listen for button presses and does something interesting with that data. Please add your source code to the Wiki and try use MPowerPlayer's Webstart to link to your JAD files.
# Create a simple MIDlet which uses a Canvas to create a simple animation. Please add source code to the Wiki.
# Read [http://uberthings.com/teaching/mobile_application_design/3/readings_from_everyware.pdf chapter 5, 19 and 45 from Everyware]. Think about what Greenfield is saying in light of your own ideas above. Write a short paragraph about how these concepts influenced your idea (or not). Prepare two good questions for in-class discussion. Link these to the HomeworkWiki. Adam Greenfield has kindly provided us with PDFs of the chapters required - so you don't even have to buy the book.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/3/week3.pdf Lecture Notes (PDF)]
* [http://eclipseme.org/docs/jadeditor.html EclipseME's JAD Editor] - a good overview of what those pesky JAD attributes mean.
* [http://www.onjava.com/lpt/a/793 MIDlet Packaging - more information about the JAD attributes. May be useful for developing on Mac with EclipseME.]
* [http://uberthings.com/teaching/mobile_application_design/3/code.zip Sample code (includes Canvas Animation Demo, Video MIDlet, NameThatKeyMIDlet and lots more)]

=== Week 4 (September 25): Multimedia & Networking ===

'''Discussion'''

Feedback on project directions. The phone as multimedia production studio. Pros and cons of using the phone as a production platform. This is multimedia week - we learn about MIDP 2.0's Multimedia API and how to access it to record audio, use the onboard camera and get video too. Overview of HTTP, XML.

'''Assignments:'''

# Create a MIDlet that connects to a server and downloads images / files / some data which you then use to do something.
# Review two of your classmates midterm projects. Write a paragraph of commentary/questions - post to their blog. Everyone should have at least two comments on their project.
# Refine your midterm project concepts, be prepared to discuss in greater detail next week.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/4/week4_multimedia_http_07.pdf Lecture Notes (PDF)]
* [http://www.devx.com/gethelpon/10MinuteSolution/16646 Sending HTTP Requests from a Wireless J2ME Device]
* [http://uberthings.com/teaching/mobile_application_design/4/week4_http_mmapi.zip Sample code (includes ImageMonkey, MediaInformationMIDlet)]

=== Week 5 (October 2): HTTP Part Deux ===

'''Discussion'''

More HTTP. This time we'll cover the elusive XML data format and how to ensnare it with things like KXML. Also, in part two of our mystery guest series - we'll be getting a workshop from Jessie Boyes - Java developer extraordinaire.

'''Assignments:'''

# Make a little game using some of the techniques you learned in class today OR use the XMLDemon example to create a MIDlet that reads some XML somewhere and does something interesting based on that.
# Wireframe your midterm ideas. Figure out how you will build it. Choose a handset, SDK and emulator for your project.

'''Resources'''

* [http://uberthings.com/teaching/mobile_application_design/5/week5_http_xml_games.pdf Lecture Notes (PDF)]
* [http://tlbs.us/gameapi/ Writing J2ME Games - Jesse Boyes]
* [http://uberthings.com/teaching/mobile_application_design/5/gametest.zip Game Test sample code from Jesse]
* [http://uberthings.com/teaching/mobile_application_design/5/XMLDemon.zip XML sample code]
* [http://webstart.mpowerplayer.com/uberthings.com/teaching/mobile_application_design/5/XMLDemon.jad.jnlp Launch XML example]

=== Week 6 (October 9): Where am I? (Location Workshop) ===

'''Discussion'''

This week we'll be thinking about location based applications. Topics include the basics of locating devices, getting data(GPS, BT GPS, Network lookups etc), using data on the server, plugging into maps.

# [http://www.forum.nokia.com/document/Java_ME_Developers_Library_v2/GUID-4AEC8DAF-DDCC-4A30-B820-23F2BA60EA52/index.html JSR-179 API]

=== Week 7 (October 16): Dr Strangebug or: How I Learned to Stop Worrying and Love the Exceptions ===

'''Discussion'''

Exceptions, Threads. Going through code in-class. Lots of it. Improved kXML2 example - RSS. Small RMS example.

=== Week 8 (October 23): Mid-term Presentations ===

'Nuff said.

=== Week 9 (October 30): Obfuscation, HTTP POST, Bluetooth ===

'''Discussion'''

We'll cover how, why and when to use obfuscators. Images in J2ME. Sending images and text with HTTP POST. The ins and outs of Bluetooth (if we get time).

=== Week 10: Final Project Workshop AKA Open Questions/Issues (November 6) ===

Topics include: Threads, Unicode, Bluetooth, PIM API, N95 and the MMAPI. Build, compile, run. Debug, build, compile, run. Debug, build, compile, package, install. This week is all about getting your application to work. Debug debug debug. Build build build. We'll discuss ways of adding finishing touches to your MIDlets such as icons, packages and awesomeness.

=== Week 10 (November 6): Final Project Workshop AKA Open Questions/Issues ===

'''Discussion'''

Mmmm... Python. See my [[Python_Setup_Notes]] notes on the Wiki to get started.

=== Week 12 (November 20): Playing (with) the future (WAP + XHTML) ===

'''Discussion'''

Wireframe presentations for finals. I'll be introducing WAP, WML, XHTML MP, CHTML and CSS and we'll at look at how and why Docomo was so successful with it's iMode platform. If there's time we'll look at the [http://wurfl.sourceforge.net WURFL](no, it's not a Star Trek character) and look at a few examples in PHP or Ruby.

=== Week 13 (November 27): Final Project Presentations ===

=== Week 14 (December 4): Final Project Presentation ===

Guest Critics will be posted here.