UNIVERSIDAD AUTONOMA DEL ESTADO DE MEXICO CENTRO UNIVERSITARIO DEL VALLE DE MEXICO

DISEO DE SISTEMAS INSTALACIN, CREACIN DE PAGINA WEB Y VINCULACIN DE BASE DE DATOS EN JOOMLA 1.5

INTEGRANTES: DAMAZO VALENCIA EVELIN OBDULIA CARDOSO DIAZ CESAR FERNANDO. HERNANDEZ HERNANDEZ SERGIO. RODRIGUEZ TERAN ISRAEL.

INGENIERIA EN COMPUTACIN 9 SEMESTRE 9 / 12 / 2011

~1~

INDICE
INTRODUCCIN ------------------------------------------------------------------------------------------------ 3

QUE ES JOOMLA ----------------------------------------------------------------------------------------------- 4

APLICACIONES EN JOOMLA ------------------------------------------------------------------------------ 6

INSTALACIN DE FTP FILEZILLA Y JOOMLA 1.5 ---------------------------------------------------

IMPLEMENTACIN DE PLANTILLAS -------------------------------------------------------------------

IMPLEMENTACIN DE FOTOGRAFAS ---------------------------------------------------------------

UTILIZACIN DE CALENDER -----------------------------------------------------------------------------

UTILIZACIN DE CHAT ------------------------------------------------------------------------------------

UTILIZACIN DE MYSQL ----------------------------------------------------------------------------------

UTILIZACIN DE PHP. -------------------------------------------------------------------------------------

~2~

INTRODUCCIN En el siguiente manual se explicara de manera detallada la creacin de

~3~

CAPITULO 1 QUE ES JOOMLA 1.5 Es un potente gestor de contenidos web (CMS o Content Management System) que permite crear sitios web elegantes, dinmicos e interactivos, que tambin puede ser utilizado independientemente. Por su diseo, potencia, flexibilidad y por sus enormes posibilidades de ampliacin se est convirtiendo en el sistema de publicacin preferido por muchos centros educativos y por millones de webmasters en todo el mundo para desarrollar su portal web. Con Joomla se puede crear en poco tiempo un completo portal para un centro escolar o una web docente en la que publicar noticias, blogs, directorios de enlaces o documentos para descargar sin necesidad de conocimientos tcnicos especiales o de complejos lenguajes de programacin. A partir de una plantilla y de unos contenidos de ejemplo iniciales podemos desarrollar un vistoso y completo portal aadiendo los contenidos, mens y elementos visuales deseados a travs de un entorno web y sin necesidad de programas auxiliares ni de conocimientos especiales de diseo o de programacin ya que todas estas operaciones de edicin y administracin se realizan a travs de cualquier navegador. Es una aplicacin de cdigo abierto programada mayoritariamente en PHP bajo una licencia GPL. Este administrador de contenidos puede trabajar en Internet o intranets y requiere de una base de datos MySQL, as como, preferiblemente, de un servidor HTTP Apache.

PREREQUISITOS. En el tutorial se manejara la versin de software: Joomla! 1.5.23 Stable MySQL 5.0.22 Windows 7 (32 bits)

~4~

INSTALACIN Y CONFIGURACIN DEL SERVIDOR FTP (FILEZILLA). (PROTOCOLO DE TRANSFERENCIA DE ARCHIVOS).

Esta aplicacin permitir vincular las carpetas que conforman joomla, para as poder subir al servidor gratuito los archivos necesarios para su correcta instalacin, ya que sin la ayuda de este FTP no se podrn subir carpetas completas al servidor.

Para

utilizar el protocolo FTP se deben de ingresar los datos necesarios para que pueda

conectarse con el servidor y as poder alojar los archivos necesarios, en este caso ser: Nombre de usuario FTP: bdroel Contrasea de FTP: la que hemos definido hace unos instantes Ruta a la carpeta de Joomla desde la raz FTP: /

Configuracin del servicio FTP

Figura 1. Interfaz de ftp FileZilla.

DATOS PARA LA SINCRONIZACIN ENTRE EL SITIO WEB Y ARCHIVOS LOCALES

Para la sincronizacin del sitio web y los archivos locales se deber seleccionar la carpeta de joomla1.5.23-Spanish-pack_completo y posterior mente en la inferior de la agregar al sitio.

pantalla mostrara los archivos que se tienen para

~5~

Ahora en la opcin de la izquierda del sitio local ,se

selecciona la

carpeta de

joomla1.5.23-Spanish-pack_completo.Tras ello seleccionar todas las carpetas contenidas para agregarlas a nuestro sitio.

Figura 2. Se seleccionan los archivos en el FTP para visualizarlos

Figura 3. Subir datos al servidor

~6~

INSTALACIN DE JOOMLA! 1.5.23 Para instalar Joomla se ingresa a la URL(Localizador Uniforme de Recursos) del host gratuito que se encuentra en la pgina empresaroel.webcindario.com. En la parte izquierda mostrara los pasos que se deben seguir para una correcta instalacin. Paso 1.Seleccionar el idioma ,se desplaza una maneja .Tendr que seleccionar el que prefiera barra con los idiomas que se

Figura 4. Seleccin del idioma

. Paso 2.Joomla Realiza la comprobacin del sistema de instalacin: los requisitos mnimos para la

~7~

Figura 5. Comprobacin de requisitos del sistema.

Paso 3. Muestra los trminos Siguiente para continuar.

de la licencia que se tendrn que aceptar

pulsando el batn

Figura 6. Aceptacin de los trminos de licencia.

Paso 4. Configuracin de la base de datos. Para poder tener conexin con la base de datos se ingresan los trminos que se piden como son:

Conforme se configura MySQL en pasos anteriores, los datos a introducir debern ser: Tipo de base de datos: mysql Nombre del servidor: mysql.webcindario.com Nombre del usuario: bdroel Contrasea: asignada por el usuario Nombre bdroel de la base de datos:

~8~

Paso 5. Configuracin de ftp Este protocolo de red para la transferencia de archivos entre sistemas conectados a una red TCP (Transmission Control Protocol), Ayudara acceder a los archivos de joomla

Habilitar la capa de FTP para poder acceder a los archivos de Joomla! mediante este protocolo.

Figura 8. Configuracin de FTP

Nota: En la instalacin de Joomla se deshabilitara el acceso al sistema de ficheros por FTP.

Paso 6. Finalizar instalacin

~9~

Par poder tener una instalacin correcta en JOOMLA 1.5.23. FINALIZAR LA INSTALACIN

se tendr que eliminar la carpeta que esta

Para finalizar correctamente la instalacin, se tiene que eliminar el directorio JOOMLA 1.5.23 De esta manera no se podr repetir accidentalmente o malintencionadamente la instalacin. AREA DE TRABAJO EN JOOMLA 1.5.23

PAGINA PRINCIPAL DE JOOMLA Se acceder a Joomla! La pgina inicial del portal es http://localhost/joomla para poder trabajar.

Figura 9. Pagina inicial de Joomla con contenido de ejemplo

Para poder ingresar y el Password.

a Joomla

como administrador se tendrn que ingresar el nombre del usuario

~ 10 ~

Figura 10. Pantalla de login de la consola de administracin.

APLICACIONES EN JOOMLA Al igual que otros CMS (sistema administrador de contenido), Joomla! es un sistema "administrado". El administrador o administradores acceden con su clave desde cualquier ordenador conectado a Internet a un panel de control desde el que realizan todas las operaciones, incluidas las relacionadas con la instalacin de nuevos componentes y mdulos en el sistema. Al igual que otros gestores de contenidos, Joomla! permite la participacin de varios autores en el desarrollo y mantenimiento del sistema gracias a la posibilidad de asignar diferentes niveles de uso y administracin a diferentes usuarios. Con ello se puede hacer una gestin colaborativa a la vez que controlada del sitio web y conseguir un mejor reparto de funciones y responsabilidades que estimule la participacin. El sistema de gestin de usuarios de Joomla! nos permite tambin restringir al acceso a determinados contenidos a usuarios con permisos especiales. La facilidad para editar y organizar los contenidos es otra de las grandes virtudes de los sistemas CMS como JOOMLA 1.5.23. Adems de pginas de contenido esttico para la informacin que sea ms estable y permanente podemos aadir artculos agrupados en secciones y categoras temticas que permiten su clasificacin y que ofrecen diferentes opciones para su presentacin: en forma de lista o ndice, en forma de blog, en una o ms columnas, etc.

~ 11 ~

Para facilitar la edicin de artculos o pginas de contenido, Joomla! dispone de un editor visual con una barra de herramientas semejante a la de los procesadores de textos con las que se puede dar formato al contenido, aadir imgenes, insertar hipervnculos, etc. Los administradores disponen tambin de un Gestor Multimedia con el que pueden subir fcilmente imgenes, archivos y otros elementos multimedia al servidor para luego insertarlos en las pginas y artculos de contenido. Otra caracterstica importante de los gestores de contenido como Joomla! es que con ellos diseo y contenido se manejan de forma independiente. La esttica del portal se basa en plantillas o templetes prediseadas que nos permiten modificar en cualquier momento el aspecto visual del sitio sin tener que dar de nuevo formato al contenido. Basta con seleccionar una plantilla diferente en el Gestor de plantillas para variar con un solo clic de ratn los colores, tipografas, fondos o la distribucin de las zonas de contenido en la pgina. Adems podemos personalizar fcilmente las plantillas disponibles para adaptar su diseo a nuestros gustos y necesidades o podemos tambin instalar nuevas plantillas eligiendo entre las ms de mil que podemos encontrar listas para su descarga gratuita en Internet. Adems de aadir pginas a nuestra web o de publicar artculos de noticias, con Joomla podemos gestionar otras muchas funcionalidades y tipologa de contenidos. El sistema incorpora de serie una serie de componentes que nos permiten, entre otras muchas cosas como: Insertar y administrar la publicacin de anuncios grficos o banners Realizar encuestas en lnea a los visitantes o usuarios de nuestra web Distribuir nuestras noticias en formato RSS Sindicar noticias externas procedentes de otros sitios que dispongan de un canal RSS Habilitar formularios de contacto para que visitantes y/o usuarios puedan enviar mensajes a los administradores y otros usuarios de la web. Enviar con un solo clic mensajes masivos a todas las personas registradas en el sistema.

~ 12 ~

IMPLEMENTACIN DE PLANTILLAS

IMPLEMENTACIN DE FOTOGRAFAS

UTILIZACIN DE CALENDER

UTILIZACIN DE CHAT

UTILIZACIN DE MYSQL

UTILIZACIN DE PHP.

~ 13 ~

~ 14 ~