<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">  <html>    <head>  <meta name="GENERATOR" content="Microsoft FrontPage 4.0">  <title>PSY 2005 - Les Interactions Humain - Ordinateur</title>  <link rel="stylesheet" href="psy2005.css"> </head> <script language="JavaScript"> <!--  // Ajouter a partir d'ici... var x; var y; function setXY (e) { 	if (navigator.appName == 'Netscape' && document.layers != null) { 	      x = (e.pageX-pageXOffset) + this.pageXOffset; 	      y = (e.pageY-pageYOffset) + this.pageYOffset;      } else if (document.all != null) { 	      x = event.clientX + this.document.body.scrollLeft; 	      y = event.clientY + this.document.body.scrollTop;     } } // Arrter d'ajouter ici.   function MM_preloadImages() { //v3.0   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }  function MM_swapImgRestore() { //v3.0   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; }  function MM_findObj(n, d) { //v3.0   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x; }  function MM_swapImage() { //v3.0   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} }   function MM_showHideLayers() { //v3.0   	var i,p,v,obj,args=MM_showHideLayers.arguments; 	for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];     	// Ajouter a partir d'ici... 	if (navigator.appName == 'Netscape' && document.layers != null) { 	      obj.pageX = x+10; 	      obj.pageY = y+10;     } else if (document.all != null) { 	      obj.style.pixelLeft = x+10; 	      obj.style.pixelTop = y+10;     } 	// Arrter d'ajouter ici.  	if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }     obj.visibility=v; } } //--> </script>   <body marginwidth=0 marginheight=0 topmargin=0 leftmargin=0 bgcolor="ffffff" text="#000000" link="#FF6633" vlink="#cc6633" alink="#FF6666" background="images/bg_transparentgauche_blanc.gif" onLoad="MM_preloadImages('images/entree_07_over.jpg','images/entree_09_over.jpg','images/entree_10_over.jpg','images/entree_08_over.jpg','images/accueil30_over_03.jpg','images/accueil30_over_04.jpg','images/accueil30_over_05.jpg','images/accueil30_over_06.jpg')"> <div id="suivante" style="position:absolute; left:485px; top:642px; width:175px; height:23px; z-index:1; overflow: visible; visibility: hidden" class="p1">    <table width="167" border="1" cellspacing="0" cellpadding="0" height="20" bgcolor="#ffffff" bordercolor="#000000">     <tr bgcolor="eae7db">        <td class="p1">         <div align="center">Allez &agrave; la page suivante.</div>       </td>     </tr>   </table>    </div> <table width="760" border="0" cellspacing="0" cellpadding="0"> 	<tr>      <td width="120"><img src="images/accueil_02.jpg"></td>     <td width="160"><a href="interac/interac.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('interaction','','images/accueil30_over_03.jpg',1)"><img src="images/accueil100_up_03.jpg" name="interaction" border="0" width="160" height="284" alt="Interactions entre l&#146;humain et l&#146;ordinateur"></a></td>     <td width="160"><a href="applica/applica.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('application','','images/accueil30_over_04.jpg',1)"><img src="images/accueil100_up_04.jpg" name="application" border="0" width="160" height="284" alt="Applications de la recherche"></a></td>     <td width="160"><a href="commun/commun.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('communication','','images/accueil30_over_05.jpg',1)"><img src="images/accueil100_up_05.jpg" name="communication" border="0" width="160" height="284" alt="Vers de nouvelles interactions"></a></td>     <td width="160"><a href="recherche/introduc.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('recherche','','images/accueil30_over_06.jpg',1)"><img src="images/accueil100_up_06.jpg" name="recherche" border="0" width="160" height="284" alt="Initiation &agrave; la recherche"></a></td>   </tr>   <tr>     <td colspan="3" rowspan="2"><img src="images/accueil_08.jpg" name="titre"></td>    </tr>   <tr>      <td colspan="3" rowspan="2" valign="bottom">        <p class="t1">Bienvenue!</p>        <p class="p1">&nbsp;<br>         Bienvenue dans le site du cours PSY&nbsp;2005, <br>       <i>Psychologie et Internet.</i></p>     </td>   </tr> </table>  <table width="760" border="0" cellspacing="0" cellpadding="0">   <tr> 		<td width="120" valign="top" bgcolor="eae7db"><img src="images/pixe_vide.gif" width="110" height="10">&nbsp;</td> 		<td colspan="2">        <table width="640" border="0" cellspacing="0" cellpadding="0">         <tr valign="top">            <td colspan="2"><img src="images/pixe_tomate.gif" width="10" height="10"><br>             <p class="p1">Quel meilleur moyen de s&#146;initier aux interactions                entre l&#146;humain et l&#146;ordinateur qu&#146;en exprimentant                soi-mme cette relation! Les relations entre l&#146;homme et la                machine peuvent tre parfois heureuses, quelquefois ardues, et ncessitent                souvent des efforts d&#146;<i>adaptation</i> entre l&#146;individu                et l&#146;appareil. Il est ainsi possible que vous ressentiez de                la satisfaction ou mme de l&#146;tonnement lors de votre apprentissage,                mais comme pour tout <i>apprivoisement</i>, il est probable que                vous ressentiez aussi parfois de la frustration devant les limites                de ce que vous arrivez  accomplir. Nous tenterons dans ce cours                d&#146;explorer diffrents aspects de cette interaction entre l&#146;tre                humain et l&#146;ordinateur pour essayer de mieux saisir la complexit                de ce dialogue. Mais nous esprons sincrement avoir fait en sorte                de vous rendre, le plus possible, l&#146;exprience agrable...                </p>             <p class="p1">Le contenu de ce site ne remplace pas celui du                cours offert par le professeur, mais cherche plutt &agrave; y ajouter                un compl&eacute;ment en fournissant diffrents exemples concrets.                Il se veut aussi une introduction  Internet, un univers dans lequel                une grande partie des relations entre l&#146;homme et l&#146;ordinateur                se jouent ou se joueront bientt. Il espre enfin insuffler le dsir                de nouvelles dcouvertes et donne  cette fin quelques repres pour                nourrir l&#146;exploration.</p>             <p class="p1">&nbsp;</p>             <p class="p1">Ce lien vous mne  une brve <a href="principal/presenta.htm">prsentation</a>                de la structure du site <a href="principal/presenta.htm" onMouseOver="setXY(event);MM_showHideLayers('suivante','','show')" onMouseOut="setXY(event);MM_showHideLayers('suivante','','hide')"><img src="images/o_suivantpetit_beige.gif" width="56" height="26" align="middle" border="0"></a>.</p>             <p class="p1">Si vous tes dj familier avec le site, vous pouvez                vous rendre directement au <a href="principal/table.htm">sommaire</a>.<br>               <br>               <br>           </td>         </tr>         <br>         <br>       </table>        </td> 	</tr>  	<tr> 		<td width="120" valign="center" bgcolor="eae7db"><img src="images/pixe_vide.gif" width="110" height="10"></td>     <td width="40" valign="top"><img src="images/pixe_blanc.gif" width="40" height="1"><br>       <img src="images/pixe_tomate.gif" width="10" height="10"><br>       </td>     <td width="600" valign="top">        <p class="p1"><img src="images/pixe_beige.gif" width="600" height="1"><br>         <br>         <i>Auteurs pdagogiques</i><br>         <br>         <b>Mario Poirier</b>, professeur<br>         <b>Alexandre Simard</b>, assistant de recherche<br>         &nbsp;<br>         <i>Collaboration</i><br>         <br>         Louise Blouin, rvision linguistique<br>         Jacqueline Fortin, conception infographique<br>         &nbsp;<br>         &nbsp;<br>          </p>       </td> 	</tr>  <tr> 		<td width="120" valign="center" bgcolor="eae7db"><img src="images/pixe_vide.gif" width="110" height="10"></td>     <td width="40" valign="top"><img src="images/pixe_blanc.gif" width="40" height="1"><br> 			<br>       </td>     <td width="600" valign="top">        <p class="p1"><img src="images/pixe_vide.gif" width="600" height="1"><br>         <img src="images/pixe_beige.gif" width="600" height="1"><br>         <br>         <br>         <img src="images/logoteluq_c.gif" width="142" height="30"> </p>       <p class="p1">&copy; Tl-universit, 2001<br>         <br>       </p>       </td> 	</tr>  </table>   </body>  </html>  
