|
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/_logs/W2KWEB2A/AK/portfolio/html/ |
Upload File : |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD>
<TITLE>portfolio page</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- last updated 09/27/2003 DSB -->
<style type="text/css">
<!-- hide style tag info from older browsers
/* manage all body text using style sheet */
body { font-family: Arial, Helvetica, sans-serif; }
td { vertical-align: top; empty-cells; margin-top: 0.0cm; }
p.main { color: #333366; font-family: Arial, Helvetica, sans-serif; margin-left: 0.0cm; margin-right: 2.4cm; font-size: 95%; }
p.copyrt { color: #333399; font-family: Arial, Helvetica, sans-serif; font-size: 70%; text-align: center; }
h3 { font-family: Arial, Helvetica, sans-serif; color: #333366; font-weight: bold; }
-->
</style>
</HEAD>
<BODY BGCOLOR="#FFFFFF" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 >
<a name="Top"></A>
<!-- blocks of projects -->
<!-- ********** NEXT ********** -->
<a name="Cando"></A>
<!-- 2 X 4 -->
<table cellpadding="0" cellspacing="10" border="0">
<tr>
<td valign="top"><!-- inner formatting table -->
<TABLE BORDER="0" CELLPADDING=0 CELLSPACING=0>
<TR VALIGN="TOP"><TD><IMG SRC="../images/portflPGlogo100.jpg" WIDTH="100" HEIGHT="106" ALT="the new studio logo"></TD><TD><IMG SRC="../../images/onepixel.gif" WIDTH="1" HEIGHT="60" ALT=""><BR><IMG SRC="../images/candohp.gif" WIDTH="245" HEIGHT="200" ALT="CAN-DO Homepage"></TD></TR>
</TABLE>
</td>
<td valign="top" colspan="3" width="350"><IMG SRC="../../images/onepixel.gif" WIDTH="1" HEIGHT="50" ALT=""><BR>
<h3>Citizens for Affordable Housing in Newton Development Organization, Inc. (CAN-DO)</h3>
<p class ="main">CAN-DO is a non-profit developer of affordable housing for low- and moderate-income residents in Newton, MA. Their website, www.newtoncando.org, was selected as the member Web site of the month for April 2003 by the National Housing Conference, a national nonprofit trade association for housing organizations.</p>
<p class ="main">For further detail, see the <a href="../../casestudies/casecando.pdf">CAN-DO case study</a>.</p>
</td>
</tr>
<!-- row 2 -->
<tr>
<td valign="top" align="right"><img src="../images/../images/CANDOdirSMLR.gif" width="145" height="125" alt="CAN-DO Board" border="0" ></td>
<td><img src="../images/CANDOlinksSMLR.gif" width="145" height="125" alt="CAN-DO links" border="0" ></td>
<td><img src="../images/CANDOgarfldSMLR.gif" width="145" height="125" alt="CAN-DO Garfield" border="0" ></td>
<td width="40"> </td>
</tr>
</table>
<!-- ********** NEXT ********** -->
<a name="NEMC"></A>
<!-- 2 X 4 -->
<table cellpadding="0" cellspacing="10" border="0">
<tr>
<td valign="top" align="right"><img src="../../images/onepixel.gif" width="100" height="1" alt="" border="0" ><img SRC="../images/NEMCthi1.gif" WIDTH="245" HEIGHT="190" ALT="New England Medical Center">
</td>
<td valign="top" colspan="3" width="350">
<h3>New England Medical Center, Division of Clinical Care Research</h3>
<p class ="main">The Division of Clinical Care Research in the Department of Medicine at Tufts-New England Medical Center and Tufts University School of Medicine studies the factors that affect clinical care and its outcomes, including the very methods of such studies, and develops treatment strategies, decision aids, computer-based systems, and the basis for practice and policy, all aimed at improving clinical care and health.</p>
<p class ="main">the new studio is creating new designs for the Division's webpages which should be operational in the fourth quarter of 2003.</p>
</td>
</tr>
<!-- row 2 -->
<tr>
<td valign="top" align="center" colspan="4" ><img src="../images/NEMCgrifth.gif" width="245" height="190" alt="New England Medical Center" border="0" ></td>
<td> </td>
<td width="40"> </td>
</tr>
</table>
<!-- ********** NEXT ********** -->
<a name="Metro"></A>
<!-- 2 X 4 -->
<table cellpadding="0" cellspacing="10" border="0">
<tr>
<td valign="top" align="right"><img src="../../images/onepixel.gif" width="100" height="1" alt="" border="0" ><img SRC="../images/MWEhp.gif" WIDTH="245" HEIGHT="212" ALT="MetroWest Eye Physicians and Surgeons">
</td>
<td valign="top" colspan="3" width="350">
<h3>MetroWest Eye Physicians & Surgeons</h3>
<p class ="main">MetroWest Eye Physicians & Surgeons provides comprehensive ophthalmic care to the greater Framingham community, using the newest technology and surgical techniques to provide its patients with the most current methods of diagnosis and treatment. These have involved intraocular lens implant surgery, phacoemulsification, radial keratometry refractive surgery, YAG laser surgery, LASIK, corneal topography, glaucoma nerve fiber analysis, and no-stitch cataract surgery.</p>
<p class ="main">the new studio designed and developed the MetroWest site, www.metrowesteye.com, in conjunction with MetroWest's founder, Stephen H. Rostler, M.D. and his staff.</p>
</td>
</tr>
<!-- row 2 -->
<tr>
<td valign="top" align="right"><img src="../images/../images/MWEaboutSMLR.gif" width="145" height="125" alt="MetroWest Eye About Us" border="0" ></td>
<td><img src="../images/MWEspSMLR.gif" width="145" height="125" alt="MetroWest Eye Services" border="0" ></td>
<td><img src="../images/MWEwhoSMLR.gif" width="145" height="125" alt="MetroWest Eye Whose Eyes" border="0" ></td>
<td width="40"> </td>
</tr>
</table>
<!-- ********** NEXT ********** -->
<a name="Vegpro"></A>
<!-- 2 X 4 -->
<table cellpadding="0" cellspacing="10" border="0">
<tr>
<td valign="top" align="right"><img src="../../images/onepixel.gif" width="100" height="1" alt="" border="0" ><img SRC="../images/VPhome.gif" WIDTH="245" HEIGHT="190" ALT="Vegetable Pro Books">
</td>
<td valign="top" colspan="3" width="350">
<h3>Vegetable Pro Books</h3>
<p class ="main">Vegetable Pro Books provides fine reference and cook books including those of Elizabeth Schneider, America's award-winning produce writer. These works increase awareness of the vast variety of vegetables and fruits in our marketplace, teach the best ways to use this wealth of produce, help support sustainable agriculture, and promote healthy eating at home and in restaurants.</p>
<p class ="main">the new studio designed and developed the VegetablePro.com website using photographs and themes from <B>Vegetables From Amaranth To Zucchini</B>, the IACP Cookbook of the Year, 2003.</p>
</td>
</tr>
<!-- row 2 -->
<tr>
<td valign="top" align="right"><img src="../images/../images/VPauthorSMLR.gif" width="145" height="125" alt="Vegetable Pro Author" border="0" ></td>
<td><img src="../images/VPlinksSMLR.gif" width="145" height="125" alt="Vegetable Pro links" border="0" ></td>
<td><img src="../images/VPaboutSMLR.gif" width="145" height="125" alt="Vegetable Pro about" border="0" ></td>
<td width="40"> </td>
</tr>
</table>
<!-- ********** NEXT ********** -->
<a name="esports"></A>
<!-- 2 X 4 -->
<table cellpadding="0" cellspacing="10" border="0">
<tr>
<td valign="top" align="right"><img src="../../images/onepixel.gif" width="100" height="1" alt="" border="0" ><img SRC="../images/espgame.gif" WIDTH="245" HEIGHT="190" ALT="eSportsPLUS gameview">
</td>
<td valign="top" colspan="3" width="350">
<h3>eSportsPlus</h3>
<p class ="main">
The eSportsPlus site was designed for the sports enthusiast who wants in-depth statistics and information with game simulations and animated live feeds. the new studio worked with SimPlayer Inc. to create the look and feel for the site, and also developed the programming that allows users to register as members in order to personalize their experience.</p>
<p class ="main">
Game simulations used custom software to create animation, driven by real-time data streams of game activity. The software was incorporated into the site using an XML tag structure.</p>
<p class ="main">For further detail, see the <a href="../../casestudies/casesports.pdf">eSportsPlus case study</a>.</p>
</td>
</tr>
<!-- row 2 -->
<tr>
<td valign="top" align="right"><img src="../images/../images/ESPsplashSMLR.gif" width="145" height="125" alt="eSPortsPLUS splash" border="0" ></td>
<td><img src="../images/ESPplyrSMLR.gif" width="145" height="125" alt="eSPortsPLUS players" border="0" ></td>
<td><img src="../images/ESPhitsSMLR.gif" width="145" height="125" alt="eSPortsPLUS hits" border="0" ></td>
<td width="40"> </td>
</tr>
</table>
<!-- ********** NEXT ********** -->
<a name="Austen"></A>
<!-- 2 X 4 -->
<table cellpadding="0" cellspacing="10" border="0">
<tr>
<td valign="top" align="right"><img src="../../images/onepixel.gif" width="100" height="1" alt="" border="0" ><img SRC="../images/austenhp.gif" WIDTH="245" HEIGHT="190" ALT="AustenArts homepage">
</td>
<td valign="top" colspan="3" width="350">
<h3>AustenArts.com</h3>
<p class="main">the new studio designed and developed the AustenArts.com website for artist Judith Austen so that she could display paintings, collages, and other art online, and allow interested viewers to contact her directly.</p>
<p class="main">
The pages reflect the artist's use of dramatic colors, and viewers can see enlarged versions of the artwork via Javascript-generated windows.</p>
<p class ="main">For further detail, see the <a href="../../casestudies/caseausten.pdf">AustenArts case study</a>.</p>
</td>
</tr>
<!-- row 2 -->
<tr>
<td valign="top" align="right"><img src="../images/../images/AUSTENabstrSMLR.gif" width="145" height="125" alt="AustenArts abstracts" border="0" ></td>
<td><img src="../images/AUSTNEstillSMLR.gif" width="145" height="125" alt="AustenArts still life" border="0" ></td>
<td><img src="../images/AUSTNElndscpSMLR.gif" width="145" height="125" alt="AustenArts landscape" border="0" ></td>
<td width="40"> </td>
</tr>
</table>
<!-- ********** NEXT ********** -->
<a name="Smartsource"></A>
<!-- 2 X 4 -->
<table cellpadding="0" cellspacing="10" border="0">
<tr>
<td valign="top" align="right"><img src="../../images/onepixel.gif" width="100" height="1" alt="" border="0" ><img SRC="../images/ssihp.gif" WIDTH="245" HEIGHT="190" ALT="SmartSource homepage">
</td>
<td valign="top" colspan="3" width="350">
<h3>SmartSource</h3>
<p class="main">
Smart Source Inc. provides electronic messaging technologies that dramatically improve a company's customer interaction capabilities. the new studio designed and developed the SmartSourceOnline site, including a new corporate identity that extends across their online and print communications.</p>
<p class="main">The website includes dynamic pop-up menus created with cascading stylesheets and Javascript.</p>
<p class ="main">For further detail, see the <a href="../../casestudies/casesmart.pdf">SmartSource case study</a>.</p>
</td>
</tr>
<!-- row 2 -->
<tr>
<td valign="top" align="right"><img src="../images/../images/SSIpageSMLR.gif" width="145" height="125" alt="SmartSource page" border="0" ></td>
<td><img src="../images/SSIclgSMLR.gif" width="145" height="125" alt="SmartSource collage" border="0" ></td>
<td><img src="../images/SSIPRNTbrdcst.jpg" width="98" height="125" alt="SmartSource SmartBroadcast" border="0" ></td>
<td width="40"> </td>
</tr>
</table>
<!-- ********** NEXT ********** -->
<a name="Toplayer"></A>
<!-- 2 X 4 -->
<table cellpadding="0" cellspacing="10" border="0">
<tr>
<td valign="top" align="right"><img src="../../images/onepixel.gif" width="100" height="1" alt="" border="0" ><img SRC="../images/toplyr1.gif" WIDTH="245" HEIGHT="190" ALT="TopLayer Networks">
</td>
<td valign="top" colspan="3" width="350">
<h3>TopLayer Networks</h3>
<p class="main">TopLayer Networks asked the new studio to help design the user interface for its innovative "AppSwitch 2000" product, which manages data traffic on a network based on the applications that generate the traffic. The interface for the AppSwitch allows customers to use a highly graphical approach to create, extend, and manage complex networks, all based on Web browser and Java technologies.</p>
<p class="main">TopLayer's product was voted "Best of Show" when it debuted at the Networld/InterOp Spring 1999 conference.</p>
<p class ="main">For further detail, see the <a href="../../casestudies/casetopl.pdf">TopLayer case study</a>.</p>
</td>
</tr>
<!-- row 2 -->
<tr>
<td valign="top" align="center" colspan="4" ><img src="../images/toplyr2.gif" width="245" height="190" alt="TopLayer Networks" border="0" ></td>
<td width="40"> </td>
</tr>
</table>
<!-- ********** NEXT ********** -->
<a name="Colorgen"></A>
<!-- 2 X 4 -->
<table cellpadding="0" cellspacing="10" border="0">
<tr>
<td valign="top" align="right"><img src="../../images/onepixel.gif" width="100" height="1" alt="" border="0" ><img SRC="../images/clrgnsears.gif" WIDTH="245" HEIGHT="200" ALT="ColorGen Sears">
</td>
<td valign="top" colspan="3" width="350">
<h3>ColorGen</h3>
<p class="main">the new studio helped design an in-store interactive kiosk that would help customers solve problems and make buying decisions about materials for home improvement.</p>
<p class="main">
The application was designed to run on a standalone kiosk in the stores using touch-screen displays, and was developed using custom software.</p>
</td>
</tr>
<!-- row 2 -->
<!-- row 2 -->
<tr>
<td valign="top" align="center" colspan="4" ><img src="../images/clrgnsears2.gif" width="245" height="200" alt="ColorGen Sears" border="0" ></td>
<td width="40"> </td>
</tr>
</table>
<!-- ********** NEXT ********** -->
<a name="Sensimetrics"></A>
<!-- 2 X 4 -->
<table cellpadding="0" cellspacing="10" border="0">
<tr>
<td valign="top" align="right"><img src="../../images/onepixel.gif" width="100" height="1" alt="" border="0" ><img SRC="../images/sensispeechhp.gif" WIDTH="245" HEIGHT="190" ALT="Sensimetrics">
</td>
<td valign="top" colspan="3" width="350">
<h3>SensiMetrics</h3>
<p class="main">the new studio designed an interactive CDROM course on Acoustic Phonetics that included user interface design, course navigation, and graphic production. The CDROM used digital audio, speech recording, and graphics for waveform display, via custom software.</p>
<p class="main">
With Sensimetrics and the Dana Farber Cancer Institute, the new studio designed the layout, navigational controls, and graphic elements for instructional materials to help people understand cancer and genetics. The patient information system used Flash and browser software.</p>
</td>
</tr>
<!-- row 2 -->
<tr>
<td valign="top" align="right"><img src="../images/../images/SENSIspch2SMLR.gif" width="145" height="125" alt="Sensimetrics speech" border="0" ></td>
<td><img src="../images/SENSIspch3SMLR.gif" width="145" height="125" alt="Sensimetrics speech" border="0" ></td>
<td><img src="../images/SENSIspch1SMLR.gif" width="145" height="125" alt="Sensimetrics speech" border="0" ></td>
</tr>
<!-- two extra rows for Sensimetrics -->
<!-- row 3 -->
<tr>
<td valign="top" align="right"><img src="../../images/onepixel.gif" width="100" height="1" alt="" border="0" ><img SRC="../images/sensicell1.gif" WIDTH="245" HEIGHT="190" ALT="Sensimetrics cell">
</td>
<td valign="top" colspan="3" width="350"> </td>
</tr>
<!-- row 4 -->
<tr>
<td valign="top" align="center" colspan="4" ><img src="../images/sensicell3.gif" width="245" height="190" alt="Sensimetrics cell" border="0" ></td>
</tr>
</table>
<!-- ********** NEXT ********** -->
<a name="TCSI"></A>
<!-- 2 X 4 -->
<table cellpadding="0" cellspacing="10" border="0">
<tr>
<td valign="top" align="right"><img src="../../images/onepixel.gif" width="100" height="1" alt="" border="0" ><img SRC="../images/csqhp.gif" WIDTH="245" HEIGHT="200" ALT="Country Squire homepage">
</td>
<td valign="top" colspan="3" width="350">
<h3>The Country Squire, Inc.</h3>
<p class="main">the new studio created the website for The CountrySquire, www.thecountrysquireinc.com, to showcase selected items from its extensive collection of antique library furniture, riding accessories, pieces of Chinese export porcelain, and miniature furniture. Images, descriptions, and prices are taken from the company's database and arranged in pages by category.</p>
<p class="main">
Individual items can be viewed at a larger size through pop-up windows generated with Javascript.</p>
</td>
</tr>
<!-- row 2 -->
<tr>
<td valign="top" align="right"><img src="../images/../images/CSQdoggieSMLR.gif" width="145" height="125" alt="Country Squire" border="0" ></td>
<td><img src="../images/CSQdogSMLR.gif" width="145" height="125" alt="Country Squire" border="0" ></td>
<td><img src="../images/CSQurnsSMLR.gif" width="145" height="125" alt="Country Squire" border="0" ></td>
<td width="40"> </td>
</tr>
</table>
<!-- ********** NEXT ********** -->
<a name="Illustration"></A>
<!-- 2 X 4 -->
<table cellpadding="0" cellspacing="10" border="0">
<tr>
<td valign="top" align="right"><img src="../../images/onepixel.gif" width="100" height="1" alt="" border="0" ><img SRC="../images/sallyhp.gif" WIDTH="245" HEIGHT="190" ALT="Sally Silver homepage">
</td>
<td valign="top" colspan="3" width="350">
<h3>Illustration</h3>
<p class="main">the new studio creates illustrations and collage graphics for online and print applications. These include both editorial and technical/diagrammatic illustrations.</p>
</td>
</tr>
<!-- row 2 -->
<tr>
<td valign="top" align="right"><img src="../images/../images/ssiclg155.jpg" width="155" height="155" alt="SmartSource collage" border="0" ></td>
<td><img src="../images/sensiILL.jpg" width="175" height="155" alt="Sensimetrics illustration" border="0" ></td>
<td> </td>
</tr>
<!-- row 3 -->
<tr>
<td valign="top" align="right"><img src="../images/../images/faceSMLR.gif" width="145" height="125" alt="faces collage" border="0" ></td>
<td><img src="../images/clowns2SMLR.gif" width="145" height="125" alt="clowns" border="0" ></td>
<td> </td>
</tr>
<!-- row 4 -->
<tr>
<td valign="top" align="right"><img src="../images/../images/dither4SMLR.gif" width="145" height="125" alt="dither4" border="0" ></td>
<td><img src="../images/dither2SMLR.gif" width="145" height="125" alt="dither2" border="0" ></td>
<td> </td>
<td width="40"> </td>
</tr>
</table>
<!-- ********** END ********** -->
<p> </p>
<!-- A HREF="portfolio.html#Top">Back to top of page</A -->
<p> </p>
<p class ="copyrt">Copyright (C) 2003. Alyce Kaprow. All Rights Reserved</p>
</BODY>
</HTML>