[2017-23-08]

CLASE  24:

Se REALIZA EL ACUMULATIVO.

El Docente explica la metodología que se trabaja para el acumulativo la cual es:

- Se maneja un servidor para todos los estudiantes.
- En este servidor se encuentra una carpeta llamada base, la cual brinda una estructura básica para empezar la funcionalidad del ejercicio.

El usuario para conectarse al servidor es: trux
Dominio: se deja igual.
Clave: coinsda

Importante: Para ejecutar el archivo del servidor en el navegador debe colocar la dirección como:

Ej: (númerodelservidor)   192.168.250.250/idiomas/base

Crear:

- Sitio Web llamado: acumulativo_10b_primerapellido_#lista
-Hacer uso de template. Incluyendo Derechos.

Se debe crear caja de texto con un botón.
 Si el usuario digita 1, debe mostrar los datos de Charles Babbage.
 Si el usuario digita 2, debe mostrar los datos de Augusta Ada.
 Si el usuario digita 3, debe mostrar los datos del estudiante.

Código ejercicio:

index.php (parte del ejercicio)

<form id="form1" name="form1" method="post" action="envio.php">
  
<p> Seleccione un número
  <select name="motivo">
        <option value="1"  selected="selected">1</option>
        <option value="2" >2</option>
        <option value="3">3</option>
   </select> 
   <br>
    <input type="submit" name="button" id="button" value="respuesta" />
  </p>


</form>

envio.php (parte del ejercicio)

<?php

$motivo = $_POST['motivo'];

if($motivo=="1"){
echo '

<center><img src="1.jpg" alt="Image" width="120" height="140" /></center>
<div>
<p><font color="black" size="4"> Nombre: Charles Babbage </font></p>
<p><font color="black" size="4"> Nacimiento: 26 de diciembre de 1791, Londres, Reino Unido o Teignmouth, Reino Unido </font></p>
<p><font color="black" size="4"> Fallecimiento: 18 de octubre de 1871 (79 años) Londres, Reino Unido. </font></p>
<p><font color="black" size="4"> Nacionalidad: Britanica </font></p>
<p><font color="black" size="4"> Religión: Cristianismo</font></p>
<p><font color="black" size="4"> Se destaco por: Diseñó y parcialmente implementó una máquina para calcular, de diferencias mecánicas para calcular tablas de números. Llego a diseñar la tabla analitica para programas de tabulacion o computacion.</font></p>
</div>';
}
else if($motivo=="2"){

echo '
<center><img src="2.jpg" alt="Image" width="120" height="140" /></center>
<div>
<p><font color="black" size="4"> Nombre: Augusta Ada King</font></p>
<p><font color="black" size="4"> Nacimiento: 10 de diciembre de 1815, Londres, Reino Unido </font></p>
<p><font color="black" size="4"> Fallecimiento: 27 de noviembre de 1852, Marylebone, Reino Unido </font></p>
<p><font color="black" size="4"> Nacionalidad: Britanica </font></p>
<p><font color="black" size="4"> Se destaco por: Entre sus notas sobre la máquina se encuentra lo que se reconoce hoy como el primer algoritmo destinado a ser procesado por una máquina, por lo que se la considera como la primera programadora de ordenadores.</font></p>
</div>';

}else {

echo '
<center><img src="estudiante.jpg" alt="Image" width="120" height="140" /></center>
<div>
<font color="blue"><h2><span>Proyecto Tercer Bimestre</span> PHP</h2></font>
<p><font color="black" size="4"> Nombre del estudiante: María Fernanda García Chaparro </font></p>
<p><font color="black" size="4"> Grado del estudiante: Décimo B (10B). </font></p>
<p><font color="black" size="4"> Docente Área Tecnología e Informática: Ing. Nelson E. Peña Ferreira  </font></p>
<p><font color="black" size="4"> Institución Educativa: Colegio Integrado Nuestra Señora del Divino Amor.  </font></p>
<p><font color="black" size="4"> SALA EN LA QUE SE REALIZO EL PROYECTO: Bilinguismo</font></p>
<h1><a href="http://maria2201garcia.blogspot.com.co/" target="_blank"> BLOG MARIA GARCIA</a></h1>
</div>';
}

?>

[2017-16-08]

CLASE  23:

Se REALIZA EL PROYECTO.

El Docente da las pautas necesarias para la realización del proyecto, los estudiantes que enviaron correo para petición de manuales, obtuvieron un beneficio opcional de poder trabajar en parejas, aquellos que preferían trabajar individual y que tenían derecho al beneficio, adquirian 25 puntos sobre la nota del proyecto.

Solo se utilizó material digital (información) como ayuda para el proyecto.

El tema del proyecto:

- Se hace haciendo uso de un Template.

- Debe tener un módulo de Derechos, llamado derechos.php, donde tenga nombre del estudiante, grado del estudiante, Nombre de la sala donde se realizo el proyecto (Sala de bilinguismo), Colegio- Institución,  _blank (Enlace desde el index hacia el módulo de derechos).

- Ejercicio:

Hacer la función cuadrática.

Tener tres cajas de texto (validadas solo para números) y deben ser requeridas, donde:

a: Pida el primer número.
b: Pida el segundo número.
c: Pida el Tercer número.

Para dar la respuesta utilizando php:

Si el primer número es 0 mostrar: "Error Matemático".
Si es una raiz imaginaria multiplicar por (-1) y dar la respuesta en una tabla con border ="1", Y sería una tabla 3x1 (3 filas, 1 columna).

el Titulo de la tabla debe estar centrado y decir: "Raiz imaginaria" (primera fila), en las otras dos filas mostrar cuanto vale X1 y X2.

El sitio web (carpeta) deberá estar nombrado: primerapellido_#lista_10b

Para entregar el proyecto se realizó por medio del correo, donde se enviaba comprimida la carpeta con extensión .zip y con un asunto proyecto decimo b_#lista

Tomado de: (Apuntes).

COMANDOS:

1. Dar los permisos necesarios si no se ejecuta: Para actualizar.

Comando: sudo apt-get update

2. Comando de instalación de LAMP en linux:

sudo apt-get install lamp-server^

Comando: 

$ sudo chmod 777 –R  /var/www : Dar permisos para poder ingresar documentos.

Se guarda en el equipo: var-www-html.

MANUAL DE LAMP EN UBUNTU:

Instalar LAMP  Server en Ubuntu?

(NOTA: Todos los comandos aquí necesitan ser escrito en un terminal, una abierta pulsando Ctrl + T + Alt .)

sudo apt-get install lamp-server^

Es importante recordar el símbolo de intercalación (^) al final del comando.

¡ADVERTENCIA!

El uso de ^ en el nombre del paquete indica que este es un 'meta-paquete'. Es decir, una serie de programas que por lo general se instalan juntos.

LAMP server es una colección de software de código abierto que se utiliza para crear un servidor web. La colección se compone de:

• Linux - el sistema operativo
• Servidor Apache - el servidor
• MySQL - el sistema de base de datos
• PHP - el lenguaje de programación

Instalación de componentes de servidor de la lámpara individual

Instalación de Linux

La última instalación .iso se puede descargar aquí . Ubuntu no es la única versión de Linux, una lista de las principales distribuciones se puede encontrar en DistroWatch .

Instalación de servidor Apache

Apache Server se puede instalar en una línea:

1	sudo apt-get install apache2

Puede probar la instalación visitando http: // localhost /  en un navegador, debería ver un masaje diciendo “ ¡Funciona! “.

Instalación de servidor MySQL

La instalación de MySQL es tan simple como otra línea en el terminal:

1	apt-get install mysql-server mysql-client

Esto instala:

• MySQL Server - para almacenar / servir a su base de datos
• MySQL Client - un cliente para acceder al servidor MySQL

Asegúrese de prestar atención durante la instalación. Se le pedirá que cree una contraseña para el usuario root de MySQL . A continuación, puede acceder al servidor en el terminal, escribiendo / copia:

1	mysql -uroot -ppassword

Obviamente reemplazar ' password ' con la contraseña que acaba de crear (dejar el ' -u ' y ' -p ' antes de que su nombre de usuario y contraseña). Ahora debería estar conectado y vaya a mostrar ' mysql> ' en su línea de comandos listos para sus consultas SQL!

Instalando PHP

PHP requiere 3 paquetes a instalar, una vez más su sola línea:

1	sudo apt-get install php5 libapache2-mod-php5 php5-mysql

Debe reiniciar el servidor Apache ahora para que los cambios surtan efecto:

1	sudo service apache2 restart

Para probar esto, abierta gedit y el tipo / copia:

1 2 3

<?php phpinfo(); ?>

Guarde el archivo como info.php . Va ahora a esta imagen en su navegador web visitando http: //localhost/info.php , debería ver una página que muestra la versión de PHP y el resto de la información de su instalación de PHP.

Tomado de: http://www.sudo-juice.com/install-lamp-server-ubuntu/

Crear una plantilla con includes en PHP

Cómo crear una plantilla en PHP y hacer un sitio homogéneo utilizando sencillos includes.

Una plantilla va a ser un portada genérica para nuestra web, que solo contendrá los menús y elementos indispensables que además mostraremos en todas las páginas por igual.

¿Para qué queremos esto?

1.Código más limpio,cualquier modificación se puede hacer sobre este mismo archivo afectando de manera inmediata al resto de las páginas. 

2. Web más uniforme, de modo que el usuario no sé perderá entre diferentes secciones llenas de menús que puedan hacer engorrosa la navegabilidad.

Comencemos

Nuestro código va a ser sumamente simple, para empezar crearemos una tabla que como marco donde deberemos poner nuestros logotipos, menus, publicidad,.. y lo más importante, el contenido.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head> 
<title>Plantilla en PHP</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
</head> 

<body> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td colspan="3"><div align="right">Logotipo y Titulo</div></td> 
</tr> 
<tr> 
<td width="20%"><p>Menu principal</p> 
<ul> 
<li><a href="">Sección 1 </a></li> 
<li><a href="">Sección 2 </a></li> 
<li><a href="">Sección 3 </a></li> 
</ul></td> 
<td colspan="2" valign="top"> 
Aquí irá el contenido 
</td> 
</tr> 
<tr> 
<td colspan="3">Pie de página </td> 
</tr> 
</table> 
</body> 
</html>

Vamos a utilizar el PHP para poder introducir contenido dentro de esta plantilla.

Para ello vamos a utilizar la función include de PHP. Esta nos permite introducir una página dentro de otra con tan solo indicarle la ruta del archivo, así utilizaremos una variables (que pasaremos por URL) para indicar a que sección queremos acceder.

Por ejemplo, si utilizamos una variable llamada $sec podriamos acceder a una sección utilizando el link "?sec=seccion1", de modo que a continuación en nuestro código y para evitar fallos innecesarios comprobaremos que el archivo 1.html/ 1.htm/ 1.php/... existe y en tal caso lo incluiremos.

Veamos a contianuación el código:

<?php 
if(empty($sec)) 
{ 
include("presentacion.html"); 
} 
else 
{ 
if(file_exists($sec.".php")) 
include($sec.".php"); 
elseif(file_exists($sec.".html")) 
include($sec.".html"); 
else 
echo 'Perdón pero la página solicitada no existe'; 
} 
?>

En este caso hemos comprobado solo si existe el archivo "1.html" y "1.php".

Pero ¡cuidado con este código!, ya que en el caso de que tengamos ambos archivos en nuestro servidor siempre se mostrará el ".php" ya que es el primero que aparece.

De este modo conseguimos finalmente un fichero con la siguiente forma:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head> 
<title>Plantilla en PHP</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
</head> 

<body> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td colspan="3"><div align="right">Logotipo y Titulo</div></td> 
</tr> 
<tr> 
<td width="20%"><p>Menu principal</p> 
<ul> 
<li><a href="?sec=1">Secci&oacute;n 1 </a></li> 
<li><a href="?sec=2">Secci&oacute;n 2 </a></li> 
<li><a href="?sec=3">Secci&oacute;n 3 </a></li> 
</ul></td> 
<td colspan="2" valign="top"> 
<?php 
if(empty($sec)) 
{ 
include("presentacion.html"); 
} 
else 
{ 
if(file_exists($sec.".php")) 
include($sec.".php"); 
elseif(file_exists($sec.".html")) 
include($sec.".html"); 
else 
echo 'Perdón pero la página solicitada no existe'; 
} 
?> 
</td> 
</tr> 
<tr> 
<td colspan="3">Pie de p&aacute;gina </td> 
</tr> 
</table> 
</body> 
</html> 

En él existen 3 archivos, el index.php que será nuestra plantilla, 1.php que será una de nuestras secciones, 2.html que será otra de nuestras secciones y el link a la sección tres la hemos dejado que apunte a un archivo que aun no hemos creado para comprobar que nuestra funcion file_exists funciona correctamente.

Las cabeceras y los tags van dentro de nuestro index.php, si incluis un archivo con cabeceras dentro de otro creareis un mal código html, que posiblemente no tenga mucho efecto en el visitante pero sí será un obstaculo para encontrar posibles errores o simplemente para leer vuestro propio código.

Tomado de: https://desarrolloweb.com/articulos/2472.php