Aplicaciones Web

Tema 1: Internet, caractersticas, evolucin

1.1Conceptos bsicos
Internet es una gran red mundial de ordenadores que permite compartir recursos e informacin. Todos los ordenadores que se conectan a la red necesitan para comunicarse un lenguaje comn que es TCP-IP. Algunos de los servicios ms importantes que ofrece la red son: WWW =>Word, Wide, Web. Sirve para acceder, intercambiar informacin en formato E-mail => Permite la correspondencia electrnica entre los usuarios de la red, en definitiva, el envio y recepcin de mensajes. FTP => Servicio de descarga de archivos (pelculas, msica...). Telnet => Sirve para tomar el control remoto de otro ordenador de la red. News => Es un servicio de suscripcin informativa. IRPF => Es el servicio de mensajera instantnea.

PC PC PC

Red Internet E-mail TCP Telnet News WWW IRC

1.2 Fundamentos de la red

No debemos confundir el trmino web con el concepto internet ya que web es uno de los servicios que ofrece internet. Web=> Internet + HTTP HTTP=> Es el protocolo de transferencia de pginas que utiliza el servicio web lo que permite que a travs de l, podamos solicitar documentos que contengan hipertextos. Hipertexto=> Es el nombre que recibe el texto que en la pantalla de un dispositivo electrnico conduce a otro texto relacionados.

1.2.1 La web 1.0

1

Aplicaciones Web
Inicialmente la web se denomin como web 1.0, se caracterizaba por: 1. Las pginas webs eran estticas (no las podas manipular, es decir, no podas acceder a otros hipervnculos). 2. El lenguaje con el que estn programadas era HTML. 3. No haba normas de diseo. 4. No se usaban bases de datos, por lo tanto no haba: ni usuarios registrados, ni nada parecido, todo eran visitantes. 5. No exista google.

1.2.2 La web 2.0

A mediados de los aos 90 surgieron empresas como Yahoo, Ebay, Amazn que aadieron pginas web dinmicas, naci as lo que hoy se conoce como web 2.0 cuyas caractersticas principales son: 1. Las pginas web son dinmicas. 2. Uso de bases de datos, con lo que a partir de ese momento la gente se poda registrar, compartir 3. Aparecen las redes sociales. 4. Aparecen aplicaciones web colaborativas que remplazan a las aplicaciones de escritorio. 5. La mayor parte del contenido de una pgina web ser creado por el usuario.

1.3 Navegadores
Un navegador web es un programa que permite visualizar el contenido de una pgina web, y esto de consigue interpretando el cdigo HTML con el que se ha escrito la pgina y visualizndolo por pantalla. Sobre el ao 1993 se cre el primer navegador web que se llamaba Mosaic (que era muy rudimentario), Netscape, en 1995 se cre Internet Explorer, en el 2004 (aproximadamente) apareci el Fire Fox.

1.4 Servicios web

Pginas web que tiene alojadas.

Aplicaciones Web
Para poder acceder a una pgina web tenemos que conocer su URL que en definitiva es la direccin de esa pgina web, y tiene este formato.

http://www.ucm.es/BUCM/servicios/5760.php
http=> Protocolo. www.ucm.es=> Nombre de dominio (Pc en el que est la pgina). BUCM/Servicios/5760.php=> Ruta del servidor.

Antes de continuar, vamos a definir los siguientes conceptos: Direcciones IP=> Son las direcciones que utilizan los dispositivos que se conectan a Internet para poder comunicarse entre si. Es nica. Tienen un formato de cuatro grupos de tres nmeros cada grupo, separados por puntos. xxx.xxx.xxx.xxx 192 .185. 000. 015 Dominios=> Son los nombres de los sitios web que visitamos para recordar mejor cual es su nombre de conexin. Y hay de dos tipos: Genrico: .com .org .net Territorial: .es .uk .hu .br ISP=> (proveedor de servicios de Internet) Los ISP son empresas dedicadas a ofrecer el servicio de conexin a Internet de los usuarios, por ej. Telefnica, Jazztel, Vodafone PC PC DNS PC ISP PC

Internet

PC ISP PC DNS

PC

PC

DNS=> (Servidor de nombre de dominio) Los DNS sirven para relacionar las direcciones IP de los ordenadores de Internet con su nombre de dominio, de tal manera que podamos conectarnos a un ordenador escribiendo su nombre de dominio.

As pues existen tres elementos indispensables en Internet para que sea posible una conexin: 1. El servidor web. 2. El dominio.

Aplicaciones Web
3. El servidor DNS.

Practica: Instalacin de un servidor web en Windows.

Vamos a instalar en este caso un servidor web gratuito para Windows, cuyo nombre ser Xampp que incluye todo lo necesario para realizar conexiones web. Se puede descargar de la web apachefriends.org.

1.5. Funcionamiento bsico de un servicio web

La arquitectura de un servicio web consta de tres partes: 1: El proveedor del servicio: que es el que implementa el servicio y hace que est disponible a travs del agente del servicio. 2 Cliente del servicio: Que es el que busca el servicio. 3Agente del servicio: Que es el que ofrece a los clientes un mecanismo de bsqueda de los servicios registrados por lo proveedores.

Ej: Un cliente quiere reservar un vuelo a Barcelona. Qu hace para eso? Entris en un buscador y conectis con la agencia de viajes (proveedor del servicio) para que el proveedor de servicio te pueda solicitar la informacin se pone en contacto con el agente de servicio.

Agente del servicio

Localizacin de servicios UDDI Registro de servicio WSDL

SOAP/XML

Cliente del servicio

Invocacin de servicios

Proveedor del servicio

1.6 Estructura de la informacin de un sitio web

El diseo y forma de estructurar, organizar un sitio web es muy diferente de la que utilizaramos si tuvisemos que hacerlo e un soporte de papel, por ello hay que seguir una serie de recomendaciones:

Aplicaciones Web
1. Recomendacin: elegir un nombre de dominio corto y fcil de recordar, preferiblemente .com o .es. 2. Recomendacin: Elegir un hosting (empresa que proporciona el alojamiento de nuestra web) que ofrezca un servicio con razonable calidad. 3. Recomendacin: La informacin del sitio web debe estar lo ms estructurada posible, es decir, debemos establecer una jerarqua de rbol entre todas nuestras pginas de no ms de cuatro o cinco niveles con todas las pginas enlazadas entre si adecuadamente. Todas la pginas tendran un enlace a las pginas de gerarqua nferior, uno a la pgina superior, otro a la pgina principal y otro al mapa del sitio. 4. Recomendacin: Las pginas web deben ser compatibles con los navegadores actuales. 5. Recomendacin: Se debe escoger una resolucin compatible con la mayora de los monitores. 6. Recomendacin: Debe ser fcilmente navegable. 7. Recomendacin: Uso cuidadoso de las imgenes, refirindonos a la cantidad por la posible lentitud de su carga. 8. Recomendacin: Procurar un diseo comn para todas las pginas de la web. 9. Recomendacin: Cuidar el diseo web para su fcil actualizacin. 10. Recomendacin: Para que su localizacin sea fcil en los buscadores hay que poner claramente el ttulo del documento e incluir el mximo de informacin significativa en las 25 primeras lneas.

1.7 Bases de datos asociadas a un sitio web

Para la integracin de las bases de datos y la web es necesario contar con una interfaz, dicha interfaz consiste en un cdigo (generalmente PHP) que es el que realiza la conexin a la base de datos, extrae la informacin y le da un formato para poderla visualizar con el navegador. As pues para acceder a una base de datos a travs de web se necesita: 1. Un navegador. 2. Un servidor web (como Sea Monkey). 3. Un servidor de bases de datos (como My SQL). 4. Una aplicacin que acceda a los datos realizados PHP o AHP.

Servidor web apache

Aplicaciones Web
(Sea Monkey) Cliente

PC

Peticin de datos Acceso a la base de datos. Formato a HTML

HTML
Resultado HTML

PHP
Motor PHP

Tema 2: Elaboracin de pginas web con lenguaje de marcas.

2.1 El lenguaje HTML
El lenguaje que se utiliza para la creacin de pginas web es HTML (Lenguaje de marcado de hipertexto). La principal ventaja de este lenguaje es que es un lenguaje interpretado no complicado, es decir, traducirlo. Con lo que le hace independiente de ser compartible con cualquier plataforma, otra ventaja es que puede verse su cdigo en cualquier momento.

2.1.1 Versiones de HTML

La primera versin de este lenguaje es de 1995 y no haba normas, a partir de entonces han aparecido sucesivas versiones como: HTML 2.0 HTML 3.2 HTML 4.0 HTML 4.01

Actualmente, se trabaja en la 5.0, pero este lenguaje est un poco anticuado a favor de XHTML.

2.1.2 Normas de HTML

Las recomendaciones que se sugieren a la hora de escribir en lenguaje HTML: 1. 2. 3. 4. 5. 6. Los documentos HTML son organizados y estructurados. Los nombres de los elementos o etiquetas no son sensibles a maysculas o minsculas. Los valores de los atributos si que son sensibles a maysculas y minsculas. Los nombres de las etiquetas no deben contener espacios. Las etiquetas que cierran contenido siempre se deben cerrar. Las etiquetas pueden anidarse, es decir, dentro de una etiqueta se puede meter otra.

2.1.3 Estructura bsica de un documento HTML

6

Aplicaciones Web
Los documentos HTML estn delimitados por las etiquetas (tags) <html> </html> dentro del documento se distinguen dos partes: 1. La cabecera: que va entre las etiquetas: <head> y </head>. 2. La cabecera: que va entre las cabeceras: <body> y </body>. Dentro de la cabecera suele ponerse el ttulo de la pgina entre las etiquetas <title> y </title>. En el cuerpo se pone el resto.

2.1.4 Comandos de textos

La manera de dar ms viscosidad a una pgina web es la de incorporar diferentes tamaos y caractersticas de los tipos de letras. Etiquetas de cabecera <h1></h1> <h2></h2> <h3></h 3> <h4></h4> <h5></h5> <h6></h6> ETIQUETAS DE PRRAFO <p>prrafo</p> <pre>texto preformado</pre> <pre>width=x>Preform.con ancho</pre> <div aling= x></div> Etiquetas de texto <b></b> <i></i> <tt></tt>   <small></small> USO Sirve para delimitar un prrafo. Inserta una lnea en blanco antes del texto. Nmero de caracteres en una lnea. Sato de lnea. Crea una divisin en la pgina. Se utiliza para agrupar y aplicar estilos. Escribe texto y salta lnea. Todo lo incluido en div se puede justificar: a la izq (align=left), al centro (center) o a ambos mrgenes (justify). Para escribir direcciones de correo postal. Justifica el texto que aparece entre las etiquetas. Inserta una barra horizontal. Con size se indica el tamao de la lnea. Salto en lnea Comentarios Alinear texto a la izquierda Alinear texto al centro Alinear texto a la derecha

<address></address> <blockquote></blockquote> <hr>size=tamao> <br> <!> aling=left align=center align=right

ETIQUETAS DE COLOR Y TAMAO <font color=cdigo_color></font> <font size=tamao></font>

USO En cdigo_color se escribe el cdigo en hexadecimal o el nombre. Con size se especifica el tamao. Es un nmero entre 1 y 7. El valor por defecto de texto es 3.

Aplicaciones Web
<font face=nombre_fuente></font> Nombre de la pgina.

Para cambiar el color por defecto del texto de la pgina web se aade el parmetro texto a la etiqueta body <body text=cdigo de color>. Para dar un color al fondo del documento se aade el parmetro bg color a la etiqueta body <body bg color= cdigo de color>. Los dos parmetros pueden aparecer a la vez. Por ej: color de fondo azul oscuro y color de los caracteres amarillo <body bg color= # 000080 texto=#FFFF00>. Para definir el color de los enlaces de la pgina se utiliza <body link= cdigo_color>. Para los enlaces visitados se usa <body link= cdigo_color>.Para los enlaces activos <body a link=cdigo_color>.Los cdigos de color en HTML se indican en valores RGB se indican en hexadecimal, para conseguir un color se mezclan valores RR66BB donde cada uno de esos valores pueden ir desde el 00 hasta el FF colocndose delante del cdigo de color el smbolo de color el smbolo almohadilla #. Ej. Crea una pgina web que lleve como nombre Actividades propuestas. HTML con color de fondo y con diferentes colores, tamaos y tipos de letra. Lista no numerada <ul> <li> elemento 1 <li> elemento 2 <ul> <ol> <li> elemento 1 <li> elemento 2 </ol> Lista numerada Lista de definiciones Pareja de trminos <dt> y sus definiciones. <dl> <dt> termino <dd> def. del trmino<dt>trmino 2 <dd>def.del trmino </dl>

2.1.5

Enlaces. Links o Hipervnculos

Los enlaces permiten entrar en pginas web o a otra zona dentro de la misma pgina web, para ello se utiliza la etiqueta <a href..> </a>. Si vamos a enlazar a otra web de direccin externa, pondremos: <a href=http://www.google.es/>ir al buscador google</a>. Una pgina web del directorio donde se encuentran nuestras pginas: <a href=actividad 2.html> Actividad 2</a>. Una direccin de correo electrnico: <a href=mail to: micorreo@servidor.es> Mi correo</a>. O bien, otra zona dentro del mismo documento: <a href=#parrafo> texto_enlace/a>; el prrafo ha de aparecer en algn lugar del mismo documento acompaado de la directiva name: <a name=prrafo> texto-ancla</a>. A estos links se les llama anclas.

Actividad propuesta 2.html

Crea una pgina web con el nombre anterior que funcione con los siguientes enlaces: Enviar correo. Descarga de archivos para ejercicios. Ver foto antigua.

Aplicaciones Web
Escuchar cancin MP3 de Amaral.

2.1.6. Imgenes
Para insertar una imagen se utiliza la etiqueta <img src=imagen> Para que la imagen sirva de enlace: <ahref=ejemplo 4.htmlximgsrc=></a> ATRIBUTO width=ancho height=alto align=alineacin alt=comentario, o title USO Se utiliza para especificar el ancho de la imagen. Especifica el alto de la imagen. Especifica la alineacin de la imagen, que puede ser top (arriba), bottom (abajo), left (izquierda), right (derecha), center (centrado), etc. Define un texto alternativo que se ver si el ratn pasa por la imagen o si el navegador no puede cargar la imagen.

border=tamao Especifica el tamao del borde de la imagen. Crea una pgina web que se llamar Actividad propuesta 3 que constar en hacer un glosario de palabras informtica tal y como se muestra en esa figura.

2.1.7

Tabla

Permite realizar filas y columnas, vienen delimitadas por las etiquetas <table></table> dentro de ellos las filas vienen delimitadas por las etiquetas <tr></tr> y las columnas por las etiquetas <td></td>. Para poner ttulos en las columnas utilizamos las etiquetas <th></th>. ATRIBUTOS bgcolor=color bordercolor=color valign=valor align=valor

background=imagenfondo cellpadding=numero Cellpacing=numero Neight=numero Width=numero

Especifica el color de fondo de la tabla, la fila o la celda, dependiendo del lugar donde se coloque. Especifica el color del borde de la tabla, la fila a la celda, dependiendo del lugar donde se coloque. Alinea verticalmente el contenido de las celdas: top (arriba), bottom (abajo) y middle (centrada). Alinear el texto. <td aling=left|center|right>texto de la celda</td> <th alignt=left|center|right>texto de encabezamiento de la columna</th> Permite colocar un fondo para la tabla a partir de un enlace a una imagen. Define en pxeles el espacio entre los bordes de la celda y el contenido de la misma. Define el espacio entre los bordes (en pxeles). Define la altura de la tabla en pxeles o porfentaje. Define la anchura de la tabla en pxeles o porcentajes.

2.1.8

Los atributos Colpsan y rowspan combinar celdas

Rowspan: Valor, para editar el nmero de filas que se quiere combinar. Colpsan: valor, para indicar el nmero de columnas que se quiere combinar.

Aplicaciones Web 2.1.9. Iframes

Los Iframes son macros que permitan dividir un documento en varias zonas de forma que cada una de estas sea a su vez un documento HTML se declara por esas etiquetas <iframe> </iframe>. ATRIBUTOS src=enlace a abrir name=nombre frame border=borde scrolling=yes/no bordercolor=color noresize height=alto width=ancho USO Se indica lo que se quiere abrir en el marco. Nombre del frame. Borde del frame, grosor del borde. Muestra la barra de desplazamiento. Da color al borde. Sirve para que no se pueda cambiar el tamao. Altura del marco. Ancho del marco.

2.1.10 Formularios.
Un formulario est formado por cajas de texto y los botones que permiten manejar esas cajas de texto. Son muy utilizados para realizar bsquedas, encuestas o introducir datos personales que sern enviados al correo electrnico del administrador del formulario o bien a un programa que se encargue de procesarlo. Para definir un formulario se utilizan las etiquetas <form> </form>. El caso ms habitual para enviar el formulario es <form action=mailto:direccin@correo.com enctyve=text/plain> La mayora de los controles del formulario se crea con la etiqueta IMPUT, necesitan el atributo TYPE para indicar el tipo de control y suelen ser comunes los atributos NAME (para darle un nombre) y el de Align (para alinearlo). ATRIBUTOS action=accin a realizar method=post o get USO Tipo de accin a llevar a cabo con el formulario. Forma en la que el formulario es enviado. Los dos valores posibles son POST y GET. A efectos prcticos y, salvo que se diga lo contrario, daremos siempre el valor post. Forma en la que viajar la informacin que se mande por el formulario. En el caso de enviar el formulario por correo electrnico, el valor de este atributo debe de ser text/plain. Con esto, el contenido del formulario se enva como texto plano dentro del e-mail.

enctype=text/plain

ATRIBUTOS size maxlength

USO Determina la anchura de la caja de texto. El valor por defecto de este atributo es 20 caracteres. Con este atributo limitamos el nmero mximo de caracteres que pueden ser escritos en una caja de texto. Si no se pone no hay lmite.

10

Aplicaciones Web
value title Sirve para especificar un texto que debe aparecer por defecto en la caja de texto antes de que el usuario escriba nada. Muestra un bocadillo explicativo cuando el usuario pase el cursor por encima del control.

Los controles que podemos usar en un formulario son: a) b) Cajas de texto (text): Sirve para que el usuario introduzca un texto. Cajas de texto para claves (password): Sirve para ocultar los caracteres que se introducen por el teclado.

<h2>Formulario de autenticacin</h2> <form> <p>Introduzca su nombre: <input type= text name=nombre> </p> <p> Introduzca si clave: <input type=password name =clave> </p> </form> c) Botones de eleccin (tipo radio): Estos botones permiten elegir entre un conjunto de acciones de las que solo puede elegirse una. Tienen dos estados seleccionado ON y no seleccionado OFF. Se puede predeterminar una accin seleccionada con el atributo CHECKED. Para indicar que una serie de botones pertenece a un mismo grupo de seleccin se debe indicar en todos ellos el atributo name. d) Cajas de seleccin (checkbox): Permite seleccionar varias opciones de una lista, al igual que las anteriores tambin posen dos posiciones ON y OFF inicialmente estarn en OFF todas excepto que un ndice sea atributo CHECKED, por eso el atributo name es diferente en todos ellos. Botones de envio (submit): Sirve para realizar la accin de envio del formulario, aunque lo normal es que solo haya uno, html permite la posibilidad de incluir varios, en este caso utilizaremos el atributo NAME para diferenciarlos. Botn de borrado (reset): Borra los datos del formulario y restablece los valores por defectos si los hubiese. Botn genrico (button): Inserta un botn que no tiene ninguna funcin especfica excepto la que tu quieras. La forma de indicarle la opcin es mediante lenguaje SCRIPT. Para ello utilizareis el atributo ON CLICK (las funciones de on clik puede ser que no funcionen en todos los navegadores). Lista desplegable (selec): Mediante ella se puede definir una entrada de datos desplegable de tal forma que el usuario puede elegir una o varias de ellas. Para que cuando queramos que un usuario que no haya seleccionado ninguna de las opciones aparezca una por defecto, debemos poner la etiqueta SELECTED.

e)

f) g)

h)

2.2Hojas de estilo (CSS)

Las hojas de estilo(CSS, hojas de estilo en cascada son un mecanismo simple para describir como se mostrara un documento en la pantalla, permitiendo a los desarrolladores web controlar el estilo y formato de mltiples pginas web al mismo tiempo

11

Aplicaciones Web 2.2.1Sintasis bsica de css

{selector propiedad: valor;}, donde selector es el elemento html al que vamos a definir con un estilo, propiedad es el atributo que se va a modificar y valor ser el valor que vamos a asignar a la propiedad. Ejemplo: body{background-color: #d8da3d;} H1{text-align: center; color: black P {background-yellow ;color: blue;}

2.2.2 Normas bsicas para crear CSS los selectores pueden aparecer individualmente o agrupados
h1{color:red;}H2{color:red;}H3{color:red;} Las propiedades que se desean modificar para un mismo selector pueden agruparse separadas por ejemplo: text-align:center; color:red; Es buena costumbre utilizar una lnea por cada propiedad que se vaya a modificar el valor de una propiedad siempre que est compuesto por ms de una palabra debe ir entre comillas.

2.2.3Aplicar CSS a un documento

Existen varias formas de hacerlo, pero escogeremos que se realiza mediante la etiqueta <style> esta etiqueta se declara dentro de la seccin <head> Crea un formulario como el que se muestra. La inclusin de mens en las pginas web se puede hacer de diferentes maneras una de ellas es utilizando enlaces y otra utilizando listas la etiqueta que se utilizar en los mens es <div id> ejemplo. <html> <head><title> MENU HORIZONTAL. </title> <style type= text/css> </style> </head> <body> <div id=menuhorizontal>
<a href=http://www.google.com>Google</a> <a href=http://www.yahoo.com>Yahoo</a> <a href=http://www.msn.com>Msn</a> <a href=http://www.altavista.com>Altavista</a> </div> </body> </html>

Tema 3
3. Instalacin de gestores de contenido.
12

Aplicaciones Web

Debido a la evolucin de las nuevas tecnologas se hace necesario contar con nuevas herramientas que permitan crear modificar y mantener un sitio web de una manera fiable y sencilla. Esto se consigue mediante los sistemas de gestin de contenidos (CMS) en este tema veremos dos de ellos que son: WIKI y JOOMLA.

3.1

Definicin y tipos de CMS.

Un CMS es una aplicacin informtica que permite crear un marco de trabajo para la creacin y edicin gestin y publicacin de contenido digitales. Con el CMS podemos dar diseo a un sitio web sin tener que dar formato al contenido y permite a mltiples usuarios publicar de manera fcil y ordenada informacin. En la actualidad se impone el uso de CMS gratuitos. Lo normal es que un CMS necesite de un servidor web como por ejemplo apache, de una base de datos como MYSQL, y de un lenguaje de programacin como por ejemplo PHP. Los CMS se pueden clasificar segn atendiendo a diferentes criterios: Segn el lenguaje de programacin utilizado (PHP, SHP, JAVA) Segn el tipo de licencia: cdigo abierto o cdigo propietario Segn el tipo de uso: a) Blog pensado para pginas personales b) Foro pensado para compartir opiniones c) Wikis pensado para el desarrollo colaborativo d) E-LEARNING para contenido de enseanza online e) E-COMMERCE plataformas de compras y pago por internet f) Publicaciones digitales: peridicos etc. g) Difusin de contenido multimedia: YOU TUBE

3.2

Creacin de una wiki basada en una DOCUWIKI

Instalacin de una wiki basada en DOCUWIKI es un WIKI orientado a la creacin de documentacin de cualquier tipo dentro de un grupo, su sintaxis simple y potente facilita la creacin de archivos de texto legibles incluso fuera del wiki todos los textos se almacenan en texto plano. Para instalar una DOCUWIKI necesitaremos: 1) Un servidor de pgina web con soporte para PHP 2) PHP versin 4.3.10 o superior 3) Extensiones graficas GD2 para la creacin de imgenes. Los pasos a seguir son los siguientes: 1) Descargar la versin de DOCUWIKI 2) Copiar el contenido de la carpeta DOCUWIKI en una carpeta que se llamara DOCUWIKI en la carpeta XAMPP que se llame HTDOCS en la raz de C/: 3) Iniciar el servidor XAMPP solo el apache e instalar la WIKI tecleando en el navegador LOCALHOST/DOCUWIKI/INSTALLPHP 4) Escoger el lenguaje espaol darle nombre a la wiki dejar activado el control de acceso ACL darle nombre al administrador de la WIKI (administrador) rellenar el campo de correo electrnico establecer una contrasea (123456) darle poltica a la wiki que se ser wiki abierto.

3.3

Manejo de docuwiki
13

Aplicaciones Web
Una vez instalado la forma de acceder a la Wiki es escribir en el navegador localhost/docuwiki. La primera ventana que se muestra es la que tiene como ttulo start y a la derecha aparece el nombre de la Wiki, tambin aparecen los botones: crear pgina, revisiones antigua, que hace referencia a las ltimas versiones de esa pgina, cambios recientes que muestran las pginas que se han modificado recientemente conectarse que permitir entrar en la instalacin de la Wiki e ndice que muestra el contenido de todas las pginas de la wiki.

Actividad propuesta 3.1

Crear una pgina de inicio con cinco niveles de encabezado como por ej la que se muestra en la pizarra tctil.

Para aadir una nueva pgina, se utiliza el botn Enlace Interno por ej para crear dentro de nuestra pgina de inicio una pgina que se llame Pgina 1 seleccionamos el botn Enlace Interno y tecleamos Pgina 1. En Docuwiki las pginas se ordenan mediante el uso Namespaces, esto es una especie de carpetas donde las pginas se van incluyendo, para crearlos basta con pulsar el botn de Enlace Interno y teclear el nombre del Namespaces seguido de dos puntos ( : ) y el nombre de la pgina.

3.3.1 Administracin de una Docuwiki

Para ver el panel de administracin hay que conectarse y escribir el nombre de usuario y contrasea del usuario administrador, a continuacin pulsamos en el botn de administrar, las operaciones que podemos realizar son: 1 Administrador de usuarios: Desde esta opcin se crean los grupos y los usuarios que podrn conectarse a la wiki. Inicialmente como cuando la creamos la dejamos abierta todo el mundo podr conectarse, crear, modificar y borrar cualquier pgina, aunque solo el administrador podr administrarla. 2 Administracin de lista de control de accesos: Desde aqu se conceden permisos de acceso a los usuarios creados, en la ventana de la izquierda aparecen todas las pginas y Namespaces de la Wiki sobre las que se pueden establecer individualmente permisos a los diferentes usuarios. Existen cinco tipos de permisos que en orden de autoridad ascendente son: Leer. Editar. Crear. Subir un fichero. Borrar.

Crear un usuario que se llame Usu1 con clave usu1 correo electrnico usu1@miwiki.es y que le deis permisos de leer sobre toda la wiki de editar sobre el Namespace de la unidad 3 y que nos conectemos para comprobar lo que puede o no hacer. 3 Administracin de pluhgins:

14

Aplicaciones Web
Son aplicaciones que aaden una funcin nueva a la Wiki, en la Wiki tambin se los conoce como addon para instalar un plugin primerohay que acceder a la pgina dokuwiki.org/plugins. Se accede a la pgina, se busca el plugin y se instala desde el administrador. Por ej. Para ver vdeos

15