I. RESULTADOS DE APRENDIZAJE

Que el estudiante sea capaz de:

• Crear la instalación de manera local de Mediawiki

• Realizar la configuración de la instalación

• Cambiar opciones de apariencia del Mediawiki

II. INTRODUCCIÓN

Como “internautas” solemos navegar y recorrer la web en busca de información relevante para

nuestras actividades. Así es como encontramos páginas web que nos resultan de interés y de las

cuales quisiéramos recibir las novedades o simplemente estar informados cuando se realice una

actualización.

En el entorno web 2.0 los usuarios actúan de distintas maneras: en la forma tradicional y pasiva,

navegando a través de los contenidos, o en forma activa, creando y aportando sus contenidos.

Para los que se deciden por la segunda actitud, es probable que la herramienta que más

cómodamente les permita accionar sea el wiki. En un wiki, cualquier usuario puede aportar la

definición de un término y cualquier otro puede corregirlo, transformando al usuario de un mero

consumidor a un co-desarrollador.

¿Qué es un wiki?

Un «wiki» es un sitio web cuyas páginas pueden ser creadas y editadas por cualquier usuario

(aunque no tenga conocimientos de informática) utilizando únicamente un navegador web. Los

usuarios pueden crear, modificar o borrar un mismo texto que comparten.

La aplicación de mayor importancia y a la que le debe mayor fama hasta el momento ha sido la

creación de enciclopedias colaborativas.

Orígenes

El primer wiki fue creado por Ward Cunningham quien también inventó su nombre a partir del

término hawaiano wikiwiki que significa «rápido». Lo que pretendía Cunningham es que varias

UNIVERSIDAD DON BOSCO

FACULTAD DE INGENIERIA

ESCUELA DE COMPUTACIÓN

Ciclo I

Desarrollo de aplicaciones web con Gestores de Contenidos

Guía N° 9

Instalación y configuración de Mediawiki

2

personas pudieran introducir información desde distintos puestos de trabajo. Diseñó entonces, en

marzo de 1995 lo que se denominó WikiWikiWeb, que con el tiempo se abrevió Wiki.

Página wiki vs. El wiki

Una página wiki cualquiera es llamada página wiki, mientras que al conjunto de páginas

(normalmente interconectadas mediante hipervínculos) es el wiki. Es mucho más sencillo y fácil

de usar que una base de datos.

Principales características de un Wiki

• Publicación de forma inmediata utilizando sólo un navegador web (ej. Explorer, Firefox,

Mozilla, etc.), sin necesidad de ningún software extra o plug-in.

• Control del acceso y de permisos de edición. Pueden estar abiertos a todo el mundo o sólo

a aquellos que invitemos.

• Que quede registrado quién y cuándo se ha hecho la modificación en las páginas del wiki,

por lo que es muy fácil hacer un seguimiento de intervenciones.

• Acceso a versiones previas a la última modificación, así como su restauración, es decir

queda almacenado y con posible acceso todo lo que se va guardando en distintas

intervenciones y a ver los cambios hechos, lo que permite en determinado momento

regresar a una versión anterior para corregir errores o simplemente deshacer los cambios

que se realizaron de forma malintencionada.

• Algunos tipos de wikis permiten a los usuarios indicar un pequeño resumen cuando editan

una página, en el que indican los cambios introducidos. Aunque no sea visualizado con el

artículo, sí que son almacenados en la revisión de esa página, con lo cual facilita a los

usuarios explicar en qué ha consistido el cambio, y por qué.

• Subir y almacenar documentos y todo tipo de archivos que se pueden enlazar dentro del

wiki para que los usuarios los utilicen (imágenes, documentos PDF, etc.).

• Enlazar páginas exteriores e insertar audios, vídeos, presentaciones, etc.

• Un wiki no tiene un diseño especialmente cuidado. Al contrario, existe un proceso de

creación y colaboración que constantemente cambia el formato del sitio web.

• La interfaz proporcionada a los usuarios para crear o modificar contenidos está basada en

los editores WYSIWYG para una mayor facilidad de edición.

Vincular y crear páginas Wiki

Los wikis son un auténtico medio de hipertexto, con estructuras de navegación no lineal. Cada

página contiene un gran número de vínculos a otras páginas. En grandes wikis existen las páginas

de navegación jerárquica, normalmente como consecuencia del proceso de creación original, pero

no es necesario usarlas.

Los vínculos se usan con una sintaxis específica, el «patrón de vínculos».

3

WIKITEXTO

A la hora de escribir en un wiki, se utiliza un lenguaje de marcado simplificado, conocido a veces

como wikitexto.

El estilo y sintaxis de este wikitexto puede variar entre diferentes wikis, y a veces se permiten las

etiquetas HTML.

En el siguiente ejemplo se pueden apreciar algunas diferencias entre la sintaxis de MediaWiki, su

equivalente en HTML y el resultado final.

Sintaxis MediaWiki Equivalente HTML Salida

"Take some more [[tea]],"

the March Hare said to

Alice, very earnestly.

"I've had '''nothing''' yet,"

Alice replied in an offended

tone, "so I can't take more."

"You mean you can't take

''less''?" said the Hatter. "It's

very easy to take ''more''

than nothing."

<p>"Take some more <a

href="/wiki/Tea"

title="Tea">tea</a>," the

March Hare said to Alice,

very earnestly.</p>

<p>"I've had <b>nothing</b>

yet," Alice replied in an

offended tone, "so I can't take

more."</p>

<p>"You mean you can't take

<i>less</i>?" said the Hatter.

"It's very easy to take

<i>more</i> than

nothing."</p>

"Take some more tea," the

March Hare said to Alice,

very earnestly.

"I've had nothing yet,"

Alice replied in an

offended tone, "so I can't

take more."

"You mean you can't take

less?" said the Hatter. "It's

very easy to take more

than nothing."

Software para Wikis

Existen varios programas, generalmente scripts de servidor en Perl o PHP, que implementan un

wiki. Con frecuencia, suelen utilizar una base de datos, como MySQL. Suelen distinguirse por

dos criterios:

1. Destino: para uso personal, para intranets, para la web, etc.

2. Funcionalidad: pueden o no mantener historiales, tener opciones de seguridad, permitir

subir archivos, tener editores visuales WYSIWYG, etc.

Algunos de los más utilizados son:

• UseModWiki: el más antiguo, escrito en Perl.

• MediaWiki: utilizado en todos los proyectos de Wikimedia. Basado en PHP y MySQL.

• PhpWiki: basado en UseMod. Escrito en PHP, puede utilizar distintas bases de datos.

• TikiWiki: CMS completo, con un wiki muy desarrollado, usando PHP y MySQL.

• DokuWiki: Un wiki completo escrito en PHP sin necesidad de bases de datos (usa sólo

ficheros de texto).

4

• WikkaWiki: basado en WakkaWiki, un wiki muy ligero. Usa PHP y MySQL.

• MoinMoin: Modular. Escrito en Python.

• OpenWiking: Wiki programado en ASP.

• Swiki: Wiki programado en Squeak.

MediaWiki

MediaWiki es un software para wikis libre programado en el lenguaje

PHP. Es el software usado por Wikipedia y otros proyectos de la

Fundación Wikimedia (Wikcionario, Wikilibros, etc).

Ha tenido una gran expansión desde el año 2005, existiendo un gran

número de wikis basados en este software que no mantienen relación

con dicha fundación, aunque sí comparten la idea de la generación de

contenidos de manera colaborativa.

Se encuentra bajo la licencia de software GNU (General Public License).

Características de MediaWiki

✓ A diferencia de los wikis clásicos, los nombres de las páginas no tienen por qué estar en

CamelCase1, lo que permite tener nombres más naturales.

✓ Espacios de nombres: permiten separar páginas de distintos tipos. Así, se puede tener un

espacio de nombres para artículos, otro para plantillas, otro para debates, etc. que el

software trata de distinta forma.

✓ Páginas de discusión: cada página del wiki tiene una página de discusión propia, dedicada

a hablar de su mejora u otros fines.

✓ Soporte de TeX, para visualizar fórmulas matemáticas. Las fórmulas pueden mostrarse de

varias formas, según las capacidades del navegador.

✓ Listas de seguimiento, de tal forma que cada usuario pueda seguir los cambios en los

artículos de su interés.

✓ Sistema de plugins que permite extender fácilmente el software. Los plugins instalados se

listan automáticamente en "Páginas especiales".

✓ Capacidad de bloquear temporalmente usuarios o páginas.

✓ Soporte de plantillas personalizadas con parámetros.

✓ Creación de líneas de tiempos a través de código wiki.

✓ Sistema de categorías jerárquico, que permite crear listados de artículos o de thumbnails

de imágenes.

1 Originalmente gran parte de wikis usaban CamelCase como patrón de vínculos, poniendo frases sin espacios y

poniendo la primera letra de cada palabra en mayúscula (por ejemplo, la palabra «CamelCase»).

5

✓ Admite varios niveles de usuario, así como la posibilidad de que sólo los usuarios

registrados puedan editar, o de impedir el registro de más usuarios. Así, puede utilizarse

como sistema de gestión de contenidos o como groupware.

✓ Soporte para almacenamiento de memoria virtual o caché, también conocidos como

memcached y el sistema de caché Squid.

✓ Ofrece Pieles o Máscaras ("skins") personalizables por cada usuario.

III. MATERIALES Y EQUIPO

No. Requerimiento Cantidad

1 Guía de práctica #9: Instalación y configuración de Mediawiki 1

2 Computadora con sistema operativo Windows y Apache Web

Server.

1

3 Conexión a Internet 1

IV. PROCEDIMIENTO

PARTE 1. Instalación de Media Wiki

1. En un navegador de su preferencia, digitar la siguiente dirección:

https://www.mediawiki.org/wiki/Download/es

2. Descargar la versión: MediaWiki 1.33.0 y luego, coloque este archivo en la carpeta www

del WAMP

3. Extraer el contenido de este archivo descargado en el paso anterior.

4. Renombrar la carpeta a wiki (el nombre puede ser el que guste)

5. Levantar los servicios del WAMPSERVER

6

6. En PHPMyAdmin debe crear una base de datos llamada wiki_db y luego hacer clic en la

opción comprobar los privilegios

7. En la siguiente ventana agregue un nuevo usuario

8. Al agregar un usuario de la base de datos, deberá llenar el siguiente formulario:

a. Nombre de usuario: usuario_wiki

b. Servidor: seleccionar la opción Local (localhost)

c. Contraseña: 123456

7

d. Seleccionar o dejar seleccionada la opción Otorgar todos los privilegios para la

base de datos “wiki_db”

e. Seleccionar la opción Marcar todos para otorgarle los privilegios a la base de

datos

f. Hacer clic en el botón continuar

Se muestra un mensaje de que se ha creado un usuario de la base de datos

9. Digitar la dirección del localhost, verificar si se usa un puerto y luego colocar la palabra

wiki y se puede observar algo similar a lo que se muestra a continuación:

Hacer clic en el enlace set up the wiki

8

10. Realizar los siguientes pasos de la instalación de MediaWiki

a. Idioma

i. Tu idioma: Español

ii. Idioma del Wiki: Español

iii. Hacer clic en el botón continuar

b. Comprobación del entorno

i. Hacer clic en el botón continuar

c. Conectar la base de datos

i. Tipo de base de datos: MySQL

ii. Configuración de MySQL

• Servidor de la base de datos: localhost

• Nombre de la base de datos: wiki_db

• Prefijo de las tablas de la base de datos: wi_tl_

• Nombre de usuario de base de datos: usuario_wiki

• Contraseña de base de datos: 123456

iii. Hacer clic en el botón continuar

d. Configuración de la base de datos

i. Motor de almacenamiento: InnoDB

ii. Conjunto de caracteres de la base de datos: Binario

iii. Hacer clic en el botón continuar

e. Nombre

i. Nombre del wiki: Universidad Don Bosco

ii. Espacio de nombre de proyecto: dejar seleccionada la opción Otro

(especificar) y colocar como nombre wiki-udb

iii. En la opción cuenta del administrador

• Su nombre: PrimerNombre_PrimerApellido

• Contraseña: SuCarnet

• Repita la contraseña anterior

• Dirección de correo electrónico: su correo

iv. Hacer clic en el botón continuar

f. Opciones

i. Hacer clic en el botón continuar

9

g. Instalar

i. Hacer clic en el botón continuar

h. En la siguiente ventana debe aparecer algo similar a la siguiente ventana:

i. Hacer clic en el botón continuar para terminar la instalación

11. En la ventana de finalización aparece un mensaje indicando que se ha descargado un

archivo llamado LocalSettings.php:

12. Y si no es así aparece un vínculo desde donde se puede descargar:

10

13. Siguiendo las indicaciones de la instalación, copie el archivo LocalSettings.php en la

carpeta raíz de wiki, así como se muestra a continuación:

14. Digita en otra pestaña del navegador la dirección localhost/wiki (verificar si no se usa un

puerto) y observará la página principal de media wiki

11

PARTE 2. Personalización de MediaWiki

Cambiar el logo

1. Iniciar sesión de administrador, haciendo clic en iniciar sesión, la cual se encuentra en la

parte superior derecha

2. Digitar el usuario el cual fue: PrimerNombre_PrimerApellido y como contraseña su

número de carnet

3. Descargar el logo de la universidad en formato png, cambiar sus dimensiones a 135x135

pixeles y guárdela con el nombre wiki

4. Luego copiar y pegar la imagen en la siguiente ubicación:

C:\wamp\www\wiki\skins\common\images

5. Reemplazar el archivo existente.

6. En la carpeta debe quedar el archivo que se ha copiado

12

7. Actualizar la página principal

8. Observar los cambios, si tiene problemas en que la pagina muestre la actualización puede

abrir la página en otro navegador o borrar los datos de navegación del navegador

Cambiar la apariencia de Mediawiki

9. En la parte superior derecha hacer clic sobre la opción Preferencias

10. Hacer clic sobre la pestaña Apariencia y en la opción Apariencia selecciona una de las

opciones establecidas, puede hacer clic en Previsualizar para que vea el cambio realizado.

11. Cuando lo haya seleccionado hacer clic en Guardar, y observar los cambios realizados

Personalizar la página principal de Mediawiki

12. En la página principal hacer clic en la opción editar

13. Borrar la información que aparece en el editor

14. Luego hacer clic sobre el icono Encabezado de nivel 2 y escribir el siguiente

texto: Mi primer ejercicio con Media wiki, lo cual quedará de la siguiente manera:

13

15. Hacer clic sobre el icono texto en negrita y escribir su nombre completo, al final

quedará de la siguiente manera:

16. Hacer clic sobre el icono enlace externo y hacer los siguientes cambios:

Por

17. Hacer clic en la opción Guardar la página y observar los cambios en la página principal

Crear diferentes enlaces a otras páginas en la barra lateral de navegación

18. Digitar después de la siguiente dirección: http://localhost/wiki/index.php/ (verificar si se

está haciendo de algún puerto, si es así hay que agregarlo a la dirección) la opción

MediaWiki:Sidebar

19. Presionar la tecla Enter y observar que se despliega las siguientes opciones:

14

20. Hacer clic en la opción editar y podrá agregar los siguientes enlaces:

* Mis datos

** Pagina Personal|Personales

** Pagina Estudios|Estudios

21. Al final quedará de la siguiente manera:

22. Hacer clic en la opción Guardar la página y observar los cambios

15

23. Al hacer clic en cada uno de los enlaces nos llevaran a las paginas creadas

Editar una página del Mediawiki

24. En los enlaces creados en el ejercicio anterior, hacer clic en el enlace Personales

25. Hacer clic en la opción crear

16

26. Escriba sus datos personales y cuando haya finalizado hacer clic en Guardar la página y

al final tendrá creada su página con sus datos personales

27. Crear la página Estudios y agregue información.

Subir archivos a una página Mediawiki

28. Abrir el archivo LocalSettings.php

29. Buscar la variable $wgEnableUploads y cambiar su valor de false a true, guardar los

cambios al archivo.

30. Descargar una imagen de internet

31. En el menú de la barra lateral hacer clic en la opción Subir un archivo del grupo

herramientas

32. Hacer clic en la opción Seleccionar archivo.

17

33. Hacer clic en la opción Subir un archivo

34. Observe que se subió el archivo

35. Hacer clic en la página principal

36. Luego hacer clic en la opción Editar

37. Hacer clic en el botón Archivo incrustado y observar que aparece un texto como

el siguiente:

Cambiar la palabra Ejemplo por el nombre del archivo de la imagen

38. Hacer clic en la opción Guardar la página. La página principal queda de la siguiente

manera:

18

V. INVESTIGACIÓN COMPLEMENTARIA

1. Investigar sobre las siguientes opciones de la administración de una página creada en

MediaWiki

a. Historial

b. Trasladar

c. Proteger

d. Vigilar

19

Alumno:

HOJA DE EVALUACIÓN

DE GUÍAS DE PRÁCTICA

Actividad a

evaluar

Criterio a evaluar Cumplió Puntaje

SI NO

Desarrollo de la

Práctica

Logro terminar todas las partes de la guía de

laboratorio (30%).

Presentó la evidencia del desarrollo de cada una de las

partes a su docente (35%)

Trabajo de manera correcta y ordenada la guía de

laboratorio y el funcionan de todas las configuraciones

planteadas en la misma (35%)

PROMEDIO:

Investigación

complementaria

Envió la investigación complementaria en la fecha

indicada (20%)

Resolvió todos los ejercicios planteados en la

investigación complementaria (35%).

Presenta el reporte de una manera clara, ordenada y

lógica (35%).

PROMEDIO:

Carnet:

Docente: Fecha:

Título de la guía: No.: