Portafolios Electrónicos Creación de Portafolios Electrónicos Introducción a la Tecnología Educativa Prof. J. William Sandoval, MBA (MCT) Universidad de Puerto Rico en Cayey

Objetivos  Definir conceptos relevantes al Internet  Revisar un ejemplo de un portafolio electrónico  Diseñar un portafolio electrónico

Agenda  Conceptos básicos y definiciones  Creando un portafolio electrónico utilizando el servicio de Google Sites

Bienvenidos al Internet  Según la Real Academia Española es una red informática mundial, descentralizada, formada por la conexión directa entre computadoras u ordenadores mediante un protocolo especial de comunicación.  (Wiktionario, 2008) Gran red descentralizada de ordenadores, de ámbito global y públicamente accesible, que proporciona una ingente cantidad de servicios de comunicación de varios tipos, incluyendo la World Wide Web, el correo electrónico y muchos otros. Una red global que une al mayor conjunto que existe de información, personas, computadoras y programas funcionando de forma cooperativa, publicando y organizando información, e interactuando a nivel global Warriors of the net (ingles)Warriors of the net (ingles) Enlace a You Tube 15m

Puntos inportantes World Wide Web  Grafico  Global  Publica  Dinamica  Independiente

Entendiendo el diseño de paginas Web  Alineamiento  Repetición  Proximidad  Contraste

Tipos de paginas WEB Sitio Web informativo o de noticiasBlogsForosWikisPortalesComercio electrónicoBuscadoresSistemas de manejo de enseñanza en línea (LMS)Sistemas de manejo de contenido (CMS)Entre otros

Portafolio electronico Compilación de documentos digitales que describen un proceso de aprendizaje concreto o toda una biografía de aprendizaje. Julia Krämer, WHL Graduate School of Business and Economics “An electronic portfolio, in an educational setting, is a digital collection of student work, often referred to as artifacts, displayed for specific audiences and specific purposes. Electronic portfolios enable students to collect, reflect on, and display their work in multiple ways, typically for the purpose of assessment.” Northeaster University

Creando del portafolio electronico Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Ejemplo Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 1.Accede a Google Site con tu cuenta de UPR EDUGoogle Site Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 2. Oprime el botón: Crear un sitio nuevo Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 3. Escribe el nombre del sitio : Nombre y Apellido 4. Escribe la dirección URL: portae0## 5. Desactiva: Contenido Adultos 6. Selecciona el modo de compartir: UPR Edu 7. Selecciona la plantilla de la página 8. Escribe el código Captcha 9. Oprime: Crear Sitio Escribe el código Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 10. Tu página inicial ya está lista para trabajar. Oprime: Editar Página para comenzar a escribir Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 11. La pantalla cambiará al editor HTML. Al terminar de escribir, oprime Guardar Escribe el título de la página Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 12. Oprime Insertar para agregar imágenes, enlaces, líneas, calendario, documento, fotos de Picasa, presentaciones, hojas de cálculo, formulario, vídeos y otras Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 13. Oprime Formato para ajustar el texto a diferentes estructuras de redacción Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 14. Oprime Tabla para insertar tablas completas, filas, y columnas 15. Oprime Diseño para ajustar la página en una o dos columnas. Al terminar de redactar oprime Guardar Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 16. Oprime +Crear Página Nueva para abrir una segunda página de trabajo Puedes hacer cambios en todo momento oprimiendo el botón Editar página Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 17. Escribe el nombre de la página, selecciona la plantilla de trabajo y presiona Crear. Almacena documentos en: Word, PPT, Excel y PDF Publica avisos o anuncios. Puedes agregar fotos Selecciona: Coloca la página en el nive superior. Escribe el nombre aquí Genera una lista de actividades. Selecciona una de las cuatro formas disponibles

Diseño del portafolio 18. Trabaja sobre la nueva página desde el editor HTML Escribe aquí el contenido de la página. El mismo puede ser editado en todo momento Puedes cambiar el título de la página. Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 19. Al crear todas tus páginas deberás agregar los títulos de enlaces en el elemento (bloque) de navegación. Oprime Configuración del sitio y selecciona Cambiar Aspecto Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 20. Selecciona: Editar  Añadir página a la navegación de la barra lateral, selecciona la página para añadir y Aceptar Marca una a una las páginas que deseas que aparezcan en el bloque de navegación. Luego, oprime Aceptar. Al terminar el proceso, oprime Guardar los cambios. Escribe título para el bloque de navegación Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 21. El bloque de navegación se verá de esta forma: 22. Puedes añadir o eliminar elementos nuevos (bloques). Oprime el enlace Editar mi barra lateral, localizado en la parte inferior de la pantalla de edición Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 23. La pantalla cambiará de la siguiente manera: ESTRUCTURAESTRUCTURA Oprime aquí para añadir nuevos elementos (bloques) a tu página. Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 24. Aparecerá un bloque en el que seleccionarás uno de cinco elementos nuevos: Navegación Texto Actividad reciente del sitio Actividad reciente Cuenta atrás Oprime el botón para añadirlo Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 25. Se agregará el elemento en la estructura de la página. Oprime en editar para realizar los cambios en el mismo Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 26. Se agregará el elemento en la estructura de la página. Oprime en editar para realizar los cambios en el mismo 27. Oprime el enlace Volver al sitio para acceder el formato de edición de la página 1. Se escogió el elemento de texto 2. Escribe el título del elemento (bloque) 3. Escribe los nombres de tus entornos Web: Facebook, MySpace, Páginas Web pesonales u otros. 4. Oprime Enlace para activar el vínculo 5. Oprime Aceptar y luego Guardar cambios 1. Escribe los nombres de los entornos Web que tengas: Facebook, MySpace, Páginas personales, generales u otras 2. Oprime Enlace para activar el vínculo hacia tu página personal 3. Al terminar, oprime el botón Aceptar. Tus cambios ya están realizados 4. Oprime Volver al sitio para regresar a la pantalla de edición de tu página Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 28. También, puedes cambiar el aspecto de las pantallas: 29. Realiza cambios en el color del fondo, bloques, cabeceras, enlaces y agrega imágenes de trasfondo Al terminar de configurar el aspecto de tu página, oprime el botón Guardar los cambios. En la parte inferior de la pantalla verás la vista previa de los cambios realizados en tu página. Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 30. Se puede cambiar el aspecto de las páginas por temas, escogiendo una plantilla de diseño. Oprime el click debajo de la plantilla y el botón Guardar los cambios Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 31. Agrega un logotipo en la cabecera de tu página 1) Oprime el enlace 2) Oprime el botón Browse para buscar el logotipo en los archivos de tu computador 3) Al encontrarlo, oprime el botón Aceptar y luego Guardar los cambios 4) Luego, oprime el enlace Volver al sitio para regresar a la pantalla de edición y verás el logo en la cabecera de tu página. Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez

Diseño del portafolio 32. Tu portafolio electrónico se verá prácticamente terminado. Puedes añadirle más secciones, elementos (bloques) y editar el contenido cuando sea necesario. Comparte tu URL con otras personas; permite que la comunidad de usuarios acceda tu entorno de desarrollo profesional y promociónalo 33. Si deseas monitorear quiénes acceden a tu página utiliza el servicio Google Analytics con tu cuenta de Gmail.Google Analytics Gmail Fuente: Diseño de Portafolios Electrónicos por el Prof. Antonio L. Delgado Pérez