Aplicaciones web

PROYECTO 3

CUARTO TRIMESTRE

TITULACION

ADMINISTRACION DE REDES DE COMPUTADORES

INTEGRANTES

YEISON HERRERA BALBIN

SERGIO ALEXIS CANO
JESUS MARIA TABORDA
HUGO ALBERTO ALVAREZ
VICTOR HUGO NARVAEZ
STIVEN MARIN
DAVID ECHEVERRY
JORGE JIMENEZ

GRUPO # 9

SENA
CENTRO DE SERVICIOS Y GESTION EMPRESARIAL
MEDELLIN
2008

1
 Aplicaciones web

INDICE

Pág.

PORTADA
INDICE
INTRODUCCION
JUSTIFICACION 4

OBJETIVO GENERAL 5

OBJETIVOS ESPECIFICOS 5

MANUALDE INSTALACION Y CONFIGURACION DE MEDIAWIKI 6

CONCEPTOS BASICOS 6

Mediawiki 6

Wiki 6

GPL 6

PHP 6

MySQL 6

Apache 7

INSTALACION Y CONFIGURACION 7

Personalizar y administrar nuestra mediawiki 19

CONCLUCION 22

NETGRAFIA 22

2
 Aplicaciones web

INTRODUCCION

Este manual contiene una serie de pasos para la correcta instalación y

configuración de un aplicación basada en un sistema colaborativo “Mediawiki”.
Igualmente en este manual encontremos graficas detalladas de cada punto
realizado para una mejor comprensión.
En el cual ya sea en nuestra empresa o en cualquier lugar podamos publicar y
compartir con usuarios de una red diversos puntos de vista sobre
acontecimientos que ocurren a nuestro alrededor.

3
 Aplicaciones web

JUSTIFICACION

Este trabajo esta hecho con el propósito de implementar un sistema portal

colaborativo, lo cual fomenta la interacción entre comunidades, generando un
aporte en el desarrollo social colaborativo, también pretendemos aportar nueva
información y el modo para satisfacer las necesidades del usuario.

4
 Aplicaciones web

OBJETIVO GENERAL

Fortalecer al aprendiz en la participación y realización de proyectos

académicos formativos.

Involucrar la participación de cada uno de los integrantes sobre el conocimiento

de cada uno de los temas tratados.

Continuar en el proceso de investigación a través del análisis y la

profundización de cada uno de los objetivos a alcanzar.

OBJETIVOS ESPECIFICOS

Montar un servicio de aplicación que cumpla con el objetivo dejar interactuar el

usuario de modo que pueda crear, subir y compartir documentos o todo tipo de
información que le pueda servir a cualquier comunidad.

Instalar servicios que son necesarios para la implementación del servicio

mediawiki como lo son el servidor Web apache, una base de datos
centralizada y robusta como lo es mysql (y la administración grafica de ésta
por medio de phpmyadmin), por ultimo php como lenguaje sobre el cual estará
escrito nuestra portal mediawiki.

Implementaremos características para el administrador del portal dándole a

este las reglas para regir de forma centralizada y concreta toda la información
que los usuarios puedan ofrecer.
los usuarios por otro lado tendrán la capacidad de autenticarse y cumplir con
una serie de normas a seguir implantadas por el administrador.

5
 Aplicaciones web

MANUAL
DE INSTALACION Y CONFIGURACION DE MEDIAWIKI

CONCEPTOS BASICOS

Mediawiki
Es un motor para wikis bajo licencia GPL, programado en PHP usando MySQL
sobre Apache. A pesar de haber sido creado y desarrollado para Wikipedia y
los otros proyectos de la Fundación Wikimedia, ha tenido una gran expansión a
partir de 2005, existiendo gran número de wikis basados en este software que
nada tienen que ver con dicha fundación. La mayoría de ellos se dedican a la
documentación de software o a temas especializados.

Wiki
Un wiki, o una wiki, es un sitio Web cuyas páginas Web pueden ser editadas
por múltiples voluntarios a través del navegador Web. Los usuarios pueden
crear, modificar o borrar un mismo texto que comparten. Los textos o "páginas
wiki" tienen títulos únicos. Si se escribe el título de una "página-wiki" en algún
lugar del wiki, esta palabra se convierte en un "enlace Web" (o "link") a la
página Web.

GPL
Es una licencia creada por la Free Software Foundation a mediados de los 80,
y está orientada principalmente a proteger la libre distribución, modificación y
uso de software. Su propósito es declarar que el software cubierto por esta
licencia es software libre y protegerlo de intentos de apropiación que restrinjan
esas libertades a los usuarios.

PHP
Es un lenguaje de programación interpretado diseñado principalmente para la
creación de páginas Web dinámicas
A diferencia de Java o JavaScript que se ejecutan en el navegador, PHP se
ejecuta en el servidor, por eso nos permite acceder a los recursos que tenga el
servidor como por ejemplo podría ser una base de datos. El programa PHP es
ejecutado en el servidor y el resultado enviado al navegador. El resultado es
normalmente una página HTML pero igualmente podría ser una pagina WML.
Procesamiento de PHP por parte del servidor
Al ser PHP un lenguaje que se ejecuta en el servidor no es necesario que su
navegador lo soporte, es independiente del navegador, pero sin embargo para
que sus páginas PHP funcionen, el servidor donde están alojadas debe
soportar PHP.

MySQL
Es un servidor de bases de datos relacionales basado en SQL, elegido como
soporte de gestión de bases de datos por las siguientes características:

- Capacidad de integración con sistemas abiertos: la integración de entornos de

gestión de contenidos con MySQL como repositorio central de almacenamiento
está en estos momentos tan desarrollada que la combinación de estas piezas

6
 Aplicaciones web

de software trabajando juntas se ha bautizado como LAMP (Linux + Apache +

MySQL + PHP).

- Óptimo para trabajo en red; MySQL implementa todas las funciones y

utilidades de red para adaptarse a cualquier arquitectura cliente(s)/servidor(es)

- Excelentes interfaces de administración para el servidor, tipo phpmyadmin(Es

un software basado en Web usado para crear y administrar o mantener bases
de datos en mysql)

Apache
Apache Web Server, es un servidor de páginas Web desarrollado por la Apache
Software Fundation, organización formada por miles de voluntarios que
colaboran para la creación de software de libre distribución

INSTALACION Y CONFIGURACION

Lo primero que haremos es instalar los paquetes necesarios anteriormente

mencionados, desde los repositorios estándar de debían y a continuación
ejecutamos el siguiente comando.

# apt-get install apache2 mysql-server php5 phpmyadmin mediawiki

Después vamos al archivo

/etc/php5/apache2/php.ini
Donde podremos personalizar una serie de parámetros para nuestra wiki

Vamos a la directiva
sql.safe_mode = Off
Para activar el modo seguro cambiamos a (on).

memory_limit = 20M
Limite máximo de secuencia de comandos que la memoria del servidor apache
puede consumir
Luego descomentamos las siguientes líneas.
extension = mysql.so
extension = gd.so

A continuación reiniciamos el apache

/etc/init.d/apache2 restart

Como Debían instaló a mediawiki en /var/lib/ y el directorio root de apache es

/var/www/, debemos crear un enlace simbólico para que éste se pueda ver
desde internet.
ln -s /var/lib/mediawiki-1.7 /var/www/wiki

Ahora ya podemos ingresar al portal wiki por medio del navegador para su
configuración.
http://localhost/mediawiki

7
 Aplicaciones web

Damos clic en el link setup the wiki y para configurar los datos necesarios
para cargar el sitio.

El instalador hará una serie de comprobaciones iniciales para comprobar que

nuestro servidor cumple los requisitos necesarios para instalar la aplicación.
Entre otras cosas, comprobará que la versión de PHP es la correcta y que
disponemos de gestor de bases de datos MySQL.

Si todo está correcto veremos el mensaje: ‘Enviroment Checked’ que

podríamos traducir como ‘Comprobaciones correctas’.
Si nuestro servidor no satisface los requisitos, no podremos instalar MediaWiki.
En tal caso, habrá que actualizar o instalar las aplicaciones que nos indique.

8
 Aplicaciones web

Ahora entraremos a configurar el site config en éste apartado tendremos que

llenar los siguientes parámetros:

Wikiname: Nombre del sitio. Aparecerá en muchos lugares.

Contact-email: e-mail del administrador. Aparecerá en muchos lugares.
Language: Idioma
Copyright/license: Tipo de licencia. Se refiere a si los contenidos van a tener
copyright o por el contrario, cualquiera tendrá derecho a copiarlos.
Admin username/password: Nombre del usuario administrador de la
MediaWiki y su contraseña. Es muy importante recordar este usuario y esta
contraseña ya que de lo contrario no podremos administrar posteriormente la
MediaWiki.
Shared memory caching: Si deseamos activar el sistema de cacheo de
páginas para acelerar el sitio cuando el número de usuarios es muy elevado.

9
 Aplicaciones web

Configuración del la notificación por email (Email, email notification and

autentification setup)

MediaWiki permite interactividad mediante correo electrónico. Entre otras

cosas, permite que los usuarios se envíen correos electrónicos entre sí.
También envía correos automáticos cuando se han actualizado/modificado las
páginas que nosotros hayamos introducido en nuestra lista de seguimiento.
Para utilizar las funciones de email de MediaWiki, es necesario disponer de un
servidor SMTP para el envío de correos electrónicos.
En nuestro caso deshabilitaremos las funciones de email.

10
 Aplicaciones web

Configuración de la base de datos (Database config)

Por último ya solo nos queda configurar los aspectos relacionados con la base
de datos.

Database type: tipo de base de datos.

Database host: PC que tiene la base de datos. En nuestro caso el mismo
(localhost ó 127.0.0.1, es decir, nuestro PC)
Database name: Nombre de la base de datos.
DB username: Nombre de usuario que utilizará MediaWiki para el acceso a la
base de datos.
DB password: Contraseña para acceso a la base de datos.
DB password confirm: Repetimos la contraseña.
Superuser account: Administrador de la base de datos. Suele ser root.
Superuser password: Contraseña. En blanco si no la hemos establecido.

11
 Aplicaciones web

Podemos ingresar por medio del navegador Web al administrador de bases de

datos anteriormente instalado phpmyadmin con la siguiente dirección.
http://localhost/phpmyadmin/ y cómo podemos observar la base de datos fue
creada exitosamente.

12
 Aplicaciones web

Cuando se crea una base de datos en mysql por defecto el usuario

administrador es el root y no se necesita contraseña, porque no la hemos
establecido.

Ya estando allí buscaremos las bases de datos que hay hasta el momento en el
sistema. Damos doble clic en la opción base de datos.

13
 Aplicaciones web

Y como podemos observar la base de datos (database) creada anteriormente,

en las configuraciones de la mediawiki se encuentra creada correctamente con
el nombre que le especificamos.

14
 Aplicaciones web

Ahora iremos a la pestaña privilegios

Aquí podremos ver un entorno global de los usuarios y sus privilegios con
respecto a la diversidad de bases de datos.

15
 Aplicaciones web

Desde esta aplicación se pueden hacer un sin fin de configuraciones para

administrar nuestras bases de datos de forma grafica.

Volviendo a la configuración de la mediawiki para finalizar damos clic en

install mediawiki
Una vez instalado toda la aplicación comenzara con el proceso de creación de
la base de datos y demás aspectos necesarios para la puesta en marcha de la
mediwiki.

16
 Aplicaciones web

Luego damos clic en your wiki.

Y a continuación nos aparecerá una advertencia que para poder completar la
instalación es necesario mover el archivo LocalSettings al directorio padre.

17
 Aplicaciones web

Vamos a la terminal y ejecutamos el siguiente comando.

mv config/LocalSettings.php /var/lib/ mediawiki1.7/

Después de colocar el archivo en su sitio, podremos acceder por nuestro

navegador a la mediawiki con la siguiente dirección http://localhost/mediawiki y
de este modo podremos ver la portada de nuestra mediawiki.

18
 Aplicaciones web

Personalizar y administrar nuestra mediawiki

Podremos realizar otra serie de configuraciones que nos ayudaran a

personalizar nuestra mediawiki

Habilitaremos y deshabilitaremos en el archivo LocalSettings unos parámetros

para cambiar a publicación abierta
Vamos a:

pico /var/lib/mediawiki1.7/LocalSettings.php

Y allí agregamos la siguiente directiva para evitar mostrar la ip del servidor que
presta el servicio
$wgShowIPinHeader = false;

También agregaremos las siguientes directivas para evitar que los usuarios
anónimos puedan tener permisos de lectura escritura
$wgWhitelistRead = array ("Main Page", "Special:Userlogin", "Wikipedia: Help");
$wgWhitelistRead = array ( "Especial:Userlogin", "MiWiki:Ayuda");

19
 Aplicaciones web

A continuación personalizaremos nuestro logo

Copiamos el archivo con la imagen que queramos poner en:

cp /home/sena/Desktop/nombre de la imagen.png
/var/lib/mediawiki1.7/skins/common/images/

Cambiamos el nombre de la imagen en:

pico /var/lib/mediawiki1.7/LocalSettings.php

$wgLogo = "$wgStylePath/common/images/nombredelaimagen.png";

Cambiamos el nombre de la imagen también en:

pico /var/lib/mediawiki1.7/includes/DefaultSettings.php

$wgLogo = "{$wgUploadPath}/nombredelaimagen.png";

Ajustamos el tamaño en: (es necesario cambiar todos los valores en px, en
este ejemplo serían todos los 207px)

pico /var/lib/mediawiki1.7/skins/monobook/main.css
}
#column-one { padding-top: 207px; }
#p-logo {
z-index: 3;
position:absolute; /*needed to use z-index */
top: 0;
left: 0;
height: 207px;
width: 12em;
overflow: visible;
}
#p-logo h5
#p-logo a,
#p-logo a:hover {
display: block;
height: 207px;
width: 12.2em;
background-repeat: no-repeat;
background-position: 35% 50% !important;
text-decoration: none;
}

20
 Aplicaciones web

Como podemos ver el logo ya hace parte de nuestra portal wiki

Por último habilitaremos algunas opciones para subir documentos

Editamos el fichero de configuración "LocalSettings.php" debemos cambiar el

valor falso de la variable:
$wgEnableUploads = true;

Como por defecto sólo se admiten imágenes en .png y audio en .ogg, debemos
añadir todas las extensiones que queramos soportar:
$wgFileExtensions = array( 'png','jpg','jpeg','ogg','pdf','txt','sxw','sxc','sxi' );

21
 Aplicaciones web

CONCLUSION

Con este manual logramos comprender el funcionamiento de las diferentes

aplicaciones mediante un proceso de funcionamiento con lo que tuvimos
diversos puntos de vista acerca de la aplicación mas conveniente y el modo
por el cual nos ayudara a exponer, opinar y administrar diferentes
características que facilitaran tanto el aprendizaje del administrador como del
usuario consultante

NETGRAFIA

http://www.google.com

http://es.wikipedia.org

http://observatorio.cnice.mec.es

22