tutorial versión 1. red preescolares

19
Elaborado por: Eliana Navarro Julio Fecha: 20/05/14 [email protected] Versión 1.

Upload: eliana-navarro-j

Post on 11-Nov-2015

274 views

Category:

Documents


1 download

DESCRIPTION

red preesoclaers

TRANSCRIPT

  • Elaborado por:

    Eliana Navarro Julio

    Fecha: 20/05/14

    [email protected]

    Versin 1.

  • 1 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Resumen ejecutivo El siguiente documento se presenta como gua para la actualizacin de la informacin del portal

    Web Preescolar FEM.

    Las secciones que se pueden modificar mediante el panel de administracin son las siguientes:

    Comunidad.

    Proyectos.

    Evaluacin de desempeo.

    Toda la informacin que se muestra en el men inicio.

  • 2 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Contenido Resumen ejecutivo ......................................................... 1

    Contenido ....................................................................... 2

    Pgina Principal Web Preescolar .................................... 3

    Panel de Administracin del Sitio Web........................... 4

    Inicio de Sesin: .............................................................. 4

    Publicacin de Contenido en la Pgina Principal (Inicio):5

    Publicar en la Seccin Video del Mes: ............................ 7

    Publicar un mensaje de la COORDINADORA. .................. 9

    Hipervnculo mensaje de la Coordinadora ...................... 9

    Actualizar eventos en el Cronograma ........................... 12

    Publicar el FEM HOY ..................................................... 15

    Publicar contenido MULTIMEDIA ................................. 16

  • 3 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Pgina Principal Web Preescolar

    La siguiente ventana corresponde a la pantalla de inicio del sitio web. Esta es la cara de la

    pgina por ende lo primero que observarn los visitantes de la misma.

  • 4 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Panel de Administracin del Sitio Web

    Para realizar la actualizacin de la informacin es necesario ingresar a la siguiente direccin:

    siaf.com.co/webpreescolar/administracin

    Observaremos la siguiente ventana:

    Inicio de Sesin: Iniciamos sesin con nuestro usuario y contrasea asignados diligencindolos en los campos correspondientes.

    Luego de validar la informacin, el sistema le presenta la ventana de administracin de usuarios y contenidos.

  • 5 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Publicacin de Contenido en la Pgina Principal (Inicio):

    Para publicar un nuevo contenido debemos seguir los siguientes pasos:

    Una nueva publicacin consta de un Ttulo, un Contenido, fecha de publicacin, Publicado,

    activo y Seccin.

    1. Hacemos clic en la pestaa

    Contenido.

    2. Pinchamos en el botn NUEVO.

    1

    2

    1

    3

    1 4

    1

    5

    1

  • 6 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    1. Ttulo:

    Ttulo de la noticia a publicar. Este slo aplica para el contenido publicado en la seccin

    NOTICIAS. La cual se muestra en la siguiente imagen:

    2. Contenido:

    Cuando se trate de la publicacin del contenido de una noticia, debemos tratar de que no sea

    demasiado largo. En caso de que suceda lo contrario, seleccionemos lo ms importante y

    vinculemos el resto de la informacin mediante un documento en PDF.

    3. Fecha Publicacin:

    Por defecto la fecha de publicacin es la del da que esta es creada.

    4. Publicado:

    Este estado me indica si la publicacin se est mostrando o no en la pgina principal.

    5. Seccin:

    Lugar en donde se encuentra publicada la noticia o informacin.

  • 7 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Publicar en la Seccin Video del Mes:

    Para publicar el video del mes, ingresamos al panel de administracin, vamos a contenido y

    luego pulsamos el botn NUEVO.

    Cuando nos encontremos en la ventana de creacin de contenido procedemos a diligenciar la

    informacin de la siguiente manera:

  • 8 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    1. Seleccionamos el cdigo del video de YouTube (se copia todo lo que se encuentra despus

    del igual). El cual est encerrado en el crculo Rojo como se muestra en la siguiente

    imagen:

    2. Nos dirigimos a la ventana de nueva publicacin o nuevo contenido y en el campo

    ttulo pegamos el cdigo del video. Luego digitamos una corta descripcin del video

    y seleccionamos la seccin correspondiente (video del mes). Hacemos clic en Guardar

    y la publicacin estar realizada.

    Nota: Ya que la seccin se llama Video del mes, es importante ubicar en el listado de publicaciones

    anteriores de la seccin y ocultar el video anterior con el fin de ir visualizando un video a la vez.

    Cambiando los valores de Activo y publicado en NO.

  • 9 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Publicar un mensaje de la COORDINADORA.

    Si lo que queremos es agregar un nuevo mensaje, ingresamos a Contenido, pulsamos el botn

    NUEVO. Asignamos un ttulo a la publicacin y escribimos el mensaje. En caso de ser un contenido

    extenso, debemos crear un hipervnculo a un documento en PDF previamente cargado. El proceso

    para ello se explicar ms adelante.

    Hipervnculo mensaje de la Coordinadora

    Para enlazar un archivo al mensaje de la Coordinadora, vamos a la pestaa Archivos y luego

    hacemos clic en el botn SELECCIONAR ARCHIVO.

    Ttulo

    Contenid

    o

    1

    2

  • 10 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Luego, el sistema nos presentar un cuadro de dilogo en el que buscaremos el archivo que vamos

    a enlazar al mensaje. Hacemos clic en abrir

    Al lado del botn Seleccionar archivo, el sistema nos presentar el documento seleccionado.

    Luego hacemos clic en el botn LOAD para que el archivo sea registrado en la base de datos .

    En el listado de archivos cargados encontraremos el documento que acabamos de registrar. Le

    damos clic e inmediatamente nos abrir el archivo en una nueva ventana. Copiamos la direccin

    URL del archivo.

    Copiamos la direccin

  • 11 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Luego ingresamos a la ventana de Nuevo Contenido, registramos el Ttulo, una pequea

    descripcin de la informacin que se va a publicar y al finalizar escribiremos las palabras Clic Aqu.

    Seleccionamos la expresin Clic Aqu, hacemos clic derecho y luego pinchamos en

    Insertar/Editar hipervnculo (Como se muestra en el siguiente imagen):

  • 12 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    El sistema nos desplegar la siguiente ventana, y en el campo URL del hipervnculo, pegaremos

    la direccin del archivo. Luego hacemos clic en Insertar y el hipervnculo quedar creado.

    Continuamos diligenciando la informacin necesaria para realizar la publicacin del mensaje.

    Importante tener en cuenta que la seccin es: MENSAJE DE LA COORDINADORA para este caso.

    Actualizar eventos en el Cronograma

    Para agregar eventos al calendario del Preescolar es importante iniciar sesin en una cuenta de

    Gmail. El correo es: [email protected]

  • 13 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Iniciamos sesin.

    Vamos a las aplicaciones de Google (1) y seleccionamos Calendar (2).

    2

  • 14 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Luego hacemos clic en Crear, para registrar un nuevo Evento.

    Diligenciamos la informacin solicitada y hacemos clic en GUARDAR. Automticamente el

    evento se publica en el sitio web.

  • 15 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Aqu podemos ver el evento publicado en el calendario.

    Publicar el FEM HOY

    Para publicar el FEM HOY debemos tener previamente el archivo guardado en el equipo, con

    el nombre femhoy.

  • 16 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Luego nos vamos a archivos, seleccionar archivo y localizamos el pdf que vamos a publicar.

    Posteriormente hacemos clic en el botn

    Publicar contenido MULTIMEDIA

    Para publicar un lbum en la galera es importante cargar las fotos en la red Social Flickr. Para ello

    ingresamos a la pgina http://www.flickr.com/ e iniciamos sesin con nuestra cuenta

    preescolarfem

  • 17 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Luego de iniciar sesin hacemos clic en UPLOAD

  • 18 Tutorial Web Preescolar FEM

    Fecha: mayo de 2014

    Luego de cargar las fotos las agrupamos en un lbum haciendo clic en You / Albums y luego

    seleccionamos Add New Album