UNIVERSIDAD DON BOSCO FACULTAD DE INGENIERIA ESCUELA … · Levantar los servicios del WAMPSERVER ....
Transcript of UNIVERSIDAD DON BOSCO FACULTAD DE INGENIERIA ESCUELA … · Levantar los servicios del WAMPSERVER ....
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.: