Itrabajo Individual

TRABAJO INDIVIDUAL
PROGRAMACION SITIOS WEB-FASE 3
MANEJO DE ARCHIVOS PLANOS
PRESENTADO POR:
WILSON ESTEBAN PINTOP CARDENAS
CODIGO:
80208473
PRESENTADO A:
FRANCISCO JAVIER HILARION NOVOA
UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA-UNAD
OCTUBRE -2017
BOGOTA
Actividades a desarrollar
El estudiante debe:
De acuerdo a la propuesta seleccionada en la fase 2.
Dentro del menú de reportes especiales, creado en la fase anterior debe crear un formulario
en HTML que permita ingresar la siguiente información: número de identificación, nombres,
apellidos, correo electrónico, contraseña, teléfono.
Debe diseñar un script en PHP que permita tomar los datos del formulario anterior y exportar
dichos datos a un archivo de texto (.TXT). Debe realizar el mismo proceso tres (3) veces, con
diferentes datos, de manera que se obtengan 3 archivos de texto (.txt) y cada archivo debe
llevar por nombre el número de identificación de la persona a la cual se le está guardando la
información.
Dentro del menú de Ingreso de Ingreso de hojas de vida debe crear un formulario en HTML
que contenga los siguientes campos: nombre, apellido, registro médico, cédula de ciudadanía,
teléfono, email, dirección de residencia, especialidad, nombre del hospital donde trabaja y un
botón que se llame “guardar”.

Dentro del menú de consulta de hojas de vida debe crear un formulario en HTML que
contenga los siguientes campos: número de registro médico y un botón que se llame “buscar”.
Dentro del menú de actualización de hojas de vida debe crear un formulario en HTML que
contenga los siguientes campos: nombre, apellido, registro médico, cédula de ciudadanía,
teléfono, email, dirección de residencia, especialidad, nombre del hospital donde trabaja y un
botón que se llame “actualizar”.
El menú de administrador debe dejarlo en blanco.
El menú de operaciones matemáticas debe dejarlo tal y como está en la fase 2.
SOLUCION
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ingreso de hojas de</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="page-header">
<center>
<CENTER>
<h2><font color="Olive" face="thimes new roman">BIENVENIDOS A INGRESO DE
HOJAS DE VIDA</font> </h2> <font color="blue" face="thimes new roman"> Para
Ingresar una Hoja de Vida Por favor digite los siguentes datos:</font><br><br><br>
</CENTER>
<form class="form-horizontal" action="/action_page.php">
<div class="form-group">
<label class="control-label col-sm-3" for="nombre">Nombres:</label>
<div class="col-sm-5">
<input type="nombre" class="form-control" id="nombre" placeholder="Digite por
favor Sus Nombres" name="nombre">
</div>
</div>
<label class="control-label col-sm-3" for="apellido">Apellidos:</label>
<input type="apellido" class="form-control" id="apellido" placeholder="Digite por
favor Sus Apellidos" name="apellido">
</div>
</div>
<label class="control-label col-sm-3" for="registro">Registro Medico:</label>
<input type="registro" class="form-control" id="registro" placeholder="Digite por
favor el Registro Medico" name="registro">
</div>
</div>
<label class="control-label col-sm-3" for="cedula">Cedula de Ciudadania:</label>
<input type="cedula" class="form-control" id="cedula" placeholder=" Digite por
favor Su Numero de Cedula" name="cedula">
</div>
</div>
<label class="control-label col-sm-3" for="telefono">Telefono:</label>
<input type="telefono" class="form-control" id="telefono" placeholder="Digite por
favor Numero Telefonico" name="telefono">
</div>
</div>
<label class="control-label col-sm-3" for="email">Email:</label>
<input type="email" class="form-control" id="email" placeholder=" Digite por favor
Su Email" name="email">
</div>
</div>
<label class="direccion-label col-sm-3" for="direccion">Direccion de
Recidencia:</label>
<input type="direccion" class="form-control" id="direccion" placeholder="Digite por
favor Su Direccion de Recidencia" name="direccion">

</div>
</div>
<label class="control-label col-sm-3" for="especialidad">Especialidad:</label>
<input type="especialidad" class="form-control" id="especialidad"
placeholder="Digite por favor Su Especialidad" name="especialidad">
</div>
</div>
<label class="control-label col-sm-3" for="hospital">Nombre del Hospital Donde
Trabaja:</label>
<input type="hospital" class="form-control" id="hospital" placeholder="Digite por
favor el Nombre del Hospital donde Trabaja" name="hospital">
</div>
</div>
<div class="col-sm-offset-2 col-sm-10">
<button type="guardar" class="btn btn-primary btn-default">Guardar</button>
</div>
</div>
</form>
</div>
<center>
<br><br><br><br><br><br><a
href="file:///C:/Users/JENNYFER/Desktop/prgramacion_web/index.html#">
<button type="button" class="btn btn-primary btn-default">VOLVER A
INICIO</button><br></a></form>
</center>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Reportes</title>
<script
</head>
<body>
<CENTER>
<h2><font color="Olive" face="thimes new roman"> BIENVENIDOS A INGRESAR
INFORMACION </font></h2><font color="blue" face="thimes new roman"> Por favor
digite los siguentes datos:</font><br><br><br><br>
</CENTER>
<form class="form-horizontal" action="reportesguardados.php" role="form"
method="POST">
<label class="control-label col-sm-3" for="numero">Numero de Identificacion:</label>
<input type="text" class="form-control" id="numero" placeholder="Digite su Numero
de Identificacion" name="numero">
</div>
</div>
<input type="text" class="form-control" id="nombre" placeholder="Digite su
Nombres" name="nombre">
</div>
</div>
<input type="text" class="form-control" id="apellido" placeholder="Digite sus
Apellidos" name="apellido">
</div>
</div>
<label class="control-label col-sm-3" for="apellido">Correo Electronico:</label>
<input type="text" class="form-control" id="coreo" placeholder="Digite su Correo
Electronico" name="correo">
</div>
</div>
<label class="control-label col-sm-3" for="apellido">Contraseña:</label>

<input type="password" class="form-control" id="contraseña" placeholder="Digite su
Contraseña" name="contraseña">
</div>
</div>
<input type="text" class="form-control" id="telefono" placeholder= " Digite su
Numero Telefonico" name="telefono">
</div>
</div>
<button type="submit" class="btn btn-primary btn-default">Guardar</button>
</div>
</div>
<center>
<br><br><br><a
href="file:///C:/Users/JENNYFER/Desktop/prgramacion_web/index.html# ">
INICIO</button></a>
</center>
</form>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>actualicaion hojas de vida</title>
<script
</head>
<body>
<CENTER>
<h2><font color="Olive" face="thimes new roman">BIENVENIDOS A
ACTUALIZACION DE HOJAS DE VIDA</font> </h2> <font color="blue" face="thimes
new roman">Para Actualizar una Hoja de Vida Por favor Digite los Siguentes
Datos:</font><br><br><br>
</CENTER>
<input type="nombre" class="form-control" id="nombre" placeholder=""
name="nombre">
</div>
</div>
<input type="apellido" class="form-control" id="apellido" placeholder=""
name="apellido">
</div>
</div>
<label class="control-label col-sm-3" for="registro">Registro Medico:</label>
<input type="registro" class="form-control" id="registro" placeholder=""
name="registro">
</div>
</div>
<label class="control-label col-sm-3" for="cedula">Cedula de Ciudadania:</label>
<input type="cedula" class="form-control" id="cedula" placeholder=""
name="cedula">
</div>
</div>
<input type="telefono" class="form-control" id="telefono" placeholder=""
name="telefono">
</div>
</div>
<label class="control-label col-sm-3" for="email">Email:</label>
<input type="email" class="form-control" id="email" placeholder="" name="email">
</div>
</div>
<label class="direccion-label col-sm-3" for="direccion">Direccion de
Recidencia:</label>
<input type="direccion" class="form-control" id="direccion" placeholder=""
name="direccion">
</div>
</div>
<label class="control-label col-sm-3" for="especialidad">Especialidad:</label>
<input type="especialidad" class="form-control" id="especialidad" placeholder=""
name="especialidad">
</div>
</div>
<label class="control-label col-sm-3" for="hospital">Nombre del Hospital Donde
Trabaja:</label>
<input type="hospital" class="form-control" id="hospital" placeholder=""
name="hospital">
</div>
</div>
<button type="actualizar" class="btn btn-primary btn-default">Actualizar</button>
</div>
</div>
</form>
</div>
</body>
</html>
<center>
</center>
<!DOCTYPE html>
<html lang="en">
<head>
<title>consulta hojas de vida</title>
<script
</head>
<body>
<CENTER>
<h2><font color="Olive" face="thimes new roman">BIENVENIDOS A CONSLTAS DE
HOJAS DE VIDA</font> </h2> <font color="blue" face="thimes new roman">Para
consultar una hoja de vida digite:</font><br><br><br>
</CENTER>
<label class="control-label col-sm-3" for="nombre ">Numero de Registro
Medico:</label>
<input type="numeroregistro" class="form-control" id="numeroregistro"
placeholder="" name="numeroregistro">
</div>
</div>
<div class="col-sm-offset-2 col-sm-10 ">
<button type="buscar" class="btn btn-primary btn-default">Buscar</button>
</div>
</div>
</form>
</div>
<center>
</center>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Operacones matematicas</title>
</head>
<body>
<center>
<h1><font size=5><font color="Olive" face="thimes new roman"> EN ESTE
ESPACIO PODRA HACER OPERACIONES MATEMATICAS
BASICAS</font></h1><br><br>
<Script language = "JavaScript">
function sumar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)+
eval(document.forms[0].nN2.value);
function restar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)-
}
function multiplicar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)*
function dividir()
if (eval(document.forms[0].nN2.value)!=0)
document.forms[0].nN3.value=eval(document.forms[0].nN1.value)/eval(document.forms[0
].nN2.value);
else
alert("No divide por cero");
}
}
</Script>
<form ACTION= "mailto: pinto_wilson@hotmail.com" method= "post">
Ingrese el Primer Numero <INPUT TYPE="TEXT" NAME="nN1" SIZE="10">
<br><br>
Ingrese el segundo Numero <INPUT TYPE="TEXT" NAME="nN2" SIZE="10">
<br><br>
El Resultado es: <INPUT TYPE="TEXT" NAME="nN3" SIZE="10">
<br><br>
<INPUT TYPE= "BUTTON" NAME="BTN1" VALUE= "Suma" ONCLICK= "sumar()">
<INPUT TYPE= "BUTTON" NAME="BTN2" VALUE= "Resta" onclick= "restar()">
<INPUT TYPE= "BUTTON" NAME="BTN3" VALUE= "Multiplicacion" onclick=
"multiplicar()">
<INPUT TYPE= "BUTTON" NAME="BTN4" VALUE= "Division" onclick=
"dividir()"><br><br>
<a href="file:///C:/Users/JENNYFER/Desktop/prgramacion_web/index.html#">
<button type="button" class="btn btn-primary btn-lg">VOLVER A
</center>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Reportes Guardados</title>
<script
</head>
<body>
<?php
$ar = fopen("archivo.txt", "a") or die ("Problemas en la creacion del archivo");
fwrite($ar,"Numero" . $_POST ['numero']);
fwrite($ar,"Nombres" . $_POST ['nombre']);
fwrite($ar,"Apellidos" . $_POST ['apellido']);
fwrite($ar,"Correo Electronico" . $_POST ['correo']);
fwrite($ar,"Contraseña" . $_POST ['contraseña']);
fwrite($ar,"Telefono" . $_POST ['telefono']);
fclose($ar);
?>
<center>
<font size=6><font color="Olive" face="thimes new roman"><p class="bg-default">El
reporte se creo exitosamente</p>
</div></font>
<font size=6><font color="Olive" face="thimes new roman"><p class="bg-
prymary">Gracias por utilizar Nuestro Aplicativo</p></font><br>
</center>
</center>
</div>
<center>
<a href="reportes.html" align class=" btn btn-primary " role="button">Si desea Ingresar
otro Reporte pulse Aqui </a>
</center>
<center>
<br><br><br><a
href="file:///C:/Users/JENNYFER/Desktop/prgramacion_web/index.html# ">
INICIO</button></a>
</center>
</div>
</body>
</html>

Itrabajo Individual

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Itrabajo Individual

Transféré par

Droits d'auteur :

Formats disponibles

TRABAJO INDIVIDUAL

PROGRAMACION SITIOS WEB-FASE 3

MANEJO DE ARCHIVOS PLANOS

WILSON ESTEBAN PINTOP CARDENAS

FRANCISCO JAVIER HILARION NOVOA

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA-UNAD

De acuerdo a la propuesta seleccionada en la fase 2.

en HTML que permita ingresar la siguiente información: número de identificación, nombres,

apellidos, correo electrónico, contraseña, teléfono.

llevar por nombre el número de identificación de la persona a la cual se le está guardando la

botón que se llame “guardar”.

botón que se llame “actualizar”.

El menú de administrador debe dejarlo en blanco.

El menú de operaciones matemáticas debe dejarlo tal y como está en la fase 2.

<title>Ingreso de hojas de</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<h2><font color="Olive" face="thimes new roman">BIENVENIDOS A INGRESO DE

HOJAS DE VIDA</font> </h2> <font color="blue" face="thimes new roman"> Para

<label class="control-label col-sm-3" for="nombre">Nombres:</label>

<input type="nombre" class="form-control" id="nombre" placeholder="Digite por

favor Sus Nombres" name="nombre">

<label class="control-label col-sm-3" for="apellido">Apellidos:</label>

<input type="apellido" class="form-control" id="apellido" placeholder="Digite por

favor Sus Apellidos" name="apellido">

<label class="control-label col-sm-3" for="registro">Registro Medico:</label>

<input type="registro" class="form-control" id="registro" placeholder="Digite por

favor el Registro Medico" name="registro">

<label class="control-label col-sm-3" for="cedula">Cedula de Ciudadania:</label>

<input type="cedula" class="form-control" id="cedula" placeholder=" Digite por

favor Su Numero de Cedula" name="cedula">

<label class="control-label col-sm-3" for="telefono">Telefono:</label>

favor Numero Telefonico" name="telefono">

<label class="control-label col-sm-3" for="email">Email:</label>

<input type="email" class="form-control" id="email" placeholder=" Digite por favor

<label class="direccion-label col-sm-3" for="direccion">Direccion de

<input type="direccion" class="form-control" id="direccion" placeholder="Digite por

favor Su Direccion de Recidencia" name="direccion">

<label class="control-label col-sm-3" for="especialidad">Especialidad:</label>

<input type="especialidad" class="form-control" id="especialidad"

placeholder="Digite por favor Su Especialidad" name="especialidad">

<label class="control-label col-sm-3" for="hospital">Nombre del Hospital Donde

<input type="hospital" class="form-control" id="hospital" placeholder="Digite por

favor el Nombre del Hospital donde Trabaja" name="hospital">

<div class="col-sm-offset-2 col-sm-10">

<button type="guardar" class="btn btn-primary btn-default">Guardar</button>

<button type="button" class="btn btn-primary btn-default">VOLVER A

<meta name="viewport" content="width=device-width, initial-scale=1">

INFORMACION </font></h2><font color="blue" face="thimes new roman"> Por favor

digite los siguentes datos:</font><br><br><br><br>

<form class="form-horizontal" action="reportesguardados.php" role="form"

<label class="control-label col-sm-3" for="numero">Numero de Identificacion:</label>

<input type="text" class="form-control" id="numero" placeholder="Digite su Numero

<label class="control-label col-sm-3" for="nombre">Nombres:</label>

<input type="text" class="form-control" id="nombre" placeholder="Digite su

<label class="control-label col-sm-3" for="apellido">Apellidos:</label>

<input type="text" class="form-control" id="apellido" placeholder="Digite sus

<label class="control-label col-sm-3" for="apellido">Correo Electronico:</label>

<input type="text" class="form-control" id="coreo" placeholder="Digite su Correo

<label class="control-label col-sm-3" for="apellido">Contraseña:</label>

<input type="password" class="form-control" id="contraseña" placeholder="Digite su

<label class="control-label col-sm-3" for="telefono">Telefono:</label>

<input type="text" class="form-control" id="telefono" placeholder= " Digite su

Numero Telefonico" name="telefono">

<div class="col-sm-offset-2 col-sm-10">