[Fecha de publicación:2016-11-03]
Revisión de proyectos
Acumulativo 10 de noviembre:

Acumulativo: Recomiendo: Ejercitarse con el ejercicio de temperaturas. Realizar la Nomina, ejercicio de 4 notas indicando si paso o no dependiendo del promedio. A lo Anterior adicionar a la aplicación validación de la información, es decir que solo acepte numeros, pueden utilizar cajas de selección.

Tema en general: Html, php, mysql y Javascript. Importantes leer las publicaciones Anteriores como tambien los Articulos / Manuales, debido que en todo ese material esta lo que les comento.

Trabajar con el ejercicio de temperaturas el cual les facilite.

Despues del acumulativo, se termina la Calificación de Proyectos. http://www.coldivinoamor.com/web2016/clase_decimo.php

PROYECTO

[Fecha de publicación:2016-10-27]

Criterios del Trabajo  http://www.coldivinoamor.com/web2016/index.php?mensaje=

1. Su sitio web debe trabajar sin tener Internet.
2. El <title> en todas sus páginas debe contener su Primer Nombre y su primer apellido.
3. Debe tener un módulo llamado “derechos.php”, donde debe tener: Nombres y apellidos completos, foto de caracter serio, grado/grupo actual, indicar en 3 líneas por que le gusta el tema del trabajo seleccionado.
4. Todas las páginas de su proyecto deben tener el diseño de su template seleccionado.
5. Todas las páginas deben tener la posibilidad de navegar hacia cualquier punto de su sitio web.
6. Debe tener un módulo de nombre personajes.php, donde se mencionan los personajes de su tema. Este modulo debe tener base de datos(opcional).
7. Debe tener copias de seguridad, ya sea en memoria usb personal( sólo suya, no compartida ), en una nube personal ( sólo suya, no compartida ).
8. Debe tener un modulo de nombre contactos, donde se referencie lo siguiente:

1. Ejemplo tal y como lo explique en clase, tenga en cuenta que su representante de aula tiene el modelo del trabajo realizado el dia jueves 27 de octubre de 2016 en horas de clase.

1. Cada personaje debe tener una imagen y un texto alusivo a él.
2. Al dar click sobre su imagen debe dirigirse a otra página donde debe visualizarse la misma imagen seleccionada y el texto alusivo al personaje; opcional en esta página si se desea visualizar mas imagenes o videos se puede hacer.
3. Debe visualizar a los personajes iniciando de los principales hasta los secundarios.
4. Lo máximo en personajes que debe visualizar es hasta 12. Si desea presentar más, lo puede realizar.

1. Ejemplo tal y como lo explique en clase, tenga en cuenta que su representante de aula tiene el modelo del trabajo realizado el dia jueves 27 de octubre de 2016 en horas de clase.

1. Items como : nombre del cliente, dirección de residencia, Celular, e-mail, observaciones.
2. Los items anteriores deben estar validados la caja nombre, e-mail y observaciones.
3. La validación debe ser con código javascript, tal y como lo explique en clase.
4. Al oprimir el Boton de Guardar, tienen dos opciones

1. Visualizan la información de las cajas de texto en otra pagina web usando el Post, Get o request segun su caso.
2. Guardan la información degitada en las cajas de texto en una base de datos; si es asi, deben adicionar el archivo sql y esta guardarlo en la carpeta SQL.

Datos de la Entrega

• Entrega Jueves 03 de Noviembre de 2016.
• El proyecto debe ser entregado en cd.
• El cd debe ser entregado al representante de clase.
• Los cds deben estar ordenados en orden de lista.
• Los archivos del proyecto deben estar guardados dentro de una carpeta marcada como (PRIMERapellido_PRIMERnombre_###) dond ### hace referencia a 10a ó 10b según sea su caso.
• (opcional) Esa carpeta debe tener una carpeta de nombre “sql”, donde debe estar almacenado el archivo de su base de datos. Si su proyecto tiene base de datos, debe entregar dicha carpeta.
• Esa carpeta es la que se debe guardar dentro del cd.
• El proyecto debe tener como archivo inicial el index.php.

• Debe estar marcado con su primer nombre y su primer apellido, grado/grupo, número de lista.

Datos Adicionales

• Por cada camisa apuntada en el periodo 4, debe realizar un ejercicio adicional, empezando por el número uno.
• Si ud. debe realizar adicionales, haga lo siguiente:
• Si el estudiante no tiene camisas apuntadas en el periodo 4, puede realizar los ejercicios.

• Debe crear un módulo de nombre “Adicionales” donde este registrado los ejercicios adicionales, estos deben funcionar.
• Los adicionales deben tener el diseño original del template.

Ejercicios Adicionales

Los ejercicios deben ser desarrollados en php.

1. Escribir un programa para calcular la fecha del siguiente día a partir de una fecha digitada desde el teclado por el usuario ( dd, mm, aaaa ) e imprimirla. (Tenga en cuenta los años bisiestos.).
2. Se lee un número de máximo tres dígitos (verifique que efectivamente sea de máximo tres dígitos) y se debe determinar si es un número capicúa, es decir, que leído de izquierda a derecha es igual que leído de derecha a izquierda. Por ejemplo: 727, 343, etc.
3. En una organización se tiene a los empleados agrupados por categoría, los de categoría 1 ganan $20.000, los de categoría 2, $15.000, los de categoría 3, $10.000 y los de categoría 4, $7.500. Se quiere un algoritmo que permita determinar cuánto debe pagarse a un empleado si se conoce el número de horas que trabajó durante el mes y la categoría a la que pertenece. Se sabe que a todos se les descuenta un 7.2% por concepto de salud, y si el salario total devengado (mensual) es menos de 1 ´000.000, se le da un subsidio del 15% sobre su salario mensual (sin descuentos).
4. Escriba un programa para calcular si un número es primo o no, recuerde que los números primos son aquellos que solo son divisibles por la unidad y por ellos mismos: ejemplo 5, 11, 17
5. Lea los valores de los lados de un triángulo. Detecte y muestre un mensaje correspondiente a su tipo (EQUILÁTERO, ISÓSCELES, O ESCALENO).
6. Desarrolle un programa que permita seleccionar personal para un empleo de un total de N aspirantes. Los aspirantes deben cumplir las siguientes condiciones para ser aceptados: Mayores de edad, Ser ingeniero titulado Tener experiencia laboral Al final el programa debe mostrar el total de aspirantes aceptados.
7. Elaborar un programa que convierta un número entero positivo, menor a 257 a sistema binario.
8. Dada tu fecha de nacimiento (mes, día, año) indicar cuantos días (exactos) han transcurrido desde ese año.
9. Diseñar un programa que permita leer dos valores V1 y V2 y determine cuál es el mayor y cuál es el menor o si son iguales
10. Desarrollar un algoritmos que permita realizar la sumatoria de los primeros 100 números utilizando los 2 ciclos (para y mientras)

Recomiendo

: Realizar dicho trabajo a conciencia(sin copias), respetando las condiciones descritas anteriormente. realizar pruebas para que todo el proyecto incluyendo las páginas adicionales(si tiene camisas, o si desea realizarla) tengan el mismo diseño del template.

De antemano felicito a aquellos estudiantes que desde el Jueves 27 de octubre de 2016 y días siguientes en horas de la tarde observe que empezaron a realizar el trabajo

[Fecha de publicación: 2016-10-20]

Se evaluó el indicador #3 utilizando phpmyadmin, junto con los conceptos de html, javascript y php. Las personas que realizaron la nómina, no realizaron previo.
 Se explicó e inició el proyecto, con la entrega de una hoja la cuál debía llevar nuestro nombre completo y una lista de los programas, películas etc, de nuestra infancia.

[Fecha de publicación: 2016-10-06]

Maneja de forma apropiada el administrador de base de datos Mysql incluyendo la sintaxis para el sistema de base de datos. Explicación por parte del docente del manejo de la base de datos mysql incorporando y conectando conceptos de php. Ejercicio práctico utilizando conceptos en Base de datos, Html, javascript, y php. Aclaración de dudas sobre lo explicado y lo que se trabajó en casa.

[Fecha de publicación: 2016-09-29]
Evaluación x1 indicador de forma práctica, por grupos desde 2-3 personas o de manera individual si el estudiante quería, tenia 1 minuto para realizar dicho mini-ejercicio.

1. Trabajar el módulo PhpMyAdmin en su casa, utilizando el localhost/phpmyadmin.

2. Crear una base de datos de nombre: pruebas_primerapellido_primernombre.

3. Dentro de esa base de datos crear una tabla de nombre notas; la cual tiene los campos: id, nombre, materia, nota1, nota2, nota3, activo.

4. Ud. debe asignar que tipo de campo adecuado debe asignarse a los campos descritos en el item 3.

5. Debe incluir 10 registros a la tabla

5.1 Las materias deben ser Matematicas, español, religion

6. Una vez incluidos dichos registros, realizar las siguientes consultas:

a. Visualizar el nombre, la materia y la nota1 de todos los estudiantes.

b. Visualizar solo las 3 notas de todos los estudiantes de español.

c. Investigar como ordenar las notas de menor a mayor del campo3.

d. Investigar como visualizar la nota maxima del campo nota2

7. Exportar la base de datos y tener dicha información en su memoria Usb.

8. Recomiendo que cada quien realice todo lo anterior de manera personal; si se determina alguna similutud de codigos entre los grados 10a y 10b, existira penalidad

http://www.coldivinoamor.com/web2016/index.php?mensaje=

CRONOGRAMA CUARTO PERIODO

[Fecha de publicación:22-09-2016]
Base de datos:
Una base de datos o banco de datos es un conjunto de datos pertenecientes a un mismo contexto y almacenados sistemáticamente para su posterior uso. En este sentido; una biblioteca puede considerarse una base de datos compuesta en su mayoría por documentos y textos impresos en papel e indexados para su consulta.
Ejemplo:

– phpMyAdmin SQL Dump
– version 4.0.10deb1
– http://www.phpmyadmin.net
–
– Servidor: localhost
– Tiempo de generación: 22-09-2016 a las 08:09:31
– Versión del servidor: 5.5.52-0ubuntu0.14.04.1
– Versión de PHP: 5.5.9-1ubuntu4.19

SET SQL_MODE = “NO_AUTO_VALUE_ON_ZERO”;
SET time_zone = “+00:00”;

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

–
– Base de datos: `colegio-137`
–

– ——————————————————–

–
– Estructura de tabla para la tabla `colegio_147`
–

CREATE TABLE IF NOT EXISTS `colegio_147` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `nombre1` varchar(30) NOT NULL,
 `nombre2` varchar(30) NOT NULL,
 `apellido1` varchar(30) NOT NULL,
 `apellido2` varchar(30) NOT NULL,
 `direccion` varchar(30) NOT NULL,
 `telefono` varchar(30) NOT NULL,
 `activo` varchar(1) NOT NULL DEFAULT ’s’,
 PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

[Fecha de publicación:2016-09-15]

SEMANA DE RECESO .

[Fecha de publicación:2016-09-08]

 Entrega de notas.

Actualización del blog.

SEMANA CULTURAL

Agosto 29- Septiembre 3 /2016
Agosto 31: Quiz para bonos:

[ Clase 01 Septiembre. ]	[ Publicado 26 Agosto. 2016 - 05:00 p.m.]
Entrega de Notas del periodo tres.
Para quien desee, tener un Bono Especial, el cual le puede servir si su nota final de la materia en el periodo tres, es inferior a 74.
Condiciones para obtener dicho Bono Especial. Tener el Blog actualizado a la última clase. Todas las publicaciones deben tener datos con más de 5 líneas de contenido, excepto la de las pruebas saber. Tenga en cuenta que aun tiene tiempo debido a que su Blog lo revisaré el lunes 29 de 2016, 6 a.m. Contestar(escrita) de forma correcta la pregunta(una sola) a realizar el día 29 o 30 de agosto de 2016, en cualquier hora de clase. Tema a evaluar Php y JavaScript, puede ser sintaxis o verificar que hace determinado código en php.http://www.coldivinoamor.com/web2016/clase_decimo.php

Acumulativo

[Fecha de publicación:2016-08-25]

Temas para el Acumulativo:

Html básico. Javascript (getElementByIdRecomiendo articulo 83) Css Template (recomiendo tener a la mano un template limpio y de caracter único dentro del grado 10.) Php Funciones de cadena y de matemáticas de Php (Tener presente la publicación 28 de Julio de 2016). Recomiendo manuales 80, 83, 86 de artículos / manuales. Acumulativo individual.http://www.coldivinoamor.com/web2016/clase_decimo.php

Respecto a lo anterior, el acumulativo se hizo en parejas, y luego el docente nos permitió unirnos con otro grupo.

[Fecha de publicación:2016-18-08]
Continuación proyecto.

Temas para el acumulativo, próxima clase:

[ Clase 25 Agosto. ]	[ Publicado 19 Agosto. 2016 - 05:26 p.m.]
Temas para el Acumulativo:
Html básico. Javascript (getElementByIdRecomiendo articulo 83) Css Template (recomiendo tener a la mano un template limpio y de caracter único dentro del grado 10.) Php Funciones de cadena y de matemáticas de Php (Tener presente la publicación 28 de Julio de 2016). Recomiendo manuales 80, 83, 86 de artículos / manuales. Acumulativo individual.
Recomendación:
Tener solucionado todos los ejercicios realizados en clase. Tener solucionado el proyecto realizado en clase. Revisar última publicación del grado Noveno.
Importante
1. Tener actualizado el Blog a la última clase.
2. Practicar los conceptos vistos en clases pasadas. http://www.coldivinoamor.com/web2016/clase_decimo.php

Manual 80

<audio controls="">

<source src="tema musical.mp3" type="audio/mpeg">

</source></audio>

Atributos del elemento

Attributo  Valor     Descripción    

autoplay  autoplay  Especifica que el sonido comenzará tan pronto esté disponible.

 controls  controls   Especifica que se muestre en pantalla la barra de control del sonido. 

loop         loop        Especifica que el sonido debe repetirse permanentemente.

 muted     muted     Especifica que el sonido debe ser silenciado 

preload   auto   Especifica si el archivo de sonido debe ser cargado (y cómo) cuando se carga la página. 

src          URL     Especifica el sitio (URL) donde se encuentra el archivo de sonido.

http://www.edutecne.utn.edu.ar/audio/sonido_en_web.pdf

Manual 82

Poner un fondo en mi página web

Cuando estamos diseñando una web una de las cosas que siempre vamos a necesitar es saber como poner un fondo en nuestras páginas web.

Aunque tiempo atrás esto era una tarea que se podía hacer en HTML, desde que se separo HTML para la estructura y CSS para el diseño, fue este segundo lenguaje, el CSS, el que se quedó encargado de tener la capacidad para poner un fondo en una página web.

El atributo de CSS que nos permite poner el fondo de la página web esbackground. Dicho elemento se puede aplicar al fondo de diferentes elementos. Si bien, si queremos utilizar para poner el fondo de la página web, lo tendremos que utilizar sobre el elementobody.

La estructura del elemento background es la siguiente:

background: [color] [image] [repeat] [attachment] [position];

Es decir, podemos indicarle un color RGB, una imagen, podemos indicar cómo se repite o si no se repite. Con attachment podemos indicar si se queda fijo o en formato scroll y por último podremos indicar la posición inicial en la que se situará la imagen.

Lo mejor que puedes hacer es leerte la documentación sobre el elemento background.

Así, nuestro código CSS quedará de la siguiente forma:

<style type="text/css">


body {  


        background:url(fondo.gif) repeat 0 0;                   


 }


</style>

Hay que recordar que este código lo tenemos que poner antes de la etiqueta head.

Otra de la cosas que hay que fijarse en el código es que utilizamos la función url() para indicar el directorio dónde se encuentra la imagen. En nuestro caso la página que diseñamos para ponerle en fondo de mi web está en el mismo directorio que la imagen. Si bien, si queremos utilizar otro directorio podemos poner lo siguiente:

<style type="text/css">


body {  


        background:url('/imagenes/fondo.gif') repeat 0 0;                   


 }


</style>

Ahora la imagen se encuentra en un directorio llamados "imagenes" que está en la raiz.

Por último tenemos que saber que existe otra propiedad llamada background-image, la cual nos permite solo indicar la imagen a utilizar como fondo de mi página web, si no nos queremos preocupar del resto de atributos.

En este caso el código quedaría de la siguiente forma:

<style type="text/css">


body {  


        background-image:url('/imagenes/fondo.gif');


 }


</style>



http://lineadecodigo.com/css/poner-un-fondo-en-mi-pagina-web/

83. Ejercicios de tablas getElemetById

<script>
	document.write('<table width="100%" border="1">');
	for(i = 1; i <= 3; i++){
	document.write('<tr>');
	for(j=1; j <=3; j++){
	document.write('<td>');
	document.write('<input type="text" id="' + (i+"_"+j) + '" value="">' );
	document.write('</td>');
	}
	document.write('</tr>');
	}
	document.write('</table>');
	function buscar(){
	fila = document.getElementById("fila").value;
	columna = document.getElementById("columna").value;
	texto = document.getElementById("texto").value;
	document.getElementById(fila + "_" + columna).value = texto;
	}
	</script>
	<body>
	<br><br>Visualizaci&oacute;n de Tablas de 3 x 3.<br><br>Fila: <select name="fila" id="fila" >
	<option value="1" selected>1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	</select><br>
	columna: <select name="columna" id="columna" >
	<option value="1" selected>1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	</select>
	<br>
	texto: <input type="text" id ="texto"><br>
	<input type="button" value="Aceptar" onClick="buscar()">
	</body>

79.Listar directorios y subdirectorios en PHP.
La función que vamos a realizar recibe una ruta y simplemente hace un listado de los directorios que cuelgan de esa ruta. A su vez, esos directorios pueden tener otros subdirectorios dentro y estos a su vez otros, en la típica estructura de árbol. El script debe recorrer todos los subdirectorios del árbol y listarlos. Para realizar esto, lo más habitual es hacer una función recursiva, que es una función que se llama a si misma para hacer todo el trabajo. 

En nuestro caso, como se decía, vamos a utilizar unas cuantas funciones de PHP para facilitarnos la tarea. Son las siguientes: 

is_dir() que recibe una ruta y devuelve un boleano. True si es un directorio y flase si no lo es. 

opendir() que recibe la ruta de un directorio y genera un gestor de directorio, que utilizaremos luego para extraer los subdirectorios. 


readdir() recibe un gestor de directorio devuelto por opendir() y sirve para leer todo el contenido de un directorio, tanto archivos como subdirectorios. Nosotros lo utilizaremos para obtener cada uno de los subdirectorios que contiene una ruta. En la primera llamada devuelve el primer archivo o subdirectorio, en la siguiente devuelve en segundo. Es decir, cuando se vuelve a llamar devuelve siempre el siguiente fichero y continúa hasta que se acaban, devolviendo false cuando no queda ninguno. 

closedir() recibe un gestor de directorio y lo cierra.
http://www.desarrolloweb.com/articulos/listar-directorios-subdirectorios-php.html

MANUALES

78: Buscar posición de un carácter en una cadena:
Strpos() devuelve la posición del primer caracter de la palabra que estamos buscando.

Ejemplos:

1 2 3 4

// En la posición 0 if ($posicion = strpos("hola mundo", "hola") !== FALSE) {   echo "Palabra encontrada en la posición $posicion"; }

1 2 3 4

//En la posición 9 if ($posicion = strpos("he dicho hola mundo!", "hola") !== FALSE) {   echo "Palabra encontrada en la posición $posicion"; }

PROYECTO

[Fecha de publicación:2016-11-08]
Template, con una tabla en la que se observe la letra indicada, sombreada con cualquier color en las celdas.
Una página de derechos.
Foto de los integrantes del grupo y la URL del blog.
Extra:
Un tablero de ajedrez.

PHP

[Fecha de publicación:2016-07-28]

evaluación:
PHP:

<?php
$m=30
for($i=1;$i<=10;$i++)
if($i%2==0){
echo '<font color=#"0f0">' . $i . "x" . $m . "=" . ($i*$m) . '</font>' "<br>"
}
else{
echo $i . "x" . $m . "=" . ($i . $m) . "<br>"

}
?>

JAVASCRIPT:

<script>
m=30
for(i=1; i<=10; i++)
if(i % 2 ==0){
document.write(’<font color=“#0f0”>’ + i + “x” + m + “=” + (i * m) + ’</font>’ + “<br>”)
}
else{
document.write( i + “x” + m + “=” + (i * m ) + “<br>”)
}

</script>

COMO INSTALAR UN SERVIDOR LAMP

para instalar en Ubuntu:http://unawebmaslibre.blogspot.com.co/2012/08/instalar-un-servidor-en-ubuntu-1204.html

sudo apt-get install lamp-server^ 

 Durante el proceso de instalación nos pedirá la contraseña para MySQL.
Al finalizar nos creará una carpeta en /var/www/ que será la carpeta de inicio para nuestro servidor web, a esta carpeta debemos darle permisos:

sudo chmod -R /var/www/ 

Podemos crear un enlace simbólico a nuestra carpeta Home:

ln -s /var/www /home/usuario/www

Luego accedemos a /var/www y borramos el archivo index.html, esto permitirá que al ingresar a localhost nos mostrará el index de carpetas.

Y por último instalamos phpmyadmin para administrar la base de datos de MySQL:

sudo apt-get install phpmyadmin

Ahora para acceder al servidor describimos desde el navegador: localhost, para acceder a la configuración de MySQL escribimos localhost/phpmyadmin.

EJERCICIOS PUBLICACIÓN JULIO 22

1. 1. "LA DIPLOMACIA ES EL ARTE DE SABER LO QUE SABE SIN NECESIDAD DE DECIRLO." 
2.  Convertir la Oración No. 1 a Minuscula.
3. <?php
   $str = "LA DIPLOMACIA ES EL ARTE DE SABER LO QUE SABE SIN NECESIDAD DE DECIRLO";
   $str = strtolower($str);
   echo $str;
   ?>
4.  "la necesidad es la madre de la invención."
5.  Convertir la Oración No. 2 a Mayuscula
6. <?php
   $str = "la necesidad es la madre de la invención";
   $str = strtoupper($str);
   echo $str;
   ?>
7. Los amigos son ángeles que se levantan cuando tus alas han olvidado como volar.
8. Indicar el numero de caracteres de la Oración No. 3
9. <?php
   echo strlen("Los amigos son ángeles que se levantan cuando tus alas han olvidado como volar.");
10. 
    ?>