Subsecretaría de Educación Media Superior

Dirección General de Educación Tecnológica Industrial y de Servicios

Dirección Académica e Innovación Educativa

Subdirección de Innovación Académica

Módulo ll. Aplica Metodologías de Desarrollo de Software con Herramientas de Programación Visual

Submódulo 1: Aplica metodología espiral con programación orientada a objetos

Anexo 1

Práctica N°1 Preparar una computadora como un webserver (enfocado netamente a Windows)

En cualquier computadora o en un cibercafé próximo a tu casa o escuela, realiza las siguientes

actividades, con la finalidad de preparar una computadora como un webserver

Wampserver es un paquete asistido para la instalación sencilla de un servidor web Apache, con MySQL y PHP en Windows. Permite a usuarios sin conocimientos de sistemas instalar un servidor web de manera simple.

Todo el proceso de instalación se realiza a través de un asistente por lo que las tareas de configuración del webserver pasan desapercibidas.

Una vez instalado podemos crear nuestros propios sitios web en nuestro ordenador. Incluso podemos instalar gestores de contenidos web

como WordPress para facilitar las tareas de gestión de nuestro site.

A continuación, estudiaremos como instalar el servidor WAMP, dar de alta nuevos sites, a crear servidores con varios dominios web, y

para finalizar haremos referencia a administración de bases de datos MySQL y personalización del código PHP tan utilizado en las sites

actuales. Como es habitual, también haremos a los mejores vídeos online relacionados … Instalación inicial

64

Subsecretaría de Educación Media Superior

Dirección General de Educación Tecnológica Industrial y de Servicios

Dirección Académica e Innovación Educativa

Subdirección de Innovación Académic

Principales funcionalidades.

A través del botón derecho del ratón sobre el icono de servidor Wamp podemos mostrar en el menú contextual:

Gestionar sus servicios de Apache* y MySQL.
Poner en línea (para todo el público) y offline su servidor (localhost).
Instalar y cambiar la configuración de los servidores Apache2, MySQL y PHP.
Acceder a sus registros.
Crear alias para disponer diferentes sites en mismo servidor.
Cambiar el idioma por defecto.

Notas: El servidor web Apache es el más utilizado en el mundo, se calcula su cuota está

entorno al 70%. Incluso su predominio ha calado en entornos empresariales.

Primeros pasos …

Una vez instalado Wampserver, en localhost podremos ver los siguientes servicios instalados …

Con un monitor (GUI) para bases de datos SQL tipo SQLyog podemos gestionar de forma visual nuestra base de

datos MariaDB o MySQL …

Subsecretaría de Educación Media Superior

Dirección General de Educación Tecnológica Industrial y de Servicios

Dirección Académica e Innovación Educativa

Subdirección de Innovación Académic

Descarga e instalación de Wampserver.

Haz doble clic en el archivo descargado y sigue las instrucciones. Todo es automático El paquete

WampServer se entrega con las últimas versiones de Apache, MySQL y PHP.

Una vez que WampServer está instalado, puede agregar manualmente versiones adicionales de

Apache, PHP o MySQL (solo VC9, VC10 y VC11 compiladas). Se proporcionarán explicaciones en el foro.

Cada versión de Apache, MySQL y PHP tiene su propia configuración y sus propios archivos

(datos para MySQL). Usando wampserver: El directorio «www» se creará automáticamente (generalmente c: \ wamp \ www)

Crea un subdirectorio en «www» y coloca tus archivos PHP dentro.

Haz clic en el enlace «localhost» en el menú de WampSever o abra tu navegador de Internet y vaya a la URL: http: // localhost

Con esto preparamos la computadora para realizar bases de datos y vincularlas a programas utilizando programación dinámica

usando el lenguaje de programación PHP (el alumno debe tener conocimientos previos de HTML, CSS y JavaScript, y muy

preferentemente jQuery.

Subsecretaría de Educación Media Superior

Dirección General de Educación Tecnológica Industrial y de Servicios

Dirección Académica e Innovación Educativa

Subdirección de Innovación Académic

Como interactuar con una base de datos MySQL usando PHP

Existe una variedad de lenguajes de script y motores de bases de datos,

pero a una de las mejores alternativas en cuanto a costo y velocidad la conforman PHP y MySQL.

Además de ser extremadamente rápido, utilizo este sistema de base de datos para mis sitios por estar

bien documentado. Con solo pocas líneas de código PHP se pueden administrar datos guardados en una base

MySQL, agregando, eliminando o actualizando campos y registros.

Para comenzar con los ejemplos de este artículo debemos crear una nueva base de datos. Esto se puede hacer de

diferentes maneras, ya que existen distintos programas para administrar bases de datos, como el conocido phpMyAdmin;

otra forma es desde la línea de comandos del Server haciendo un Telnet.

En este ejemplo asumo que tienes instalado y configurado phpMyAdmin adecuadamente para manejar bases y tablas.

La mayoría de ISP y proveedores de hosting ofrecen este servicio ya instalado para los clientes. Siguiendo las

instrucciones del PhpMyAdmin fácilmente podrás crear la base que utilizaremos para los ejemplos, el nombre de la base será ejemplo.

Tabla de usuarios

Con la primera base creada pasamos a construir la tabla usuarios que estará compuesta como se muestra a continuación en la tabla:

Campo

Tipo

Entero

Autonumérico

Valor Default 0

Clave principal

nombre

Varchar 50 a

pellido

Varchar 50

dni Entero

Las propiedades de los campos se configuran en phpMyAdmin al crear la tabla. Con la base y la tabla creada adecuadamente

podemos pasar a escribir código PHP. Código PHP

A continuación, crearemos cinco scripts que se encargarán de realizar las funciones básicas sobre una base de datos MySQL,

estos archivos serán: conexion.php, cerrar_conexion.php,

guardar.php, ver.php y actualizar.php.

Como primer paso crearemos la conexión con el MySQL, el script correspondiente será conexion.php, el cual estará

incluido utilizando la función include (nombre_archivo) de PHP, en todos los demás scripts del sitio que trabajen con la

base de datos para establecer la conexión ahorrando líneas de código. Sin una conexión establecida no se podrá trabajar con la base de datos.

En el archivo conexion.php deben ser configuradas un par de variables correspondientes a nuestro servidor: el host, usuario y

password para acceder al MySQL, además indicar que base se utilizara en la conexión.

Entonces podemos abrir el bloc de notas, escribir las siguientes líneas de código y guardarlas con el nombre conexion.php:

Archivo conexion.php

67

Subsecretaría de Educación Media Superior

Dirección General de Educación Tecnológica Industrial y de Servicios

Dirección Académica e Innovación Educativa

Subdirección de Innovación Académic

<?$dbhost="localhost";

// host del MySQL (generalmente localhost)$dbusuario="agustin"; // aqui debes ingresar el nombre de usuario //

para acceder a la base$dbpassword="mipass"; // password de acceso para el usuario de la // linea anterior$db="ejemplo"; //

Seleccionamos la base con la cual trabajar$conexion = mysql_connect($dbhost, $dbusuario,

$dbpassword);mysql_select_db($db, $conexion);?>

Con este archivo creado podemos empezar a trabajar con la base desde nuestros siguientes scripts.

Sería correcto cerrar la conexión abierta al terminar de trabajar con la base, para ello creamos un

nuevo archivo con solamente una línea de código:

Archivo cerrar_conexion.php

<? mysql_close($conexion); ?>

Esta línea cierra la conexión con el motor MySQL abierta en el archivo conexion.php, este archivo

será incluido en el final de todos los scripts siguientes.

Es el turno ahora del archivo guardar.php que se encargara de insertar registros en la base mostrando

un formulario mediante el cual el usuario ingresara los nuevos datos. Entonces creamos un nuevo

documento de texto con el siguiente contenido:

Archivo guardar.php

<?include "conexion.php";if (!isset($accion)){

echo "<html> <head><title>Guardar datos en la base</title></head> <body><h3>

Guardar datos en la base</h3><form name="form1" method="post" action="guardar.php?accion=guardar"> <p>Nombre:<br>

<input type="text" name="nombre"> </p> <p>Apellido:<br> <input type="text" name="apellido"> </p>

<p>DNI:<br> <input type="text" name="dni"> </p> <p> <input type="submit" name="Submit"

value="Guardar Datos">

</p></form></body></html>";}elseif($accion=="guardar"){ include"conexion.php"; $result=mysql_query("INSERT INTO usuarios

(id,nombre, apellido, dni) VALUES ('',$nombre,$apellido,$dni) ",$conexion); echo" <html> <head></head> <body> <h3>Los datos

han sido guardados</h3> </body> </html>";}include "cerrar_conexion.php";?>

Claro está que se omitieron muchas líneas de código destinadas a checar que los datos ingresados por el

usuario fueron correctos y solamente nos limitamos a guardar los datos en la base.

El script que escribiremos a continuación toma los datos de la base y mediante una iteración forma una tabla en la

cual se representara la lista de datos ordenada por el campo nombre.

Archivo ver.php

<?include "conexion.php";$result=mysql_query("SELECT * FROM usuarios ORDER BY nombre",

$conexion);echo"<table width=300><tr><td><b>Nombre</b></td><td><b>Apellido</b></td><td><b>DNI</b></td></tr>";

while($row=mysql_fetch_row($result)){ echo"<tr>

<td>$row[1]</td><td>$row[2]</td><td>$row[3] <a href="actualizar.php?id=$row[0]">Actualizar</a></td> </tr>";}

echo"</table>";include "cerrar_conexion.php";?>

68

Subsecretaría de Educación Media Superior

Dirección General de Educación Tecnológica Industrial y de Servicios

Dirección Académica e Innovación Educativa

Subdirección de Innovación Académic

Con los archivos creados hasta ahora podemos guardar datos en la base y ver los registros guardados. Al formarse la tabla con los

resultados obtenidos de la base, notaremos que al lado de cada registro aparece un link llamado Actualizar, el cual hace referencia al

archivo que crearemos a continuación. El link pasa como parámetro la variable id que contiene el número correspondiente al campo

autonumérico del registro que actualizaremos.

El archivo siguiente muestra un formulario con los datos que actualmente contiene la base en el lugar indicado por la variable id,

una vez llenado el formulario, el script actualiza la tabla de la base de datos con la nueva información ingresada por el usuario.

Archivo actualizar.php

<?include "conexion.php";if (!isset($accion)){ $result=mysql_query("SELECT * FROM usuarios WHERE id=$id", $conexion);

$row=mysql_fetch_row($result); echo"<html>

<head><title>Actualizar datos de la base</title></head> <body> <form action="actualizar.php?accion=guardar" method="POST">

Nombre:<br> <input type="text" value="$row[1]" name="nombre"><br> Apellido:<br> <input type="text" value="$row[2]" name=

"apellido"><br> DNI:<br> <input type="text" value="$row[3]" name="dni"><br> <input type="hidden" name="id" value="$row[0]">

<input type="submit" value="Guardar"> </form> </body> </html>";}elseif($accion==guardar){

$result=mysql_query("UPDATE usuarios SET nombre=$nombre, apellido=$apellido, dni=$dni WHERE id = $id",$conexion); echo"

<html> <body> <h3>Los registros han sido actualizados</h3> </body> </html>";}include "cerrar_conexion.php";?>

Estos scripts muestran como rápidamente se puede administrar una base de datos on-line. El PHP trae incorporadas funciones para

interactuar con distintos tipos de bases de datos, como Oracle, SQL Server, y más.

Aplica metodologías ágiles para el desarrollo de sf

Buscar este blog

Anexo 1 5 semestre pt 2

Anexo 1

64

67

Archivo cerrar_conexion.php

Archivo guardar.php

Archivo ver.php

68

Archivo actualizar.php

Comentarios

Publicar un comentario