<html>

<head>
<script>
<!--
if (window!= top)
top.location.href=location.href
// -->
</script>
<meta name="generator" content="Microsoft FrontPage 5.0" />
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="citydesk" content="3DA31191/120" />
<title>bonneyarmstrong.com - orbitz.com</title>
<link rel="stylesheet" type="text/css" 
href="http://bonney.himblau.com/bonney.css">
</head>

<body topmargin="0" leftmargin="0" bgcolor="#FFFFFF">

<center>
<script language="JavaScript">
var today = new Date();
var number = today.getDay() + 1;
document.write('<table border="0" cellpadding="0" cellspacing="2" width="991" bgcolor="#554987">');
document.write('<tr>');
document.write('<td width="991" colspan="2" height="200" background="http://bonney.himblau.com/newimages/' + number + '.jpg" align="right" valign="bottom">');
document.write('<h1><a target="_top" href="http://bonneyarmstrong.com/">bonneyarmstrong.com</a></h1>');
document.write('</td>');
document.write('</tr>');
</script>
<tr>
<td>
<table border="0" cellpadding="2" cellspacing="0" width="991">
  <tr>
    <!-- td width="100%" colspan="2" valign="top" align="right" bgcolor="#987BDE" -->
    <td width="100%" colspan="2" valign="top" align="center" bgcolor="#D9B6FC">
    <div align="right">
      <form action="http://search.freefind.com/find.html" method="get" 
      target="_self">
        <input type="hidden" size="-1" value="34968964" name="id" />
        <input type="hidden" size="-1" value="r" name="pid" />
        <input type="hidden" size="-1" value="ALL" name="mode" />
        <input type="hidden" value="0" name="n" />
        <p><input name="query" size="20" /> <input type="submit" 
        value="Search" /> <input type="submit" value="Site Map" name="sitemap" />
        </p>
      </form>
    </div>
    <!-- td width="100%" colspan="2" valign="top" bgcolor="#554987" -->
    <p align="center" class="menu">| <a href="../academics.html">academics</a> |
    <a href="../games.html">games</a> | <a href="../on_the_job.html">on the job</a> 
    | <a href="../personalstuff.html">personal</a> | <a href="../portfolio.html">
    portfolio</a> | <a href="../resume.html">resume</a> |</p>
    <hr></td>
  </tr>
  <tr>
    <td width="250" valign="top" bgcolor="#D9B6FC"><b>
    <ul>
      <li><a href="accentpainter.html">accentpainter.com</a></li>
      <li><a href="amdgeode.html">amd geode</a></li>
      <li><a href="bonneyarmstrong.html">bonneyarmstrong.com - old</a></li>
      <li><a href="bonneyworld.html">bonneyworld</a></li>
      <li><a href="boostlisteningcenter.html">boost listening center</a></li>
      <li><a href="doubleangel.html">doubleangel.org</a></li>
      <li><a href="healthetechbalancelog.html">healthetech balancelog</a></li>
      <li><a href="healthetechcorporate.html">healthetech corporate</a></li>
      <li><a href="healthetechflashbanners.html">healthetech flash banners</a></li>
      <li><a href="healthetechintranet.html">healthetech intranet</a></li>
      <li><a href="jentlemen.html">jentlemen.com</a></li>
      <li><a href="jeppesen.html">jeppesen</a></li>
      <li><a href="lockheedorion.html">lockheed orion</a></li>
      <li><a href="lockheedtricare.html">lockheed tricare</a></li>
      <li><a href="agriculture.html">mobile inspection app</a></li>
      <li><a href="orbitz.html">orbitz</a></li>
      <li><a href="queengeorge.html">queen george</a></li>
      <li><a href="sharepoint_portal.html">sharepoint portal</a></li>
      <li><a href="telco.html">telco</a></li>
      <li><a href="usbankaccessonline.html">us bank access online</a></li>
      <li><a href="usbankdevelopmenttickettr.html">us bank development ticket 
      tracking system</a></li>
      <li><a href="uswest.html">us west</a></li>
      <li><a href="webhostingcompany.html">webhosting company</a></li>
    </ul>
    </b>
    <p align="center">
    <script language="JavaScript1.2" src="http://www.altavista.com/r?entr" 
    type="text/javascript">
        </script>
    </p>
    <p><img border="0" src="http://bonney.himblau.com/images/clear.gif" 
    width="250" height="5"></td>
    <td width="741" valign="top" bgcolor="#D9B6FC">
    <h3>cheaptickets, galileo, orbitz, traversa, traversa for business</h3>
    <p></p>
    <table style="BORDER-COLLAPSE: collapse" cellspacing="0" cellpadding="10" 
    width="100%" border="0">
      <tr>
        <td valign="top" align="center" width="20%">
        <p align="center"><a href="../images/orbitz_00.JPG"><img border="2" 
        src="../images/orbitz_00_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_00.JPG" width="100" height="87"></a></td>
        <td valign="top" width="80%">Login page for Traversa product showing 
        difference in real estate capabilities between 800 x 600 and 1024 x 768.</td>
      </tr>
      <tr>
        <td valign="top" align="center" width="20%">
        <a href="../images/orbitz_01.JPG"><img border="2" 
        src="../images/orbitz_01_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_01.JPG" width="100" height="75"></a></td>
        <td valign="top" width="80%">Original home page configuration for 
        &quot;IBM-branded&quot; site under QA. Depending on the business rules and 
        configuration of the login credentials, different corporate branding 
        could be displayed. Old site config under 800 x 600.</td>
      </tr>
      <tr>
        <td valign="top" align="center" width="20%">
        <a href="../images/orbitz_02.JPG"><img border="2" 
        src="../images/orbitz_02_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_02.JPG" width="100" height="75"></a></td>
        <td valign="top" width="80%">Same home page but signed in with 
        &quot;credentials&quot; for British Airways on a different server.</td>
      </tr>
      <tr>
        <td valign="top" align="center" width="20%">
        <a href="../images/orbitz_03.JPG"><img border="2" 
        src="../images/orbitz_03_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_03.JPG" width="100" height="87"></a></td>
        <td valign="top" width="80%">Flights page showing difference in real 
        estate capabilities between 800 x 600 and 1024 x 768. The various sites 
        were resized to 1024 x 768 and tested under all browsers for 
        compatibility - Safari, Opera, the three most recent versions of 
        Firefox, Chrome, and Internet Explorer 6, 7, 8, &amp; 9, and Blazer for 
        mobile.</td>
      </tr>
      <tr>
        <td valign="top" align="center" width="20%">
        <a href="../images/orbitz_04.JPG"><img border="2" 
        src="../images/orbitz_04_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_04.JPG" width="100" height="87"></a></td>
        <td valign="top" width="80%">Unobstructed view of flights page showing 
        large light blue margin on right into which content would expand.</td>
      </tr>
      <tr>
        <td valign="top" align="center" width="20%">
        <a href="../images/orbitz_05.JPG"><img border="2" 
        src="../images/orbitz_05_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_05.JPG" width="100" 
        height="110"></a></td>
        <td valign="top" width="80%">View of flights page signed into main 
        Traversa server with &quot;account admin&quot; credentials.</td>
      </tr>
      <tr>
        <td valign="top" align="center" width="20%">
        <a href="../images/orbitz_06.JPG"><img border="2" 
        src="../images/orbitz_06_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_06.JPG" width="100" height="75"></a></td>
        <td valign="top" width="80%">Redesign view of flights page under 1024 x 
        768, showing proposed airplane in flight branding piece as opposed to 
        what we called &quot;suitcase guy&quot;, who is a persistent presence throughout 
        the whole orbitz suite of products. Although it was discussed to replace 
        suitcase guy with branding pieces related to the tab (hotels, cars) or 
        to the branding of the company you were signed in as, suitcase guy is 
        still there today.</td>
      </tr>
      <tr>
        <td valign="top" align="center" width="20%">
        <a href="../images/orbitz_07.JPG"><img border="2" 
        src="../images/orbitz_07_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_07.JPG" width="100" height="75"></a></td>
        <td valign="top" width="80%">View of co-branded admin section, 
        specifically the sites page.</td>
      </tr>
      <tr>
        <td valign="top" align="center" width="20%">
        <a href="../images/orbitz_08_ie9.JPG"><img border="2" 
        src="../images/orbitz_08_ie9_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_08_ie9.JPG" width="100" 
        height="91"></a></td>
        <td valign="top" width="80%">View of redesigned and expanded Traversa 
        for Business site under IE9 to gauge how much rework might be needed and 
        whether there would be any display issues of which we would need to take 
        into account for development and deployment scheduling purposes.</td>
      </tr>
      <tr>
        <td valign="top" align="center" width="20%">
        <a href="../images/orbitz_09_ie9.JPG"><img border="2" 
        src="../images/orbitz_09_ie9_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_09_ie9.JPG" width="100" 
        height="91"></a></td>
        <td valign="top" width="80%">Flights/Rail booking page showing 
        redesigned UI using Dojo controls. They exactly resemble the previous 
        controls written using script.aculo.us, but are section 508 compliant, 
        do not have display issues under the most recent browsers, and can be 
        read perfectly using screen readers such as JAWS.</td>
      </tr>
      <tr>
        <td valign="top" align="center" width="20%">
        <a href="../images/orbitz_10_ie9.JPG"><img border="2" 
        src="../images/orbitz_10_ie9_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_10_ie9.JPG" width="100" 
        height="91"></a></td>
        <td valign="top" width="80%">Flights/Rail page showing choice of 
        airports once city has been selected.</td>
      </tr>
      <tr>
        <td valign="top" align="center" width="20%">
        <a href="../images/orbitz_11_ie9.JPG"><img border="2" 
        src="../images/orbitz_11_ie9_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_11_ie9.JPG" width="100" 
        height="91"></a></td>
        <td valign="top" width="80%">Expanded/redesigned cars search page.</td>
      </tr>
      <tr>
        <td valign="top" align="center" width="20%">
        <a href="../images/orbitz_12_mobi.JPG"><img border="2" 
        src="../images/orbitz_12_mobi_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_12_mobi.JPG" width="100" 
        height="160"></a></td>
        <td valign="top" width="80%">Experimental version of the orbitz/Traversa 
        product under a 320 x 480 mockup for mobile platforms such as the Palm, 
        Android, BlackBerry, or iPhone. This was done with Firefox but was also 
        tested successfully with Blazer. This shows the flights booking page.</td>
      </tr>
      <tr>
        <td valign="top" align="center" width="20%">
        <a href="../images/orbitz_13_mobi.JPG"><img border="2" 
        src="../images/orbitz_13_mobi_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_13_mobi.JPG" width="100" 
        height="160"></a></td>
        <td valign="top" width="80%">Details of flight search under mobile.</td>
      </tr>
      <tr>
        <td valign="top" align="center" width="20%">
        <a href="../images/orbitz_14_mobi.JPG"><img border="2" 
        src="../images/orbitz_14_mobi_small.JPG" 
        xthumbnail-orig-image="../images/orbitz_14_mobi.JPG" width="100" 
        height="160"></a></td>
        <td valign="top" width="80%">End of flight search page with search for 
        fares options.</td>
      </tr>
    </table>
    </td>
  </tr>
  <tr>
    <td width="100%" colspan="2" valign="top" bgcolor="#D9B6FC">&nbsp;<p></p>
    <hr>
    <p align="center"><img border="0" src="http://bonney.himblau.com/oldimages/hr_lavender.gif" width="700" height="122"> 
    </p>
    <p align="right"><!--WEBBOT bot="HTMLMarkup" startspan ALT="Site Meter" -->
<script language="JavaScript" type="text/javascript">
//<![CDATA[
var site="s14himblau"
//]]>
</script>
<script language="JavaScript1.2" src="http://s14.sitemeter.com/js/counter.js?site=s14himblau" type="text/javascript">
</script>
<noscript>
<a href="http://s14.sitemeter.com/stats.asp?site=s14himblau" target="_top">
<img alt="Site Meter" src="http://s14.sitemeter.com/meter.asp?site=s14himblau" border="0" /></a>
</noscript>
<!-- Copyright (c)2002 Site Meter -->
<!--WEBBOT bot="HTMLMarkup" Endspan --></td>
  </tr>
</table>
</td>
</tr>
</table>
</center>

</body>

</html>
