SlideShare una empresa de Scribd logo
1 de 12
Descargar para leer sin conexión
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: Guzmán Gómez Carlos Jossue
SEMESTRE: Tercero
PARALELO: C
CARRERA: Pedagogía de las Ciencias Experimentales Informática
Informe N°14
TEMA:
Formularios.
OBJETIVO:
Estructurar códigos en la creación de formularios mediante el uso de sentencias como Switch Case
e If para realizar la compra de llantas en su diferente clasificación de rines.
RESULTADOS DE APRENDIZAJE
 Correcto uso de las herramientas que contiene Visual Studio Code.
 Formular montajes de códigos con “Switch Case” e “If”.
 Obtener trabajos precisos con diferentes variables en la ejecución de programas.
ACTIVIDADES:
-Crear un archivo nuevo en el desarrollador Visual Studio Code.
-Organizar códigos para permitir la entrada y salida de datos al rellanar un formulario que
corresponde a la compra de llantas.
-Concretar códigos con “Switch Case” y “If”.
DESARROLLO DE CONTENIDOS
1. En primer lugar, abrir el programa Visual Studio Code.
2. En segundo lugar, se creará un nuevo proyecto dando click izquierdo sobre “File” y “New
File”.
3. En tercer lugar, para guardar el archivo creado seleccionamos nuevamente “File” y “Save
As”, para a continuación introducir el correspondiente nombre del trabajo y guardarlo con
formato PHP.
4. Luego en el primer formulario (formuialrio2.php) se estructura el texto que será el registro
correspondiente de los datos del comprador y los tipos de rines con los precios disponibles
que ofrece la página web. Con el siguiente código:
<!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>Inscripciones</title>
<link rel="stylesheet" href="style3.css">
<form action="enviar.php" method="post">
</head>
<body >
<center><h1>Formulario de Compra de Llantas</h1></center>
<hr />
<center>
<div style=" border: ridge #0f0fef 8px;">
<p><h3>Nombres: </h3></p>
<input type="text" name="nom" value="">
<p><h3>Apellidos: </h3></p>
<input type="text" name="nom2" value="">
<h3>Ciudad: </h3><br>
<input type="radio" name="ciu" value="1"> Quito
<input type="radio" name="ciu" value="2"> Guayaquil
<input type="radio" name="ciu" value="3"> Cuenca
<input type="radio" name="ciu" value="4"> Ambato
</div>
<hr />
<center>
<div style=" border: ridge #33FF00 8px;">
<p><h3>G&eacute;nero:</h3></p>
<input type="radio" name="gen" value="1" />Femenino
<input type="radio" name="gen" value="2" />Masculino
<p><h3>Edad: </h3></p><input type="text" name="edad" value="">
<p><h3>Correo electr&oacute;nico: </h3></p><input type="text" name="corre" value
="">
<p><h3>N&uacute;mero Telef&oacute;nico: </h3></p><input type="text" name="nute"
value="">
<p><h3>Direcci&oacute;n: </h3></p><input type="text" name="dire" value="">
</div></center>
</center>
</center>
</div>
<hr />
<center>
<div style=" border: ridge #FFFF00 8px;">
<p><h3>Tipos de llantas: </h3></p><br>
<input type="checkbox" name="idi" value="1"> RIN 10 <br>
<input type="checkbox" name="idi" value="2"> RIN 11<br>
<input type="checkbox" name="idi" value="3"> RIN 12 <br>
<input type="checkbox" name="idi" value="4"> RIN 13 <br>
<input type="checkbox" name="idi" value="5"> RIN 14 <br>
<input type="checkbox" name="idi" value="6"> RIN 15 <br>
<h3>Precios: </h3><br>
<select name="select">
<option> 80 </option>
<option> 100</option>
<option> 200</option>
</select></center>
</div><hr />
<center>
<div style=" border: ridge #00FFFF 8px;">
<h3>Comentario:</h3> <br/>
<textarea name="comentario" rows="5" cols="50">Comentario: Gracias por su compra!
</textarea>
</div>
<hr />
<input type="submit" name="Enviar" />
<input type="reset" name="Limpiar" />
</body>
</html>
5. Después en un nuevo formulario (enviar.php) se organiza la información que será impresa
por pantalla realizando el diseño respectivo en color, espacio, letra, imágenes y el
recordatorio de espacios sin rellenar o errores en el registro de datos. Así:
<!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" />
<link rel="stylesheet" href="style3.css">
<title>Inscrito</title>
</head>
<body >
<center><h1>Compra de llantas para autos </h1></center><br />
<hr />
<div style=" border: ridge #0f0fef 8px;">
<?php
if(!empty($_POST['nom']))
{
$n=$_POST['nom'];
}
else {
echo "<p>Por favor Ingrese sus Nombres</p>";
}
if(!empty($_POST['nom2']))
{
$n1=$_POST['nom2'];
echo "<p>Su nombre completo es:</p>".$n." ".$n1;
}
else {
echo "<p>Por favor Ingrese sus Apellidos</p>";
}
if(!empty($_POST['ciu']))
{
$c=$_POST['ciu'];
switch ($c)
{
case 1: echo "<p>Su ciudad es:</p>QUITO";
break;
case 2: echo "<p>Su ciudad es:</p> GUAYAQUIL";
break;
case 3: echo "<p>Su ciudad es: </p>CUENCA";
break;
case 4: echo "<p>Su ciudad es: </p>AMBATO";
break;
}
}
else {
echo "<p>No ha selecionado una ciudad</p>";
}
?>
</div>
</hr>
<div style=" border: ridge #33FF00 8px;">
<?php
if (!empty ($_POST['gen']))
{
$g=$_POST['gen'];
switch ($g)
{
case 1: echo "<p>Genéro:</p>Femenino";
break;
case 2: echo "<p>Género:</p>Masculino";
break;
}
}
else
{
echo "<p>No ha selecionado un G&eacute;nero</p>";
}
$e=$_POST['edad'];
if (!is_numeric($e))
{
echo "<p>Debe ingresar N&uacute;meros en el casillero edad</p>";
}
else
{
if ($e>=100 or $e<=0)
{
echo "Edad no permitida";
}
else
{
echo"<p>Su edad es:</p>".$e;
}
}
if (!empty($_POST['corre']))
{
$c2=$_POST['corre'];
echo "<p> Su correo es:</p>".$c2;
}
else
{
echo "<p>NO ha ingresado un correo electronico</p>".br;
}
if(!empty($_POST['nute']))
{
$nt=$_POST['nute'];
echo "<p>Su numero es:</p>".$nt;
}
else
{
echo "<p>Debe ingresar N&uacute;meros en el casillero Numero Telefonico</P>";
}
if (!empty($_POST['dire']))
{
$di=$_POST['dire'];
echo "<p> Su direccion es: </p>".$di;
}
else
{
echo "<p>Casillero Direccion vacio</p>";
}
?>
</div><hr />
<div style=" border: ridge #FFFF00 8px;">
<?php
if(!empty($_POST['idi']))
{
$idi=$_POST['idi'];
if ($idi==1)
{
echo "<p>RIN:</p>10";
}
elseif($idi==2)
{
echo "<p>RIN:<p>11";
}
elseif($idi==3)
{
echo "<p>RIN:<p>12";
}
elseif($idi==4)
{
echo "<p>RIN:<p>13";
}
elseif($idi==5)
{
echo "<p>RIN:<p>14";
}
elseif($idi==6)
{
echo "<p>RIN:<p>15";
}
}
else
{
echo" No selecciono un idioma";
}
?>
</div>
<div style=" border: ridge #FFFF00 8px;">
<?php
if (!empty ($_POST["select"])){
$exa=$_POST["select"];
if ($exa=="80"){
$msm="<p><img src='8.png'> El precio es: 80$</img><p>";
print $msm."<br>";
}
elseif ($exa=="100"){
$msm="<p><img src='7.jpg'> El precio es: 100$</img><p>";
print $msm."<br>";
}
elseif ($exa=="200"){
$msm="<p><img src='3.jpg'> El precio es: 200$</img><p>";
print $msm."<br>";
}
}
else {
echo "<p>No seleccion un Precio</p>";
}
?>
</div>
</body>
</html>
6. A continuación, se procede a la descarga de imágenes con el respectivo nombre declarado
en el paso anterior. Es fundamental guardar todos los archivos en una sola carpeta
determinada, almacenar las imágenes con formato “jpg” y finalmente arrastrar las
diferentes ilustraciones al Visual Studio Code.
7. Por consiguiente, se introduce el uso del formato “style3” con formato “css” que es el
encargo de indicar la información de estilo, con el siguiente código:
body {
background-image:url(dos.jpg);
background-size:100vw 100vh;
background-attachment:fixed;
margin:0;
}
div {
width:600px;
margin:auto;
background: rgb(236, 220, 232);
padding:10px 20px;
box-sizing: border-box;
margin-top:20px;
border-radius:7px;
}
h1{
color:#ffffff;
}
}
h3{
color:#08288a;
}
h2{
color:#0b0b94;
}
p
{
font-size:24px;
color:#0c0c8a;
}
8. Y se guarda por medio de un “Save” la información ingresada.
9. Ingresar en la página web de preferencia con el enlace “http://127.0.0.1“ junto al nombre
de la carpeta o espacio en el que se guardó el archivo, en este caso “/carpeta”.
Posteriormente se selecciona el nombre del documento (formulario2) para visualizar por
pantalla los códigos ingresados.
10. Por último, al ejecutar el programa se obtiene los siguientes resultados:
a. En página principal se observa el correspondiente registro de datos en cuanto al
comprador interesado. También se mostrará la elección de llanta en precio y diseño
que se ofrece como empresa.
b. En la segunda parte del formulario ya rellenado, se podrá visualizar la información
ingresa para corroborar la compra realizada y observar el respectivo precio e
ilustración del rin seleccionado.
a)
b)
BIBLIOGRAFÍA:
• Tira, C. (2020). Explicación y uso de SWITCH (ejemplos en Visual Studio MacOS). .
https://www.tiracodigo.com/index.php/programacion/c-visual-studio-mac/explicacion-y-uso-
de-switch-ejemplos-en-visual-studio-macos
• Ponce, L. A. A. (2018, 11 octubre). Estructuras de decisión: If Then y Select Case - Visual Basic
paso a paso. AulaFácil. https://www.aulafacil.com/cursos/programacion/visual-basic-paso-a-
paso/estructuras-de-decision-if-then-y-select-case-l42171
f.) ________________________ f.) _______________________
Carlos Jossue Guzmán Gómez MSc. Víctor Zapata
ESTUDIANTE DOCENTE

Más contenido relacionado

La actualidad más candente

Inf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) getInf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) getCarlos Guzmán
 
Inf 2 (imagen, audio, video)
Inf 2 (imagen, audio, video)Inf 2 (imagen, audio, video)
Inf 2 (imagen, audio, video)Carlos Guzmán
 
Inf 8 (tablas eliseth)
Inf 8 (tablas eliseth)Inf 8 (tablas eliseth)
Inf 8 (tablas eliseth)Carlos Guzmán
 
Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)Carlos Guzmán
 
Inf 1 (instalación de visual studio code)
Inf 1 (instalación de visual studio code) Inf 1 (instalación de visual studio code)
Inf 1 (instalación de visual studio code) Carlos Guzmán
 
Informe grupal f_arinango_ cuenca
Informe grupal f_arinango_ cuencaInforme grupal f_arinango_ cuenca
Informe grupal f_arinango_ cuencapaulcuenca9
 
Guia N3 Proyectos Web Php Css, Js
Guia N3   Proyectos Web   Php Css, JsGuia N3   Proyectos Web   Php Css, Js
Guia N3 Proyectos Web Php Css, JsJose Ponce
 
Inf 7 (instalación del xampp)
Inf 7 (instalación del xampp)Inf 7 (instalación del xampp)
Inf 7 (instalación del xampp)Carlos Guzmán
 
Guia N2 Proyectos Web Php
Guia N2   Proyectos Web   PhpGuia N2   Proyectos Web   Php
Guia N2 Proyectos Web PhpJose Ponce
 
PHP blog blogger blogspot
PHP blog blogger blogspotPHP blog blogger blogspot
PHP blog blogger blogspotLISSYCE
 
Programación de códigos en PHP
Programación de códigos en PHPProgramación de códigos en PHP
Programación de códigos en PHPZeleneMorita
 
Sop u2 a1_alll
Sop u2 a1_alllSop u2 a1_alll
Sop u2 a1_alllAlis Lu
 

La actualidad más candente (20)

Inf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) getInf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) get
 
Inf 2 (imagen, audio, video)
Inf 2 (imagen, audio, video)Inf 2 (imagen, audio, video)
Inf 2 (imagen, audio, video)
 
Informe
InformeInforme
Informe
 
Inf 8 (tablas eliseth)
Inf 8 (tablas eliseth)Inf 8 (tablas eliseth)
Inf 8 (tablas eliseth)
 
Informe 2
Informe 2Informe 2
Informe 2
 
Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)
 
Inf 1 (instalación de visual studio code)
Inf 1 (instalación de visual studio code) Inf 1 (instalación de visual studio code)
Inf 1 (instalación de visual studio code)
 
Proyecto final
Proyecto finalProyecto final
Proyecto final
 
Informe 6
Informe 6Informe 6
Informe 6
 
Informe grupal f_arinango_ cuenca
Informe grupal f_arinango_ cuencaInforme grupal f_arinango_ cuenca
Informe grupal f_arinango_ cuenca
 
Guia N3 Proyectos Web Php Css, Js
Guia N3   Proyectos Web   Php Css, JsGuia N3   Proyectos Web   Php Css, Js
Guia N3 Proyectos Web Php Css, Js
 
Inf 7 (instalación del xampp)
Inf 7 (instalación del xampp)Inf 7 (instalación del xampp)
Inf 7 (instalación del xampp)
 
Informe 1
Informe 1Informe 1
Informe 1
 
Informe 4
Informe 4Informe 4
Informe 4
 
Guia N2 Proyectos Web Php
Guia N2   Proyectos Web   PhpGuia N2   Proyectos Web   Php
Guia N2 Proyectos Web Php
 
PHP blog blogger blogspot
PHP blog blogger blogspotPHP blog blogger blogspot
PHP blog blogger blogspot
 
Programación de códigos en PHP
Programación de códigos en PHPProgramación de códigos en PHP
Programación de códigos en PHP
 
Informe 5
Informe 5Informe 5
Informe 5
 
Sop u2 a1_alll
Sop u2 a1_alllSop u2 a1_alll
Sop u2 a1_alll
 
Apuntes_6
Apuntes_6Apuntes_6
Apuntes_6
 

Similar a Inf 14 (ventadellantas) rines

Ejercicio denisse chacaguasay 3_c
Ejercicio denisse chacaguasay 3_cEjercicio denisse chacaguasay 3_c
Ejercicio denisse chacaguasay 3_cDenisseChacaguasay
 
Final portafolio 3 c (1)
Final portafolio 3 c (1)Final portafolio 3 c (1)
Final portafolio 3 c (1)JuanSimbaa8
 
Javascript es6-ejercicios-resueltos-parte-2
Javascript es6-ejercicios-resueltos-parte-2Javascript es6-ejercicios-resueltos-parte-2
Javascript es6-ejercicios-resueltos-parte-2josegmay
 
Desarrollando aplicaciones web usando Catalyst y jQuery
Desarrollando aplicaciones web usando Catalyst y jQueryDesarrollando aplicaciones web usando Catalyst y jQuery
Desarrollando aplicaciones web usando Catalyst y jQueryJavier P.
 
Informe proyecto final programación lenguaje php
Informe proyecto final programación lenguaje phpInforme proyecto final programación lenguaje php
Informe proyecto final programación lenguaje phpkenethone
 
Informe proyecto final grupal
Informe proyecto final grupalInforme proyecto final grupal
Informe proyecto final grupalAlis23508
 
La api de salesforce
La api de salesforceLa api de salesforce
La api de salesforcejesusnoseq
 
Tecnología Formulario
Tecnología FormularioTecnología Formulario
Tecnología FormularioLiye Zhu
 
Guia N5 Proyectos Web Consultas Php Y My Sql
Guia N5   Proyectos Web   Consultas Php Y My SqlGuia N5   Proyectos Web   Consultas Php Y My Sql
Guia N5 Proyectos Web Consultas Php Y My SqlJose Ponce
 
Desarrollo de aplicaciones web usando Catalyst y jQuery
Desarrollo de aplicaciones web usando Catalyst y jQueryDesarrollo de aplicaciones web usando Catalyst y jQuery
Desarrollo de aplicaciones web usando Catalyst y jQueryJavier P.
 
Configuración Script Usuarios Masivos Windows Server 2012 R2
Configuración Script Usuarios Masivos Windows Server 2012 R2Configuración Script Usuarios Masivos Windows Server 2012 R2
Configuración Script Usuarios Masivos Windows Server 2012 R2cyberleon95
 
Método get 2_1
Método get 2_1Método get 2_1
Método get 2_1kenethone
 
Manual script usuarios masivos
Manual script usuarios masivosManual script usuarios masivos
Manual script usuarios masivosYimy Pérez Medina
 

Similar a Inf 14 (ventadellantas) rines (20)

Ejercicio denisse chacaguasay 3_c
Ejercicio denisse chacaguasay 3_cEjercicio denisse chacaguasay 3_c
Ejercicio denisse chacaguasay 3_c
 
Jquery para principianes
Jquery para principianesJquery para principianes
Jquery para principianes
 
J M E R L I N P H P
J M E R L I N P H PJ M E R L I N P H P
J M E R L I N P H P
 
EXAMEN
EXAMENEXAMEN
EXAMEN
 
Final portafolio 3 c (1)
Final portafolio 3 c (1)Final portafolio 3 c (1)
Final portafolio 3 c (1)
 
Javascript es6-ejercicios-resueltos-parte-2
Javascript es6-ejercicios-resueltos-parte-2Javascript es6-ejercicios-resueltos-parte-2
Javascript es6-ejercicios-resueltos-parte-2
 
Laboratorio 03
Laboratorio 03Laboratorio 03
Laboratorio 03
 
Desarrollando aplicaciones web usando Catalyst y jQuery
Desarrollando aplicaciones web usando Catalyst y jQueryDesarrollando aplicaciones web usando Catalyst y jQuery
Desarrollando aplicaciones web usando Catalyst y jQuery
 
Informe proyecto final programación lenguaje php
Informe proyecto final programación lenguaje phpInforme proyecto final programación lenguaje php
Informe proyecto final programación lenguaje php
 
Informe proyecto final grupal
Informe proyecto final grupalInforme proyecto final grupal
Informe proyecto final grupal
 
La api de salesforce
La api de salesforceLa api de salesforce
La api de salesforce
 
Tecnología Formulario
Tecnología FormularioTecnología Formulario
Tecnología Formulario
 
Guia N5 Proyectos Web Consultas Php Y My Sql
Guia N5   Proyectos Web   Consultas Php Y My SqlGuia N5   Proyectos Web   Consultas Php Y My Sql
Guia N5 Proyectos Web Consultas Php Y My Sql
 
Desarrollo de aplicaciones web usando Catalyst y jQuery
Desarrollo de aplicaciones web usando Catalyst y jQueryDesarrollo de aplicaciones web usando Catalyst y jQuery
Desarrollo de aplicaciones web usando Catalyst y jQuery
 
Configuración Script Usuarios Masivos Windows Server 2012 R2
Configuración Script Usuarios Masivos Windows Server 2012 R2Configuración Script Usuarios Masivos Windows Server 2012 R2
Configuración Script Usuarios Masivos Windows Server 2012 R2
 
Presentación CSS y HTML en Gummurcia
Presentación CSS y HTML en GummurciaPresentación CSS y HTML en Gummurcia
Presentación CSS y HTML en Gummurcia
 
Método get 2_1
Método get 2_1Método get 2_1
Método get 2_1
 
Manual script usuarios masivos
Manual script usuarios masivosManual script usuarios masivos
Manual script usuarios masivos
 
Codigos para html
Codigos para htmlCodigos para html
Codigos para html
 
Ajax
AjaxAjax
Ajax
 

Más de Carlos Guzmán

Más de Carlos Guzmán (16)

Proyecto final
Proyecto finalProyecto final
Proyecto final
 
Rúbrica proyecto
Rúbrica proyectoRúbrica proyecto
Rúbrica proyecto
 
Presentacion digital
Presentacion digitalPresentacion digital
Presentacion digital
 
Inf 12 (grupal 3)
Inf 12 (grupal 3)Inf 12 (grupal 3)
Inf 12 (grupal 3)
 
Inf 11 (post)
Inf 11 (post)Inf 11 (post)
Inf 11 (post)
 
Inf 9 (grupal 2)
Inf 9 (grupal 2)Inf 9 (grupal 2)
Inf 9 (grupal 2)
 
Inf 6 (grupal 1)
Inf 6 (grupal 1)Inf 6 (grupal 1)
Inf 6 (grupal 1)
 
Inf 3 (tablas)
Inf 3 (tablas)Inf 3 (tablas)
Inf 3 (tablas)
 
Programación Orientado Objetos
Programación Orientado ObjetosProgramación Orientado Objetos
Programación Orientado Objetos
 
Exposicion de arreglo_bidimencional
Exposicion de arreglo_bidimencionalExposicion de arreglo_bidimencional
Exposicion de arreglo_bidimencional
 
Informe
InformeInforme
Informe
 
Informe sobre exposicion
Informe sobre exposicionInforme sobre exposicion
Informe sobre exposicion
 
Arreglos bidimensionales
Arreglos bidimensionalesArreglos bidimensionales
Arreglos bidimensionales
 
Sander moya
Sander moyaSander moya
Sander moya
 
Informe de la_exposicion_bidimencional
Informe de la_exposicion_bidimencionalInforme de la_exposicion_bidimencional
Informe de la_exposicion_bidimencional
 
Arreglo bidimensional ejercicio
Arreglo bidimensional ejercicioArreglo bidimensional ejercicio
Arreglo bidimensional ejercicio
 

Último

RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfRESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfANEP - DETP
 
SISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docx
SISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docxSISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docx
SISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docxgesicavillanuevaqf
 
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...harolbustamante1
 
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLAACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)JonathanCovena1
 
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptxDESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptxMARCOSMARTINALACAYOP1
 
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdfANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdflvela1316
 
Lección 1: Los complementos del Verbo ...
Lección 1: Los complementos del Verbo ...Lección 1: Los complementos del Verbo ...
Lección 1: Los complementos del Verbo ...odalisvelezg
 
A propósito de la globalización y la financiarización del mundo
A propósito de la globalización y la financiarización del mundoA propósito de la globalización y la financiarización del mundo
A propósito de la globalización y la financiarización del mundosubfabian
 
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docxcuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docxANDREAGRACEDURANSALA
 
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATRBIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATRDanielGrajeda7
 
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docxTERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docxlitaroxselyperezmont
 
Como construir los vínculos afectivos (Grupal)
Como construir los vínculos afectivos (Grupal)Como construir los vínculos afectivos (Grupal)
Como construir los vínculos afectivos (Grupal)portafoliodigitalyos
 
PLAN DE GESTION DEL RIESGO 2023 - 2024.docx
PLAN DE GESTION DEL RIESGO  2023 - 2024.docxPLAN DE GESTION DEL RIESGO  2023 - 2024.docx
PLAN DE GESTION DEL RIESGO 2023 - 2024.docxpily R.T.
 
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos Escolares
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos EscolaresResumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos Escolares
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos EscolaresLluviaAliciaHernande
 
Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024sergeycrastz06
 
Tema 8 Estructura y composición de la Tierra 2024
Tema 8 Estructura y composición de la Tierra 2024Tema 8 Estructura y composición de la Tierra 2024
Tema 8 Estructura y composición de la Tierra 2024IES Vicent Andres Estelles
 
Tema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptxTema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptxNoe Castillo
 
a propósito de la globalización y sus efectos
a propósito de la globalización y sus efectosa propósito de la globalización y sus efectos
a propósito de la globalización y sus efectossubfabian
 

Último (20)

RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfRESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
 
SISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docx
SISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docxSISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docx
SISTEMA RESPIRATORIO DEL CUERPO HUMANO triptico.docx
 
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
 
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLAACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
 
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
 
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptxDESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
 
Power Point: Luz desde el santuario.pptx
Power Point: Luz desde el santuario.pptxPower Point: Luz desde el santuario.pptx
Power Point: Luz desde el santuario.pptx
 
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdfANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
 
Lección 1: Los complementos del Verbo ...
Lección 1: Los complementos del Verbo ...Lección 1: Los complementos del Verbo ...
Lección 1: Los complementos del Verbo ...
 
A propósito de la globalización y la financiarización del mundo
A propósito de la globalización y la financiarización del mundoA propósito de la globalización y la financiarización del mundo
A propósito de la globalización y la financiarización del mundo
 
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docxcuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
 
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATRBIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
 
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docxTERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
 
Como construir los vínculos afectivos (Grupal)
Como construir los vínculos afectivos (Grupal)Como construir los vínculos afectivos (Grupal)
Como construir los vínculos afectivos (Grupal)
 
PLAN DE GESTION DEL RIESGO 2023 - 2024.docx
PLAN DE GESTION DEL RIESGO  2023 - 2024.docxPLAN DE GESTION DEL RIESGO  2023 - 2024.docx
PLAN DE GESTION DEL RIESGO 2023 - 2024.docx
 
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos Escolares
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos EscolaresResumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos Escolares
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos Escolares
 
Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024
 
Tema 8 Estructura y composición de la Tierra 2024
Tema 8 Estructura y composición de la Tierra 2024Tema 8 Estructura y composición de la Tierra 2024
Tema 8 Estructura y composición de la Tierra 2024
 
Tema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptxTema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptx
 
a propósito de la globalización y sus efectos
a propósito de la globalización y sus efectosa propósito de la globalización y sus efectos
a propósito de la globalización y sus efectos
 

Inf 14 (ventadellantas) rines

  • 1. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: Guzmán Gómez Carlos Jossue SEMESTRE: Tercero PARALELO: C CARRERA: Pedagogía de las Ciencias Experimentales Informática Informe N°14 TEMA: Formularios. OBJETIVO: Estructurar códigos en la creación de formularios mediante el uso de sentencias como Switch Case e If para realizar la compra de llantas en su diferente clasificación de rines. RESULTADOS DE APRENDIZAJE  Correcto uso de las herramientas que contiene Visual Studio Code.  Formular montajes de códigos con “Switch Case” e “If”.  Obtener trabajos precisos con diferentes variables en la ejecución de programas. ACTIVIDADES: -Crear un archivo nuevo en el desarrollador Visual Studio Code. -Organizar códigos para permitir la entrada y salida de datos al rellanar un formulario que corresponde a la compra de llantas. -Concretar códigos con “Switch Case” y “If”. DESARROLLO DE CONTENIDOS 1. En primer lugar, abrir el programa Visual Studio Code.
  • 2. 2. En segundo lugar, se creará un nuevo proyecto dando click izquierdo sobre “File” y “New File”. 3. En tercer lugar, para guardar el archivo creado seleccionamos nuevamente “File” y “Save As”, para a continuación introducir el correspondiente nombre del trabajo y guardarlo con formato PHP.
  • 3. 4. Luego en el primer formulario (formuialrio2.php) se estructura el texto que será el registro correspondiente de los datos del comprador y los tipos de rines con los precios disponibles que ofrece la página web. Con el siguiente código: <!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>Inscripciones</title> <link rel="stylesheet" href="style3.css"> <form action="enviar.php" method="post"> </head> <body > <center><h1>Formulario de Compra de Llantas</h1></center> <hr /> <center> <div style=" border: ridge #0f0fef 8px;"> <p><h3>Nombres: </h3></p> <input type="text" name="nom" value=""> <p><h3>Apellidos: </h3></p> <input type="text" name="nom2" value=""> <h3>Ciudad: </h3><br> <input type="radio" name="ciu" value="1"> Quito <input type="radio" name="ciu" value="2"> Guayaquil <input type="radio" name="ciu" value="3"> Cuenca <input type="radio" name="ciu" value="4"> Ambato </div> <hr /> <center> <div style=" border: ridge #33FF00 8px;"> <p><h3>G&eacute;nero:</h3></p> <input type="radio" name="gen" value="1" />Femenino <input type="radio" name="gen" value="2" />Masculino <p><h3>Edad: </h3></p><input type="text" name="edad" value=""> <p><h3>Correo electr&oacute;nico: </h3></p><input type="text" name="corre" value =""> <p><h3>N&uacute;mero Telef&oacute;nico: </h3></p><input type="text" name="nute" value=""> <p><h3>Direcci&oacute;n: </h3></p><input type="text" name="dire" value=""> </div></center> </center> </center> </div> <hr /> <center> <div style=" border: ridge #FFFF00 8px;">
  • 4. <p><h3>Tipos de llantas: </h3></p><br> <input type="checkbox" name="idi" value="1"> RIN 10 <br> <input type="checkbox" name="idi" value="2"> RIN 11<br> <input type="checkbox" name="idi" value="3"> RIN 12 <br> <input type="checkbox" name="idi" value="4"> RIN 13 <br> <input type="checkbox" name="idi" value="5"> RIN 14 <br> <input type="checkbox" name="idi" value="6"> RIN 15 <br> <h3>Precios: </h3><br> <select name="select"> <option> 80 </option> <option> 100</option> <option> 200</option> </select></center> </div><hr /> <center> <div style=" border: ridge #00FFFF 8px;"> <h3>Comentario:</h3> <br/> <textarea name="comentario" rows="5" cols="50">Comentario: Gracias por su compra! </textarea> </div> <hr /> <input type="submit" name="Enviar" /> <input type="reset" name="Limpiar" /> </body> </html> 5. Después en un nuevo formulario (enviar.php) se organiza la información que será impresa por pantalla realizando el diseño respectivo en color, espacio, letra, imágenes y el recordatorio de espacios sin rellenar o errores en el registro de datos. Así: <!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" /> <link rel="stylesheet" href="style3.css"> <title>Inscrito</title> </head> <body > <center><h1>Compra de llantas para autos </h1></center><br /> <hr /> <div style=" border: ridge #0f0fef 8px;"> <?php if(!empty($_POST['nom'])) { $n=$_POST['nom']; } else { echo "<p>Por favor Ingrese sus Nombres</p>";
  • 5. } if(!empty($_POST['nom2'])) { $n1=$_POST['nom2']; echo "<p>Su nombre completo es:</p>".$n." ".$n1; } else { echo "<p>Por favor Ingrese sus Apellidos</p>"; } if(!empty($_POST['ciu'])) { $c=$_POST['ciu']; switch ($c) { case 1: echo "<p>Su ciudad es:</p>QUITO"; break; case 2: echo "<p>Su ciudad es:</p> GUAYAQUIL"; break; case 3: echo "<p>Su ciudad es: </p>CUENCA"; break; case 4: echo "<p>Su ciudad es: </p>AMBATO"; break; } } else { echo "<p>No ha selecionado una ciudad</p>"; } ?> </div> </hr> <div style=" border: ridge #33FF00 8px;"> <?php if (!empty ($_POST['gen'])) { $g=$_POST['gen']; switch ($g) { case 1: echo "<p>Genéro:</p>Femenino"; break; case 2: echo "<p>Género:</p>Masculino"; break; } } else { echo "<p>No ha selecionado un G&eacute;nero</p>"; } $e=$_POST['edad']; if (!is_numeric($e))
  • 6. { echo "<p>Debe ingresar N&uacute;meros en el casillero edad</p>"; } else { if ($e>=100 or $e<=0) { echo "Edad no permitida"; } else { echo"<p>Su edad es:</p>".$e; } } if (!empty($_POST['corre'])) { $c2=$_POST['corre']; echo "<p> Su correo es:</p>".$c2; } else { echo "<p>NO ha ingresado un correo electronico</p>".br; } if(!empty($_POST['nute'])) { $nt=$_POST['nute']; echo "<p>Su numero es:</p>".$nt; } else { echo "<p>Debe ingresar N&uacute;meros en el casillero Numero Telefonico</P>"; } if (!empty($_POST['dire'])) { $di=$_POST['dire']; echo "<p> Su direccion es: </p>".$di; } else { echo "<p>Casillero Direccion vacio</p>"; } ?> </div><hr /> <div style=" border: ridge #FFFF00 8px;"> <?php if(!empty($_POST['idi'])) { $idi=$_POST['idi']; if ($idi==1) { echo "<p>RIN:</p>10";
  • 7. } elseif($idi==2) { echo "<p>RIN:<p>11"; } elseif($idi==3) { echo "<p>RIN:<p>12"; } elseif($idi==4) { echo "<p>RIN:<p>13"; } elseif($idi==5) { echo "<p>RIN:<p>14"; } elseif($idi==6) { echo "<p>RIN:<p>15"; } } else { echo" No selecciono un idioma"; } ?> </div> <div style=" border: ridge #FFFF00 8px;"> <?php if (!empty ($_POST["select"])){ $exa=$_POST["select"]; if ($exa=="80"){ $msm="<p><img src='8.png'> El precio es: 80$</img><p>"; print $msm."<br>"; } elseif ($exa=="100"){ $msm="<p><img src='7.jpg'> El precio es: 100$</img><p>"; print $msm."<br>"; } elseif ($exa=="200"){ $msm="<p><img src='3.jpg'> El precio es: 200$</img><p>"; print $msm."<br>"; } } else { echo "<p>No seleccion un Precio</p>"; } ?> </div> </body>
  • 8. </html> 6. A continuación, se procede a la descarga de imágenes con el respectivo nombre declarado en el paso anterior. Es fundamental guardar todos los archivos en una sola carpeta determinada, almacenar las imágenes con formato “jpg” y finalmente arrastrar las diferentes ilustraciones al Visual Studio Code. 7. Por consiguiente, se introduce el uso del formato “style3” con formato “css” que es el encargo de indicar la información de estilo, con el siguiente código: body { background-image:url(dos.jpg); background-size:100vw 100vh; background-attachment:fixed; margin:0; } div { width:600px; margin:auto; background: rgb(236, 220, 232); padding:10px 20px; box-sizing: border-box; margin-top:20px; border-radius:7px; } h1{ color:#ffffff; } } h3{ color:#08288a; } h2{ color:#0b0b94; } p { font-size:24px; color:#0c0c8a; }
  • 9. 8. Y se guarda por medio de un “Save” la información ingresada. 9. Ingresar en la página web de preferencia con el enlace “http://127.0.0.1“ junto al nombre de la carpeta o espacio en el que se guardó el archivo, en este caso “/carpeta”. Posteriormente se selecciona el nombre del documento (formulario2) para visualizar por pantalla los códigos ingresados.
  • 10. 10. Por último, al ejecutar el programa se obtiene los siguientes resultados: a. En página principal se observa el correspondiente registro de datos en cuanto al comprador interesado. También se mostrará la elección de llanta en precio y diseño que se ofrece como empresa. b. En la segunda parte del formulario ya rellenado, se podrá visualizar la información ingresa para corroborar la compra realizada y observar el respectivo precio e ilustración del rin seleccionado. a)
  • 11. b) BIBLIOGRAFÍA: • Tira, C. (2020). Explicación y uso de SWITCH (ejemplos en Visual Studio MacOS). . https://www.tiracodigo.com/index.php/programacion/c-visual-studio-mac/explicacion-y-uso- de-switch-ejemplos-en-visual-studio-macos • Ponce, L. A. A. (2018, 11 octubre). Estructuras de decisión: If Then y Select Case - Visual Basic paso a paso. AulaFácil. https://www.aulafacil.com/cursos/programacion/visual-basic-paso-a- paso/estructuras-de-decision-if-then-y-select-case-l42171
  • 12. f.) ________________________ f.) _______________________ Carlos Jossue Guzmán Gómez MSc. Víctor Zapata ESTUDIANTE DOCENTE