1. INFORME INDIVIDUAL EXAMEN
Integrante: Jefferson Paúl Cuenca Tenecela
SEMESTRE:
TERCERO
PARALELO: C
TEMA:
Operadores lógicos
OBJETIVO:
Realizar lautilización deoperadoreslógicos y mejoramientodel usodel lenguaje deprogramación “PHP”
Reconocer el uso de variablespara el desarrollo del programa en “PHP”.
Aprender a utilizar el nuevo lenguaje de programación de “PHP”.
RESULTADOS DE APRENDIZAJE
La mejor comprensión del uso de lenguaje PHP
Manipulación del servidor “XAMPP”
Utilización de los operadores lógicos
ACTIVIDADES:
- Realizar una página web que contenga información comerciante, así como también debe contene
asistente virtual
Parala página seutilizamos las siguientes líneas decódigos
Realicé un html para estructurar mipágina
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>login</title>
<link rel="stylesheet" href="css/LOGIN2.css">
<link rel="stylesheet" href="css/cabecera.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.m
</head>
<body>
<form action="validar.php" method="post">
<h1 class="animate animated animate backInRight"> INGRESE SUS DATOS</h1>
<p>Ingrese su Nick <input type="text" placeholder="Nick" name="usuario"></p>
<p>Ingrese su Contraseña <input type="password" placeholder="Contraseña" name="contraseña"></p>
<input type="submit" value="Ir al sitio web">
</form>
</body>
</html>
Utilicé la siguiente línea de código para validar mi información con un login
<?php
$name=$_POST["usuario"];
$pass=$_POST["contraseña"];
if(!isset($name) && !isset($pass))
UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD DE FILOSOFÍA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES
DE LA INFORMÁTICA
2. {
?>
<html>
<form method="post">
<input type="text" name="name">
<input type="password" name="contra">
</form>
</html>
<?php
}
else if($name=="Gonzalo" && $pass=="12345")
{
header("location:Admin.php");
}
else if($name=="Milton" && $pass=="0546")
{
header("location:Admin.php");
}
?>
<?php
include ("index.html");
?>
<h1 class="bad"> DATOS INCORRECTOS </h1>
<?php
?>
Utilicé la siguiente línea de código para validar mi estilo, recalco que está en css
* {
padding: 0;
margin: 0;
font-family: century gothic;
text-align: center;
}
form {
padding: 50px 20px;
background-color: #72bbe6a6;
margin: calc(25% + 100px);
margin-top: 70px;
padding-top: 28px;
margin-bottom: 30px
}
h1 {
text-align: center;
padding: 12px;
5. top: -50px;
left: calc(50% - 50px);
}
CAPTURAS DEL PROGRAMA
SI INGRESO INCORRECTAMENTE ME SALTA LO SIGUIENTE:
Al ingresar bien me saltará a mi pagina inicial
6. En el diseño de mi página utilice las siguientes líneas de código en php para su
estructura
15. }
.logo img {
width:100%;
vertical-align: top;
}
nav {
float: right;
}
nav ul li {
display: inline-block;
margin:2px 5px;
}
nav ul li a {
display: block;
background: #f2f2f2;
color: #037E8C;
padding:10px 20px;
text-decoration: none;
border-radius:3px;
transition:all 300ms ease;
}
nav ul li a:hover {
color: #fff;
background: #020202;
}
.mensaje {
background:#3ba7af;
background-image:url(../scaled.png);
background-size: 250px 100px;
padding:20px;
color:rgb(0, 0, 0);
margin:20px 0;
border-radius:5px;
}
.articulo {
float: left;
width: 35%;
padding:0px 20px 20px 0px;
color:#fff;
}
16. aside {
background:#fc5cee;
color:rgb(0, 0, 0);
}
.precio {
background:#fcf15c;
color:rgb(0, 0, 0);
}
.precio2 {
background:#f53c3c;
color:rgb(255, 255, 255);
}
.widget1 ul {
float: left;
margin:2px 5px;
width: 33%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
.widget2 ul {
float: left;
width: 33%;
padding:0px 20px 20px 0px;
background:#02fa6900;
color:rgb(255, 255, 255);
}
.widget3 ul {
float: left;
width: 33%;
padding:0px 20px 20px 0px;
background:#fd000000;
color:rgb(255, 255, 255);
}
.widget4 ul {
float: right;
margin:2px 5px;
width: 33%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
17. .widget5 ul {
float: left;
width: 33%;
padding:0px 20px 20px 0px;
background:#02fa6900;
color:rgb(255, 255, 255);
}
.widget6 ul {
float: left;
width: 33%;
padding:0px 20px 20px 0px;
background:#fd000000;
color:rgb(255, 255, 255);
}
.widget7 ul {
float: left;
margin:2px 29px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
.widget8 ul {
float: left;
margin:2px 3px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
.widget9 ul {
float: left;
margin:2px 3px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
.widget10 ul {
18. float: left;
margin:2px 3px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
.widget11 ul {
float: left;
margin:2px 29px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
.widget12 ul {
float: left;
margin:2px 3px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}.widget13 ul {
float: left;
margin:2px 3px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}.widget14 ul {
float: left;
margin:2px 3px;
width: 23%;
padding:0px 20px 20px 0px;
background:#220ce900;
color:rgb(255, 255, 255);
}
19. <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Inicio</title>
<link rel="stylesheet" href="estilos.css">
</head>
<body>
<body>
<button onclick="location.href='http://127.0.0.1/Ejecicios/PAGINA%20WEB%2
0SAI/LOGIN/Admin.php'">Necesitar ir al inicio, pulsa aquí</button>
</body>
<center>
<a href="#"><img src="https://skin-
us.cdn.prod.wmgecom.com/skin/frontend/wmi/theme1234/images/logo.svg" width
="80" height="50"alt="TOP"></a>
<div class="mensaje">
<font face="Courier New"> <h1>Bienvenido a nuestra Tienda Onl
ine </h1> </font>
Para dar una información de mi página utilicé lo siguiente que de igual forma está
en php
.widget ul {
margin-left:20px;
}
.widget ul li {
margin:10px 0;
width: 100%;
}
.widget ul li a {
color:rgb(0, 0, 0);
}
.widget ul li a:hover {
text-decoration: underline;
}
footer {
width: 100%;
background:rgb(238, 241, 24);
padding:0px 0;
color:rgb(0, 0, 0);
}
footer p {
text-align:center;
}
20. </center>
</div>
</div>
<body bgcolor="#8DD6C0">
<MARQUEE WIDTH=100% BGCOLOR=WHITE> <font face= TIMESNEWROM AN color=
BLACK size=5>
Sobre Scaled and Icy
</font>
</MARQUEE>
<center>
<p> <font face="Courier New"> <h4>La tienda Scaled an Icy es una idea de
negocio que surge como respuesta a la necesidad del consumidor
que demanda una moda extranjera centrada al estilo de una banda de Altern
ativo denominada como Twenty One pilos.El punto de este tipo de
negocio es darle al cliente un solo lugar donde pueda adquirir todo lo qu
e necesite para una moda alterna . Por ello es que el inventario
planea cubrir ropa tanto para hombre como para mujer; así como un estilo
único y escensial.</h4> </font> </p>
</center>
<body bgcolor="#8DD6C0">
<MARQUEE WIDTH=100% BGCOLOR=WHITE> <font face= TIMESNEWROM AN color=
BLACK size=5>
Mísión
</font>
</MARQUEE>
<center>
<p> <font face="Courier New"> <h4>Proveer de una línea de ropa y accesori
os orientales con productos de importación</h4> </font> </p>
</center>
<body bgcolor="#8DD6C0">
<MARQUEE WIDTH=100% BGCOLOR=WHITE> <font face= TIMESNEWROM AN color=
BLACK size=5>
Visión
</font>
</MARQUEE>
<center>
<p> <font face="Courier New"> <h4>Ser la tienda de renombre en estilo alt
erno, a manera de que el consumidor acuda a nosotros por la
diversidad de ropa, accesorios y asesoría en moda de este tipo.</h4> </fo
nt> </p>
</center>
<body bgcolor="#8DD6C0">
28. Las capturas de mi programa ingresando en DIALOGFLOW
Al pulsa en nuestra página me salta la información
--df-messenger-button-titlebar-color: #F690F3;
--df-messenger-chat-background-color: #90CDF6;
--df-messenger-font-color: white;
--df-messenger-send-icon: #878fac;
--df-messenger-user-message: #479b3d;
}
</style>
</body>
</html>
29. Al digitar lo que quiero me salta la imagen, precio y si quiero comprarlo
30. Si quiero comprarlo doy click en + y se compra
Para el DIALOGFLOW utilicé los siguientes intentos, mi chatbot corresponde al
nombre de TY