Final Project Design and Implementation

Mobile Application Design and Development [./]
Spring 2010 — INFO 152 (CCN 42504)

Erik Wilde, UC Berkeley School of Information
2010-04-02

Creative Commons License [http://creativecommons.org/licenses/by/3.0/]

This work is licensed under a CC
Attribution 3.0 Unported License
[http://creativecommons.org/licenses/by/3.0/]

Contents Erik Wilde: Final Project Design and Implementation

Contents

Erik Wilde: Final Project Design and Implementation

(2) Abstract

As an example of a final project, in this lecture we discuss the scenario of Observations of Daily Living (ODL) and how this information can be created, managed, and exchanged with mobile applications. While the back-end of the particular scenario is connected to a lot of highly complex systems and interfaces managing health-related information, the front-end and the user-centered management can be regarded as an application that should be more or less self-contained.



Erik Wilde: Final Project Design and Implementation

(3) QR Codes in the Browser

Generating QR Codes in Firefox with Mobile Barcoder

Outline

Outline (Outline)

  1. Outline [3]
  2. Design [4]
  3. Implementation [5]
  4. Customizable Portals [2]
Outline Erik Wilde: Final Project Design and Implementation

(5) Capturing Health-Related Observations



Outline Erik Wilde: Final Project Design and Implementation

(6) Personal Health Information

circle-of-life.jpg

Outline Erik Wilde: Final Project Design and Implementation

(7) Monitoring Body Weight

withings.png

Design

Outline (Design)

  1. Outline [3]
  2. Design [4]
  3. Implementation [5]
  4. Customizable Portals [2]
Design Erik Wilde: Final Project Design and Implementation

(9) Scenarios



Design Erik Wilde: Final Project Design and Implementation

(10) Acquiring User Input



Design Erik Wilde: Final Project Design and Implementation

(11) Delegating User Input



Design Erik Wilde: Final Project Design and Implementation

(12) UI Design Issues



Implementation

Outline (Implementation)

  1. Outline [3]
  2. Design [4]
  3. Implementation [5]
  4. Customizable Portals [2]
Implementation Erik Wilde: Final Project Design and Implementation

(14) Open and Extensible Model



Implementation Erik Wilde: Final Project Design and Implementation

(15) Web-Based for Cross-Platform



Implementation Erik Wilde: Final Project Design and Implementation

(16) Resource Types



Implementation Erik Wilde: Final Project Design and Implementation

(17) Resource Relationships



Implementation Erik Wilde: Final Project Design and Implementation

(18) Resource Interactions



Customizable Portals

Outline (Customizable Portals)

  1. Outline [3]
  2. Design [4]
  3. Implementation [5]
  4. Customizable Portals [2]
Customizable Portals Erik Wilde: Final Project Design and Implementation

(20) Weather Application

iphone-weather-list.png iphone-weather-screen.png


Customizable Portals Erik Wilde: Final Project Design and Implementation

(21) Weather.gov Web Pages

Regular Weather Page Mobile Weather Page


2010-04-02 Mobile Application Design and Development [./]
Spring 2010 — INFO 152 (CCN 42504)