12
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: Rosana Caraballo Integrantes: Á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

Documento página web propuesta ub vfinalangelisabel

Embed Size (px)

DESCRIPTION

Portafolio Digital Doctorado innovaciones educativas Manual diseñado para la propuesta a la UBV

Citation preview

Page 1: Documento página web propuesta ub vfinalangelisabel

REPÚBLICA BOLIVARIANA DE VENEZUELAUNIVERSIDAD NACIONAL EXPERIMENTAL POLITÉCNICA

DE LA FUERZA ARMADA NACIONAL UNEFACENTRO 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: Rosana Caraballo

Integrantes:Ángel Fuentes C.I. 6.869.872Isabel Avendaño C.I. 6.870.597Carlos de la Cruz C.I. 12.664.336Carlos Vásquez C.I. 9.887.634Víctor Villarroel C.I. 12.151.479

Caracas, julio de 2012

Page 2: Documento página web propuesta ub vfinalangelisabel

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.

Page 3: Documento página web propuesta ub vfinalangelisabel

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:

Page 4: Documento página web propuesta ub vfinalangelisabel

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:

Page 5: Documento página web propuesta ub vfinalangelisabel

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:

Page 6: Documento página web propuesta ub vfinalangelisabel

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:

Page 7: Documento página web propuesta ub vfinalangelisabel

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.

Page 8: Documento página web propuesta ub vfinalangelisabel

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”.

Page 9: Documento página web propuesta ub vfinalangelisabel

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

Page 10: Documento página web propuesta ub vfinalangelisabel

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:

Page 11: Documento página web propuesta ub vfinalangelisabel

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=iaPiT87RC6m80QH7rdHNAw&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=R5viT66bH-6H0QGlprjNAw&ved=0CDIQ6AEwAA#v=onepage&q=concepto%20pagina%20web&f=false. Fecha de Consulta: [13-07-2012].

Page 12: Documento página web propuesta ub vfinalangelisabel