Mi lista de blogs

sábado, 8 de octubre de 2011

10. Interfaz  agendar de citas medicas:


En esta sección el usuario encontrara una clave de 6 (seis) caracteres la cual podrá anotar o imprimir si los  desea, con esta clave lo atenderán en la clínica.


Figura 10



Algoritmo pagina 10

<!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;
}
.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;
}
.Estilo26 {
            font-size: 18px;
            font-style: italic;
            color: #5C743D;
            font-weight: bold;
}
.Estilo28 {color: #000000}
.Estilo29 {font-size: 18px; font-style: italic; font-weight: bold; }
-->
</style></head>

<body>
<div align="center">
  <table width="733" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="730" 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"><img src="57941330_2[1].jpg" width="144" height="109" alt="e" /></div></td>
            <td width="556" height="126" bgcolor="#FFFFFF"><div align="center"><span class="Estilo1">VIVIR IPS </span></div>
            <p align="center" class="Estilo29">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 8.html"></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="22" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td><p align="center"><strong>Horario de Citas M&egrave;dicas disponible para el 30 / Sep/2011</strong></p></td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><img src="streak1[1].gif" alt="r" width="738" height="22" /></td>
          </tr>
        <tr>
          <td width="386"><div align="center" class="Estilo26">
            <div align="justify"></div>
          </div></td>
          </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="84">&nbsp;</td>
          <td width="386"><div align="center" class="Estilo26">
            <div align="justify"><a href="pagina 1.html">12:30-12:30</a> <span class="Estilo28">Dr(a)Jose Florez Barchas </span></div>
          </div></td>
          <td width="175">&nbsp;</td>
          <td width="95">&nbsp;</td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="84">&nbsp;</td>
          <td width="386"><div align="center" class="Estilo26">
            <div align="justify"><a href="pagina 1.html">15:30-15:45</a> <span class="Estilo28">Dr(a)Pablo Vasquez</span> </div>
          </div></td>
          <td width="175">&nbsp;</td>
          <td width="95">&nbsp;</td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="84">&nbsp;</td>
          <td width="386"><div align="center" class="Estilo26">
            <div align="justify"><a href="Pagina 8.html">15:45-16:00</a> <span class="Estilo28">Dr(a)Pablo Vasquez - </span></div>
          </div></td>
          <td width="175">&nbsp;</td>
          <td width="95">&nbsp;</td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="84">&nbsp;</td>
          <td width="386"><div align="center" class="Estilo26">
            <div align="justify"><a href="pagina 1.html">16:00-16:15</a> <span class="Estilo28">Dr(a )Mary Payares Turizo </span></div>
          </div></td>
          <td width="175">&nbsp;</td>
          <td width="95">&nbsp;</td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="84">&nbsp;</td>
          <td width="386"><div align="center" class="Estilo26">
            <div align="justify"><a href="pagina 1.html">17:15-17:30</a> <span class="Estilo28">Dr(a)Mary Payares Turizo </span></div>
          </div></td>
          <td width="175">&nbsp;</td>
          <td width="95">&nbsp;</td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="84">&nbsp;</td>
          <td width="386"><div align="center" class="Estilo26">
              <div align="justify"><a href="pagina 1.html">17:15-17:30</a><span class="Estilo28"> Dr(a)Mary Payares Turizo </span></div>
          </div></td>
          <td width="175">&nbsp;</td>
          <td width="95">&nbsp;</td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="84">&nbsp;</td>
          <td width="386"><div align="center" class="Estilo26">
              <div align="justify"><a href="pagina 1.html">17:15-17:30</a> <span class="Estilo28">Dr(a)Mary Payares Turizo </span></div>
          </div></td>
          <td width="175">&nbsp;</td>
          <td width="95">&nbsp;</td>
        </tr>
      </table>
      <table width="740" height="22" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td><form id="form1" name="form1" method="post" action="">
            <label for="Submit"></label>
            
             
                <div align="center">
                  <p>&nbsp;                  </p>
                  <p>
                    <input name="Submit" type="submit" class="Estilo2" id="Submit" value="Continuar" />
                  </p>
                </div>
          </form>         
            <table width="733" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table>            <p align="center">&nbsp;</p></td>
        </tr>
      </table>
      <p align="center">&nbsp;</p>
     <p align="right">&nbsp;</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>


9. Interfaz  asignación de clave:


Con esta opción al paciente se le asignará la clave de citas y puede apreciar sus datos personales, en nombre de la entidad, el tipo de consulta, el nombre del médico que lo atenderá, así como la fecha y hora de su cita médica, podrá teclear su número telefónico y su dirección de correo electrónico.

Figura 9



Algoritmo pagina 9

<!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;
}
#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;
}
.Estilo13 {font-size: 18px; font-style: italic; font-weight: bold; color: #0099FF; }
.Estilo17 {
            font-size: 24px;
            font-style: italic;
            font-weight: bold;
}
.Estilo18 {color: #CC3333; font-weight: bold; font-size: 18px; }
.Estilo19 {font-size: 18px; font-style: italic; font-weight: bold; }
-->
</style></head>

<body>
<div align="center">
  <table width="733" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="730" 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"><img src="57941330_2[1].jpg" alt="e" width="144" height="109" /></div></td>
            <td width="556" height="126" bgcolor="#FFFFFF"><div align="center"><span class="Estilo1">VIVIR IPS </span></div>
            <p align="center" class="Estilo19">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">&nbsp;</td>
    </tr>
  </table>
  <table width="733" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="839" height="600" valign="top" bgcolor="#FFFFFF"><table width="739" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="36">&nbsp;</td>
        <td width="79"><div align="center">Atencion</div></td>
        <td width="20"><input type="checkbox" name="checkbox532" value="checkbox" id="checkbox532" /></td>
        <td width="88"><div align="center">Consulta Cita</div></td>
        <td width="20"><input type="checkbox" name="checkbox546" value="checkbox" id="checkbox546" /></td>
        <td width="96"><div align="center">Nueva Cita </div></td>
        <td width="21"><input name="checkbox552" type="checkbox" id="checkbox552" value="checkbox" /></td>
        <td width="133"><div align="center">Quejas y Sugerencias </div></td>
        <td width="20"><input type="checkbox" name="checkbox5452" value="checkbox" id="checkbox5452" /></td>
        <td width="60"><div align="center">Blog</div></td>
        <td width="105"><input type="checkbox" name="checkbox5422" value="checkbox" id="checkbox5422" /></td>
        <td width="61">&nbsp;</td>
      </tr>
    </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td bgcolor="#FFFFFF"><div align="center"><span class="Estilo13">Nueva Cita Medica</span></div></td>
        </tr>
      </table>
      <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 bgcolor="#FFFFFF"><div align="center" class="Estilo17">
            <p>&quot;La cita fue agendada con exito con la siguiente clave de cita&quot;: </p>
            <p>&nbsp;</p>
          </div></td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="352" bgcolor="#FFFFFF">&nbsp;</td>
          <td width="382" bgcolor="#FFFFFF"><div align="center" class="Estilo18">9AAER2 (Nueve-A-A-E-R-Dos ) </div></td>
        </tr>
      </table>
      <table width="740" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><div align="center"><img src="streak1[1].gif" width="738" height="25" alt="r" /></div></td>
        </tr>
      </table>
      <table width="740" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
        <tr>
          <td width="36">&nbsp;</td>
          <td width="203"><form id="form1" name="form1" method="post" action="">
            <label for="Submit"></label>
            <div align="center">
              <input name="Submit" type="submit" class="Estilo2" id="Submit" value="Imprimir " />
              </div>
          </form>
          </td>
          <td width="203" bgcolor="#FFFFFF"><div align="center">
            <input name="Submit2" type="submit" class="Estilo2" id="Submit2" value="Aceptar" />
          </div></td>
          <td width="298" bgcolor="#FFFFFF">&nbsp;</td>
        </tr>
      </table>
      <table width="733" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>
      <table width="741" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="741">&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>
      <p align="center">&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p align="center">&nbsp;</p>
     <p align="right">&nbsp;</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>