|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/davidbacker/portfolio/ |
Upload File : |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="EN">
<HEAD>
<TITLE>portfolio - interactive software - the new studio - designing the interactive experience</TITLE>
<!-- last updated 01/01/15 DSB -->
<link rel="stylesheet" href="http://www.newstudio.com/css/TNSpages.css" type="text/css" >
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" >
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META name="description" content="the new studio - over twenty-five years designing the interactive experience for custom software and web applications, usability testing, and creative illustration and collage">
<META name="keywords" content="the new studio, custom software, website creation, usability testing, designers, web design, applications, development, David Backer, Alyce Kaprow, Designing Technology show, SIGGRAPH, HTML coding, WebReady training course, market research, developer, webmaster, training, website, IE, Internet Explorer, Netscape Navigator, MIT, Massachusetts Institute of Technology, Media Laboratory, Movie Manual, Newton, Massachusetts, new studio, Bob Mallary">
<!-- ImageReady Preload Script (interactive.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
interactive_02_over = newImage("images/interactive_02-over.gif");
interactive_03_interactive_18_over = newImage("images/interactive_03-interactive_.gif");
interactive_05_interactive_06_over = newImage("images/interactive_05-interactive_.gif");
interactive_06_over = newImage("images/interactive_06-over.gif");
interactive_07_over = newImage("images/interactive_07-over.gif");
interactive_08_over = newImage("images/interactive_08-over.gif");
interactive_09_over = newImage("images/interactive_09-over.gif");
interactive_10_over = newImage("images/interactive_10-over.jpg");
interactive_12_interactive_13_over = newImage("images/interactive_12-interactive_.gif");
interactive_13_over = newImage("images/interactive_13-over.gif");
interactive_14_interactive_17_over = newImage("images/interactive_14-interactive_.gif");
interactive_14_interactive_18_over = newImage("images/interactive_14-interacti-27.gif");
interactive_14_interactive_19_over = newImage("images/interactive_14-interacti-28.gif");
interactive_14_interactive_20_over = newImage("images/interactive_14-interacti-29.gif");
interactive_14_interactive_21_over = newImage("images/interactive_14-interacti-30.gif");
interactive_15_interactive_13_over = newImage("images/interactive_15-interactive_.gif");
interactive_16_over = newImage("images/interactive_16-over.gif");
interactive_17_over = newImage("images/interactive_17-over.gif");
interactive_17_interactive_18_over = newImage("images/interactive_17-interactive_.gif");
interactive_18_interactive_17_over = newImage("images/interactive_18-interactive_.gif");
interactive_18_over = newImage("images/interactive_18-over.gif");
interactive_19_interactive_17_over = newImage("images/interactive_19-interactive_.gif");
interactive_19_over = newImage("images/interactive_19-over.gif");
interactive_20_interactive_17_over = newImage("images/interactive_20-interactive_.gif");
interactive_20_over = newImage("images/interactive_20-over.gif");
interactive_21_interactive_17_over = newImage("images/interactive_21-interactive_.gif");
interactive_21_over = newImage("images/interactive_21-over.gif");
interactive_22_interactive_17_over = newImage("images/interactive_22-interactive_.gif");
interactive_23_interactive_17_over = newImage("images/interactive_23-interactive_.gif");
interactive_24_interactive_17_over = newImage("images/interactive_24-interactive_.gif");
interactive_25_interactive_17_over = newImage("images/interactive_25-interactive_.gif");
interactive_26_interactive_17_over = newImage("images/interactive_26-interactive_.gif");
interactive_27_interactive_17_over = newImage("images/interactive_27-interactive_.gif");
interactive_28_interactive_17_over = newImage("images/interactive_28-interactive_.gif");
interactive_29_interactive_17_over = newImage("images/interactive_29-interactive_.gif");
interactive_30_interactive_17_over = newImage("images/interactive_30-interactive_.gif");
interactive_31_interactive_17_over = newImage("images/interactive_31-interactive_.gif");
interactive_31_interactive_18_over = newImage("images/interactive_31-interacti-70.gif");
interactive_31_interactive_19_over = newImage("images/interactive_31-interacti-71.gif");
interactive_31_interactive_20_over = newImage("images/interactive_31-interacti-72.gif");
interactive_31_interactive_21_over = newImage("images/interactive_31-interacti-73.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (interactive.psd) -->
<TABLE WIDTH=790 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ROWSPAN=19>
<IMG SRC="images/interactive_01.gif" WIDTH=121 HEIGHT=480 ALT=""></TD>
<TD COLSPAN=9><A HREF="../index.html"
ONMOUSEOVER="changeImages('interactive_02', 'images/interactive_02-over.gif'); return true;"
ONMOUSEOUT="changeImages('interactive_02', 'images/interactive_02.gif'); return true;"><IMG NAME="interactive_02" SRC="images/interactive_02.gif" WIDTH=662 HEIGHT=71 BORDER=0 ALT="Home"></A></TD>
<TD ROWSPAN=20>
<IMG NAME="interactive_03" SRC="images/interactive_03.gif" WIDTH=7 HEIGHT=560 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2><IMG SRC="images/interactive_04.gif" WIDTH=114 HEIGHT=23 ALT=""></TD>
<TD><IMG NAME="interactive_05" SRC="images/interactive_05.gif" WIDTH=70 HEIGHT=23 ALT="portfolio"></TD>
<TD><A HREF="../services/index.html"
ONMOUSEOVER="changeImages('interactive_05', 'images/interactive_05-interactive_.gif', 'interactive_06', 'images/interactive_06-over.gif'); return true;"
ONMOUSEOUT="changeImages('interactive_05', 'images/interactive_05.gif', 'interactive_06', 'images/interactive_06.gif'); return true;"><IMG NAME="interactive_06" SRC="images/interactive_06.gif" WIDTH=65 HEIGHT=23 BORDER=0 ALT="services"></A></TD>
<TD><A HREF="../clients/index.html"
ONMOUSEOVER="changeImages('interactive_05', 'images/interactive_05-interactive_.gif', 'interactive_07', 'images/interactive_07-over.gif'); return true;"
ONMOUSEOUT="changeImages('interactive_05', 'images/interactive_05.gif', 'interactive_07', 'images/interactive_07.gif'); return true;"><IMG NAME="interactive_07" SRC="images/interactive_07.gif" WIDTH=97 HEIGHT=23 BORDER=0 ALT="client projects"></A></TD>
<TD><A HREF="../about/index.html"
ONMOUSEOVER="changeImages('interactive_05', 'images/interactive_05-interactive_.gif', 'interactive_08', 'images/interactive_08-over.gif'); return true;"
ONMOUSEOUT="changeImages('interactive_05', 'images/interactive_05.gif', 'interactive_08', 'images/interactive_08.gif'); return true;"><IMG NAME="interactive_08" SRC="images/interactive_08.gif" WIDTH=68 HEIGHT=23 BORDER=0 ALT="about us"></A></TD>
<TD><A HREF="../contact/index.html"
ONMOUSEOVER="changeImages('interactive_05', 'images/interactive_05-interactive_.gif', 'interactive_09', 'images/interactive_09-over.gif'); return true;"
ONMOUSEOUT="changeImages('interactive_05', 'images/interactive_05.gif', 'interactive_09', 'images/interactive_09.gif'); return true;"><IMG NAME="interactive_09" SRC="images/interactive_09.gif" WIDTH=64 HEIGHT=23 BORDER=0 ALT="contact us"></A></TD>
<TD><A HREF="../accessibility/index.html"
ONMOUSEOVER="changeImages('interactive_05', 'images/interactive_05-interactive_.gif', 'interactive_10', 'images/interactive_10-over.jpg'); return true;"
ONMOUSEOUT="changeImages('interactive_05', 'images/interactive_05.gif', 'interactive_10', 'images/interactive_10.jpg'); return true;"><IMG NAME="interactive_10" SRC="images/interactive_10.jpg" WIDTH=83 HEIGHT=23 BORDER=0 ALT="accessibility"></A></TD>
<TD><IMG SRC="images/interactive_11.gif" WIDTH=101 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3><IMG NAME="interactive_12" SRC="images/interactive_12.gif" WIDTH=69 HEIGHT=51 ALT=""></TD>
<TD COLSPAN=2><A HREF="index.html"
ONMOUSEOVER="changeImages('interactive_12', 'images/interactive_12-interactive_.gif', 'interactive_13', 'images/interactive_13-over.gif', 'interactive_15', 'images/interactive_15-interactive_.gif'); return true;"
ONMOUSEOUT="changeImages('interactive_12', 'images/interactive_12.gif', 'interactive_13', 'images/interactive_13.gif', 'interactive_15', 'images/interactive_15.gif'); return true;"><IMG NAME="interactive_13" SRC="images/interactive_13.gif" WIDTH=115 HEIGHT=17 BORDER=0 ALT="website design"></A></TD>
<TD COLSPAN=6 ROWSPAN=17><IMG NAME="interactive_14" SRC="images/interactive_14.gif" WIDTH=478 HEIGHT=386 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2><IMG NAME="interactive_15" SRC="images/interactive_15.gif" WIDTH=115 HEIGHT=13 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2><A HREF="illustration.html"
ONMOUSEOVER="changeImages('interactive_12', 'images/interactive_12-interactive_.gif', 'interactive_15', 'images/interactive_15-interactive_.gif', 'interactive_16', 'images/interactive_16-over.gif'); return true;"
ONMOUSEOUT="changeImages('interactive_12', 'images/interactive_12.gif', 'interactive_15', 'images/interactive_15.gif', 'interactive_16', 'images/interactive_16.gif'); return true;"><IMG NAME="interactive_16" SRC="images/interactive_16.gif" WIDTH=115 HEIGHT=21 BORDER=0 ALT="illustration and collage"></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('interactive_14', 'images/interactive_14-interactive_.gif', 'interactive_17', 'images/interactive_17-over.gif', 'interactive_18', 'images/interactive_18-interactive_.gif', 'interactive_19', 'images/interactive_19-interactive_.gif', 'interactive_20', 'images/interactive_20-interactive_.gif',
'interactive_21', 'images/interactive_21-interactive_.gif', 'interactive_22', 'images/interactive_22-interactive_.gif', 'interactive_23', 'images/interactive_23-interactive_.gif', 'interactive_24', 'images/interactive_24-interactive_.gif', 'interactive_25', 'images/interactive_25-interactive_.gif', 'interactive_26', 'images/interactive_26-interactive_.gif',
'interactive_27', 'images/interactive_27-interactive_.gif', 'interactive_28', 'images/interactive_28-interactive_.gif', 'interactive_29', 'images/interactive_29-interactive_.gif', 'interactive_30', 'images/interactive_30-interactive_.gif', 'interactive_31', 'images/interactive_31-interactive_.gif'); return true;"
ONMOUSEOUT="changeImages('interactive_14', 'images/interactive_14.gif', 'interactive_17', 'images/interactive_17.gif', 'interactive_18', 'images/interactive_18.gif', 'interactive_19', 'images/interactive_19.gif', 'interactive_20', 'images/interactive_20.gif', 'interactive_21', 'images/interactive_21.gif', 'interactive_22',
'images/interactive_22.gif', 'interactive_23', 'images/interactive_23.gif', 'interactive_24', 'images/interactive_24.gif', 'interactive_25', 'images/interactive_25.gif', 'interactive_26', 'images/interactive_26.gif', 'interactive_27', 'images/interactive_27.gif', 'interactive_28', 'images/interactive_28.gif', 'interactive_29',
'images/interactive_29.gif', 'interactive_30', 'images/interactive_30.gif', 'interactive_31', 'images/interactive_31.gif'); return true;">
<IMG NAME="interactive_17" SRC="images/interactive_17.gif" WIDTH=184 HEIGHT=25 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('interactive_03', 'images/interactive_03-interactive_.gif', 'interactive_14', 'images/interactive_14-interacti-27.gif', 'interactive_17', 'images/interactive_17-interactive_.gif', 'interactive_18', 'images/interactive_18-over.gif', 'interactive_19', 'images/interactive_19-interactive_.gif',
'interactive_20', 'images/interactive_20-interactive_.gif', 'interactive_21', 'images/interactive_21-interactive_.gif', 'interactive_22', 'images/interactive_22-interactive_.gif', 'interactive_23', 'images/interactive_23-interactive_.gif', 'interactive_24', 'images/interactive_24-interactive_.gif', 'interactive_25', 'images/interactive_25-interactive_.gif',
'interactive_26', 'images/interactive_26-interactive_.gif', 'interactive_27', 'images/interactive_27-interactive_.gif', 'interactive_28', 'images/interactive_28-interactive_.gif', 'interactive_29', 'images/interactive_29-interactive_.gif', 'interactive_30', 'images/interactive_30-interactive_.gif', 'interactive_31', 'images/interactive_31-interacti-70.gif');
return true;"
ONMOUSEOUT="changeImages('interactive_03', 'images/interactive_03.gif', 'interactive_14', 'images/interactive_14.gif', 'interactive_17', 'images/interactive_17.gif', 'interactive_18', 'images/interactive_18.gif', 'interactive_19', 'images/interactive_19.gif', 'interactive_20', 'images/interactive_20.gif', 'interactive_21',
'images/interactive_21.gif', 'interactive_22', 'images/interactive_22.gif', 'interactive_23', 'images/interactive_23.gif', 'interactive_24', 'images/interactive_24.gif', 'interactive_25', 'images/interactive_25.gif', 'interactive_26', 'images/interactive_26.gif', 'interactive_27', 'images/interactive_27.gif', 'interactive_28',
'images/interactive_28.gif', 'interactive_29', 'images/interactive_29.gif', 'interactive_30', 'images/interactive_30.gif', 'interactive_31', 'images/interactive_31.gif'); return true;">
<IMG NAME="interactive_18" SRC="images/interactive_18.gif" WIDTH=184 HEIGHT=16 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('interactive_14', 'images/interactive_14-interacti-28.gif', 'interactive_17', 'images/interactive_17-interactive_.gif', 'interactive_18', 'images/interactive_18-interactive_.gif', 'interactive_19', 'images/interactive_19-over.gif', 'interactive_20', 'images/interactive_20-interactive_.gif',
'interactive_21', 'images/interactive_21-interactive_.gif', 'interactive_22', 'images/interactive_22-interactive_.gif', 'interactive_23', 'images/interactive_23-interactive_.gif', 'interactive_24', 'images/interactive_24-interactive_.gif', 'interactive_25', 'images/interactive_25-interactive_.gif', 'interactive_26', 'images/interactive_26-interactive_.gif',
'interactive_27', 'images/interactive_27-interactive_.gif', 'interactive_28', 'images/interactive_28-interactive_.gif', 'interactive_29', 'images/interactive_29-interactive_.gif', 'interactive_30', 'images/interactive_30-interactive_.gif', 'interactive_31', 'images/interactive_31-interacti-71.gif'); return true;"
ONMOUSEOUT="changeImages('interactive_14', 'images/interactive_14.gif', 'interactive_17', 'images/interactive_17.gif', 'interactive_18', 'images/interactive_18.gif', 'interactive_19', 'images/interactive_19.gif', 'interactive_20', 'images/interactive_20.gif', 'interactive_21', 'images/interactive_21.gif', 'interactive_22',
'images/interactive_22.gif', 'interactive_23', 'images/interactive_23.gif', 'interactive_24', 'images/interactive_24.gif', 'interactive_25', 'images/interactive_25.gif', 'interactive_26', 'images/interactive_26.gif', 'interactive_27', 'images/interactive_27.gif', 'interactive_28', 'images/interactive_28.gif', 'interactive_29',
'images/interactive_29.gif', 'interactive_30', 'images/interactive_30.gif', 'interactive_31', 'images/interactive_31.gif'); return true;">
<IMG NAME="interactive_19" SRC="images/interactive_19.gif" WIDTH=184 HEIGHT=15 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('interactive_14', 'images/interactive_14-interacti-29.gif', 'interactive_17', 'images/interactive_17-interactive_.gif', 'interactive_18', 'images/interactive_18-interactive_.gif', 'interactive_19', 'images/interactive_19-interactive_.gif', 'interactive_20', 'images/interactive_20-over.gif',
'interactive_21', 'images/interactive_21-interactive_.gif', 'interactive_22', 'images/interactive_22-interactive_.gif', 'interactive_23', 'images/interactive_23-interactive_.gif', 'interactive_24', 'images/interactive_24-interactive_.gif', 'interactive_25', 'images/interactive_25-interactive_.gif', 'interactive_26', 'images/interactive_26-interactive_.gif',
'interactive_27', 'images/interactive_27-interactive_.gif', 'interactive_28', 'images/interactive_28-interactive_.gif', 'interactive_29', 'images/interactive_29-interactive_.gif', 'interactive_30', 'images/interactive_30-interactive_.gif', 'interactive_31', 'images/interactive_31-interacti-72.gif'); return true;"
ONMOUSEOUT="changeImages('interactive_14', 'images/interactive_14.gif', 'interactive_17', 'images/interactive_17.gif', 'interactive_18', 'images/interactive_18.gif', 'interactive_19', 'images/interactive_19.gif', 'interactive_20', 'images/interactive_20.gif', 'interactive_21', 'images/interactive_21.gif', 'interactive_22',
'images/interactive_22.gif', 'interactive_23', 'images/interactive_23.gif', 'interactive_24', 'images/interactive_24.gif', 'interactive_25', 'images/interactive_25.gif', 'interactive_26', 'images/interactive_26.gif', 'interactive_27', 'images/interactive_27.gif', 'interactive_28', 'images/interactive_28.gif', 'interactive_29',
'images/interactive_29.gif', 'interactive_30', 'images/interactive_30.gif', 'interactive_31', 'images/interactive_31.gif'); return true;">
<IMG NAME="interactive_20" SRC="images/interactive_20.gif" WIDTH=184 HEIGHT=18 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('interactive_14', 'images/interactive_14-interacti-30.gif', 'interactive_21', 'images/interactive_21-over.gif', 'interactive_31', 'images/interactive_31-interacti-73.gif'); return true;"
ONMOUSEOUT="changeImages('interactive_14', 'images/interactive_14.gif', 'interactive_21', 'images/interactive_21.gif', 'interactive_31', 'images/interactive_31.gif'); return true;">
<IMG NAME="interactive_21" SRC="images/interactive_21.gif" WIDTH=184 HEIGHT=16 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG NAME="interactive_22" SRC="images/interactive_22.gif" WIDTH=184 HEIGHT=16 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG NAME="interactive_23" SRC="images/interactive_23.gif" WIDTH=184 HEIGHT=16 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG NAME="interactive_24" SRC="images/interactive_24.gif" WIDTH=184 HEIGHT=15 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG NAME="interactive_25" SRC="images/interactive_25.gif" WIDTH=184 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG NAME="interactive_26" SRC="images/interactive_26.gif" WIDTH=184 HEIGHT=16 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG NAME="interactive_27" SRC="images/interactive_27.gif" WIDTH=184 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG NAME="interactive_28" SRC="images/interactive_28.gif" WIDTH=184 HEIGHT=15 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG NAME="interactive_29" SRC="images/interactive_29.gif" WIDTH=184 HEIGHT=18 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG NAME="interactive_30" SRC="images/interactive_30.gif" WIDTH=184 HEIGHT=115 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=10>
<IMG NAME="interactive_31" SRC="images/interactive_31.gif" WIDTH=783 HEIGHT=80 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=121 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=69 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=45 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=70 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=65 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=97 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=68 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=64 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=83 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=101 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
<!-- text links -->
<div align="center"><p class="textlinks"><A HREF="../index.html">home</a> | <A HREF="../portfolio/index.html">portfolio</a> | <A HREF="../services/index.html">services</a> | <A HREF="../clients/index.html">client projects</a> | <A HREF="../about/index.html">about us</a> | <A HREF="../contact/index.html">contact</a> | <A HREF="../accessibility/index.html">accessibility</a></p>
<p class="textlinks">
(c) Copyright the new studio 1995 - 2015</p>
</div>
</BODY>
</HTML>