Este documento presenta una propuesta para crear una página web institucional utilizando el sistema de gestión de contenidos (CMS) Joomla bajo software libre. La página web permitiría a la institución compartir información en línea con la comunidad y el público en general. Se propone alojar la página en un hosting privado y administrarla de forma remota utilizando herramientas libres como Apache, MySQL, PHP y el programa XAMPP para el desarrollo local. El documento explica el proceso de instalación de estas herramientas y

1. REPÚBLICA BOLIVARIANA DE VENEZUELA
UNIVERSIDAD NACIONAL EXPERIMENTAL POLITÉCNICA
DE LA FUERZA ARMADA NACIONAL UNEFA
CENTRO DE INVESTIGACIONES Y DE POSTGRADO
INNOVACIONES EDUCATIVAS Y LAS TECNOLOGÍAS DE LA
COMUNICACIÓN Y LA INFORMACIÓN
MANUAL
DISEÑO DE PÁGINA WEB EN JOOMLA
Profesora: Integrantes:
Rosana Caraballo Ángel Fuentes C.I. 6.869.872
Isabel Avendaño C.I. 6.870.597
Carlos de la Cruz C.I. 12.664.336
Carlos Vásquez C.I. 9.887.634
Víctor Villarroel C.I. 12.151.479
Caracas, julio de 2012

2. Propuesta: Página Web en Joomla:
La propuesta está orientada a brindar a la Institución la posibilidad de poder disponer
información en línea a toda la comunidad de la Institución y a la humanidad, ya que al
poseer una página Web, la institución tendrá una representación visual a nivel Mundial,
la página Web, según Rodríguez (2017), señala que “Una página web son un medio
para transmitir información, la cual se crea con un lenguaje especial llamado HTML
(Hipertext Markup Language, lenguaje de etiquetado hipertextual)”, la propuesta
estaría desarrollada por medio de la utilización de herramientas creadas bajo software
libre, es decir herramientas que están disponibles en la web, las podemos descargar,
instalar, distribuir sin tener que pagar nada a nadie por su uso, tal como es definido en el
“Decreto 3390” (2004), “Software Libre: Programa de computación cuya licencia
garantiza al usuario acceso al código fuente del programa y lo autoriza a ejecutarlo con
cualquier propósito, modificarlo y redistribuir tanto el programa original como sus
modificaciones en las mismas condiciones de licenciamiento acordadas al programa
original, sin tener que pagar regalías a los desarrolladores previos”, en este sentido la
pagina web propuesta será desarrollada con el CMS, Sistema manejador de contenidos
JOOMLA.
Según García (2007), “Un sistema de gestión de contenidos (en inglés Content
Management System, abreviado CMS) son un conjunto de herramientas que se
sustentan sobre una base de datos y permiten la creación y gestión de documentos
Web”.
Esto se refiere a que un CMS en una interfaz que controla una o varias bases de datos
donde se aloja el contenido del sitio web. Este software permite manejar de manera
independiente el contenido y el diseño. Así, es posible manejar el contenido y darle en
cualquier momento un diseño distinto al sitio web sin tener que darle formato al
contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio a
varios editores o responsables por mantener actualizado la Página web.
En este sentido un CMS, considerado de gran capacidad de rendimiento y facilidad de
implementación, configuración y desarrollo es el JOOMLA, tal como lo indica Harwani
(2010) “Joomla, es un sistema de gestión de contenidos (CMS), que destaca por su
sencillez y rapidez”, Este CMS permite integrar, añadir o editar el contenido de un sitio
Web de manera sencilla. Hoy por hoy es un producto muy utilizado en la
Administración Pública Nacional, así como Universidades y organizaciones sin fines de
lucro. Es una herramienta libre.
La pagina Web, contendría un diseño o plantilla acorde a la propuesta de acuerdo a lo
que los estudiantes deseen presentar en ella, es decir: Publicación de contenidos por los
profesores, descargas de manuales, guías, foros, información general de las
planificaciones académicas así como eventos y noticias de interés para toda la
comunidad de la universidad.

3. Motivado a que dentro de las instalaciones no existe una plataforma tecnológica
adecuada, sería implementada en un alojamiento privado (Basado en esto no
necesariamente debemos implementarlo en las instalaciones del instituto), como el que
ofrece: http://caracashosting.com/, lo cual cancelando una anualidad muy baja, podemos
alojar la pagina Web, y así lograr tener un apuntalamiento en la red de redes.
La administración de la página se efectuaría de forma remota, desde la institución, hasta
el lugar privado seleccionado para su alojamiento.
Herramientas libres que se deben instalar en el servidor donde se va a alojar el
sitio Web:
Las herramientas que se deben instalar, para convertir el servidor en un Servidor Web,
son las siguientes:
Apache: Herramienta que activa que el servidor sea un servidor Web.
MySQL: Sistema manejador de base de datos, utilizado para almacenar todos los
valores que se van a considerar en la página Web.
Phpmyadmin: Herramienta grafica para acceder a la administración de la base de datos
de la pagina Web.
En la actualidad existen programas que permiten instalar automáticamente en un
computador (Localmente), todas estas herramientas de forma simultánea, para así poder
efectuar los trabajos de diseño, desarrollo y pruebas del sitio Web propuesto, una de
ellas se llama XAMMP.
Instalando el programa XAMMP:
Lo primero que debemos hacer es buscar el archivo que posee la herramienta a instalar,
tal como se visualiza en la siguiente pantalla:

4. Luego de accionar clic, sobre el archivo xammp_start.exe, aparecen un conjunto de
pantallas sobre las cuales, sólo se le debe accionar clic en el botón siguiente, tal como lo
podemos observar en las siguientes pantallas:

5. En esta última pantalla, podemos observar que ya esta instalado el programa
XAMMP y además notaremos que tenemos corriendo satisfactoriamente el
servicio de Apache y el sistema manejador de base de datos MySQL.
Luego de haber instalado el Xampp. Podemos comprobar si el apache esta
funcionando correctamente. Abriendo el navegador de su preferencia. Aunque
es bueno recomendar a todos los usuarios el uso del Mozilla Firefox y aún más
a los desarrolladores de software ya que este navegador posee características
adicionales que podemos aprovechar en su debido momento.
Procedemos a abrir el navegador (Mozilla firefox de ahora en adelante). Y en la
barra de navegación escribimos lo siguiente: http://localhost, tal como lo
podemos observar en la siguiente pantalla:

6. Una vez que se instala este programa y comprobado que el servidor Web
Apache funciona correctamente, debemos proceder a instalar nuestro servidor
local el CMS Joomla (un sistema gestor de contenidos dinámicos (CMS o
Content Management System) que permite crear sitios web de alta
interactividad, profesionalidad y eficiencia), tal como aparece en la siguiente
pantalla, el archivo se llama install.php:

7. No debemos preocuparnos por todo lo que aparece en rojo, ya que eso son
sólo detalles de advertencias o avisos que la aplicación indica. En el instalador
pulsamos sobre siguiente.
A continuación nos aparece la licencia. Pulsamos sobre siguiente.
En la nueva ventana, debemos proporcionar los datos de nuestra base de
datos.

8. Deberemos introducir los siguientes datos:
- Nombre de servidor: es el dominio del servidor. En nuestro caso “localhost“.
- Nombre del usuario MySQL: es el nombre de usuario con el que accedemos a
nuestra base de datos. En nuesto caso, “root“.
- Contraseña MySQL: es la contraseña de acceso a nuestra base de datos.
- Nombre de la base da datos MySQL: Es el nombre de la base de datos en la
que se introducirán todas las tablas. En nuestro caso, ponemos “ubv” (ahora
explicaremos como crear la base de datos).
- Prefijo de la tabla MySQL: es el prefijo de la base de datos. Lo dejamos tal y
como viene: “jos_”
Ahora desmarcamos la casilla “Instalar datos de ejemplo” (en el caso de que no
los queramos) y hacemos lo siguiente antes de pulsar sobre “siguiente”:
Ahora aparecerá otra ventana en la que simplemente introducimos nuestra
dirección de e-mail y modificamos la contraseña que nos muestra. Todos los
demás campos los dejamos tal y como se muestran. Pulsamos de nuevo sobre
“Siguiente”.

9. Finalmente aparece la siguiente pantalla como constancia que la instalación
culmino satisfactoriamente:
Una vez que se culmina la instalación, del programa Joomla, podemos
comprobar si la base de datos esta funcionando correctamente, para ello
procedemos a ejecutar lo siguiente:
Acceder al phpmyadmin de nuestro servidor local. Para ello, abrimos una
nueva ventana o pestaña de nuestro navegador y ponemos la siguiente

10. dirección url: http://localhost/phpmyadmin/, tal como lo podemos observar en la
siguiente pantalla:
En esta pantalla, podemos observar nuestra base de datos que ya esta
instalada y configurada, en nuestro sistema manejador de base de datos.
Una vez comprobado esto podemos iniciar nuestro proceso de diseño y
administración de nuestro sitio Web, accediendo a la sección de administración
del Joomla, para ello debemos ejecutar lo siguiente:
Debemos escribir en nuestro Browser preferido:
http://localhost/ubv/administrator/
Aparece la siguiente pantalla:
En esta pantalla, debemos colocar nuestra usuario y clave: en nuestro caso;
usuario: ******, clave: ******, aparece entonces la siguiente pantalla de
administración de nuestro sitio Web:

11. Referencias:
CNTI (2011). Disponible: http://asl.mct.gob.ve/index.php?
option=com_content&view=article&id=83&Itemid=123 Fecha de Consulta: [13-07-
2012].
Harwani, Bintu (2010). Jommla. Disponible: http://books.google.co.ve/books?
id=1FbZSAAACAAJ&dq=inauthor:%22Bintu+Harwani
%22&hl=es&sa=X&ei=MKfiT5zmHenF0QGY6oyxAw&ved=0CDUQ6AEwAA.
Fecha de Consulta: [13-07-2012].
López García, José (2007). La consolidación de la voz del ciudadano. Disponible:
http://books.google.co.ve/books?
id=Lx4vWYiS_PwC&pg=PA68&dq=sistema+gestion+contenidos&hl=es&sa=X&ei=ia
PiT87RC6m80QH7rdHNAw&ved=0CD0Q6AEwAQ#v=onepage&q=sistema
%20gestion%20contenidos&f=false. Fecha de Consulta: [13-07-2012].
Rodríguez, Abel (2007). Iniciación a la RED Internet. Disponible:
http://books.google.co.ve/books?
id=LqOrFcXk0QAC&pg=PA16&dq=concepto+pagina+web&hl=es&sa=X&ei=R5viT6
6bH-6H0QGlprjNAw&ved=0CDIQ6AEwAA#v=onepage&q=concepto%20pagina
%20web&f=false. Fecha de Consulta: [13-07-2012].