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í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> </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è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ò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"> </td>
<td width="130"><strong>C.C.</strong></td>
<td width="130" bgcolor="#FFFFFF"><strong>72186504</strong></td>
<td width="40"> </td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40"> </td>
<td width="130"><strong>Nombre</strong>: </td>
<td width="130">Afranio Pedrozo de Fex </td>
<td width="40"> </td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40"> </td>
<td width="130"><strong>Clinica:</strong></td>
<td width="130"><strong>VIVIR IPS </strong></td>
<td width="40"> </td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40"> </td>
<td width="130"><strong>Tipo de Consulta: </strong></td>
<td width="130">Medina familiar </td>
<td width="40"> </td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40"> </td>
<td width="130"><strong>Consultorio:</strong></td>
<td width="130">04 Medicina Familiar </td>
<td width="40"> </td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40"> </td>
<td width="130"><strong>Mèdico: </strong></td>
<td width="130"><a href="pagina 1.html"></a> Dr(a)Pablo Vasquez</td>
<td width="40"> </td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40"> </td>
<td width="130"><strong>Fecha de la Cita : </strong></td>
<td width="130">30/Sep/2011</td>
<td width="40"> </td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40"> </td>
<td width="130"><strong>Hora de la Cita : </strong></td>
<td width="130">15:45-16:00</td>
<td width="40"> </td>
</tr>
</table>
<p> </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"> </td>
<td width="130"> </td>
<td width="130"><div align="center"></div></td>
<td width="40"> </td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="89"> </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"> </td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="89"> </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"> </td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40"> </td>
<td width="260"><div align="center" class="Estilo29"></div></td>
<td width="40"> </td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40"> </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"> </td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40"> </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 "Aceptar", para recibir la clave de confirmaciòn de su cita
con la que se
presentarà en la IPS o bien en la sigiuente pantalla seleccione el botòn de imprimir o Aceptar, para dar terminada la solicitud de Cita Mèdica </p>
</form>
</div></td>
<td width="40"> </td>
</tr>
</table>
<p align="right"> </p>
<table width="733" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<p align="right">:</p>
<p align="center"> </p>
<p align="center"> </p>
<p align="justify">
<label for="imageField"></label>
</p>
<p align="center"> </p>
<p align="center"> </p>
<p align="justify"> </p>
<p align="justify"> </p>
<p align="justify"> </p>
<p align="center"> </p>
<p align="justify"> </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"> </td>
</tr>
</table>
</div>
<p align="center"> </p>
<p align="center"> </p>
</body>
</html>
No hay comentarios:
Publicar un comentario