1 Conocimiento Básico de la Web. 1(C) Inecor Informática. 2011

2 WEB IES Albenzaide 2(C) Inecor Informática. 2011

3 Módulos de la Web 3(C) Inecor Informática. 2011

4 Ejemplo de Artículo Captura Explicación. En este ejemplo del módulo de equipo humano aparecen los artículos referentes al personal del centro. Éstos se presentan como artículos de presentación independiente y pueden ser editados por el administrador en cualquier momento. (Se verá más adelante) 4(C) Inecor Informática. 2011

5 Calendario Escolar En esta sección, los responsables autorizados, podrán publicar eventos tales como fechas y horarios de exámenes, excursiones, inicio y fin de curso etc. Los eventos publicados también aparecerán en la página principal. 5(C) Inecor Informática. 2011

6 Biblioteca En este módulo aparecerán los artículos pertenecientes a la SECCIÓN Biblioteca. Como se verá las distintas secciones disponibles son: Sin clasificar. Noticias. Multimedia. Biblioteca. Cada Sección puede presentar CATEGORIAS como la sección Noticias que se divide en: 1. Del Centro 2. De Luque 3. Novedades. (Se verá en la etapa de diseño) 6(C) Inecor Informática. 2011

7 Correo Corporativo Todo el personal del centro dispone de una dirección corporativa del tipo. [email protected] [email protected] La figura representa la página de acceso. 7(C) Inecor Informática. 2011

8 Galería de Fotos La Sección Galería de fotos permite subir a los usuarios autorizados, las imágenes que desee dentro de las categorías existentes. Imágenes de Luque Viajes de Estudios Fotos del Centro Actividades Escolares. Ha de tenerse en cuenta no subir las imágenes con una resolución excesiva o no se mostrarán (800x600 aprox) Para subir imágenes hemos de acceder al Panel de control. 8(C) Inecor Informática. 2011

9 Panel de Control Esta es la vista del Panel de control. Deberemos hacer click en el botón “Subir Imágenes” para comenzar el proceso. 9(C) Inecor Informática. 2011

10 Carga de imágenes 10(C) Inecor Informática. 2011

11 Galería de Exposiciones Sólo el Administrador puede crear este tipo de galerías “complejas” 11(C) Inecor Informática. 2011

12 Videoteca Se utilizará para que el administrador pueda añadir vídeos de actividades deportivas, teatrales etc que se consideren de interés. Cada artículo de la sección multimedia corresponderá a un vídeo. 12(C) Inecor Informática. 2011

13 Datos de contacto 13(C) Inecor Informática. 2011

14 Enlaces de interés El administrador podrá colocar enlaces a las direcciones que considere. (Durante la etapa de diseño) 14(C) Inecor Informática. 2011

15 Introducción de Eventos Logarse Introducir el evento y su fecha Agregar el evento 15(C) Inecor Informática. 2011

16 Introducción de eventos Resultado 16(C) Inecor Informática. 2011

17 Introducción de eventos Vista general de la sección Calendario Escolar 17(C) Inecor Informática. 2011

18 Administradores y Managers. 18(C) Inecor Informática. 2011

19 Acceso a la Web 19(C) Inecor Informática. 2011

20 Administradores 20(C) Inecor Informática. 2011

21 Gestores Como principal diferencia. Los administradores, al contrario que los gestores, no pueden crear ni borrar cuentas de usuario. Existe la figura de “Super Administrador” que no será utilizada dada su “peligrosidad”. 21(C) Inecor Informática. 2011

22 Iconos de gestión (Uso habitual) Añadir nuevo artículo Gestor de artículos (Uso esporádico) Gestor de usuarios Gestor de Secciones Gestor de categorías (Irrelevantes) Gestor de la página principal Gestor Multimedia Gestor de menús. 22(C) Inecor Informática. 2011

23 Artículo nuevo Debemos proporcionar informaciones como Título del artículo la sección a la que pertenece y su correspondiente categoría así como ciertos parámetros avanzados. (Como el nombre del autor) 23(C) Inecor Informática. 2011

24 Gestor de Artículos Permite gestionar los artículos publicados en la Web 24(C) Inecor Informática. 2011

25 Gestor de usuarios Este panel permite agregar/eliminar usuarios así como modificar el grupo al que pertenece. 25(C) Inecor Informática. 2011

26 Gestor de Secciones y Categorías En estas secciones podremos añadir las secciones y categorías que deseamos para los artículos que posteriormente crearemos. 26(C) Inecor Informática. 2011

27 Añadir Enlaces (Proceso) 27(C) Inecor Informática. 2011

28 Añadir Enlaces (Proceso) 28(C) Inecor Informática. 2011

29 Añadir Enlaces (Proceso) 29(C) Inecor Informática. 2011

30 Añadir Enlaces (Resultado) Como resultado ya estamos dando información de la web deseada dentro de la sección Educación 30(C) Inecor Informática. 2011

31 En el ejemplo utilizaremos “Total commander” como gestor de FTP. Puede utilizarse cualquier gestor proporcionando los datos adecuados. 31(C) Inecor Informática. 2011

32 Datos de Configuración Información de FTP: FTP: iesalbenzaide.es Usuario: oyubcc (Ficticio por seguridad) Clave au1incro10 (Ficticia por seguridad) Esta es la información que debemos proporcionar a nuestro cliente FTP. Sólo el administrador debe acceder a la web mediante FTP. 32(C) Inecor Informática. 2011

33 Procedimiento F.T.P. 33(C) Inecor Informática. 2011

34 Procedimiento F.T.P. 34(C) Inecor Informática. 2011

35 Procedimiento F.T.P. Proceso automático de conexión. 35(C) Inecor Informática. 2011

36 Procedimiento F.T.P. Ruta para FTP: /public_html/ficheros/ Es importante recordar siempre dónde hemos de situar nuestros ficheros y su estructura jerárquica en árbol para posteriormente poder enlazar los documentos en los artículos mediante enlaces. 36(C) Inecor Informática. 2011

37 Procedimiento F.T.P. Enviamos el documento a la carpeta deseada recordando siempre el nombre del fichero. El nombre de archivo no puede contener espacios. Finalmente pulsamos “Desconectar.” 37(C) Inecor Informática. 2011

38 Ahora veremos cómo podemos enlazar un fichero con la información contenida en un artículo. Este procedimiento pueden r realizarlo tanto los “gestores” como el “administrador” conociendo previamente : Nombre del fichero (Se distinguen mayúsculas) Ruta absoluta de ubicación del fichero Las rutas serán del tipo: /ficheros/varios/Ejemplo.pdf Nunca usaremos el prefijo /public_html / (El sistema ya lo hace de forma automática por nosotros) 38(C) Inecor Informática. 2011

39 Artículos con enlaces a ficheros. Primero creamos un nuevo artículo y marcamos el texto que contendrá el llamado “hipervínculo”. 39(C) Inecor Informática. 2011

40 Artículos con enlaces a ficheros. Ahora seleccionamos la herramienta de hipervínculo. 40(C) Inecor Informática. 2011

41 Artículos con enlaces a ficheros. En esta ventana hemos de introducir la ruta absoluta del fichero con el que deseamos enlazar en nuestro artículo. Como destino podemos elegir entre Abrir el vínculo en la misma ventana o hacerlo en ventana nueva, que es lo más habitual. Finalmente pulsamos el botón “Insertar” 41(C) Inecor Informática. 2011

42 Artículos con enlaces a ficheros. La palabra anteriormente seleccionada nos aparece de color azul. Ahora sólo resta guardar el artículo y ver el resultado. 42(C) Inecor Informática. 2011

43 Resultado final Cuando un usuario pique sobre la palabra “enlace” se le abrirá una nueva pestaña en el navegador con el documento. El resultado para otro tipo de ficheros puede ser la apertura de un diálogo que permita al usuario abrir o guardar el documento en cuestión. 43(C) Inecor Informática. 2011

44 Recomendaciones La estructura de carpetas creada por el administrador debe ser lógica Los ficheros subidos a la Web deben ser de tamaño reducido Los ficheros deben estar en formatos estándar, preferiblemente en.pdf,.flv.jpg y.zip según se trate de documentos de texto, video, imagen y grupos de ficheros. Los artículos con ficheros pueden ser útiles para que el personal docente pueda poner en manos del alumnado la documentación que considere relevante a lo largo del curso. El trabajo no debería de recaer en un único administrador sino compartir la responsabilidad entre al menos dos personas para las tareas más “complejas”. 44(C) Inecor Informática. 2011

45 Requieren de la intervención del administrador / superadministrador. Pasos: Procesar las imágenes seleccionadas y adecuarlas en tamaño Subirlas a su carpeta en la web /public_html/Galerías. Editar el artículo “Galerías de imágenes” para añadir un hiperenlace a la galería. Éste formato de hiperenlace es del tipo index.php?option=com_oziogallery2&view=10cooliris&Itemid=19 “La dirección anterior se extrae durante la pre-visualización de una galería oziogalery previamente creada y que apunta a una determinada carpeta de imágenes. Se requiere de una buena dosis de prácticas antes de comenzar a trabajar con este tipo de galerías por lo que al menos de momento no serán tratadas. 45(C) Inecor Informática. 2011