Leah Lawrence

How to set up a webpage for the iphone :: How to

In case anyone is interested in setting up a web page for the iphone, this is the template I used for all my pages. You can add more code if you like but this is how I have been generally setting up my pages.

How to:

1) Create a new document and save it as index.html.

2) Copy and paste this code into your document.

3) Start developing between the <body> tags.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0;”>

<link rel=”apple-touch-icon” href=”images/myiphone_ico.png”/>

<link href=”../styles/iphone_portrait.css” rel=”stylesheet” type=”text/css” media=”screen” id=”orient_css”>
<link href=”../styles/styles.css” rel=”stylesheet” type=”text/css” media=”screen”/>

<script type=”text/javascript” src=”js/script.js”> </script>

<script type=”text/javascript”>
<!– Orientation Script
function orient(){
switch(window.orientation){
case 0: document.getElementById(“orient_css”).href = “../styles/iphone_portrait.css”;
break;

case -90: document.getElementById(“orient_css”).href = “../styles/iphone_landscape.css”;
break;

case 90: document.getElementById(“orient_css”).href = “../styles/iphone_landscape.css”;
break;

}
}
window.onload = orient();
–>
</script>

<title></title>

</head>

<body onorientationchange=”orient();”>

</body>
</html>

Case Studies

Deafness and the UX: http://www.alistapart.com/articles/deafnessandtheuserexperience/

Working with others: http://www.alistapart.com/articles/workingwithothers/

Flash vs. Standards :: Article

http://www.alistapart.com/articles/flashstandards/

You’ve probably heard that Apple recently announced the iPad. The absence of Flash Player on the device seems to have awakened the HTML5 vs. Flash debate. Apparently, it’s the final nail in the coffin for Flash.

The arguments run wide, strong, and legitimate on both sides. Apple CEO Steve Jobs calls Flash Player buggy. John Gruber of Daring Fireball says that Apple wants to maintain their own ecosystem—a formula Adobe’s software doesn’t easily fit into. On the other end, Adobe CTO Kevin Lynch argues that Flash is a great content delivery vehicle. Mike Chambers, Principal Product Manager for Flash platform developer relations at Adobe, expresses his concerns over closed platforms. Interactive developer Grant Skinner reflects on the advantages of Flash.

However, the issue is larger than which one is better. It’s about preference and politics. It’s an arms race. This is the Cold War of the Web.

More >

Scenario

Garden App :: Interfaces

Objective: A very basic application that helps people who wish to maintain their garden and are brand new to the horticultural field. The user will learn how to take care of individual plants and gardens through identification and memorization of common backyard patterns and plants.

3 Interface Designs

<–Same interface during different times of the year.

Wireframe Sketches Templates

http://www.smashingmagazine.com/2010/03/29/free-printable-sketching-wireframing-and-note-taking-pdf-templates/

Image Finds + 5 Minute Mockups

Mobile App Project Proposal Presentation

Garden App Wireframe + Storyboard

Storyboard Revised

For iPhone View

Original Storyboard

** Storyboard 2 (the vertical picture) is a revision of the original storyboard.

iPhone Development

10+ useful code snippets to develop iPhone friendly websites

In case anyone is interesting in developing their apps via website or are interested in developing websites in general that will work on an iphone, this is useful. I haven’t tried any of the code out yet myself but I’m sure they will work fine because this is a reputable website.

Go There –>


iPhone SDK

If anyone is interested, you can download the iphone simulator to help in development. However, there are strings attached, such as you need either Leopard or Snow Leopard to run it. If you register as an iphone developer using your Apple ID (which you need to do to download the simulator) you will have access to some files that’ll help you start in development and help answer questions that may or may not be found using Google.

Go There –>

If you work on a windows (as not every company will provide us with a nice, spiffy Macintosh such as IBM…crazy right?), I hear that this is a good simulator. You do not need to register. I have not tried it out myself yet, but will update later when I have.

Remember to use Safari if you are testing your code on your Localhost using a text based or WYSIWYG editor as that’s the browser the iPhone uses.

Cognitive Domain & Outcomes

Cognitive Domain & Outcomes

Service Purpose (How)

Will show users -when- to commit tasks. Helps the user become familiar with basic patterns and rules of thumb to everyday gardening without memorizing a bunch of facts. The application will also help users identify plants and their traits, as this will eventually help them tend the garden. If the user has never taken a horticulture class and is new to the subject (or isn’t doing this as a hobby but merely wants to keep his/her yard looking good) the user is starting from scratch. He/she may not have any idea that certain tasks need to be done at different times of the year and will vary depending on the plant.

Service Goal (What)

A very basic application that helps people who wish to maintain their garden and are brand new to the horticultural field. The user will learn how to take care of individual plants and gardens through identification and memorization of common backyard patterns and plants.

Outcomes

Knowledge Remembers previously learned material

  • Identify a plant by type & habit (perennial, annual, herbaceous, woody, geophyte, weeping, shrub, tree, vine, etc)
  • Identify certain tasks with particular times of the year
  • Identify problems in the landscape

Comprehension Grasps the meaning of the material

  • Explain why certain tasks need to be performed at particular times of the year.
  • Understand the different needs and characteristics of plants.

Application Uses learning in new and concrete situations

  • Performs different tasks at different times of the year in the garden.
  • Find new connections between plants and how those connections can be utilized in the garden.

Analysis Understands both the content and structure of material

  • Compare & contrast different plants and decide which may perform better in the garden.

Synthesis Formulates new structures from existing knowledge and skills

  • Plan a garden based on knowledge gained through understanding of how the systems work together

Evaluation Judges the value of material for a given purpose

Select appropriate plants & justify the selection.

Gardening App – Journalistic Approach

Who: New Gardeners and new homeowners. Non-horticulturists or very new horticulturalists.

What: A very basic application that helps people who wish to maintain their garden and are brand new to the horticultural field. The user will learn how to take care of individual plants and gardens through identification and memorization of common backyard patterns and plants.

Why: New gardeners and homeowners may be confused on how to keep up with the all of plants in their yard. This app is supposed to help eliminate confusion and teach them how to manage their favorite plants.

How: Will show users -when- to commit tasks. Helps the user become familiar with basic patterns and rules of thumb to everyday gardening without memorizing a bunch of facts. The application will also help users identify plants and their traits, as this will eventually help them tend the garden. If the user has never taken a horticulture class and is new to the subject (or isn’t doing this as a hobby but merely wants to keep his/her yard looking good) the user is starting from scratch. He/she may not have any idea that certain tasks need to be done at different times of the year and will vary depending on the plant.

When/Where: The user will most likely use the application outside and in the garden. However, it is possible for the user to interact with the application inside, in the store and at their computer.

Features: Alerts users when attention needs to be paid to the landscape. Allows for user feedback for one-on-one help. Dynamic search engine to help users find the perfect plant whether it be based on environmental conditions, aesthetics, plant names and landscape type. Search will not only be conducted in the “search bar”, but also through recommendations and similar results based on saved plants. There will also be a way to help the user identify problems in the landscape based on environmental conditions and pests. User will need an individual account to save his/her database.

Gardening Apps – Lawrence

Gardening Applications similar to the purpose of mine.

More >

Why There’s No Flash on iPad (or iPhone)

Original Link

Lawrence_GardenApplication

Application Maps – Lawrence

Event ideas

1. How to manage your garden/landscape
Application that manages gardens. Ornamentals or vegetables. Reminds you when to prune particular plants, harvest others and start seedlings.

2. How to DJ
DJ application that helps the DJ during a gig. Beat matching,

3. How to manage your freelance
Freelance management. Manage projects, finances, contacts, etc.

Lawrence – Warm Up

Flash Warmup