Está en la página 1de 4

N° 3 Figuras Geometricas 16/01/2020 Tenorio Flores Brandon Adrian

Reporte de practica
Objetivo:
Objetivo: basicas calculando las areas de las figuras geometricas
Realizar un formulario con codigo html con operaciones

Antecedentes:
Las operaciones básicas de la matemática son cuatro la suma, la resta, la multiplicación y la división

HTML5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos.
Algunos de ellos son técnicamente similares a las etiquetas <div> y <span>, pero tienen un significado semántico

Php: es un lenguaje de programación de propósito general de código del lado del servidor originalmente diseñado para
el preprocesado de texto plano en UTF-8. Posteriormente se aplicó al desarrollo web de contenido dinámico, dando
un paso evolutivo en el concepto de aplicación en línea, por su carácter de servicio.

Desarrollo

Desarrollo:
Realizar un formulario con figuras geométricas calculando su área

➢ Cuadrado
➢ Circulo
➢ Rectángulo
➢ Rombo

Se abrió Dreamweaver y se creó etiquetas con sus respectivos campos

<!
<html>
<head>
<title>Figuras</title>
</head>
<body>
<form action="Areas.php" method="POST">
<center>
<h1>Figuras Geometricas</h1>
<table border="3">
<tr><!-- <tr>
<!-- creacio de un cuadrado -->
<td><center><div style="height: 0px; width: 130px;
border-left:0px solid transparent; border-right:0px solid transparent;
border-top:0px solid transparent; border-bottom:120px solid #808040;"></center></div></td>
<!-- creacion de un ciruclo -->
<td><center><div style="height: 0px; width: 150px;
border-bottom:150px dotted #ff8080;"></center></div>
<!-- creacion de un rectangulo -->
<td><center><div style="height: 0px; width: 220px;
border-left:0px solid transparent; border-right:0px solid transparent; border-
top:0px solid transparent; border-bottom:120px solid #8080ff;"></center></div></td>
<!-- creacion de un rombo con dos triangulos -->
<td><center><div style="height: 0px; width: 0px; border-
left:80px solid transparent; border-right:80px solid transparent; border-top:0px
solid transparent; border-bottom:120px solid #ff0000;"></div>
<div style="height: 0px; width: 0px; border-left:80px
solid transparent; border-right:80px solid transparent; border-top:120px solid
#ff0000; border-bottom:0px solid transparent;"></center>
</tr>
<tr>
<td>Lado : <input type="text" name="lado" size="3"><br>
</td>
<td> Radio : <input type="text" name="radio"
size="10"><br></td>
<td><center>Base : <input type="text" name="base"
size="3"><br> Altura : <input type="text" name="altura"
size="3"></center>
</td>
<td><center>Diagonal 1: <input type="text"
name="diagonalma" size="3"><br>
Diagonal 2: <input type="text" name="diagonalme" size="3"><br>
<center>
</center>
</td>
</tr>
<!-- Cierre de tabla -->
</table>
<br><br>
<!-- Creacion de botón para enviar los datos -->
<input type="submit" value="Calcular">
</center>
</form>
</html><!--
Para la creación las funciones que aran los valores agregados en la hoja de php son los siguientes

<?php
//declaración de variables con el simbolo de $ y en minusculas
//Los datos se enviaran por el metodo POST(encripta los datos)
$lado = $_POST['lado'];
$base=$_POST['base'];
$altura=$_POST['altura'];
$radio=$_POST['radio'];
$diagonalma=$_POST['diagonalma'];
$diagonalme=$_POST['diagonalme'];
$ladoa=$_POST['ladoa'];
$ladob=$_POST['ladob'];
// para almacenar el resultado de las operaciones
$areacuadro = pow($lado,2);
$areacirculo = pi()*($radio*$radio);
$arearectangulo = $base*$altura;
$arearombo = ($diagonalma*$diagonalme)/2;
//creacion de tabla con margen
echo "<br><br><center> <table border='3'>";
echo "<tr>
<!-- crecion dde un cuadrado -->
<td><center><div style='height: 0px; width: 130px; border-left:0px solid transparent; border-
right:0px solid transparent; border-top:0px solid
transparent; border-bottom:120px solid #808040;'></center></div></td>
<!-- crecion de un circulo -->
<td><center><div style='height: 0px; width: 150px; border-bottom:150px dotted
#ff8080;'></center></div>
<!-- creacion de un rectangulo -->
<td><center><div style='height: 0px; width: 220px; border-left:0px solid transparent; border-
right:0px solid transparent; border-top:0px solid transparent; border-bottom:120px solid
#8080ff;'></center></div></td>
<!-- creacion de un rombo con dos triangulos -->
<td><center><div style='height: 0px; width: 0px; border-left:80px solid transparent; border-
right:80px solid transparent; border-top:0px solid transparent; border-bottom:120px solid
#ff0000;'></div>
<div style='height: 0px; width: 0px; border-left:80px solid transparent; border-right:80px solid
transparent; border-top:120px solid #ff0000; border-bottom:0px solid transparent;'></center>
</tr>";

echo "<tr>
<td>
<br><center> Lado : $lado <br><br>
Area = $areacuadro
</center></td>
<td><br><center>Radio : $radio </center><br>
Area = $areacirculo
</center> </td>
<td><center> <br>Base : $base <br>
Altura: $altura <br><br>
Area : $arearectangulo
</center> </td>
<td><center> <br>Diagonal mayor : $diagonalma <br>
Diagonal menor : $diagonalme <br>
<br>
Area : $arearombo<br>
</center> </td>
</tr>";
echo "</center></table>";
?>

Resultados: impresión de los datos de las areas

Conclusión:
Que aprendí a utilizar diferentes herramientas para llegar al objetivo, el análisis, el diseño, el proceso
distintas partes del sistema que se llevó a comprender y aprender cómo realizar partiendo de cero.

También notar que un buen análisis y diseño da como resultado un sistema con buen funcionamiento y
escalable.

También podría gustarte