Mi lista de blogs

sábado, 8 de octubre de 2011

8. Interfaz  de selección de citas medicas:

En esta sección el afiliado escogerá la opción de horario de acuerdo al área de citas disponibles para el día que selecciono.

Figura 8


Algoritmo página 8

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
body {
            background-color: #F4FFE4";
           
}
-->
</style>
<link href="cafe_townsend.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Estilo1 {
            color: #0099FF;
            font-size: 36px;
            font-weight: bold;
}
.Estilo2 {
            font-size: 18px;
            font-style: italic;
            font-weight: bold;
}
.Estilo10 {color: #0099FF; font-size: 24px; font-weight: bold; }
#Layer1 {
            position:absolute;
            width:167px;
            height:198px;
            z-index:1;
            left: 309px;
            top: 433px;
}
#Layer2 {
            position:absolute;
            width:163px;
            height:201px;
            z-index:2;
            left: 554px;
            top: 429px;
}
#Layer3 {
            position:absolute;
            width:145px;
            height:20px;
            z-index:3;
            left: 321px;
            top: 475px;
}
#Layer4 {
            position:absolute;
            width:184px;
            height:27px;
            z-index:4;
            top: 590px;
            left: 544px;
}
.Estilo28 {
            font-family: Georgia, "Times New Roman", Times, serif;
            font-weight: bold;
}
.Estilo29 {
            color: #990000;
            font-weight: bold;
}
.Estilo32 {
            color: #000000;
            font-size: 18px;
            font-weight: bold;
            font-style: italic;
}
-->
</style></head>

<body>
<div align="center">
  <table width="738" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="738" height="49" bgcolor="#FFFFFF"><p><img src="F1CAO5BJ2ZCAH4D9DCCAYL5AMHCAWFAR3ZCAH38OZLCA0BVQ7YCAVVJYF1CAB9U2I7CAKPF4R0CAEC8T1FCAB17ED3CA2JYDPRCA7DWG6XCA0DR7R5CAVRNVBDCAM88E0RCACJ3YTX.jpg" alt="r" width="737" height="52" /></p>
      <table width="729" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="147" bgcolor="#FFFFFF"><div align="right"></div>
            <img src="57941330_2[1].jpg" width="144" height="109" alt="r" /></td>
            <td width="556" height="126" bgcolor="#FFFFFF"><div align="center"><span class="Estilo1">VIVIR IPS </span></div>
            <p align="center" class="Estilo2">Sociedad de Medicina Integral </p></td>
          </tr>
        </table>       
      <p>&nbsp;</p></td>
    </tr>
    <tr>
      <td height="31" bgcolor="#EEEEEE"><img src="F1CAO5BJ2ZCAH4D9DCCAYL5AMHCAWFAR3ZCAH38OZLCA0BVQ7YCAVVJYF1CAB9U2I7CAKPF4R0CAEC8T1FCAB17ED3CA2JYDPRCA7DWG6XCA0DR7R5CAVRNVBDCAM88E0RCACJ3YTX.jpg" alt="r" width="737" height="36" /></td>
    </tr>
    <tr>
      <td height="24" bgcolor="#FFFFFF"><div align="right"><a href="Pagina 9.html">Siguiente</a> </div></td>
    </tr>
  </table>
  <table width="733" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="733" height="600" valign="top" bgcolor="#FFFFFF"><p align="center"><span class="Estilo10">Nueva  Citas M&egrave;dica  </span></p>
      <table width="740" height="30" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="740" height="101"><div align="center">
            <p class="Estilo28">Asignaci&ograve;n de Clave de Cita 12:15 -12:30 </p>
            <table width="740" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><img src="streak1[1].gif" width="738" height="25" alt="r" /></td>
              </tr>
            </table>
            <table width="740" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="40">&nbsp;</td>
                <td width="130"><strong>C.C.</strong></td>
                <td width="130" bgcolor="#FFFFFF"><strong>72186504</strong></td>
                <td width="40">&nbsp;</td>
              </tr>
            </table>
            <table width="740" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="40">&nbsp;</td>
                <td width="130"><strong>Nombre</strong>: </td>
                <td width="130">Afranio Pedrozo de Fex </td>
                <td width="40">&nbsp;</td>
              </tr>
            </table>
            <table width="740" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="40">&nbsp;</td>
                <td width="130"><strong>Clinica:</strong></td>
                <td width="130"><strong>VIVIR IPS </strong></td>
                <td width="40">&nbsp;</td>
              </tr>
            </table>
            <table width="740" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="40">&nbsp;</td>
                <td width="130"><strong>Tipo de Consulta: </strong></td>
                <td width="130">Medina familiar </td>
                <td width="40">&nbsp;</td>
              </tr>
            </table>
            <table width="740" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="40">&nbsp;</td>
                <td width="130"><strong>Consultorio:</strong></td>
                <td width="130">04 Medicina Familiar </td>
                <td width="40">&nbsp;</td>
              </tr>
            </table>
            <table width="740" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="40">&nbsp;</td>
                <td width="130"><strong>M&egrave;dico: </strong></td>
                <td width="130"><a href="pagina 1.html"></a> Dr(a)Pablo Vasquez</td>
                <td width="40">&nbsp;</td>
              </tr>
            </table>
            <table width="740" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="40">&nbsp;</td>
                <td width="130"><strong>Fecha de la Cita : </strong></td>
                <td width="130">30/Sep/2011</td>
                <td width="40">&nbsp;</td>
              </tr>
            </table>
            <table width="740" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="40">&nbsp;</td>
                <td width="130"><strong>Hora de la Cita : </strong></td>
                <td width="130">15:45-16:00</td>
                <td width="40">&nbsp;</td>
              </tr>
            </table>
            <p>&nbsp;</p>
          </div></td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="40"><img src="streak1[1].gif" alt="r" width="738" height="25" /></td>
          </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="40">&nbsp;</td>
          <td width="130">&nbsp;</td>
          <td width="130"><div align="center"></div></td>
          <td width="40">&nbsp;</td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="89">&nbsp;</td>
          <td width="281"><strong>Su celular: </strong></td>
          <td width="281"><div align="center">
            <form id="form1" name="form1" method="post" action="">
              <label>
              <input name="textarea" type="text" size="40" />
              </label>
            </form>
            </div></td>
          <td width="89">&nbsp;</td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="89">&nbsp;</td>
          <td width="281"><strong>Su email</strong> : </td>
          <td width="281"><div align="center">
            <form id="form2" name="form2" method="post" action="">
              <label>
              <input name="textarea2" type="text" value="" size="40" />
                </label>
            </form>
            </div></td>
          <td width="89">&nbsp;</td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="40">&nbsp;</td>
          <td width="260"><div align="center" class="Estilo29"></div></td>
          <td width="40">&nbsp;</td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="40">&nbsp;</td>
          <td width="260"><div align="center" class="Estilo29">
            <form id="form3" name="form3" method="post" action="">
              <label>
              <input name="Submit" type="submit" class="Estilo28" value="Regresar" />
                </label>
              <input name="Submit2" type="submit" class="Estilo28" value="Procesar Cita   " />
            </form>
            </div></td>
          <td width="40">&nbsp;</td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="40">&nbsp;</td>
          <td width="260"><div align="center" class="Estilo29">
              <form id="form3" name="form3" method="post" action="">
                <label></label>
                <p class="Estilo32">Tome nota de los datos
                  de su cita y presione el boton &quot;Aceptar&quot;, para recibir la clave de confirmaci&ograve;n de su cita
                  con la que se
                  presentar&agrave; en la IPS o bien en la sigiuente pantalla seleccione el bot&ograve;n de imprimir o Aceptar, para dar terminada la solicitud de Cita M&egrave;dica </p>
                </form>
          </div></td>
          <td width="40">&nbsp;</td>
        </tr>
      </table>
      <p align="right">&nbsp;        </p>
      <table width="733" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>
      <p align="right">:</p>
      <p align="center">&nbsp;</p>
     <p align="center">&nbsp;</p>
     <p align="justify">
       <label for="imageField"></label>
     </p>
     <p align="center">&nbsp; </p>
     <p align="center">&nbsp; </p>
     <p align="justify">&nbsp;</p>
     <p align="justify">&nbsp;</p>
     <p align="justify">&nbsp;</p>
     <p align="center">&nbsp; </p>
     <p align="justify">&nbsp;</p></td>
      <a href="Nuevo Documento de Microsoft Office Word.docx"></a>    </tr>
  </table>
  <table width="73" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="733" height="24">&nbsp;</td>
    </tr>
  </table>
</div>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
</body>
</html>

No hay comentarios:

Publicar un comentario