Como construyo una wiki
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Como construyo una wiki

on

  • 1,402 views

 

Statistics

Views

Total Views
1,402
Views on SlideShare
1,388
Embed Views
14

Actions

Likes
0
Downloads
25
Comments
0

2 Embeds 14

http://www.escuelapedia.com 11
http://aprendizajeautodidacta.wikispaces.com 3

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Como construyo una wiki Presentation Transcript

  • 1. ESTUDIANTES ESTUDIANTES
  • 2. ¿Cómo construyo una Wiki? ¿Cómo construyo una Wiki?
  • 3. 1.- ¿Cómo crear mi primera Wiki? A hora que ya conocemos a grandes rasgos qué es y para qué sirve un wiki vamos a mostrar cómo podemos crear nuestro primer wiki. El primer requisito para la creación de una Wiki es poseer una cuenta de correo electrónico activa, cuenta que asociaremos a la elaboración del trabajo.
  • 4. Existen diferentes opciones gratuitas para la creación de una "wiki", entre ellas podemos destacar wikispaces , pbwiki , wikidot En nuestro caso hemos optado por " nirewiki ", servicio gratuito que a través de una interfaz sencilla, intuitiva y amigable nos va a permitir crear y gestionar fácilmente una wiki. 1.- ¿Cómo crear mi primera Wiki?
  • 5. 2.- ¿Cómo creo una cuenta en Nirewiki?
    • En primer lugar vamos a ir a la página de inicio de " nirewiki ", para ello en nuestro navegador tecleamos la siguiente dirección o URL: www.nirewiki.com. Esta es la pantalla que aparecerá en nuestro navegador:
    A Generar una cuenta
    • En ella veremos que nos invitan a introducir los datos relativos a una cuenta ya creada en www.nirewiki.com .  En nuestro caso, como todavía no tenemos una cuenta, deberemos crear una nueva cuenta.
  • 6. 2.- ¿Cómo creo una cuenta en Nirewiki?
    • Al pulsar con el ratón sobre la referencia “Crear” aparecerá un formulario que nos permitirá registrarnos para crear y gestionar la wiki que vamos a poner en marcha. En él estos son los datos que deberemos ingresar:
    A Generar una cuenta
    • Nombre de usuario con el que accederemos a nuestra wiki.
    • Correo electrónico.
    • Contraseña.
    • Repetir la contraseña.
    • Nombre real (* esto es totalmente opcional).
  • 7. 2.- ¿Cómo creo una cuenta en Nirewiki?
    • Ahora con los campos ya rellenados pulsamos con el ratón sobre el comando “Next step” y nos aparecerá una pantalla de confirmación con nuestro registro.
    A Generar una cuenta
  • 8. 2.- ¿Cómo creo una cuenta en Nirewiki?
    • Ya estamos registrados y ahora ya podemos crear nuestro primera wiki. Para ello bastará con rellenar un formulario indicando el nombre con el que vamos a identificar a nuestra “wiki”.
    B Generar la primera Wiki Nótese que no puede haber dos wikis con el mismo nombre, de modo que si nuestra elección ya está tomada por otro usuario se nos advertirá y se nos invitará a introducir otro nombre diferente.
  • 9. 2.- ¿Cómo creo una cuenta en Nirewiki?
    • Ya estamos registrados y ahora ya podemos crear nuestro primera wiki. Para ello bastará con rellenar un formulario indicando el nombre con el que vamos a identificar a nuestra “wiki”.
    B Generar la primera Wiki
    • Finalmente pulsamos nuevamente con el ratón sobre el comando “Next step” y pasamos a configurar las diferentes opciones que se nos presentan.
  • 10. 2.- ¿Cómo creo una cuenta en Nirewiki?
    • En el campo “Tu dominio” mostrará la dirección o URL con la que a través de un navegador  se podrá acceder a nuestra wiki (coincide con el nombre de wiki que anteriormente hemos ingresado).  Posteriormente deberemos poner un título a nuestra wiki.
    B Generar la primera Wiki
  • 11. 2.- ¿Cómo creo una cuenta en Nirewiki?
    • Una cuestión que no se debe pasar por alto es la relativa a los permisos de lectura y edición de contenidos que nuestra “wiki” va a ofrecer a los internautas. En este sentido existen tres tipos de opciones:
    B Generar la primera Wiki
    • Open wiki : Cualquiera que visite la wiki podrá leer y editar contenidos libremente.
    • Public wiki : Cualquiera puede leer los contenidos pero sólo pueden ser modificados por las personas registradas.
    • Closed wiki : Solamente será accesible por parte de las personas registradas
  • 12. 2.- ¿Cómo creo una cuenta en Nirewiki?
    • Por otra parte deberemos decidir si cualquier persona puede registrarse en nuestro wiki o por el contrario el registro estará moderado por nosotros, filtrando así quién puede participar en nuestro wiki. Esta selección se realiza en la siguiente pestaña:
    B Generar la primera Wiki
  • 13. 2.- ¿Cómo creo una cuenta en Nirewiki?
    • Finalmente, aceptamos el aviso legal relativo a las condiciones de uso y por fin ya tenemos creado nuestra primera wiki.
    B Generar la primera Wiki
  • 14. 3.- Escribiendo páginas en nuestra Wiki
    • Ya tenemos creada la estructura básica de nuestra wiki. Ahora vamos a ver cómo podemos ir incluyendo diferentes tipos de contenidos. Estos se estructuran en lo que se conoce como páginas, que sería el equivalente a un folio en blanco en donde vamos a incluir diferentes tipos de contenidos.
  • 15. 3.- Escribiendo páginas en nuestra Wiki
    • Una vez pulsado con el ratón la opción “página nueva” aparece un formulario simple en el que se nos solicita el nombre o título de la página que vamos a crear.
    • Una vez indicado el nombre pulsamos la tecla “ crear artículo ” y ya entramos en el área de edición de nuestro primer documento.
    Esta es muy similar a la de cualquier procesador de textos de modo que se nos hará muy familiar su funcionamiento.
  • 16. 3.- Escribiendo páginas en nuestra Wiki
    • Una vez pulsado con el ratón la opción “página nueva” aparece un formulario simple en el que se nos solicita el nombre o título de la página que vamos a crear.
    • Una vez indicado el nombre pulsamos la tecla “ crear artículo ” y ya entramos en el área de edición de nuestro primer documento.
    Para crear más de una página simplemente habrá que seguir el mismo procedimiento varias veces. De este modo podremos crear diferentes contenidos que posteriormente nos encargaremos de ordenar adecuadamente.
  • 17. 3.- Escribiendo páginas en nuestra Wiki
    • Ahora procedemos a escribir nuestra primera página utilizando los controles anteriormente mostrados.
  • 18. 3.- Escribiendo páginas en nuestra Wiki
    • Una vez finalizado nuestro texto guardaremos lo que hemos creado pulsando la tecla “grabar la página” que se encuentra al final del cuadro de edición
  • 19. 4.- ¿Cómo insertar hipervínculos a nuestro texto?
    • Una vez que tenemos un texto en nuestra página puede ser de gran utilidad hacer una referencia a algún tipo de información que se encuentra en alguna otra web. Para ello en el editor de textos tenemos dos iconos, uno para crear el enlace o vínculo y otro para deshacerlo.
    • En primer lugar debemos seleccionar el texto sobre el cual vamos a incluir el enlace y posteriormente pulsaremos en el icono de creación de enlace para rellenar el siguiente formulario:
  • 20. 4.- ¿Cómo insertar hipervínculos a nuestro texto?
    • En el segundo caso, (pulse para abrir el enlace en otra ventana) se abriría una nueva ventana en el navegador para ira al enlace, pero se mantendrá en otra ventana del navegador la página de nuestra wiki.
  • 21. 4.- ¿Cómo insertar hipervínculos a nuestro texto?
    • Finalmente estaría el campo “Título” en donde se le puede agregar una leyenda al enlace. Ésta será visible al pasar el ratón sobre el texto que contiene el enlace. Como siempre, para finalizar la creación del vínculo deberemos pulsar sobre la caja “Insertar”.
  • 22. 4.- ¿Cómo insertar hipervínculos a nuestro texto?
    • La dirección de enlace será la web a la que queremos realizar el vínculo.
    • En el campo “Destino” tenemos dos opciones; en el primer caso, (pulse aquí para abrir un enlace en la misma ventana) cuando se haga clic sobre el vínculo nuestro navegador mostrará el contenido del enlace perdiendo así la visión de nuestra wiki.
  • 23. 5.- ¿Cómo insertar imágenes a nuestro texto?
    • Una de las principales ventajas que la creación de documentos on-line nos ofrece, es la posibilidad de incluir junto a un texto diferentes recursos gráficos. En este caso, vamos a mostrar cómo podemos insertar imágenes a nuestro documento.
    Para ubicar imágenes de forma gratuita y de fácil incorporación en materiales educativos, te sugerimos las siguientes páginas: www.images.com www.flickr.com www.images.google.com
  • 24. 5.- ¿Cómo insertar imágenes a nuestro texto?
    • Una vez seleccionada la foto que queremos incluir debemos adquirir su dirección en la red, es decir, las coordenadas que nos van a indicar dónde se ubica. A esto comúnmente se denomina  la “URL” de la imagen. Veamos un ejemplo de cómo obtener esta URL de una forma sencilla.
    • Ahora que ya tenemos identificada la URL de la imagen deberemos seleccionar la dirección completa de la imagen (URL) para copiarla adecuadamente.
  • 25. 5.- ¿Cómo insertar imágenes a nuestro texto?
    • En primer lugar debemos decidir el lugar en el que se va a ubicar la imagen y una vez decidido colocaremos ahí el cursor.
    • Luego nos desplazamos a la barra de edición y pulsaremos con el ratón sobre el icono de inserción de imágenes para que se nos abra un formulario que rellenaremos con los datos de la foto seleccionada.
  • 26. 5.- ¿Cómo insertar imágenes a nuestro texto? Veamos qué significa cada uno de los campos que aparecen en el formulario:
    • Dirección de la imagen: Aquí debemos incluir la URL de la imagen que anteriormente obtuvimos. Para ello es recomendable utilizar las facilidades de copiar (Ctrl. + C) y pegar (Ctrl. + V).
    • Descripción de la imagen : Siendo un campo opcional puede ser de ayuda poner un texto explicativo relativo a la imagen.
  • 27. 5.- ¿Cómo insertar imágenes a nuestro texto?
    • Alineación: Nos permitirá indicar si queremos poner la imagen arriba, abajo, a la derecha, izquierda del texto.
    • Dimensión: Nos permite ajustar el tamaño de la imagen (dentro del editor también podremos realizar esta operación de forma más cómoda pulsando sobre la imagen y dimensionando desde los bordes.
  • 28. 5.- ¿Cómo insertar imágenes a nuestro texto?
    • Borde: Tamaño de la línea que bordee la imagen.
    • Espacio vertical: Espacio que queremos que exista de separación vertical entre la imagen y el texto. El espacio se mide en píxeles y recomendamos utilizar 6 píxeles de separación.
    • Espacio horizontal : Espacio que queremos que exista de separación horizontal entre la imagen y el texto Igualmente, este se mide en píxeles y recomendamos utilizar 6 píxeles de separación.
  • 29. 5.- ¿Cómo insertar imágenes a nuestro texto?
    • Una vez que rellenamos los campos necesarios en el formulario, pulsamos la caja “Insertar” y podremos observar cómo ya tenemos incluida nuestra imagen en el editor.
  • 30. 5.- ¿Cómo insertar imágenes a nuestro texto?
    • Ya tenemos insertada la foto seleccionada en nuestro documento. Ahora, si quisiéramos,  escribir junto a la imagen cualquier texto que consideremos oportuno, bastaría con posicionar el cursor junto a la imagen y escribir.
  • 31. 6.- ¿Cómo insertar un video a nuestro texto?
    • Al igual que con las imágenes, previamente debemos seleccionar el vídeo que queremos incluir en nuestra página.
    • Se pueden utilizar los vídeos que ya están en la red, gracias a la posibilidad de acceso proporcionados por espacios como www.youtube.com , http:// video.google.com , entre otros.
  • 32. 6.- ¿Cómo insertar un video a nuestro texto?
    • Para colocar un video de youtube en nuestra wiki, debemos ubicar el enlace HTML o código para embeberlo dentro de éste, código que obtendrás al hacer
    clic sobre el enlace “Embed”, ubicado en extremo inferior derecho del video.
  • 33. 6.- ¿Cómo insertar un video a nuestro texto?
    • La acción anterior desplegará un pestaña dentro de la cual ubicarás el código HTML requerido.
    Código HTML
  • 34. 6.- ¿Cómo insertar un video a nuestro texto?
    • Antes de copiar el código HTML, debes seleccionar algunas opciones asociadas al enlace, tales como:
    • Si al finalizar el video se hace referencia o no a videos asociados.
    • Mostrar borde.
    • Registro de privacidad.
    • Color de la barra de estado (barra inferior del video).
    • Tamaño del video dentro de la wiki.
  • 35. 6.- ¿Cómo insertar un video a nuestro texto?
    • Ahora volvemos a nuestro editor y activamos el modo HTML.
    • Observaremos cómo nuestros textos e imágenes aparecen rodeados de una serie de códigos que cuando los escribimos nosotros no los pusimos. Es la forma que tiene nuestra wiki de hacer entender a los navegadores cómo se deben mostrar los contenidos que hemos incluido. En este caso así sería el código HTML de lo que hasta ahora tenemos en el documento.
  • 36. 6.- ¿Cómo insertar un video a nuestro texto?
    • Nótese la diferencia de verlo en modo visual o como código HTML. Ahora debemos incluir el código que desde el visor de vídeos hemos copiado anteriormente.
    Nuestro código HTML final quedaría de la siguiente manera:
  • 37. 6.- ¿Cómo insertar un video a nuestro texto?
    • Una vez copiado el código HTML deberemos “grabar” la página. El resultado final sería el siguiente:
  • 38. 7.- ¿Cómo insertar presentaciones a nuestro texto?
    • Ya hemos visto cómo se pueden incluir lo que se conoce como “objetos”, es decir, esos elementos que además de la información ofrecen una serie de elementos que nos permiten controlar su reproducción.
    • Un recurso que puede ser enriquecedor para nuestros documentos son las presentaciones. Son varios los repositores en los que se pueden encontrar diferentes presentaciones. Quizás el más conocido sea http:// www.slideshare.net
  • 39. 7.- ¿Cómo insertar presentaciones a nuestro texto?
    • En esta ocasión para incrustar nuestra presentación vamos a crear una nueva página. Una vez que se abra el editor de páginas, activamos el modo HTML y copiamos el código HTML que hemos obtenido en la página web donde se albergaba la presentación.
  • 40. 7.- ¿Cómo insertar presentaciones a nuestro texto?
    • El resultado que se obtendría sería el siguiente:
  • 41. 8.- La barra de navegación
    • Una de las cuestiones más importantes de una wiki es la forma en la que se estructura la información contenida. La barra de navegación va a ser el índice a través del cual se podrá acceder ordenadamente a cada una de las páginas. Sería el equivalente a un esquema del contenido de nuestra wiki. Veamos algún ejemplo:
  • 42. 8.- La barra de navegación
    • A la hora de crear cada una de las páginas, nuestra wiki se encarga de darle una dirección o URL a cada una. En la parte superior derecha de nuestra wiki existe la opción de ver todas las páginas publicadas.
  • 43. 8.- La barra de navegación
    • Se nos mostrará un listado con todos los documentos que hemos creado en la wiki. En nuestro caso sería de la siguiente manera:
  • 44. 8.- La barra de navegación
    • Antes de pasar a la edición de la barra de navegación es aconsejable realizar la estructura de la misma en un borrador, de este modo sólo deberemos editar una versión definitiva. El proceso de edición se realiza a través del editor que ya conocemos y que abriremos pulsando sobre el enlace que hay justo debajo la tabla de navegación.
  • 45. 8.- La barra de navegación
    • El editor se abrirá y procederemos a escribir la estructura de nuestra información. A continuación se muestra cómo quedaría en nuestro ejemplo:
  • 46. 8.- La barra de navegación
    • Antes de proceder a la creación de los enlaces es necesario conocer la URL de cada una de las páginas que se  han ido creando. Una forma muy sencilla de obtenerlas sería ir al listado de las páginas creadas y abrirlas una a una para obtener la dirección que queda reflejada en nuestro navegador.
    • Otra opción podría ser poner el cursor sobre el enlace de cada página y pulsando el botón derecho del ratón obtener la “ruta de enlace”.
  • 47. 8.- La barra de navegación
    • En la siguiente imagen mostramos un ejemplo de cómo insertamos un hipervínculo a una de nuestras páginas.
  • 48. 9.- ¿Cómo personalizar nuestra wiki?
    • Para la personalización de nuestra wiki debemos activar en la parte superior derecha la opción “To manage” (gestionar en castellano).
    • Posteriormente aparecerá el siguiente menú con estas opciones:
  • 49. 9.- ¿Cómo personalizar nuestra wiki?
    • Para personalizar la imagen de nuestra wiki utilizaremos los siguientes enlaces: “Piel” y “Themes”. Con el primero podemos cambiar la configuración de los colores de nuestra wiki y con el segundo se podrá modificar el diseño del mismo.
  • 50. 9.- ¿Cómo personalizar nuestra wiki?
    • Tras entrar en la página para configurar la “Piel” se nos muestran estas opciones:
  • 51. 9.- ¿Cómo personalizar nuestra wiki?
    • En este caso cabe destacar la opción de poder incluir una imagen el la cabecera de nuestra wiki (también conocido como “header image”). Para ello se especificará qué imagen queremos incluir (albergada en nuestra computadora) a través del campo habilitado a tal efecto. Igualmente, para seleccionar una combinación diferente de colores, bastará con seleccionarla haciendo clic con el ratón y guardar los cambios a través de la caja “Save” (guardar).
  • 52. 9.- ¿Cómo personalizar nuestra wiki?
    • En el caso de querer cambiar de tema (theme) tendríamos esta pantalla:
  • 53. 9.- ¿Cómo personalizar nuestra wiki?
    • En este caso para cambiar el diseño vamos a hacer clic sobre la última opción (Visionary) y nuestro wiki cambiará de imagen como se muestra a continuación: