MovieLife Application
index.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>MovieLife</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<img align="right" src="logoreel.gif" alt=""/<b<i>Your #1 wireless movie guide!</i</b>
<br clear="all" />
<table>
<tr class="blue">
<td>1 <a accesskey="1" href="quick.html">Quick Search</a</td>
</tr>
<tr>
<td>2 <a accesskey="2" class="bluetext" href="top5.html">Top Five Movies</a</td>
</tr>
<tr class="blue">
<td>3 <a accesskey="3" href="findmovie.html">Find a Movie</a</td>
</tr>
<tr>
<td>4 <a accesskey="4" class="bluetext" href="theater.html">Find Theater</a</td>
</tr>
<tr class="blue">
<td<p mode="nowrap">5 <a accesskey="5" href="theaterlist2.html">Theaters in My Area</a</p</td>
</tr>
<tr>
<td<a accesskey="6" class="bluetext" href="about.html">6 About MovieLife</a</td>
</tr>
</table>
<a class="bluetext" href="../index.html">City Guide</a>
</body>
</html>
index2.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>MovieLife</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<img align="right" src="logoreel.gif" alt=""/<b<i>Your #1 wireless movie guide!</i</b>
<br clear="all" />
<ol>
<li class="blue"<a accesskey="1" href="quick.html">Quick Search</a</li>
<li<a accesskey="2" class="bluetext" href="top5.html">Top Five Movies</a</li>
<li class="blue"<a accesskey="3" href="findmovie.html">Find a Movie</a</li>
<li<a accesskey="4" class="bluetext" href="theater.html">Find Theater</a</li>
<li class="blue"<a accesskey="5" href="theaterlist2.html">Theaters in My Area</a</li>
<li<a accesskey="6" class="bluetext" href="about.html">About MovieLife</a</li>
</ol>
<a class="bluetext" href="../index.html">City Guide</a>
</body>
</html>
quick.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Quick Search</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<form action="theaterlist.html" method="get">
<p>
<span class="bluetext">Movie:</span<br/>
<input type="text" name="movie" value="a perfect wave" /<br/>
<span class="bluetext">Zip code or city:</span<br/>
<input type="text" name="zip" value="94063" /<br/>
</p>
<div class="centered">
<input type="submit" value="Find!"/>
</div>
</form>
</body>
</html>
theaterlist.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Theaters in Redwood City, CA</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<h3>Theaters in Redwood City,CA featuring "A Perfect Wave":</h3>
<table>
<tr>
<td<p mode="nowrap">1 <a accesskey="1" class="bluetext" href="buyticket.html">Century Park 12 Redwood City</a</p>
2:15, 3:40, 4:50, 6:15, 7:30, 8:55, 10:00</td>
</tr>
<tr class="blue">
<td<p mode="nowrap">2 <a accesskey="2" href="buyticket.html">Century Cinema 16 Mountain View</a</p>
3:05, 3:55, 4:45, 5:40, 6:35, 7:20, 8:20, 9:15, 10:00</td>
</tr>
</table>
<a class="bluetext" href="index.html">Home</a>
</body>
</html>
buyticket.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Buy Ticket</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<h3>A Perfect Wave</h3>
<form action="result.html" method="get">
<p>
<span class="bluetext">Time:</span<br/>
<select name="time">
<option value="1">2:15</option>
<option value="1">3:40</option>
<option value="1">4:50</option>
<option value="1">6:15</option>
<option value="1">7:30</option>
<option value="1" selected="selected">8:55</option>
<option value="1">10:00</optio>
</select>
<br/>
<span class="bluetext">Number of seats (max 6):</span<br/>
<select name="seats">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</p>
<div class="centered">
<input type="submit" value="Buy"/>
</div>
</form>
</body>
</html>
result.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Confirm Purchase</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
You are about to purchase 3 tickets for "A Perfect Wave", at 8.55 PM
at the Century Park 12 theater in Redwood City.<br/>
<table>
<tr class="blue">
<td>1 <a accesskey="1" href="about.html">Purchase Now</a<br/>
(Billed to your phone bill)</td>
</tr>
<tr>
<td>2 <a accesskey="2" class="bluetext" href="about.html">Reserve Now</a<br/>
(Pick up at Box Office 40 mins before show time)</td>
</tr>
<tr class="blue">
<td<p move="nowrap">3 <a accesskey="3" href="about.html">Purchase with Credit Card</a</p</td>
</tr>
<tr>
<td>4 <a accesskey="4" class="bluetext" href="sure.html">Cancel</a</td>
</tr>
</table>
</body>
</html>
sure.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Confirm:</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
Cancel ticket purchase?
<br/>
[<a href="result.html">No</a>] [<a href="index.html">Yes</a>]
</body>
</html>
top5.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Top 5 Movies</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
Top 5 Movies
<table>
<tr class="blue">
<td<p mode="nowrap">1 <a accesskey="1" href="movie.html">Harry Potter and the Chambers of Secrets</a</p</td>
</tr>
<tr>
<td>2 <a accesskey="2" class="bluetext" href="movie.html">A Perfect Wave</a</td>
</tr>
<tr class="blue">
<td<p mode="nowrap">3 <a accesskey="3" href="movie.html">The Santa Clause 2</a</p</td>
</tr>
<tr>
<td>4 <a accesskey="4" class="bluetext" href="movie.html">The Ring</a</td>
</tr>
<tr class="blue">
<td>5 <a accesskey="5" href="movie.html">Half Past Dead</a</td>
</tr>
<tr>
<td>6 <a accesskey="6" class="bluetext" href="about.html">More...</a</td>
</tr>
</table>
<a class="bluetext" href="index.html">Home</a>
</body>
</html>
movie.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>A Perfect Wave</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<h4>A Perfect Wave</h4>
Feb 2003, 118 mins.<br/>
Get ready to ride the wave! This is the wild adventure of
Joe Surfer as he struggles against the odds to pursue his
dream of finding the Perfect Wave.
<br/>
<b>Starring:</b> John Doe, Jane Smith, and featuring Tom Brown as Joe Surfer<br/>
<img src="wave.gif" alt="" />
<br/>
<b>Director:</b> S.Stevens<br/>
<b>MPAA Rating:</b> PG- for some language and adult themes.<br/>
<b>Genre:</b> Action/adventure<br/>
<a accesskey="1" class="bluetext" href="about.html">Get Pictures via MMS</a> delivered
directly to your phone.
<hr/>
Find theater:<br/>
<a accesskey="2" class="bluetext" href="theaterlist.html">Closest</a>
<br/>
or by zip code/city: <br/>
<form action="theaterlist.html" method="get">
<p>
<input type="text" name="zip" value="94063" /<br/>
</p>
<div class="centered">
<input type="submit" value="Find!"/>
</div>
</form>
</body>
</html>
findmovie.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Find Movie</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
Type keyword to identify movie title, director
or actor/actress:<br/>
<form action="movielist.html" method="get">
<p>
<input type="text" name="movie" value="John Doe" /<br/>
</p>
<div class="centered">
<input type="submit" value="Find!"/>
</div>
</form>
</body>
</html>
movielist.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Search Result</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<h3>Search result for "John Doe"</h3>
<table>
<tr>
<td<a accesskey="1" class="bluetext" href="movie.html">1 Blue Oceans (2003)</a</td>
</tr>
<tr class="blue">
<td<a accesskey="2" href="movie.html">2 A Perfect Wave (2003)</a</td>
</tr>
</table>
<a class="bluetext" href="index.html">Home</a>
</body>
</html>
theater.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Find theater</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<h4>Find Theater:</h4>
<a accesskey="1" class="bluetext" href="theaterlist2.html">Closest</a>
<br/>
or by Zip Code: <br/>
<form action="theaterlist2.html" method="get">
<input type="text" name="zip" value="" format="NNNNN" />
<br/>
or insert city/address:<br/>
<input type="text" name="zip" value="" /<br/>
<div class="centered">
<input type="submit" value="Find!"/>
</div>
</form>
</body>
</html>
theaterlist2.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Theaters in Redwood City, CA</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<h3>Theaters in Redwood City, CA</h3>
<table>
<tr>
<td<b>Century Park 12 Redwood City</b<br/>
1 <a accesskey="1" class="bluetext" href="map.html">Get Map</a</td>
</tr>
<tr class="blue">
<td<p mode="nowrap">2 <a accesskey="2" href="moviesattheater.html">Movies at this theater</a</p</td>
</tr>
</table>
<hr/>
<table>
<tr>
<td<b>Century Cinema 16 Mountain View</b<br/>
3 <a accesskey="3" class="bluetext" href="map.html">Get Map</a</td>
</tr>
<tr class="blue">
<td<p mode="nowrap">4 <a accesskey="4" href="moviesattheater.html">Movies at this theater</a</p</td>
</tr>
</table>
<a class="bluetext" href="index.html">Home</a>
</body>
</html>
map.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>MovieLife</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
Century Park 12 Redwood City<br/>
557 East Bayshore Blvd.<br/>
Redwood City, CA 94063 <br/>
Box-Office Phone: (650)365-9000<br/>
<img src="theatermap.png" alt="map" />
<br/>
<a accesskey="1" class="bluetext" href="moviesattheater.html">Movies at this theater</a>
<br />
<a class="bluetext" href="index.html">Home</a>
</body>
</html>
moviesattheater.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Movies at Century Park 12</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<table>
<tr class="blue">
<td<p mode="nowrap">1 <a accesskey="1" href="movie.html">My Big Fat Greek Wedding</a</p</td>
</tr>
<tr>
<td<p mode="nowrap">2 <a accesskey="2" class="bluetext" href="movie.html">Jackass: The Movie</a</td>
</tr>
<tr class="blue">
<td<p mode="nowrap">3 <a accesskey="3" href="movie.html">Sweet Home Alabama</a</p</td>
</tr>
<tr>
<td<p mode="nowrap">4 <a accesskey="4" class="bluetext" href="movie.html">Harry Potter and the Chamber of Secrets</a</p</td>
</tr>
<tr class="blue">
<td<p mode="nowrap">5 <a accesskey="5" href="movie.html">A Perfect Wave</a</p</td>
</tr>
<tr>
<td<p mode="nowrap">6 <a accesskey="6" class="bluetext" href="moviesattheater.html">...more movies</a</p</td>
</tr>
</table>
</body>
</html>
about.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>About MovieLife</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<table<tr>
<td<img src="opwv.gif" alt=""/</td>
</tr>
</table>
This function has not been developed. This application is provided as a sample of what
functionalities can be developed using Openwave developer tools.
<br />
<a class="bluetext" href="index.html">Home</a>
</body>
</html>
style.css
BODY {
color: #006699;
font-family: Arial, sans-serif;
background-color: #FFFFFF
}
TD {
font-family: Arial, sans-serif
}
.bluetext {
color: #006699;
}
.blue {
color: #000000;
background-color: #99CCFF;
}
17