|
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/clients/ |
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>training and workshops - client projects - 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 (projects.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) {
projects_02_over = newImage("images/projects_02-over.gif");
projects_04_over = newImage("images/projects_04-over.gif");
projects_05_over = newImage("images/projects_05-over.gif");
projects_06_projects_04_over = newImage("images/projects_06-projects_04_ove.gif");
projects_07_over = newImage("images/projects_07-over.gif");
projects_08_over = newImage("images/projects_08-over.gif");
projects_09_over = newImage("images/projects_09-over.jpg");
projects_12_projects_14_over = newImage("images/projects_12-projects_14_ove.gif");
projects_14_over = newImage("images/projects_14-over.gif");
projects_15_over = newImage("images/projects_15-over.gif");
projects_16_over = newImage("images/projects_16-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR="#FFFFFF" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" ONLOAD="preloadImages();">
<a name="TOP"></a>
<!-- ImageReady Slices (projects.psd) -->
<TABLE WIDTH="790" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/projects_01.gif" WIDTH=159 HEIGHT=94 ALT=""></TD>
<TD COLSPAN=9><A HREF="../index.html"
ONMOUSEOVER="changeImages('projects_02', 'images/projects_02-over.gif'); return true;"
ONMOUSEOUT="changeImages('projects_02', 'images/projects_02.gif'); return true;"><IMG NAME="projects_02" SRC="images/projects_02.gif" WIDTH=631 HEIGHT=71 BORDER=0 ALT="Home"></A></TD>
</TR>
<TR>
<TD COLSPAN=2><IMG SRC="images/projects_03.gif" WIDTH=76 HEIGHT=23 ALT=""></TD>
<TD><A HREF="../portfolio/index.html"
ONMOUSEOVER="changeImages('projects_04', 'images/projects_04-over.gif', 'projects_06', 'images/projects_06-projects_04_ove.gif'); return true;"
ONMOUSEOUT="changeImages('projects_04', 'images/projects_04.gif', 'projects_06', 'images/projects_06.gif'); return true;"><IMG NAME="projects_04" SRC="images/projects_04.gif" WIDTH=70 HEIGHT=23 BORDER=0 ALT="portfolio"></A></TD>
<TD>
<A HREF="../services/index.html"
ONMOUSEOVER="changeImages('projects_05', 'images/projects_05-over.gif', 'projects_06', 'images/projects_06-projects_04_ove.gif'); return true;"
ONMOUSEOUT="changeImages('projects_05', 'images/projects_05.gif', 'projects_06', 'images/projects_06.gif'); return true;"><IMG NAME="projects_05" SRC="images/projects_05.gif" WIDTH=65 HEIGHT=23 BORDER=0 ALT="services"></A></TD>
<TD><IMG NAME="projects_06" SRC="images/projects_06.gif" WIDTH=97 HEIGHT=23 ALT="client projects"></TD>
<TD><A HREF="../about/index.html"
ONMOUSEOVER="changeImages('projects_06', 'images/projects_06-projects_04_ove.gif', 'projects_07', 'images/projects_07-over.gif'); return true;"
ONMOUSEOUT="changeImages('projects_06', 'images/projects_06.gif', 'projects_07', 'images/projects_07.gif'); return true;"><IMG NAME="projects_07" SRC="images/projects_07.gif" WIDTH=68 HEIGHT=23 BORDER=0 ALT="about us"></A></TD>
<TD><A HREF="../contact/index.html"
ONMOUSEOVER="changeImages('projects_06', 'images/projects_06-projects_04_ove.gif', 'projects_08', 'images/projects_08-over.gif'); return true;"
ONMOUSEOUT="changeImages('projects_06', 'images/projects_06.gif', 'projects_08', 'images/projects_08.gif'); return true;"><IMG NAME="projects_08" SRC="images/projects_08.gif" WIDTH=64 HEIGHT=23 BORDER=0 ALT="contact us"></A></TD>
<TD><A HREF="../accessibility/index.html"
ONMOUSEOVER="changeImages('projects_06', 'images/projects_06-projects_04_ove.gif', 'projects_09', 'images/projects_09-over.jpg'); return true;"
ONMOUSEOUT="changeImages('projects_06', 'images/projects_06.gif', 'projects_09', 'images/projects_09.jpg'); return true;"><IMG NAME="projects_09" SRC="images/projects_09.jpg" WIDTH=83 HEIGHT=23 BORDER=0 ALT="accessibility"></A></TD>
<TD><IMG SRC="images/projects_10.gif" WIDTH=108 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=4><IMG SRC="images/projects_11.gif" WIDTH=159 HEIGHT=58 ALT=""></TD>
<!-- link to interactive media design page for client projects -->
<TD COLSPAN=5><a href="index.html"
ONMOUSEOVER="changeImages('projects_12', 'images/projects_12.gif', 'projects_15', 'images/projects_15.gif'); return true;"
ONMOUSEOUT="changeImages('projects_12', 'images/projects_12-projects_14_ove.gif', 'projects_15', 'images/projects_15-over.gif'); return true;"><IMG NAME="projects_12" SRC="images/projects_12-projects_14_ove.gif" WIDTH=308 HEIGHT=17 ALT="interactive media design" border="0"></a></TD>
<TD COLSPAN=4 ROWSPAN=4><IMG SRC="images/projects_13.gif" WIDTH=323 HEIGHT=58 ALT=""></TD>
</TR>
<!-- link to user interface design page for client projects -->
<TR>
<TD COLSPAN=5><A HREF="uidesign.html"
ONMOUSEOVER="changeImages('projects_14', 'images/projects_14-over.gif', 'projects_15', 'images/projects_15.gif'); return true;"
ONMOUSEOUT="changeImages('projects_14', 'images/projects_14.gif', 'projects_15', 'images/projects_15-over.gif'); return true;"><IMG NAME="projects_14" SRC="images/projects_14.gif" WIDTH=308 HEIGHT=14 BORDER=0 ALT="user interface design and evaluation"></A></TD>
</TR>
<TR>
<TD COLSPAN=5><IMG NAME="projects_15" SRC="images/projects_15-over.gif" WIDTH=308 HEIGHT=12 BORDER=0 ALT="training and workshops"></TD>
</TR>
<!-- link to tech consulting page for client projects -->
<TR>
<TD COLSPAN=5><A HREF="techmktg.html"
ONMOUSEOVER="changeImages('projects_16', 'images/projects_16-over.gif', 'projects_15', 'images/projects_15.gif'); return true;"
ONMOUSEOUT="changeImages('projects_16', 'images/projects_16.gif', 'projects_15', 'images/projects_15-over.gif'); return true;"><IMG NAME="projects_16" SRC="images/projects_16.gif" WIDTH=308 HEIGHT=15 BORDER=0 ALT="technology consulting and market research"></A></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/projects_17.gif" WIDTH=159 HEIGHT=408 ALT=""></TD>
<TD>
<IMG SRC="images/projects_18.gif" WIDTH=11 HEIGHT=408 ALT=""></TD>
<!-- ***** Main content area ***** -->
<TD COLSPAN=8 valign="top"><!--IMG SRC="images/projects_19.gif" WIDTH=620 HEIGHT=408 ALT=""-->
<br>
<TABLE WIDTH="100%" BORDER="0" CELLPADDING="2" CELLSPACING="4">
<!-- Row 1: header graphic -->
<TR>
<TD colspan="4"><img src="onepixel.gif" width="38" height="1" border="0" alt=""><IMG SRC="images/training.gif" WIDTH="400" HEIGHT="30" BORDER="0" ALT="training and workshops"></TD>
</TR>
<!-- Row 2: overlap, column of graphics, text -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/creoscitex.gif" ALT="Creoscitex Corp."></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" >
<B>Creoscitex Corp.</B><BR><FONT SIZE="2" >
<B>the new studio</B> helped develop and teach a custom-designed course for CreoScitex marketing and web development teams to enable them to develop, implement, and maintain their various corporate Internet and intranet sites worldwide. This course included Web development techniques and software, interface design, and Web management techniques/software, all in the context of workflow across multiple teams.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row 3: overlap, column of graphics, text -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/MMSlogo.gif" ALT="Mass. Medical Society"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" >
<B>Massachusetts Medical Society</B><BR><FONT SIZE="2" >
The <!-- A HREF="http://www.massmed.org/" -->Massachusetts Medical Society<!--/A -->, parent organization for the prestigious New England Journal of Medicine, hired <B>the new studio</B> to train members of the MMS design and production team for designing and developing new publications on the World Wide Web. We presented our "WebReady" training course on site at the MMS, taking participants through sessions on design of interactive media, graphic production for the Web, and coding HTML. The WebReady course integrates all of these materials using a project focus, grouping participants into teams that design and implement working Websites by the end of the course.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row 4: overlap, column of graphics, text -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/agfa.gif" WIDTH="108" HEIGHT="28" ALT="Agfa Corp." BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" >
<B>Agfa Corp.</B><BR><FONT SIZE="2" >
<B>the new studio</B> developed custom training courses to teach Agfa engineers about the digital half-toning process, and graphic arts design and production techniques. Each course required the production of an extensive text book and was taught for several years to the engineering and marketing departments.
</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row 5: overlap, column of graphics, text -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/sigg.gif" WIDTH="47" HEIGHT="48" ALT="SIGGRAPH"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" >
<B>SIGGRAPH</B><BR><FONT SIZE="2" ><B>the new studio</B> has developed several educational courses that have been presented at the annual conference for SIGGRAPH (Special Interest Group in computer GRAPHics and Interactive Techniques), a group within the Association of Computing Machinery. Courses have included design for interactive multimedia, and user interface design. SIGGRAPH is only one of many conferences and workshops at which the new studio has been a participant.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
</TABLE>
<!-- ***** end Main content area ***** -->
</TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=159 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=65 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=108 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
<br>
<!-- 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>