Herramienta para la enseñanza

en el módulo ‘Implantación de Aplicaciones Web’

del ‘Ciclo Formativo de Grado Superior de
Administración de Sistemas Informáticos en Red’.

Realizado por Miguel Manuel Juan Sanjuan

 XAMPP para Implantación de Aplicaciones Web
Miguel M. Juan Sanjuán

Indice

1. Introducción …………………………………………………………. 2

2. Contextualización …………………………………………………. 3

3. Descripción …………………………………………………………… 6

4. Aplicación Didáctica ……………………………………………… 10

5. Conclusiones …………………………………………………………. 11

2
 XAMPP para Implantación de Aplicaciones Web
Miguel M. Juan Sanjuán

1. Introducción

En este informe se va a analizar el conjunto de herramientas XAMPP, como utilidad

para llevar a cabo la enseñanza de parte de los contenidos del módulo de Implantación
de Aplicaciones Web, que forma parte del Ciclo Formativo de Grado Superior de
Administración de Sistemas Informáticos en Red.

Para empezar con el informe, se hará una contextualización del uso de este conjunto
de herramientas. Se describirán los contenidos del currículo que vaya a satisfacer y se
indicarán también los objetivos que puedan ser llevados a cabo, así como las
competencias que se puedan desarrollar.

En segundo lugar, se hará una descripción de XAMPP. Se expondrá un análisis práctico

del conjunto de herramientas y se especificarán sus ventajas e inconvenientes en el
contexto del módulo de Implantación de Aplicaciones Web. Después, se hará una
breve comparación con otras herramientas similares y se justificará la elección.

Posteriormente, se expondrá su aplicación didáctica, es decir, el modo en el que el

conjunto de herramientas XAMPP ayudará a los alumnos a aprender parte del
contenido del módulo de Implantación de Aplicaciones Web. Se analizarán los
problemas de aprendizaje del contenido con XAMPP, explicando su implicación en el
proceso de enseñanza. En este apartado se concretarán el tipo de ejercicios que se
pueden hacer en clase con este conjunto de herramientas y la forma de explicar los
conceptos más importantes de la materia.

Finalmente, se concluirá de forma breve con el resultado final del estudio y las
conclusiones alcanzadas.

3
 XAMPP para Implantación de Aplicaciones Web
Miguel M. Juan Sanjuán

2. Contextualización

Este apartado trata de explicar la forma en que XAMPP satisface los objetivos,
contenidos y competencias del módulo de Implantación de Aplicaciones Web del Ciclo
Formativo de Grado Superior en Administración de Sistemas Informáticos en Red.

Los contenidos del módulo para los que vamos a usar XAMPP son:

a) Instalación de servidores de aplicaciones web

• SERVIDOR WEB: INSTALACIÓN Y CONFIGURACIÓN. Se aprenderá a instalar

y configurar el servidor web Apache.

• SISTEMA GESTOR DE BASE DE DATOS: INSTALACIÓN Y CONFIGURACIÓN. Se

aprenderá a instalar el SGDB MySQL y a configurarlo. Para administrar la
base de datos de forma gráfica, vamos a utilizar phpMyAdmin que es una
aplicación que funciona desde cualquier navegador web y viene integrada en el
paquete XAMPP. Se realizarán prácticamente todas las tareas de
administración necesarias (crear y eliminar bases de datos, gestionar
tablas, añadir, eliminar o editar campos, ejecutar comandos SQL...), desde
una intuitiva interfaz web que destaca por la agilidad de uso que aporta al
usuario.

• PROCESAMIENTO DE CÓDIGO: LENGUAJES DE SCRIPT EN CLIENTE Y

SERVIDOR. Para cumplir este objetivo se utilizará PHP, como reza la
primera ‘P’ de nombre del paquete XAMPP. PHP es un lenguaje de script de
propósito general ampliamente usado y especialmente creado para
desarrollo Web que puede ser embebido en HTML. PHP será usado
principalmente del lado del servidor y HTML del lado del cliente.

4
 XAMPP para Implantación de Aplicaciones Web
Miguel M. Juan Sanjuán

b) Instalación de gestores de contenidos

• Los TIPOS DE GESTORES DE CONTENIDOS serán PORTALES, BLOGS,

WIKIS, PLATAFORMAS DE E-LEARNING, FOROS, SISTEMAS
GROUPWARE, etc...

• REQUERIMIENTOS DE FUNCIONAMIENTO: SERVIDOR WEB, BASES

DE DATOS, LENGUAJES DE SCRIPT. El conjunto de herramientas
XAMPP viene como anillo al dedo para cumplir con estas
necesidades, como se viene comentando hasta el momento.

• CREACIÓN DE LA BASE DE DATOS. El SGDB de MySQL nos va a

permitir implementar el esquema de base de datos, así como la
gestión de los datos.

c) Administración de gestores de contenidos

• USUARIOS Y GRUPOS, PERFILES, CONTROL DE ACCESOS, POLÍTICA

DE SEGURIDAD, REGISTROS DE ACTIVIDADES,… La interacción del
manejo de MySQL con la programación de contenido Web dinámico
con PHP permitirá cumplir con estos objetivos.

d) Programación de documentos web utilizando lenguajes de script de

servidor.

• El lenguaje de programación de script PHP nos va a permitir

desarrollar casi todos los objetivos que se especifican para este
apartado, de entre los cuales se pueden destacar: TIPOS DE DATOS
SIMPLES Y COMPUESTOS, VARIABLES, CONSTANTES, OPERADORES,
EXPRESIONES, CONDICIONALES, BUCLES, GESTIÓN DE ERRORES,
AUTENTICACIÓN DE USUARIOS, CONTROL DE ACCESOS, SESIONES, …

5
 XAMPP para Implantación de Aplicaciones Web
Miguel M. Juan Sanjuán

e) Acceso a bases de datos desde lenguajes de script de servidor

• PREPARACIÓN DEL SISTEMA GESTOR DE BASES DE DATOS. Como se

ha comentado ya, se instalará MySQL para copar este objetivo.

• INTEGRACIÓN DE LOS LENGUAJES DE SCRIPT DE SERVIDOR CON LOS

SISTEMAS GESTORES DE BASE DE DATOS. Con PHP y MySQL no se
tendrá ningún problema, pues llevan ya una larga trayectoria juntos.

• CONEXIÓN A BASES DE DATOS, CREACIÓN DE BASES DE DATOS Y

TABLAS, RECUPERACIÓN DE LA INFORMACIÓN DE LA BASE DE
DATOS DESDE UNA PÁGINA WEB, TÉCNICAS DE PROCESAMIENTO DE
LA INFORMACIÓN RECUPERADA, MODIFICACIÓN DE LA
INFORMACIÓN ALMACENADA: INSERCIONES, ACTUALIZACIONES Y
BORRADOS, VERIFICACIÓN DE LA INFORMACIÓN, GESTIÓN DE
ERRORES, MECANISMOS DE SEGURIDAD Y CONTROL DE ACCESOS.
Obviamente, todos estos objetivos serán los procedimientos que
vamos a conseguir aprendiendo a manejar MySQL y, sobretodo,
aprendiendo a usar el lenguaje de programación PHP.

De entre los objetivos del módulo que desarrollaremos con XAMPP sólo refleja
claramente el propósito para este conjunto de aplicaciones el siguiente punto:

“Instalar y administrar software de gestión, relacionándolo con su explotación,

para implantar y gestionar bases de datos.”

La base de datos MySQL podrá ser gestionada con la aplicación contenida en XAMPP
llamada PHPMyAdmin, que está programada en PHP. El servidor de Base de Datos será
Apache, que también viene integrado en XAMPP. Además se podrá programar un
sistema web de gestión de los datos personalizado a la medida del usuario.

6
 XAMPP para Implantación de Aplicaciones Web
Miguel M. Juan Sanjuán

De entre las competencias profesionales, personales y sociales del título, la que

destaca, con mucho, sobre el resto de competencias, en relación al uso del conjunto
de herramientas XAMPP, es:

“Implantar y gestionar bases de datos instalando y administrando el software de

gestión en condiciones de calidad, según las características de la explotación.”

Además de lo que se ha comentado hasta ahora, hay que añadir que se prestará un
plus de atención a conformar una gestión de alta calidad, cuidando todos los detalles.

3. Descripción

XAMPP consiste principalmente en la base de datos MySQL, el servidor web Apache y

los intérpretes para lenguajes de script: PHP y Perl. El nombre proviene del acrónimo
de X (para cualquiera de los diferentes sistemas operativos), Apache, MySQL, PHP,
Perl. El servidor es independiente de plataforma y el software es libre. El programa
está liberado bajo la licencia GNU y actúa como un servidor web libre, fácil de usar y
capaz de interpretar páginas dinámicas. Actualmente XAMPP está disponible para
Microsoft Windows, GNU/Linux, Solaris y MacOS X.

XAMPP solamente requiere descargar y ejecutar un archivo zip, tar o exe, con unas
pequeñas configuraciones en alguno de sus componentes que el servidor Web
necesitará. Se actualiza regularmente para incorporar las últimas versiones de
Apache/MySQL/PHP y Perl. También incluye otros módulos como OpenSSL y
phpMyAdmin. Para instalar XAMPP se requiere solamente una pequeña fracción del
tiempo necesario para descargar y configurar los programas por separado.

Oficialmente, los diseñadores de XAMPP sólo pretendían su uso como una

herramienta de aprendizaje y desarrollo, para permitir a los diseñadores de sitios webs

7
 XAMPP para Implantación de Aplicaciones Web
Miguel M. Juan Sanjuán

y programadores testear su trabajo en sus propios ordenadores sin ningún acceso a

Internet. En la práctica, sin embargo, XAMPP es utilizado actualmente como servidor
de sitios Web, ya que, con algunas modificaciones, es generalmente lo suficientemente
seguro para serlo.

XAMPP es muy fácil de instalar y configurar. A continuación se va a exponer cómo

comenzar con la administración y el manejo básicos de este conjunto de herramientas.
Seguidamente se comentará un ejemplo práctico y finalmente se comentará la
justificación de su elección frente a otras posibilidades, así como las ventajas y
desventajas del producto.

Una vez instalado XAMPP se verán las posibles opciones de configuración y

administración del conjunto de herramientas. Primero, se arrancará el panel de control
de XAMPP. En este panel de control se puede ver todos los componentes instalados.
Para cada componente se podrá parar su servicio (Stop), arrancarlo (Start), ver su
estado (Stop / Running), marcarlo como servicio (checkbox Svc) y entrar en su panel de
administración (Admin).

Para probar que la instalación de XAMPP fue exitosa basta con poner en el navegador
"http://localhost" o "http://127.0.0.1" y aparecerá la aplicación de administración
web. En ella se tiene una sección de administración web de XAMPP, una sección de

8
 XAMPP para Implantación de Aplicaciones Web
Miguel M. Juan Sanjuán

interesantes demos y otra con las herramientas incluidas en el paquete como

phpMyAdmin.

En la primera sección se podrá ver toda la información relativa al PHP instalado

(phpinfo()). Además se tiene toda la documentación online de cada uno de los
componentes y módulos incorporados en la herramienta.

Ahora se probará un sencillo ejemplo realizado en PHP. Se conecta a base de datos

MYSQL y recupera datos de una determinada tabla.

Se tendrán que dejar nuestras aplicaciones web para poder ejecutarlas con XAMPP
dentro de la carpeta "htdocs" situada en la carpeta principal de la instalación de
XAMPP. Para nuestro ejemplo hemos creado una nueva carpeta llamada "tutorial" y
hemos colocado ahi el ejemplo.

9
 XAMPP para Implantación de Aplicaciones Web
Miguel M. Juan Sanjuán

El resultado es el siguiente:

Para poder ver las aplicaciones creadas basta con introducir en la barra de direcciones
del navegador el path relativo a partir de la carpeta "htdocs" justo despúes de
"http://localhost" (en el ejemplo nuestro "http://localhost/tutorial").

Como se ha podido comprobar esta herramienta XAMPP no tiene mucho misterio. En

menos de 5 minutos la hemos instalado y configurado. Ésta es una de las razones de
mayor peso para elegir XAMPP. Realmente, se agradece la existencia de este tipo de
herramientas con una instalación y manejo rápido y sencillo. Además vienen todas las
herramientas empaquetadas en un solo producto, con aplicación visual y sencilla para

10
 XAMPP para Implantación de Aplicaciones Web
Miguel M. Juan Sanjuán

la gestión de todas ellas. Como colofón, recordar que XAMPP es gratuito y no requiere
de licencias ni registros para ser usado. Sin duda es la herramienta perfecta para el
aprendizaje básico de gran parte de los contenidos del módulo.

Una de las ventajas de XAMPP es que de una forma muy sencilla y rápida (no más de 5
minutos) te puedes montar en tu máquina un entorno de desarrollo de cualquier
aplicación web que use PHP y base de datos. En contraposición, la configuración por
defecto de XAMPP tiene algunas deficiencias de seguridad por lo que no es
recomendable usarla como una herramienta para producción, sin embargo con
algunas modificaciones es lo suficientemente seguro para ser usada como servidor de
sitios web en internet. Otras ventajas serían su carácter gratuito y que consume pocos
recursos de sistema. También como desventaja cabría mencionar que el mysql incluído
no se puede subir a un servidor externo.

4. Aplicación Didáctica

En el apartado 2 de este informe se ha detallado cómo XAMPP va a ayudar a los

alumnos a aprender la parte del contenido del módulo. Se podía encontrar que para
prácticamente la totalidad de los casos, se precisa de un SERVIDOR WEB, una BASE DE
DATOS y un LENGUAJES DE SCRIPT, como mínimo. Esto es precisamente el contenido
de XAMPP. El panel inicial, es muy básico y servirá al alumno para arrancar o tumbar
el servidor Apache. Además los alumnos van a disponer de una interfaz web sencilla
que les va a permitir gestionar la base de datos. La programación con PHP se podrá
hacer en cualquier editor de texto como el bloc de notas, si bien existen editores un
poco más avanzados que permitirán al alumno diferenciar los elementos de
programación con colores. Un ejemplo de editor de texto más avanzado es notepad++.

Para llevara a cabo el aprendizaje de los contenidos, al alumno se le puede enseñar a

resolver problemas típicos como el de gestión de inventario. Para solucionarlo se le

11
 XAMPP para Implantación de Aplicaciones Web
Miguel M. Juan Sanjuán

acompañará al alumno en la creación sobre el papel de un esquema de base de datos

en que identifique las tablas y relaciones. Posteriormente, se plasmará en la base de
datos MySQL. Llegados a este punto, se programará en PHP una interfaz web
personalizada en el que podamos insertar nuevas lineas de datos, modificar las ya
existentes, listar las que cumplan cierta condición o borrar alguna/s de ella/s.

5. Conclusiones

Como conclusión, cabe mencionar que XAMPP es sin lugar a dudas la mejor opción
para enseñar la parte del módulo en cuestión. Las herramientas son de fácil instalación
y manejo rápido y sencillo. Además vienen todas las herramientas empaquetadas en
un solo producto, con aplicación visual y sencilla para la gestión de todas ellas. Es
gratuito y no requiere de licencias ni registro. Apache es ligero y fácil de usar. Php está
muy extendido y se parece mucho a otros lenguajes de script populares. Además el
SGBD MySQL está basado en el standard SQL. Es la herramienta perfecta para
aprender a untilizar páginas web dinámicas.

Reconocimiento - NoComercial - CompartirIgual (by-nc-sa): No se permite un uso comercial de la obra original ni de

las posibles obras derivadas, la distribución de las cuales se debe hacer con una licencia igual a la que regula la obra original.

12