Sunteți pe pagina 1din 12

Taller de Desarrollo Web con HTML5 & PHP

1. Elaborar una aplicacin web para calcular el salario semanal de obreros. La aplicacin solicita
el ingreso del DNI, Nombres y Apellidos, Categora y Das Trabajados. El salario semanal se
obtiene multiplicando los das trabajados por el pago/hora que corresponde segn la categora
del obrero (Pen 30 S/. x Da Capataz 50 S/. x Da). La aplicacin debe mostrar los siguientes
datos: DNI, Nombres y Apellidos, Categora, Pago Diario, Das Trabajados, Pago Semanal,
Descuento (10% que se aplica solo a los Capataces) y Total Semanal.
Solucin
Crear la carpeta 01 en C:\WAMP\WWW y escribir lo siguiente:

index.html
<html><head><title>Ejemplo 01</title></head><body>
<div align="center"><b><u>SALARIO SEMANAL DE OBREROS</u></b><br>
<form method="post" action="salario.php">
DNI:<input type="text" name="txtdni" size="8"><br>
NOMBRES Y APELLIDOS:
<input type="text" name="txtnombres" size="50"><br>
CATEGORIA:
<select name="cbocategoria">
<option value="CAPATAZ">CAPATAZ</option>
<option value="PEON">PEON</option>
</select><br>
DIAS TRABAJADOS:
<input type="number" name="txtdias" min="0" max="48" title="Las horas debe
estar entre 0 y 48"><br>
<br><input type="submit" value="calcular">
</form></div></body></html>

Luego escribiendo sobre el navegador http://localhost:50/01/ se deber mostrar lo siguiente:

docenteunt@yahoo.es
Taller de Desarrollo Web con HTML5 & PHP

Seguidamente en la misma carpeta C:\WAMP\WWW\01 escribir el archivo php y probar la


aplicacin

calcular.php
<html><head><title></title></head>
<body><div align="center">
<b><u>SALARIO SEMANAL DE OBREROS</u></b><br>
<?php
echo '<br>DNI:'.$_POST['txtdni'];
echo '<br>NOMBRES Y APELLIDOS:'.$_POST['txtnombres'];
echo '<br>CATEGORIA:'.$_POST['cbocategoria'];
if($_POST['cbocategoria']=="CAPATAZ")
$salariodia=50;
else
$salariodia=30;
echo '<br>SALARIO/DIA:'.$salariodia;
echo '<br>DIAS TRABAJADOS:'.$_POST['txtdias'];
$pagosemanal=$_POST['txtdias']*$salariodia;
echo '<br>PAGO SEMANAL:'.$pagosemanal;
$descuento=0;
if($_POST['cbocategoria']=="CAPATAZ")
$descuento=$pagosemanal*0.10;
else
$descuento=0;
echo '<br>DESCUENTO:'.$descuento;
$pago=$pagosemanal-$descuento;
echo '<br>TOTAL:'.$pago;
?>
<br><a href="index.html">Volver</a>
</div></body></html>

docenteunt@yahoo.es
Taller de Desarrollo Web con HTML5 & PHP

2. Elaborar una aplicacin web que permita ingresar una fecha y luego mostrar los siguientes
datos: Ao, Mes, Semana del Ao y da de la Semana.

Solucin
Crear la carpeta 02 en C:\WAMP\WWW y escribir lo siguiente:

index.html
<html><head><title>Ejemplo 02</title></head><body>
<div align="center">
<b><u>DATOS DE FECHA</u></b><br>
<form method="post" action="detallesdefecha.php">
<br>Seleccionar Fecha
<input type="date" name="txtfecha"><br>
<br><input type="submit" value="Mostrar">
</form></div></body></html>

Luego escribiendo sobre el navegador http://localhost:50/02/ se deber mostrar lo siguiente:

docenteunt@yahoo.es
Taller de Desarrollo Web con HTML5 & PHP

Seguidamente en la misma carpeta C:\WAMP\WWW\02 escribir el archivo php y probar la


aplicacin

detallesdefecha.php
<html><head><title>Ejemplo 02</title></head><body>
<div align="center">
<b><u>DATOS DE FECHA</u></b><br>
<?php
$fecha=strtotime($_POST['txtfecha']);
echo 'Fecha :'.date("d m Y", $fecha);
echo '<br>Anio :'.date("Y", $fecha);
echo '<br>Mes :'.date("F", $fecha);
echo '<br>Semana :'.date("W", $fecha);
echo '<br>Dia :'.date("l", $fecha);
?>
<br><a href="index.html">Volver</a>
</div></body></html>

docenteunt@yahoo.es
Taller de Desarrollo Web con HTML5 & PHP

3. Elaborar una aplicacin web que permita ingresar nmeros enteros positivos comprendidos
entre 1 al 10 y luego muestre su respectiva tabla de multiplicar.

Solucin
Crear la carpeta 03 en C:\WAMP\WWW y escribir lo siguiente:

index.html
<html><head><title>Ejemplo 03</title></head><body>
<div align="center">
<b><u>TABLA DE MULTIPLICAR</u></b><br>
<form method="post" action="tabla.php">
<br>Seleccionar Numero
<input type="number" name="txtnumero" value="1" min="1" max="10" title="El
numero debe estar entre 1 y 10"><br>
<br><input type="submit" value="Mostrar">
</form></div></body></html>

Luego escribiendo sobre el navegador http://localhost:50/03/ se deber mostrar lo siguiente

docenteunt@yahoo.es
Taller de Desarrollo Web con HTML5 & PHP

Seguidamente en la misma carpeta C:\WAMP\WWW\03 escribir el archivo php y probar la


aplicacin

tabla.php
<html><head><title></title></head>
<body><div align="center">
<b><u>TABLA DE MULTIPLICAR</u></b><br>
TABLA DEL : <?php echo $_POST['txtnumero'];?>
<br><table border="1">
<?php
$num=$_POST['txtnumero'];
for($n=1;$n<=10;$n++)
{
echo '<tr><td align="right">'.$num.'*'.$n.'</td><td>='.$num*$n.'</td></tr>';
}
?>
</table><br><a href="index.html">Volver</a>
</div></body></html>

docenteunt@yahoo.es
Taller de Desarrollo Web con HTML5 & PHP

4. Elaborar una aplicacin web que permita calcular el costo para pagar una infraccin de trnsito.
Los datos a leer son: Placa, DNI del infractor, Tipo de Infraccin, Fecha y Lugar de la Infraccin.
La siguiente tabla muestra las infracciones, su costo y el porcentaje de descuento si se paga
dentro de los 5 das de cometida la misma.

Cdigo de Descripcin de la Infraccin % UIT % de Descuento


la Infraccin UIT = 3900 (Dentro de los 5 dias)
L Utilizar bocina innecesariamente 5% 50%
G Dejar mal estacionado el vehculo 10% 25%
M Pasar el semforo con luz roja 15% 0%

La aplicacin debe mostrar los siguientes datos: Placa (Dato Obligatorio), DNI del infractor,
Cdigo y Nombre de la Infraccin, Lugar, Fecha, Das Transcurridos, Costo de la Infraccin,
Descuento y Total.
Solucin
Crear la carpeta 04 en C:\WAMP\WWW y escribir lo siguiente

index.html
<html><head><title>Ejemplo 04</title></head><body>
<div align="center">
<b><u>LIQUIDACION DE INFRACCIONES</u></b><br><br>
<form method="post" action="liquidacion.php">
PLACA:
<input type="text" name="txtplaca" required size="6"><br>
DNI:
<input type="text" name="txtdni" size="8"><br>
INFRACCION:
<select name="cboinfraccion">
<option value="L">UTILIZAR BOCINA INNECESARIAMENTE</option>
<option value="G">DEJAR MAL ESTACIONADO EL VEHICULO</option>
<option value="M">PASAR EL SEMAFORO CON LUZ ROJA</option>
</select><br>
FECHA:
<input type="date" name="txtfecha"><br>
LUGAR:
<input type="text" name="txtlugar" placeholder="Ingrese aqui la direccion de la
infraccion" size="40"><br>
<br><input type="submit" value="calcular">
</form></div></body></html>

docenteunt@yahoo.es
Taller de Desarrollo Web con HTML5 & PHP

Luego escribiendo sobre el navegador http://localhost:50/04/ se deber mostrar lo siguiente

Seguidamente en la misma carpeta C:\WAMP\WWW\04 escribir el archivo php y probar la


aplicacin

liquidacion.php
<html><head><title></title></head>
<body><div align="center">
<b><u>LIQUIDACION DE INFRACCIONES</u></b><br>
<?php
echo '<br>PLACA: '.$_POST['txtplaca'];
echo '<br>DNI: '.$_POST['txtdni'];
$codigo=$_POST['cboinfraccion'];
echo '<br>CODIGO: '.$codigo;
$uit=3900;
if($codigo=="L"){
echo "- UTILIZAR BOCINA INNECESARIAMENTE";
$costo=$uit*0.05;
}
if($codigo=="G"){
echo "- DEJAR MAL ESTACIONADO EL VEHICULO";
$costo=$uit*0.10;
}
if($codigo=="M"){
echo "- PASAR EL SEMAFORO CON LUZ ROJA";

docenteunt@yahoo.es
Taller de Desarrollo Web con HTML5 & PHP

$costo=$uit*0.15;
}
echo '<br>LUGAR:'.$_POST['txtlugar'];
echo '<br>FECHA:'.$_POST['txtfecha'];
$dias=(strtotime(date("Y/m/d"))-strtotime($_POST['txtfecha']))/86400;
$dias=abs($dias);
$dias=floor($dias);
echo '<br>DIAS TRANSCURRIDOS: '.$dias;
echo '<br>COSTO S/.: '.$costo;
$descuento=0;
if($dias<=5 && $codigo=="L")
$descuento=$costo*0.50;
if($dias<=5 && $codigo=="G")
$descuento=$costo*0.25;
if($dias<=5 && $codigo=="M")
$descuento=$costo*0.00;
echo '<br>DESCUENTO S/.: '.$descuento;
$total=$costo-$descuento;
echo '<br>TOTAL S/.: '.$total;
?>
<br><a href="index.html">Volver</a>
</div></body></html>

docenteunt@yahoo.es
Taller de Desarrollo Web con HTML5 & PHP

5. Elaborar una aplicacin web que permita introducir un texto, elegir el siguiente formato
resaltado, cursiva, subrayado, color (Rojo - Verde - Azul) y presentarlo con el formato elegido.

Solucin
Crear la carpeta 05 en C:\WAMP\WWW y escribir lo siguiente

index.html
<html><head><title>Ejemplo 05</title></head><body>
<div align="center"><b><u>TEXTO CON FORMATO</u></b><br>
<form method="post" action="textoconformato.php">
<br>Texto: <input type="text" name="txttexto" size="20"
required placeholder="Escriba aca su Texto"><br>
<br><table border="1"><tr><td colspan="2" align="center">
Formato a Aplicar</td></tr><tr><td>
Resaltado: <input type="checkbox" name="chkres"><br>
Cursiva: <input type="checkbox" name="chkcur"><br>
Subrayado: <input type="checkbox" name="chksub"></td>
<td>Color:<select name="cbocol">
<option value="red">Rojo</option>
<option value="green">Verde</option>
<option value="blue">Azul</option></select>
<br></td></tr></table>
<br><input type="submit" value="Mostrar"></form></div></body></html>

Luego escribiendo sobre el navegador http://localhost:50/05/ se deber mostrar lo siguiente

docenteunt@yahoo.es
Taller de Desarrollo Web con HTML5 & PHP

Seguidamente en la misma carpeta C:\WAMP\WWW\05 escribir el archivo php y probar la


aplicacin

textoconformato.php
<html><head><title></title></head>
<body><div align="center">
<b><u>TEXTO CON FORMATO</u></b><br>
<font color="<?php echo $_POST['cbocol'];?>">
<?php
if(isset($_POST['chkres']))
echo '<b>';
if(isset($_POST['chkcur']))
echo '<i>';
if(isset($_POST['chksub']))
echo '<u>';
echo '<br>'.$_POST['txttexto'].'<br>';
?>
</font><br><a href="index.html">Volver</a>
</div></body></html>

docenteunt@yahoo.es
Taller de Desarrollo Web con HTML5 & PHP

Ejercicios Propuestos

1. Elaborar una aplicacin web para calcular reas de cuadrados, rectngulos y


crculos. La aplicacin dependiendo de la figura elegida permite ingresar los datos
y luego muestra el resultado con la imagen de la figura elegida.

2. Elaborar una aplicacin web que permita leer el Nombre, Sexo y Fecha de
Nacimiento de una persona. Luego debe mostrar el siguiente texto: Hola
[Nombre] eres un [Hombre/Mujer] tienes [Edad] aos y eres del signo [Signo
Zodiacal]

3. Elaborar una aplicacin que solicite el nmero de filas y el nmero de columnas


de una tabla y luego la muestre indicando en cada una de sus celdas el nmero
de fila y columna

4. Elaborar una aplicacin web para calcular del nmero de das transcurridos entre
dos fechas elegidas por el usuario.

5. Elaborar una aplicacin web solicite un login y una clave al usuario. La aplicacin
muestra la Bienvenida al usuario si las credenciales son login=admin y la clave
es adminpass. Caso contrario vuelve a solicitar nuevamente los datos.

docenteunt@yahoo.es