propuestavivirips

7. Interfaz datos generales del usuario:

Esta página posee una opción donde el usuario puede indicar si es la primera vez que asiste a la clínica o no, también puede seleccionar el tipo de consulta que requiere, elegir el consultorio cuando la función esté activa y seleccionar la fecha en el calendario en los días que aparecen disponibles en color azul.

Figura 7

Algoritmo página 7

<!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;

}

#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;

}

.Estilo23 {color: #FF0000; font-weight: bold; }

.Estilo25 {color: #00FF00; font-weight: bold; }

.Estilo26 {

font-size: 18px;

font-style: italic;

color: #5C743D;

font-weight: bold;

}

.Estilo27 {color: #CC3333}

.Estilo28 {font-size: 18px; font-style: italic; font-weight: bold; }

.Estilo29 {color: #0099FF}

.Estilo30 {font-weight: bold; font-size: 24px;}

.Estilo31 {font-size: 18px; font-style: italic; color: #0099FF; font-weight: bold; }

-->

</style></head>

<body>

<div align="center">

<table width="745" border="0" cellspacing="0" cellpadding="0">

<tr>

<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="Estilo28">Sociedad de Medicina Integral </p></td>

</tr>

</table>

<p> </p></td>

</tr>

<tr>

</tr>

<tr>

<td height="24" bgcolor="#FFFFFF"><div align="right"></div></td>

</tr>

</table>

<table width="747" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="747" height="600" valign="top" bgcolor="#FFFFFF"><p align="center" class="Estilo29"><span class="Estilo30">Nueva Citas Mèdica </span></p>

<table width="740" height="55" border="0" cellpadding="0" cellspacing="0">

<tr>

<td height="101" bgcolor="#FFFFFF"><div align="center">

<p><strong>Datos Generales del Usuario </strong></p>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="streak1[1].gif" alt="r" width="743" height="25" /></td>

</tr>

</table>

<p> </p>

</div></td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><div align="center"><strong>24/Sep/2011 16:04 </strong></div></td>

</tr>

</table>

<table width="739" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="40"> </td>

<td width="79"><div align="right"><strong>C.C.</strong></div></td>

<td width="20"><div align="center"><strong>:</strong></div></td>

<td width="100"><div align="left"><strong>72186504</strong></div></td>

<td width="20"> </td>

<td width="88"><div align="right"><strong>Consultorio</strong></div></td>

<td width="20"><div align="center"><strong>:</strong></div></td>

<td width="40"><div align="left"><strong>04</strong></div></td>

<td width="40"> </td>

</tr>

</table>

<table width="739" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="40"> </td>

<td width="79"><div align="right"><strong>Ocupacion</strong></div></td>

<td width="20"><div align="center"><strong>:</strong></div></td>

<td width="100"><div align="left"><strong>Docente </strong></div></td>

<td width="20"> </td>

<td width="88"><div align="right"><strong>Autorizado</strong></div></td>

<td width="20"><div align="center"><strong>:</strong></div></td>

<td width="40"><div align="left"><strong>04</strong></div></td>

<td width="40"> </td>

</tr>

</table>

<table width="739" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="61"> </td>

<td width="98"><div align="right"><strong>Nombre </strong></div></td>

<td width="26"><div align="center"><strong>:</strong></div></td>

<td width="269"><div align="left"><strong>Afranio Pedrozo de Fex </strong></div></td>

<td width="26"> </td>

<td width="118"><div align="right"><strong>Edad</strong></div></td>

<td width="26"><div align="center"><strong>:</strong></div></td>

<td width="56"><div align="left"><strong>39</strong>años </div></td>

<td width="59"> </td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="40"> </td>

<td width="130"> </td>

<td width="40"> </td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="40"> </td>

<td width="130">Clinica: </td>

<td width="130"><div align="left"><strong>VIVIR IPS </strong></div></td>

<td width="40"> </td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="40"> </td>

<td width="130">Direccion</td>

<td width="130"><div align="justify">Calle las Flores (Magangue Colombia) N° 51-29 Edificio Banco de Colombia </div></td>

<td width="40"> </td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="87"> </td>

<td width="87">Primera vez </td>

<td width="20"><div align="left">

<form id="form2" name="form2" method="post" action="">

<label>

<input type="checkbox" name="checkbox" value="checkbox" />

</label>

</form>

</div></td>

<td width="36">Si</td>

<td width="20"><input name="checkbox2" type="checkbox" value="checkbox" checked="checked" /></td>

<td width="492">No</td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="461"> </td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="87"> </td>

<td width="282">Tipo Consulta </td>

<td width="282"><form id="form3" name="form3" method="post" action="">

<label>

<select name="select" class="Estilo15">

<option>Laboratorio</option>

<option>Medicina familiar</option>

<option>Odoctologia </option>

</select>

</label>

</form> </td>

<td width="89"> </td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="87"> </td>

<td width="282">Consultorio </td>

<td width="282"><form id="form3" name="form3" method="post" action="">

<label>

<select name="select2">

<option>01 Odontologia </option>

<option>02 Laboratorio</option>

<option>04 Medicina familiar</option>

<option>03 Administrativo</option>

</select>

</label>

</form></td>

<td width="89"> </td>

</tr>

</table>

<table width="740" height="22" border="0" cellpadding="0" cellspacing="0">

<tr>

<td><p><img src="streak1[1].gif" alt="r" width="738" height="22" /></p>

<p> </p></td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="84"> </td>

<td width="386"><div align="center" class="Estilo31">Septiembre 2011 </div></td>

<td width="175"><form id="form3" name="form3" method="post" action="">

<label></label>

</form></td>

<td width="95"> </td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="87"> </td>

<td width="30"><div align="center">Dom</div></td>

<td width="10"> </td>

<td width="52"><div align="center">Lun</div></td>

<td width="10"> </td>

<td width="52"><div align="center">Mar</div></td>

<td width="10"> </td>

<td width="52"><div align="center">Miè</div></td>

<td width="10"> </td>

<td width="52"><div align="center">Jue</div></td>

<td width="10"> </td>

<td width="52"><div align="center">Vie</div></td>

<td width="10"> </td>

<td width="52"><div align="center">Sab</div></td>

<td width="273"> </td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="87"> </td>

<td width="30"><div align="center"></div></td>

<td width="10"> </td>

<td width="52"><div align="center"></div></td>

<td width="10"> </td>

<td width="52"><div align="center"></div></td>

<td width="10"> </td>

<td width="52"><div align="center"></div></td>

<td width="10"> </td>

<td width="52"><div align="center">1</div></td>

<td width="10"> </td>

<td width="52"><div align="center">2</div></td>

<td width="10"> </td>

<td width="52"><div align="center">3</div></td>

<td width="273"> </td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="87"> </td>

<td width="30"><div align="center" class="Estilo23">4</div></td>

<td width="10"> </td>

<td width="52"><div align="center">5</div></td>

<td width="10"> </td>

<td width="52"><div align="center">6</div></td>

<td width="10"> </td>

<td width="52"><div align="center">7</div></td>

<td width="10"> </td>

<td width="52"><div align="center">8</div></td>

<td width="10"> </td>

<td width="52"><div align="center">9</div></td>

<td width="10"> </td>

<td width="52"><div align="center">10</div></td>

<td width="273"> </td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="87"> </td>

<td width="30"><div align="center" class="Estilo23">11</div></td>

<td width="10"> </td>

<td width="52"><div align="center">12</div></td>

<td width="10"> </td>

<td width="52"><div align="center">13</div></td>

<td width="10"> </td>

<td width="52"><div align="center">14</div></td>

<td width="10"> </td>

<td width="52"><div align="center">15</div></td>

<td width="10"> </td>

<td width="52"><div align="center">16</div></td>

<td width="10"> </td>

<td width="52"><div align="center">17</div></td>

<td width="273"> </td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="87"> </td>

<td width="30"><div align="center" class="Estilo23">18</div></td>

<td width="10"> </td>

<td width="52"><div align="center">19</div></td>

<td width="10"> </td>

<td width="52"><div align="center">20</div></td>

<td width="10"> </td>

<td width="52"><div align="center">21</div></td>

<td width="10"> </td>

<td width="52"><div align="center">22</div></td>

<td width="10"> </td>

<td width="52"><div align="center">23</div></td>

<td width="10"> </td>

<td width="52"><div align="center">24</div></td>

<td width="273"> </td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="87"> </td>

<td width="30"><div align="center"><span class="Estilo23">25</span></div></td>

<td width="10"> </td>

<td width="52"><div align="center">26</div></td>

<td width="10"> </td>

<td width="52"><div align="center">27</div></td>

<td width="10"> </td>

<td width="52"><div align="center"><span class="Estilo25"><a href="pagina 1.html">28</a></span></div></td>

<td width="10"> </td>

<td width="52"><div align="center"><span class="Estilo25"><a href="pagina 1.html">29</a></span></div></td>

<td width="10"> </td>

<td width="52"><div align="center"><span class="Estilo25"><a href="Pagina 10.html">30</a></span></div></td>

<td width="10"> </td>

<td width="52"> </td>

<td width="273"> <div align="center"></div></td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="84"> </td>

<td width="386"><div align="center" class="Estilo31"><strong>Oferta 5 dìas </strong></div></td>

<td width="175"> </td>

<td width="95"> </td>

</tr>

</table></td>

</tr>

<tr>

<td width="84"><img src="streak1[1].gif" alt="r" width="738" height="22" /></td>

</tr>

</table>

<table width="740" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="84"> </td>

<td width="386"><div align="center" class="Estilo26">

<p class="Estilo27"> </p>

</div></td>

<td width="175"><form id="form3" name="form3" method="post" action="">

<label></label>

<div align="center">

<label>

<input name="Submit" type="submit" class="Estilo2" value="Regresar" />

</label>

</div>

</form></td>

<td width="95"> </td>

</tr>

</table>

<table width="747" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="747"> </td>

</tr>

<tr>

<td> </td>

</tr>

</table>

<p align="center"> </p>

<p align="right"> </p>

<p align="center"> </p>

<p align="justify">

<label for="imageField"></label>

</p>

<p align="center">  </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>

</body>

</html>

propuestavivirips

Mi lista de blogs

sábado, 8 de octubre de 2011

No hay comentarios:

Publicar un comentario