Informática - Angela Barajas: 2017

domingo, 5 de noviembre de 2017

Clase N° 41

Evaluación

RECOMENDACIONES PARA LA EVALUACIÓN:

Recomiendo realizar ejercicios de los manuales 33 y 34.
Recomiendo Blog actualizado hasta el 08 de Nov. de 2017.

Clase N° 40

Proyecto FELIZ NAVIDAD!=

PROPUESTA

Crear proyecto que tenga dos botones y una interface para conexion en una red lan.

ACCION DEL PROYECTO

Al oprimir cualquier boton, el sistema debe guardar en una tabla de una base de datos, lo siguiente:

1. Que boton se oprimio (Boton 1 o Boton 2).

2. Fecha en que se oprimio el boton.

3. Hora en que se oprimio el boton.

4. Maquina donde se oprimio el boton.

DATOS Y MATERIAL DEL PROYECTO

1. Se deben crear dos grupos de trabajo conformados por tres(3) estudiantes.

2. El grupo No. 01 se llamara "A-UNO".

3. El grupo No. 02 se llamara "A-MEGA".

4. Material:

4.1. Grupo 1: Arduino Uno, ProtoBoard, 2 Pulsadores, 2 Resistencias, 1 Shield Lan,

6 Cables Macho/Macho, 1 Cable Usb.

4.2. Grupo 2: Arduino Mega, ProtoBoard, 2 Pulsadores, 2 Resistencias, 1 Shield Lan,

6 Cables Macho/Macho, 1 Cable Usb.

5. Los grupos contaran con 1 Multimetro, el cual le sirvirá para calcular el valor de la resistencia(Dato que cada integrante debe investigar, esto cuenta como nota con valor de 30 puntos ).

ENTREGA DE LA INFORMACION

Una vez el proyecto de los dos grupos funcione, deben realizar lo siguiente:

1. Enviar e-mail al docente, con el asunto "PROYECTO-ARDUINO-BOTONES".

2. Dentro del e-mail deben estar los nombres y apellidos de los integrantes de cada grupo.

3. Deben adjuntar los dos archivos de arduino (*.ino).

martes, 31 de octubre de 2017

INDEX.PHP

<script>

function validar(){

var numero=document.getElementById("numero").value;

if(numero.length!=0){

if(!isNaN(numero)){

if(numero.length==10){

document.getElementById("formulario").submit();

}
else{alert("Solo puede digitar 10 valores numéricos como máximo y como mínimo en la caja de texto.");}

}
else{alert("Solo puede digitar valores numéricos en la caja de texto.");}

}
else{alert("Debe digitar exactamente 10 valores numéricos en la caja de texto.");}

}

</script>

<form id="formulario" name="formulario" method="post" action="resultado.php" >

<p><b>Ingrese el numero por favor:</b><br><br>
<input type="text" name="numero" id="numero" autocomplete="off"/>
</p>
<br>
<p>
<input type="button" onclick="validar()" value="ENVIAR">
</p>

</form>

RESULTADO.PHP

<?php

$servidor = 'localhost';
$base_datos = 'decimo_cuartoperiodo';
$tabla = 'ps_barajas_angela_10a';
$usr_sistema = 'root';
$pass_sistema = 'HikaruNara';

date_default_timezone_set('America/Bogota');

$numero =$_POST['numero'];
$longitud= strlen($numero);
$p1= substr($numero, 4, 2);
$p2= substr($numero, 1, 1);
$p3= substr($numero, 8, 1);

$conexion=mysqli_connect($servidor, $usr_sistema, $pass_sistema);

if($p1==11){

$mensaje1="Es un numero enemigo";

$sql = "INSERT INTO ".$base_datos.".".$tabla." (numero,mensaje) "
."VALUES('$numero','$mensaje1')";

//$sql = mysql_query($sql, $conexion);

$sql = mysqli_query($conexion, $sql);

//-- Se devuelve a la pagina que inicial.
header ("Location: index.php?mensaje=Registro Incluido con Exito.");
exit();

}

elseif($p2%2==0 && $p3%2==0){

$mensaje2="Es un numero amigo";

$sql = "INSERT INTO ".$base_datos.".".$tabla." (numero,mensaje) "
."VALUES('$numero','$mensaje2')";

//$sql = mysql_query($sql, $conexion);

$sql = mysqli_query($conexion, $sql);

//-- Se devuelve a la pagina que inicial.
header ("Location: index.php?mensaje=Registro Incluido con Exito.");
exit();

}

else{
header ("Location: index.php?mensaje=error de conexion.");
exit();
}

?>

TABLAS.SQL

create database decimo_cuartoperiodo;
use decimo_cuartoperiodo;
CREATE TABLE `ps_barajas_angela_10a` (
`id` int(111) NOT NULL auto_increment,
`numero` varchar(10) NOT NULL,
`mensaje` varchar(20) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

LINK PARA DESCARGAR TODO EL EJERCICIO

domingo, 29 de octubre de 2017

Octubre 25 /2017

Clase N° 39

PROYECTO

Construir siguiente software con template===>

- Crear carpeta llamada ps_barajas_angela_10a

- Crear caja de texto que solo acepte 10 dígitos, junto a un botón.

==> Si el número es de 10 dígitos, los dos números centrales (posición 4 y 5) son 1 y 1, se debe guardar ese número (completo) en la base de datos y adicional colocar que el número es enemigo.

==>Si el número es de 10 dígitos, y el penúltimo y el segundo dígito son múltiplos de 2, guardarlo y decir que es un número amigo.

==> Cualquiera de los demás casos no se debe guardar nada.

jueves, 19 de octubre de 2017

Octubre 18 /2017

Clase Nº 38

Celebración del día de los niños.

NO HAY CLASE.

martes, 10 de octubre de 2017

EJERCICIO NÚMEROS CON 12 COLUMNAS (array/base datos)

INDEX.PHP

<p>

<script>

function validar(){

var numero=document.getElementById("numero").value;

if(numero.length!=0){

if(!isNaN(numero)){

if(numero.length==10){

document.getElementById("formulario").submit();

}
else{alert("Solo puede digitar 10 valores numéricos como máximo y como mínimo en la caja de texto.");}

}
else{alert("Solo puede digitar valores numéricos en la caja de texto.");}

}
else{alert("Debe digitar exactamente 10 valores numéricos en la caja de texto.");}

}

</script>

<form id="formulario" name="formulario" method="post" action="resultado.php" >

<p><b>Ingrese el numero por favor:</b><br><br>
<input type="text" name="numero" id="numero" autocomplete="off"/>
</p>
<br>
<p>
<input type="button" onclick="validar()" value="ENVIAR">
</p>

</form>

</p>

RESULTADO.PHP

<?php

$servidor = 'localhost';
$base_datos = 'navidad_4_basedatos';
$tabla = 'navidad_4_basedatos';
$usr_sistema = 'root';
$pass_sistema = 'HikaruNara';

date_default_timezone_set('America/Bogota');

$numero =$_POST['numero'];
$longitud= strlen($numero);

for ($i=0; $i<$longitud; $i++){

$num[$i]= substr($numero, $i, 1);

if ($num[$i]==0){
$r[$i]=" Cero";
}

elseif ($num[$i]==1){
$r[$i]=" Uno";
}

elseif ($num[$i]==2){
$r[$i]=" Dos";
}

elseif ($num[$i]==3){
$r[$i]=" Tres";
}

elseif ($num[$i]==4){
$r[$i]=" Cuatro";
}

elseif ($num[$i]==5){
$r[$i]=" Cinco";
}

elseif ($num[$i]==6){
$r[$i]=" Seis";
}

elseif ($num[$i]==7){
$r[$i]=" Siete";
}

elseif ($num[$i]==8){
$r[$i]=" Ocho";
}

else{
$r[$i]=" Nueve";
}

}

$conexion=mysqli_connect($servidor, $usr_sistema, $pass_sistema);

if (!$conexion){
header ("Location: index.php?mensaje=error de conexion.");
exit();
}
else{

//-- Consulta Sql para guardar el registro o datos digitados.
$sql = "INSERT INTO ".$base_datos.".".$tabla." (numero,primero,segundo,tercero,cuarto,quinto,sexto,septimo,octavo,noveno,decimo)"
."VALUES('$numero','$r[0]','$r[1]','$r[2]','$r[3]','$r[4]','$r[5]','$r[6]','$r[7]','$r[8]','$r[9]')";

//$sql = mysql_query($sql, $conexion);

$sql = mysqli_query($conexion, $sql);

//-- Se devuelve a la pagina que inicial.
header ("Location: index.php?mensaje=Registro Incluido con Exito.");
exit();
}

?>

EJERCICIO NÚMEROS (con array/base de datos)) SOLO CON 3 COLUMNAS

INDEX.PHP

<p>

<script>

function validar(){

var numero=document.getElementById("numero").value;

if(numero.length!=0){

if(!isNaN(numero)){

if(numero.length==10){

document.getElementById("formulario").submit();

}
else{alert("Solo puede digitar 10 valores numéricos como máximo y como mínimo en la caja de texto.");}

}
else{alert("Solo puede digitar valores numéricos en la caja de texto.");}

}
else{alert("Debe digitar exactamente 10 valores numéricos en la caja de texto.");}

}

</script>

<form id="formulario" name="formulario" method="post" action="resultado.php" >

<p><b>Ingrese el numero por favor:</b><br><br>
<input type="text" name="numero" id="numero" autocomplete="off"/>
</p>
<br>
<p>
<input type="button" onclick="validar()" value="ENVIAR">
</p>

</form>

</p>

RESULTADO.PHP

<?php

$servidor = 'localhost';
$base_datos = 'navidad_4_bd2';
$tabla = 'navidad_4_bd2';
$usr_sistema = 'root';
$pass_sistema = 'HikaruNara';

date_default_timezone_set('America/Bogota');

$numero =$_POST['numero'];
$longitud= strlen($numero);

for ($i=0; $i<$longitud; $i++){

$num[$i]= substr($numero, $i, 1);

if ($num[$i]==0){
$r[$i]=" Cero";
}

elseif ($num[$i]==1){
$r[$i]=" Uno";
}

elseif ($num[$i]==2){
$r[$i]=" Dos";
}

elseif ($num[$i]==3){
$r[$i]=" Tres";
}

elseif ($num[$i]==4){
$r[$i]=" Cuatro";
}

elseif ($num[$i]==5){
$r[$i]=" Cinco";
}

elseif ($num[$i]==6){
$r[$i]=" Seis";
}

elseif ($num[$i]==7){
$r[$i]=" Siete";
}

elseif ($num[$i]==8){
$r[$i]=" Ocho";
}

else{
$r[$i]=" Nueve";
}

}

$conexion=mysqli_connect($servidor, $usr_sistema, $pass_sistema);

if (!$conexion){
header ("Location: index.php?mensaje=error de conexion.");
exit();
}
else{

//-- Consulta Sql para guardar el registro o datos digitados.
$sql = "INSERT INTO ".$base_datos.".".$tabla." (numero,letras)"
."VALUES('$numero','$r[0]"." $r[1]"."$r[2]"."$r[3]"."$r[4]"."$r[5]"."$r[6]"."$r[7]"."$r[8]"."$r[9]')";

//$sql = mysql_query($sql, $conexion);

$sql = mysqli_query($conexion, $sql);

//-- Se devuelve a la pagina que inicial.
header ("Location: index.php?mensaje=Registro Incluido con Exito.");
exit();
}

?>

EJERCICIO BASE DE DATOS FECHA Y HORA

INDEX.PHP

<p>

<script>

var letras= /[^a-zA-ZáéíóúÁÉÍÓÚñÑ ]/;

function validar(){

var nombre=document.getElementById("nombre").value;
var edad=document.getElementById("edad").value;
var OK = letras.test(document.getElementById('nombre').value);

if(!isNaN(edad)){

if(nombre.length!=0 && edad.length!=0){

if(!OK){

document.getElementById("formulario").submit();

}
else{ alert("El nombre no es valido, debe ingresar solo letras.")}
}

else{alert("Debe digitar algo en las cajas.");}

}

else{alert("Solo puede digitar números en la caja destinada para edad.");}

}

</script>

<form id="formulario" name="formulario" method="post" action="resultado.php" >

<p><b>Ingrese su nombre por favor:</b><br><br>
<input type="text" name="nombre" id="nombre" autocomplete="off"/>
</p>
<br>
<p><b>Ingrese su edad por favor:</b><br><br>
<input type="text" name="edad" id="edad" autocomplete="off"/>
</p>
<br>
<p>
<input type="button" onclick="validar()" value="ENVIAR">
</p>

</form>

</p>

RESULTADO.PHP

<p>

<?php

$servidor = 'localhost';
$base_datos = 'fecha_hora';
$tabla = 'fecha_hora';
$usr_sistema = 'root';
$pass_sistema = 'HikaruNara';

date_default_timezone_set('America/Bogota');
$nombre=$_POST['nombre'];
$edad=$_POST['edad'];
$fecha= date("Y-m-d");
$hora= date("H:i:s");

/*echo $nombre;
echo "<br><br>";
echo $edad;
echo "<br><br>";
echo $fecha;
echo "<br><br>";
echo $hora;
*/
$conexion=mysqli_connect($servidor, $usr_sistema, $pass_sistema);

if (!$conexion){
header ("Location: index.php?mensaje=error de conexion.");
exit();
}
else{
//-- Captura de las variables del formulario.
/*$minuto = $_REQUEST['a'];
$hablado = $_REQUEST['b'];
$valor = $_REQUEST['rta'];
*/

//-- Consulta Sql para guardar el registro o datos digitados.
$sql = "INSERT INTO ".$base_datos.".".$tabla." (nombre,edad,fecha,hora) "
."VALUES('$nombre',$edad,'$fecha','$hora')";

//$sql = mysql_query($sql, $conexion);

$sql = mysqli_query($conexion, $sql);

//-- Se devuelve a la pagina que inicial.
header ("Location: index.php?mensaje=Registro Incluido con Exito.");
exit();
}

?>

</p>

Octubre 11 /2017

Clase N° 37

Se continua profundizando el tema de phpmyadmin, base de datos, y mysql, con ejercicios prácticos.

(Posible evaluación).

martes, 3 de octubre de 2017

Octubre 4 /2017

Clase N° 36

PHP MY ADMIN

usuario: root

contraseña: alumnos

TIPOS DE DATOS ====>

int: le almacena números de valores enteros (sirve para cálculos operacionales).
float: le almacena valores con decimales.
double: almacena valores inmensamente grandes.
time: tiempo (hora)
date: fecha
char: almacena cadenas de texto.
varchar: almacena cadenas de texto. ES MÁS EFECTIVO QUE EL CHAR. ya que es más eficiente y es más efectivo en el posicionamiento de memoria. (HASTA 255 CARACTERES).
text: almacenar muchos más datos.

ESTRUCTURA =

campos==> tipos de datos==> conjunto de campos (registro)==> conjunto de registros (tabla)==>

conjunto de tablas (base de datos)==> una base de datos es un archivo.

TABLA EN PHPMYADMIN =

Toda tabla que se vaya crear la primera columna debe ser id==> int==> auto incremet==>

debe ser PRIMARY.

SOLUCIÓN PROBLEMA HORA EQUIVOCADA =

Se pone en el archivo de resultado.php la siguiente línea de código para que salga la hora de colombia:

date_default_timezone_set('America/Bogota');

VARIABLE PARA FECHA Y HORA =

$fecha= date("Y-m-d");

$hora= date("H:i:s");

PREGUNTAS

¿Cuántas tablas pueden existir con el mismo nombre en una base de datos? Solo una.
¿Cuántas tablas con el mismo nombre pueden existir en distintas bases de datos? Las que se quiera.

CÓDIGO PARA DESCARGAR PHPMYADMIN EN LAMP=

sudo apt-get install phpmyadmin

lunes, 2 de octubre de 2017

CRONOGRAMA CUARTO PERIODO

miércoles, 27 de septiembre de 2017

EJERCICIO clase 27 septiembre

EJERCICIO EN CLASE

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BrownShadow</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>

<div id="wrap">

<div id="top"> </div>

<div id="header">
<h1><a href="#">PROYECTO</a></h1>
<h2>Angela Barajas 10°A</h2>
</div>

<div id="menu">
<ul>
<li><a href="#">Principal</a></li>
<li><a href="derechos.php">Derechos</a></li>

</ul>
</div>

<div id="content">
<div class="left">

<h2>PROYECTO</h2><br>
<p>

<script>

function validar(){

var numero=document.getElementById("numero").value;

if(numero!=""){

document.getElementById("formulario").submit();

}
else{ alert("Debe seleccionar una opción de número para poder enviar la información.");}

}

</script>

<form id="formulario" name="formulario" method="post" action="resultado.php">

<p><b>Escoja un número:</b><br><br>
<select id="numero" name="numero" autocomplete="off">
<option value="" selected>Seleccione una opción</option>
<option value="10"> 10 </option>
<option value="11"> 11 </option>
<option value="12"> 12 </option>
<option value="13"> 13 </option>
<option value="14"> 14 </option>
<option value="15"> 15 </option>
<option value="16"> 16 </option>
<option value="17"> 17 </option>
<option value="18"> 18 </option>
<option value="19"> 19 </option>
<option value="20"> 20 </option>

</select>
</p><br><br><br>

<p>
<input type="button" onclick="validar()" value="CALCULAR">
</p>

</form>

</p>
</div>

<div style="clear: both;"> </div>
</div>

<div id="bottom"> </div>
<div id="footer">
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.openwebdesign.org/">Web Design Company</a>
</div>
</div>

</body>
</html>

resultado.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BrownShadow</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>

<div id="wrap">

<div id="top"> </div>

<div id="header">
<h1><a href="#">PROYECTO</a></h1>
<h2>Angela Barajas 10°A</h2>
</div>

<div id="menu">
<ul>
<li><a href="index.php">Principal</a></li>
<li><a href="derechos.php">Derechos</a></li>

</ul>
</div>

<div id="content">
<div class="left">

<h1>RESULTADO</h1><br>
<p>

<?php

$numero =$_POST['numero'];

if ($numero == "10"){
echo "Diez";
}
else if ($numero == "11"){
echo "Once";
}

else if ($numero == "12"){
echo "Doce";

}

else if ($numero == "13"){
echo "Trece";

}

else if ($numero == "14"){
echo "Catorce";

}

else if ($numero == "15"){
echo "Quince";

}

else if ($numero == "16"){
echo "Dieciseis";

}

else if ($numero == "17"){
echo "Diecisiete";

}

else if ($numero == "18"){
echo "Dieciocho";

}

else if ($numero == "19"){
echo "Diecinueve";

}

else{

echo "Veinte";

}

?>
<br>
<br>
<form action="index.php">
<input type="submit" value="REGRESAR">
</form>
</p>
</div>

<div style="clear: both;"> </div>
</div>

<div id="bottom"> </div>
<div id="footer">
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.openwebdesign.org/">Web Design Company</a>
</div>
</div>

</body>
</html>

CLICK AQUÍ PARA DESCARGAR EL ARCHIVO COMPLETO

Septiembre 27 /2017

Clase N° 35

BASES DE DATOS

Base de datos ====> Guarda la información en tablas ====> registros

En los registros pueden haber distintos tipos de datos:

int ====> números #s
varchar
char
fecha
hora

PROGRAMAS PARA TRABAJAR CON BASE DE DATOS:

- Access ===> windows (microsoft)

Es paga.

- MySql ===> es gratis. (trabajamos con este).

Se sacan 2 habilidades:

1) Evaluación escrita: ¿que base de datos usa microsoft?

RTA/ Access.

2) Evaluación práctica (ejercicio).

jueves, 21 de septiembre de 2017

Septiembre 20 /2017

Clase N° 34

NO HAY CLASE

Entrega de boletines

martes, 12 de septiembre de 2017

Septiembre 13 /2017

Clase N° 33

NO HAY CLASE!!!

Semana de receso por ferias de Bucaramanga.

sábado, 9 de septiembre de 2017

Septiembre 6 /2017

Clase N° 32

El profesor entrega las definitivas.

NOTA DEFINITIVA: 100

martes, 5 de septiembre de 2017

Agosto 30 /2017

Clase N° 31

Inicia la semana cultural.

Se realizan actividades escolares, como el desafío, en el cual participan todos los estudiantes.

No se realiza clase.

viernes, 25 de agosto de 2017

Agosto 23 /2017

Clase N° 30

ACUMULATIVO!!!

El docente creo un servidor en el cuál se encontraba una carpeta llamada "base" la cual debíamos copiar y pegar ya que allí se encontraba el index.php y saludos.php, en el "index" se encontraba una caja de texto y un botón y en "saludos" se encontraba los saludos hacia la persona.

Debíamos modificar estos archivos de forma que=

Debía tener un template.
Una caja de selección.
Un botón.

-Si en la caja se seleccionaba "a" debía mostrar la información de Augusta Ada Lovelace.

-Si en la caja se seleccionaba "b" debía mostrar la información de Charles Babbage.

-Si en la caja se seleccionaba "x" debía mostrar la información de derechos, la cuál debía contener todo lo especificado en anteriores publicaciones, agregándole el vínculo hacia el blog. (de esta forma se hizo calificación del blog).

SERVIDOR:

Usuario: trax

Dominio: se deja igual

Clave: coinsda

NOTA: Estos dos archivos (index.php y saludos.php) debían estar contenidos dentro de una carpeta llamada "acumulativo_primer apellido_#lista_10a" .

Ejemplo: acumulativo_barajas_04_10a

martes, 22 de agosto de 2017

PROYECTO (con tablas)

resultado.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>barajas_04_10a</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>

<div class="content">
<div id="header">
<div class="title">
<h1>Proyecto</h1>
<h3>2017</h3>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="#">Resultado</a></h2>
<p>
<br><br>
<?php
$numero =$_POST['numero'];
$funcion =$_POST['funcion'];

/*if ($funcion == "seno"){
echo "<font color='#330033'><h2>Seno</h2></font>";
}

else{

if($funcion == "coseno"){
echo "<font color='#330033'><h2>Coseno</h2></font>";
}
else{

if($funcion == "tangente"){
echo "<font color='#330033'><h2>Tangente</h2></font>";

}

else{

if($funcion == "arco_de_tangente"){
echo "<font color='#330033'><h2>Arco de Tangente</h2></font>";
}

else{

if($funcion == "tangente_hiperbolica"){

echo "<font color='#330033'><h2>Tangente Hiperbolica</h2></font>";
}

else{

echo "<font color='#330033'><h2>Raiz Cuadrada</h2></font>";

}

}

}

}

}

echo "<br>";*/

if ($funcion == "seno"){

$name="Seno";
$rta="<u>Rta</u>: ".(sin($numero));

}
else{

if($funcion == "coseno"){

$name="Coseno";
$rta="<u>Rta</u>: ".(cos($numero));
}
else{

if($funcion == "tangente"){

$name="Tangente";
$rta="<u>Rta</u>: ".(tan($numero));

}

else{

if($funcion == "arco_de_tangente"){

$name="Arco de Tangente";
$rta="<u>Rta</u>: ".(atan($numero));
}

else{

if($funcion == "tangente_hiperbolica"){

$name="Tangente Hiperbolica";
$rta="<u>Rta</u>: ".(tanh($numero));

}
else{ //echo(sqrt($numero));

if($funcion == "raiz_cuadrada" && $numero>=0){

$name="Raiz Cuadrada";
$rta="<u>Rta</u>: ".(sqrt($numero));

}

else{
$validar=($numero*(-1));

$name="Raiz Cuadrada";
$rta="<u>Rta</u>: "."Raiz imaginaria de ".$numero." es: ".(sqrt($validar));
}

}

}

}

}

}

echo "<table height:'300px'>";

echo "<tr >";
echo "<td>";
echo "<font color='#330033' size='6'>".$name."</font>"."<br>";
echo "</td>";
echo "</tr>";

echo "<tr>";
echo "<td>";
echo "<br>".$rta;
echo "</td>";
echo "</tr>";

echo "</table>";

?>

</p>
<br />

<br />
</div>
<div class="leftmenu">
<div class="nav">
<ul>
<li><a href="index.php">Inicio</a></li>
<li><a href="resultado.php">Resultado</a></li>
<li><a href="derechos.php">Derechos</a></li>
</ul>
</div>
</div>
</div>
<div id="prefooter">

</div>
<div id="footer">
<div class="padding"> Copyright © 2006 Your Site Name | Design: <a href="http://www.free-css-templates.com">David Herreman </a> | <a href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a href="#">Login</a> </div>
</div>
</div>
</body>
</html>

NOTA: index.php y derechos.php quedan exactamente igual.

CLICK AQUÍ PARA DESCARGAR LA CARPETA CON TODOS LOS ARCHIVOS!!!

sábado, 19 de agosto de 2017

PROYECTO 2 (TERMINADO)!!!

ESPECIFICACIONES DEL PROYECTO SE ENCUENTRAN EN LA PUBLICACIÓN DEL 16 DE AGOSTO DEL 2017...

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>barajas_04_10a</title>

@import "images/style.css";

</style>

</head>

<body>

<h1>Proyecto</h1>

</div>

<h2><a href="#">Inicio</a></h2>

<p>

function validar(){

var numero=document.getElementById("numero").value;

var funcion=document.getElementById("funcion").value;

if(numero.length!=0){

if(funcion!=""){

if(!isNaN(numero)){

document.getElementById("formulario").submit();

}

else{ alert("En el espacio destinado para numero solo se pueden digitar valores numericos.");}

}

else{ alert("Debe seleccionar una opción de función para poder realizar la operacion.");}

}

else{ alert("Debe digitar en el espacio de numero (solo valores numericos)");}

}

</script>

<br>

<p><b>Ingrese el numero por favor:</b><br><br>

</p>

<p><b>Escoja la funcion que quiere realizar:</b><br><br>

<option value="" selected>Seleccione una opción</option>

<option value="coseno"> coseno </option>

<option value="tangente"> tangente </option>

<option value="arco_de_tangente"> arco de tangente </option>

<option value="tangente_hiperbolica"> tangente hiperbolica </option>

<option value="raiz_cuadrada"> raiz cuadrada </option>

</select>

</p><br><br><br>

<p>

</p>

</form>

</p>

<br />

</div>

<ul>

<li><a href="index.php">Inicio</a></li>

<li><a href="derechos.php">Derechos</a></li>

</ul>

</div>

</div>

<div class="padding"> Copyright © 2006 Your Site Name | Design: <a href="http://www.free-css-templates.com">David Herreman </a> | <a href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a href="#">Login</a> </div>

</div>

</body>

</html>

resultado.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>barajas_04_10a</title>

@import "images/style.css";

</style>

</head>

<body>

<h1>Proyecto</h1>

</div>

<h2><a href="#">Resultado</a></h2>

<p>

<?php

$numero =$_POST['numero'];

$funcion =$_POST['funcion'];

if ($funcion == "seno"){

echo "<font color='#330033'><h2>Seno</h2></font>";

}

else{

if($funcion == "coseno"){

echo "<font color='#330033'><h2>Coseno</h2></font>";

}

else{

if($funcion == "tangente"){

echo "<font color='#330033'><h2>Tangente</h2></font>";

}

else{

if($funcion == "arco_de_tangente"){

echo "<font color='#330033'><h2>Arco de Tangente</h2></font>";

}

else{

if($funcion == "tangente_hiperbolica"){

echo "<font color='#330033'><h2>Tangente Hiperbolica</h2></font>";

}

else{

echo "<font color='#330033'><h2>Raiz Cuadrada</h2></font>";

}

echo "<br>";

if ($funcion == "seno"){

echo "<u>Rta</u>: ".(sin($numero));

}

else{

if($funcion == "coseno"){

echo "<u>Rta</u>: ".(cos($numero));

}

else{

if($funcion == "tangente"){

echo "<u>Rta</u>: ".(tan($numero));

}

else{

if($funcion == "arco_de_tangente"){

echo "<u>Rta</u>: ".(atan($numero));

}

else{

if($funcion == "tangente_hiperbolica"){

echo "<u>Rta</u>: ".(tanh($numero));

}

else{ //echo(sqrt($numero));

if($funcion == "raiz_cuadrada" && $numero>=0){

echo "<u>Rta</u>: ".(sqrt($numero));

}

else{

$validar=($numero*(-1));

echo "<u>Rta</u>: "."Raiz imaginaria de ".$numero." es: ".(sqrt($validar));

}

</p>

<br />

</div>

<ul>

<li><a href="index.php">Inicio</a></li>

<li><a href="resultado.php">Resultado</a></li>

<li><a href="derechos.php">Derechos</a></li>

</ul>

</div>

</div>

</div>

</body>

</html>

derechos.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>barajas_04_10a</title>

@import "images/style.css";

</style>

</head>

<body>

<h1>Proyecto</h1>

</div>

<h2><a href="#">Derechos</a></h2>

<p>

<b>Angela Sofía Barajas Ochoa</b><br><br>

<b>Grado:</b> 10A<br><br>

<b>Sala:</b> Bilingüismo<br><br>

<b>Presentado a:</b> Nelson Enrique Peña Ferrei<br><br>

Colegio Integrado Nuestra Señora Del Divino Amor<br><br>

</center>

</p>

<br />

</div>

<ul>

<li><a href="index.php">Inicio</a></li>

<li><a href="derechos.php">Derechos</a></li>

</ul>

</div>

</div>

</div>

</body>

</html>

NOTA:

Las modificaciones realizadas en index.php y derechos .php fueron mínimas, la única fue el cambio de el <title>barajas_04_10a</title>.

Las modificaciones realizadas en resultado.php fue un ; y un } para permitir el funcionamiento de la validación de un número negativo en la raíz cuadrada.
Al igual la sentencia if para que saliera el nombre de la función escogida al momento de mostrar el resultado.

CLICK AQUÍ PARA DESCARGAR LA CARPETA COMPLETA CON TODOS LOS ARCHIVOS DEL PROYECTO TERMINADO!!!

viernes, 18 de agosto de 2017

Agosto 16 /2017

Clase Nº 30

Se inició y se terminó el segundo proyecto, el cual constaba de:

Tener un template totalmente limpio con 3 módulos (inicio, resultado, derechos).
derechos.php: debe contener nombre completo, nombre de la persona a presentar, colegio, sala donde se presentó el proyecto, grado, y una foto del estudiante.

Crear aplicación donde:

Haya una caja llamada "número", esta debe ser obligatoria y solo debe aceptar números.
Una caja de selección llamada "función" donde debe ser obligatoria la selección de una opción. Conteniendo las siguientes opciones: seno, coseno, tangente, arco de tangente, tangente hiperbólica, raíz cuadrada. NOTA: La opción de raíz cuadrada debe estar validada para poder realizar la operación con números negativos.
Botón con un value de "calcular".

Al oprimir el botón debe:

crear una tabla con dos filas, en la fila superior debe aparecer la opción que se escogió en la caja de selección llamada función.

y en la segunda fila debe aparecer la respuesta de la operación igualmente depende el número que ingresó y la opción que escogió.

El archivo debe llamarse primerapellido_#lista_10a
Se debía comprimir el archivo del proyecto en formato.zip, y enviarselo al docente vía gmail.

PROYECTO ENVIADO EL DÍA DE LA PRUEBA

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>Manuscript Free Template</title>

@import "images/style.css";

</style>

</head>

<body>

<h1>Proyecto</h1>

</div>

<h2><a href="#">Inicio</a></h2>

<p>

function validar(){

var numero=document.getElementById("numero").value;

var funcion=document.getElementById("funcion").value;

if(numero.length!=0){

if(funcion!=""){

if(!isNaN(numero)){

document.getElementById("formulario").submit();

}

else{ alert("En el espacio destinado para numero solo se pueden digitar valores numericos.");}

}

else{ alert("Debe seleccionar una opción de función para poder realizar la operacion.");}

}

else{ alert("Debe digitar en el espacio de numero (solo valores numericos)");}

}

</script>

<br>

<p><b>Ingrese el numero por favor:</b><br><br>

</p>

<p><b>Escoja la funcion que quiere realizar:</b><br><br>

<option value="" selected>Seleccione una opción</option>

<option value="coseno"> coseno </option>

<option value="tangente"> tangente </option>

<option value="arco_de_tangente"> arco de tangente </option>

<option value="tangente_hiperbolica"> tangente hiperbolica </option>

<option value="raiz_cuadrada"> raiz cuadrada </option>

</select>

</p><br><br><br>

<p>

</p>

</form>

</p>

<br />

</div>

<ul>

<li><a href="index.php">Inicio</a></li>

<li><a href="derechos.php">Derechos</a></li>

</ul>

</div>

</div>

</div>

</body>

</html>

resultado.php

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>Manuscript Free Template</title>

@import "images/style.css";

</style>

</head>

<body>

<h1>Proyecto</h1>

</div>

<h2><a href="#">Resultado</a></h2>

<p>

<?php

$numero =$_POST['numero'];

$funcion =$_POST['funcion'];

if ($funcion == "seno"){

echo (sin($numero));

}

else{

if($funcion == "coseno"){

echo (cos($numero));

}

else{

if($funcion == "tangente"){

echo (tan($numero));

}

else{

if($funcion == "arco_de_tangente"){

echo (atan($numero));

}

else{

if($funcion == "tangente_hiperbolica"){

echo (tanh($numero));

}

else{ echo(sqrt($numero));

/*if($funcion == "raiz_cuadrada" && $numero>=0){

echo (sqrt($numero));

}

else{

$validar=($numero*-1)

echo "raiz imaginaria".(sqrt($validar));*/

}

</p>

<br />

</div>

<ul>

<li><a href="index.php">Inicio</a></li>

<li><a href="resultado.php">Resultado</a></li>

<li><a href="derechos.php">Derechos</a></li>

</ul>

</div>

</div>

</div>

</body>

</html>

derechos.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>Manuscript Free Template</title>

@import "images/style.css";

</style>

</head>

<body>

<h1>Proyecto</h1>

</div>

<h2><a href="#">Derechos</a></h2>

<p>

<b>Angela Sofía Barajas Ochoa</b><br><br>

<b>Grado:</b> 10A<br><br>

<b>Sala:</b> Bilingüismo<br><br>

<b>Presentado a:</b> Nelson Enrique Peña Ferrei<br><br>

Colegio Integrado Nuestra Señora Del Divino Amor<br><br>

</center>

</p>

<br />

</div>

<ul>

<li><a href="index.php">Inicio</a></li>

<li><a href="derechos.php">Derechos</a></li>

</ul>

</div>

</div>

</div>

</body>

</html>

CLICK AQUÍ PARA DESCARGAR LA CARPETA CON EL EJERCICIO EN FUNCIONAMIENTO!!!

martes, 15 de agosto de 2017

Validaciones

VALIDACIÓN CON HTML5

http://html5facil.com/tutoriales/validacion-formularios-nativos-html5/

https://lenguajehtml.com/p/html/formularios/validaciones-html5

https://www.adictosaltrabajo.com/tutoriales/validacion-lado-cliente-con-html5/

http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=508:hipervinculos-links-o-enlaces-html-etiqueta-a-atributos-href-target-y-title-tipos-de-links-img-cu00717b&catid=69&Itemid=192

http://librosweb.es/libro/javascript/capitulo_7/validacion.html

VALIDACIÓN CON JAVASCRIPT

http://idesweb.es/proyecto/proyecto-prac05-js-validacion

PROYECTO 1

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>barajas_10a_04</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>

<div class="content">
<div id="header">
<div class="title">
<h1>Proyecto</h1>
<h3>2017</h3>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="#">Inicio</a></h2>
<p>

<script>

var letras= /[^a-zA-ZáéíóúÁÉÍÓÚñÑ ]/;

function validar(){

var codigo=document.getElementById("codigo").value;
var nombre=document.getElementById("nombre").value;
var grado=document.getElementById("grado").value;
var texto=document.getElementById("texto").value;
var OK = letras.test(document.getElementById('nombre').value);

if(codigo.length!=0){
if (nombre.length!=0){
if (texto.length!=0){
if(grado!=""){
if(codigo.length == 15){
if(!OK){
if(texto.length >= 10){

document.getElementById("form1").submit();

}
else{ alert("En la caja de texto debe ingresar mínimo 10 caracteres.")}
}
else{ alert("El nombre no es valido, debe ingresar solo letras.")}

}
else{ alert("En el espacio para código solo pueden ser ingresados exactamente 15 dígitos.")}
}
else{ alert("Debe seleccionar una opción de grado.");}
}
else{ alert("Debe digitar en el espacio para texto (mínimo 10 caracteres).");}
}
else{ alert("Debe digitar en el espacio para nombre (letras).");}
}
else{ alert("Debe digitar en el espacio para código (15 dígitos).");}

}
</script>

<form id="form1" name="form1" method="post" action="resultado.php">
<br>
<p><b>Ingrese el codigo por favor:</b><br><br>
<input type="text" name="codigo" id="codigo" autocomplete="off"/>
</p>
<br>
<p><b>Ingrese su nombre:</b><br><br>
<input type="text" name="nombre" id="nombre" autocomplete="off"/>
</p>
<br>
<p><b>Escoja la clase a la que pertenece:</b><br><br>
<select id="grado" name="grado" autocomplete="off">
<option value="" selected>Seleccione una opción</option>
<option value="10a"> Grado 10a </option>
<option value="10b"> Grado 10b </option>

</select>
</p><br>
<p><b>Ingrese el texto:</b><br><br>
<textarea rows="5" cols="30" id="texto" name="texto" value="" autocomplete="off" placeholder="Digite mínimo 10 caracteres!!!"></textarea>
</p><br>

<p>
<input type="button" onclick="validar()" value="ENVIAR">
</p>
</form>

</p>
<br />

<br />
</div>
<div class="leftmenu">
<div class="nav">
<ul>
<li><a href="index.php">Inicio</a></li>

<li><a href="derechos.php">Derechos</a></li>
</ul>
</div>
</div>
</div>
<div id="prefooter">

</div>
<div id="footer">
<div class="padding"> Copyright © 2006 Your Site Name | Design: <a href="http://www.free-css-templates.com">David Herreman </a> | <a href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a href="#">Login</a> </div>
</div>
</div>
</body>

</html>

resultado.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>barajas_10a_04</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>

<div class="content">
<div id="header">
<div class="title">
<h1>Proyecto</h1>
<h3>2017</h3>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="#">Resultado</a></h2>
<p>

<?php
$codigo =$_POST['codigo'];
$nombre =$_POST['nombre'];
$grado =$_POST['grado'];
$texto =$_POST['texto'];

$palabras=(str_word_count($texto, 1));
$ultimo= (count($palabras));

if ($grado == "10a")
{
$caracteres = strlen($texto);
$mitad1= substr($texto, 0, (($caracteres/2)));
$mitad2= substr($texto, (($caracteres/2)));

echo "<font color='#00cc00'><u>".$mitad1."</font></u>"."<font color='#0000ff'><s>".$mitad2."</font></s>";
}
else{
$lcapital = ucwords($texto);
echo $lcapital."<br>";

if($ultimo!=0){
echo "<hr> <center>".$palabras[$ultimo-1]."</center><hr>";
}
else{
echo "<hr><center> no hay palabras que mostrar</center> <hr>";
}

}

?>
</p>
<br />

<br />
</div>
<div class="leftmenu">
<div class="nav">
<ul>
<li><a href="index.php">Inicio</a></li>
<li><a href="resultado.php">Resultado</a></li>
<li><a href="derechos.php">Derechos</a></li>
</ul>
</div>
</div>
</div>
<div id="prefooter">

</div>
<div id="footer">
<div class="padding"> Copyright © 2006 Your Site Name | Design: <a href="http://www.free-css-templates.com">David Herreman </a> | <a href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a href="#">Login</a> </div>
</div>
</div>
</body>

</html>

derechos.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>barajas_10a_04</title>

@import "images/style.css";

</style>

</head>

<body>

<h1>Proyecto</h1>

</div>

<h2><a href="#">Derechos</a></h2>

<p>

<b>Angela Sofía Barajas Ochoa</b><br><br>

<b>Grado:</b> 10A<br><br>

<b>Sala:</b> Bilingüismo<br><br>

<b>Presentado a:</b> Nelson Enrique Peña Ferrei<br><br>

Colegio Integrado Nuestra Señora Del Divino Amor<br><br>

</center>

</li>

</p>

<br />

</div>

<ul>

<li><a href="index.php">Inicio</a></li>

<li><a href="derechos.php">Derechos</a></li>

</ul>

</div>

</div>

</div>

</body>

</html>

link para descargar la carpeta completa: DESCARGAR AQUÍ

domingo, 5 de noviembre de 2017

Noviembre 8 /2017

Clase N° 41

Evaluación

Noviembre 1 /2017

Clase N° 40

martes, 31 de octubre de 2017

domingo, 29 de octubre de 2017

Octubre 25 /2017

Clase N° 39

jueves, 19 de octubre de 2017

Octubre 18 /2017

Clase Nº 38

martes, 10 de octubre de 2017

Octubre 11 /2017

Clase N° 37

martes, 3 de octubre de 2017

Octubre 4 /2017

Clase N° 36

lunes, 2 de octubre de 2017

miércoles, 27 de septiembre de 2017

Septiembre 27 /2017

Clase N° 35

jueves, 21 de septiembre de 2017

Septiembre 20 /2017

Clase N° 34

martes, 12 de septiembre de 2017

Septiembre 13 /2017

Clase N° 33

sábado, 9 de septiembre de 2017

Septiembre 6 /2017

Clase N° 32

martes, 5 de septiembre de 2017

Agosto 30 /2017

Clase N° 31

viernes, 25 de agosto de 2017

Agosto 23 /2017

Clase N° 30

martes, 22 de agosto de 2017

sábado, 19 de agosto de 2017

ESPECIFICACIONES DEL PROYECTO SE ENCUENTRAN EN LA PUBLICACIÓN DEL 16 DE AGOSTO DEL 2017...

viernes, 18 de agosto de 2017

Agosto 16 /2017

Clase Nº 30

martes, 15 de agosto de 2017