portafolio electro nico - wordpress.com...partes de mi portafolio o de cualquier página creada que...

39
Portafolio electronico

Upload: others

Post on 22-Jun-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

Portafolio electro nico

Page 2: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

Para reflexio n

Observa la siguiente imagen luego compartiremos en plenario lo primero que

nos llegó a la mente.

Page 3: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 3

Objetivos del taller

Al finalizar el taller el maestr@ sera capaz de:

Definir el término portafolio electrónico Reconocer los tipos de portafolio electrónico Explicar los usos de un portafolio electrónico Enumerar las partes de un portafolio electrónico Crear, acceder, editar y compartir un portafolio electrónico en la

tecnología Google.

Page 4: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 4

¿Que es un Portafolio?

Encontramos muchas definiciones para explicar el término Portafolio

electrónico, compartimos algunas de ellas:

Es una colección de los trabajos del estudiante que se organiza para tener referencias de sus esfuerzos, logros y progresos en un área o tema específico dentro de una disciplina. (Vera, 2011)

Una colección de información y espacios digitales diseñados con un propósito definido que muestra el desarrollo y evidencia el resultado de las habilidades o las competencias básicas del aprendizaje. (Newcastle University, 2008)

Entonces, ¿Que es un Portafolio electro nico?

Helen Barret (2000) se considera una de los primeros profesores en hablar

sobre los portafolios en un medio digital, empleando por primera vez en una

publicación el nombre de Portafolios Electrónicos. En su artículo Create your

own electronic portfolio, habla de las posibilidades del Internet y el e Porfolio

como una herramienta reflexiva para mostrar el crecimiento del individuo a

través del tiempo. Según expresa en el año 2003 el portafolio electrónico es

una colección de evidencias que usa la tecnología para organizar o presentar

los logros o avances de aprendizaje a diferentes audiencias. Puede incluir

diversos tipos de formatos electrónicos y usa los hiperenlaces para relacionar

videncias con indicadores de ejecución, metas o estándares.

Page 5: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 5

Tipos de portafolios

Artistico

•presentan una colección de los mejores trabajos de exhibición y/o artísticos.

Financiero

• incluye registros de transacciones e inversiones fiscales que representan el capital económico.

Académico

•Es un documento que evidencia el progreso académico de los estudiantes a través de los procesos de enseñanza y aprendizaje

Profesional

•Es un resumen de las tareas, recono-cimientos, cursos tomados, adiestra-mientos y el progreso a través del tiempo en el mundo laboral.

Page 6: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 6

Sus ventajas

Son varias las ventajas que podemos mencionar, cada autor desde la

perspectiva de su creación y utilidad podrán mencionar varias, en nuestro

caso nos centramos a las dedicadas al área académica, veamos.

Compromete a los alumnos en el desarrollo de su aprendizaje. Permite que los alumnos observen y tomen conciencia de sus

progresos. Promueve la autoevaluación (del docente y de los alumnos). Ofrece información al docente sobre los aprendizajes de sus alumnos. Promueve un espacio de intercambio y de diálogo entre el alumno y el

docente. Brinda información a padres y a otros docentes de la institución. Documenta productos que permiten evaluar destrezas, habilidades,

competencias a lo largo de un proceso. Promueve el desarrollo de la meta cognición.

Partes de un portafolio acade mico

Las partes de un portafolio académico son variadas, están dependerán en gran

medida de la planificación y criterios que desee considerar para evaluación,

no obstante deben tener unas partes esenciales, veamos cuales son:

Portada Clase o asignatura Datos generales del estudiante A partir de este punto:

o Presentaciones de clases o Reflexiones o Imágenes o Guías o Ejercicios o Entre otros

Page 7: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 7

Creando un portafolio desde la Google Site

En las próximas páginas estaremos mostrando los pasos para crear un

portafolio electrónico utilizando la tecnología Google Site. Google no es solo

una herramienta de búsqueda, nos presenta una variedad de herramienta

muy interesantes y que los educadores muchas veces no utilizamos. Para este

taller veamos algunos elementos que podríamos necesitar en nuestro

equipaje, sin él no podemos seguir:

Cuenta de correo electrónico en gmail Carta de presentación Clasifique sus archivos según su tipo Detalle todos los requisitos necesarios Documentos en formato electrónico guardados Establezca las instrucciones para los estudiantes Partes que va a incluir Preparé la rúbrica de evaluación Saludo Siga su plan de trabajo, seleccione el tema a desarrollar y luego detalle

en papel: Su resume Cualquier otro Iniciemos…

Si no tiene email primero visite

www.gmail.com y active uno

Page 8: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 8

Iniciemos

Una vez hayamos creado nuestra cuenta de acceso o utilizando una existente,

debemos acceder a nuestro navegador de Internet, ya sea Internet Explorer,

FireFox y por supuesto y recomendado Google Ghrome. Una vez acceda

escriba la siguiente dirección:

http://sites.google.com/

Veamos como se ve en Google Chrome

En este momento debe escribir sus datos de acceso, aquí la importancia de

tener una cuenta de acceso registrada. Anteriormente el servicio no requeria

este paso, pero por el alto volumen de usuarios lo establecen como medida de

control y monitoreo. Escriba sus datos y luego Sign in.

En este momento Google, debe haber realizado el proceso de validación y

confirmación de sus datos de entrada y de ser satisfactorio el proceso se

estará mostrando el entorno de la herramienta gratuita Google Site, veamos

este entorno en la próxima página.

Page 9: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 9

Podrá observar en la parte superior de su ventana o pantalla los comandos

basicos de Google, además del entorno para la creación de su portafolio. Es

importante destacar que realmente estaremos creando una página de internet

(web page), que será utilizada para desarrollar y publicar nuestro portafolio

electrónico o digital, veamos las pantallas.

<<Para iniciar seleccionamos el botón Create.>>

Cuando creamos una página o en este caso un portafolio es importante que

usted determine y seleccione un nombre para su página. Ese nombre

tipicamente pasa a ser el nombre o dirección en el internet de su página. Por

esta razón consideré nombres adecuados y asociados al tema que desea

presentar.

Veamos a continuación el entorno mostrado luego de seleccionar el botón

Create, le inivito a pasar a la próxima página.

Page 10: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 10

Opciones disponibles en Google Sites

Google Site permite desarrollar nuestra página, siguiendo los pasos y

estructuras disponibles. Observará en el segmento Select a template to use

unos formatos ya establecidos, los cuales usted puede utilizar y ajustar a sus

necesidades. Una ventaja de esta herramienta es que nos permite crear más

de una página, lo que le permite a usted como usuario desarrollar diferentes

presencias en el Internet considerando las opciones disponibles.

Para propo sitos del taller seleccionaremos Browse the gallery for more. En esta alternativa encontraremos una plantilla ya creada para los portafolios electro nicos. Observa en la ventana mostrada un espacio para escribir el nombre de su pa gina, (Name you site) y en la parte inferior un segmento identificado como Site location. Cuando usted escriba el nombre de su pa gina Google automa ticamente rellenara el espacio Site location, usted puede modificarlos pero lo ideal es dejarlo como el sistema lo genera. Esa sera la direccio n de su pa gina; en el momento que se crea debemos velar que el sistema nos acepte la direccio n ya que otra persona pudo haber pensado en el mismo nombre que usted penso , en este caso debemos modificar el nombre o la direccio n.

Page 11: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 11

Veamos las opciones que se muestran al seleccionar Browse the gallery for more:

En la galeria hay varias categorias, son las identificadas con la linea

entrecortada (no se ve de esta manera en la pantalla), al seleccionar un tema o

categoria las plantillas ya disponibles se muestran en la parte de la derecha,

las cuales identifico en este documento con el marco en puntos.

En nuestro ejercicio y taller estaremos seleccionando la categoría Schools &

education, y en la opciones mostradas pues la E-Portafolio Template. Al

seleccionar esta combinación se mostrará en pantalla la siguiente ventana;

seleccione Preview template para que vea como quedará.

Page 12: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 12

En este momento Google Site le esta mostrando como quedará su portafolio o

en el caso que haya seleccionado otra template como quedará el seleccionado.

¿No le gusta?, no se preocupe más adelante le explico como modificarlo. En

este momento debe seleccionar el botón USE TEMPLATE que se muestra en la

ventana, de esta forma confirmamos su selección, veamos.

Completemos las otra partes

Iniciemos escribiendo el nombre de nuestra página (site), recuerde un

nombre que haga sentido al estudiante y que sea fácil de escribir y recordar.

Cuando lo escriba observe que se generá automáticamente la dirección de su

página. Aunque escriba el nombre separado en la dirección el sistema lo

escribe sin espacios de separación, no incluya acentos o caracteres del

español.

Page 13: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 13

¡Vamos bien!

Ya hemos seleccionado el template o plantilla de nuestra página, asignamos el

nombre y ahora vamos a seleccionar los diferentes temas o diseños

disponibles. Para realizar este proceso debemos localizar en la pantalla el

segmento Select a theme, las opciones estan contraidas, razón por lo cual

debemos seleccioanr el título para que se expanda y de esta manera

seleccionar el deseado, veamos.

Opciones ocultas

Luego de seleccionar Opciones disponibles

En este momento solo tiene que seleccionar con el puntero del ratón el Theme

o diseno deseado, observe que en el ejemplo mostrado la linea que marca el

cuadrado en Notebook se destaca en comparación a las demás, esto es asi

porque fue el diseño que seleccione para el ejemplo. Luego de seleccionar

puede marcar nuevamente el título Selecto a theme para que se oculten las

opciones.

Page 14: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 14

Para finalizar la configuracion incial de nuestra página, tenemos disponibles

dos opciones: More Options y Type the code shown:

More Options tiene la finalidad de permitir que usted escriba una descripción

breve de su página y de establecer si es una página para adultos, veamos la

opción. Expandi la ventana al seleccionar el comando. Usted puede escribir en

el Site description, el nombre de la escuela, la clase que ofrece, su nombre.

Por ultimo y aunque le parezco extraño Google Site, necesita saber si quien

esta creando esta página no es un robot. Por eso se requiere que usted escriba

el código mostrado al final de la página. Este será diferente al mostrado en el

ejemplo o al que usted tenga visible en su computadora , veamos.

Completadas esta partes solo nos resta realizar un paso, localice en la parte

superior el botón Create y continuamos.

Page 15: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 15

Conozcamos el a rea de trabajo

Ya hemos creado una plantilla para nuestro portafolio, sin embargo no podemos

continuar sin antes conocer el área de trabajo que estarémos administrando o

eventuamente requiriendo a nuestros estudiantes que hagan lo propio en sus

respectiva páginas. Por eso necesito explicar dos conceptos importantes, estos

son:

Un sitio web, que es una colección de páginas web relacionadas y comunes entre

sí. El otro concepto es una página de internet, donde esta última es sólo un

archivo, una unidad, en un lenguaje de programación típicamente HTML, que

forma parte de algún sitio web. Al ingresar una dirección web, como por ejemplo

www.endi.com, siempre se está haciendo referencia a un sitio web, el que tiene

una página inicial. Este sitio web tiene otras páginas pero generalmente hay una

página principal que es la que se visualiza al escribir la dirección de internet

deseada. Un sitio web está formado por varias páginas que se relacionan entre sí.

Acabamos de seleccionar el botón Create para preparar nuestro portafolio

electrónico, Google Site nos muestra en pantalla algo parecido a esto.

Pasemos a la próxima pagina para explicar algunos detalles importantes.

Page 16: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 16

Partes de mi portafolio o de cualquier página creada que debes conocer

3 4

1 2

1. Página inicial, primera página que será vista al acceder la dirección 2. Comando para actualizar las páginas o contenidos Edit Page 3. Comando para añadir más páginas a su site, New page 4. Opciones para administrar su sitio Action Menu 5. Páginas individuales de si site, Pages 6. Area de redacción para incluir contenidos u otros elementos tales como

imagenesm, enlaces, tablas, entre otros 7. Comando para añadir archivos externos, bien sea presentaciones,

documentos en Word u otros

5

6

7

Page 17: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 17

Actualicemos nuestro portafolio

¿Qué debemos realizar en este momento? Sencillo….Ya creamos la plantilla inicial

de nuestro portafolio, ahora debemos actualizar los títulos, añadir las partes

deseadas y los contenidos. Parece difícil, pero no lo es, realmente es muy sencillo

y es un proceso que se repite en cada segmento, veamos.

Como mencione anteriormente todo sitio en el web, tiene una página principal en

nuestro caso está identificada con el nombre Tittle Page. Seleccione esta página

con el puntero del ratón, luego active el comando para actualizar la página Edit

Page.

Lo que acabamos de hacer…

Primero seleccionamos la página a ser modificada, actualizada

Segundo activamos el comando para actualizar o editar

Veamos el efecto en la próxima página

Segundo aquí

Primero aquí

Page 18: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 18

Ahora podemos actualizar todo el contenido de la página seleccionado. Es

sencillo coloca el puntero del ratón en el lugar que desee modificar, escriba el

contenido y finalice seleccionando el botón Save.

Como esta es la página principal escriba un saludo para el lector o sus

estudiantes. El recuadro en color rojo donde se muestra la palabra Inicio, esta

destacado en el documento por la siguiente razón. En cada página que usted

actualice este espacio corresponde al nombre que se asignará a la pestaña que

identifica o da acceso al contenido de la página. Cuando usted termine de

actualizar el contenido debe marcar el botón Save, posiblemente pasen unos

segundos antes que se visualice actualizado en contenido, si ve que no ocurre

realice un refresh del navegador, presionando la tecla de función F5 en el

teclado o que el comando que usted desee.

Este proceso debe repetirlo en cada una de las páginas deseadas. Recuerde

usted debe determinar previo a la creación del portafolio los requisitos o

partes de que le solicitará al estudiante. El resultado de este análisis puede

ocasionar dos posibles eventos. Que usted necesite añadir más páginas o que

Page 19: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 19

usted necesite borrar páginas de las ya existentes en la plantilla seleccionada.

Próximamente mostraré como realizar ambos procesos. Una de las ventajas o

características que debes considerar al momento de crear tu portafolio es la

posibilidad de incluir los trabajos realizados, fotos o cualquier otro material

que sea considerado como parte de los requisitos de presentación y

evaluación.

La tecnología Google Site, permite realizar este proceso realizando unos pasos

muy sencillos, procedo en explicar el proceso y a la vez menciono otras

posibilidades disponibles, veamos.

Iniciemos con el proceso para añadir archivos externos a nuestro portafolio.

Un archivo es cualquier recurso externo que usted desee incluir, ya se una

foto, un documento en Word, una presentación en Power Point, en fin lo que

sea, todo se clasifica con el término File, por esta razón localicemos en la parte

inferior de cada una de nuestras páginas el comando Add Files, veamos la

imagen para que puedas identificar el segmento y realices el proceso.

Para la explicación estaré considerando los pasos para añadir una foto,

observa que estoy estableciendo la relación en el texto de la página principal

con el contenido a ser incluido, veamos.

Seleccione el botón Add files, el botón tiene el efecto de activar el proceso de

navegación Browse, en su computadora. Usted bien puede buscar o localizar

Page 20: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 20

en un medio interno o externo el archivo deseado. Resulta una buena práctica

organizar sus contenidos en carpetas lo que permitirá realizar una búsqueda

con mayor rapidez. Al seleccionar el botón Add Files, se despliega en pantalla

la ventana Open, veamos.

En mi ejemplo seleccione la carpeta Pictures, y en esta la foto my.jpg. Luego

de seleccionar (proceso que se realiza marcando con el puntero del ratón)

selecciono el comando Open. Observará que se muestra una ventana de

dialogo que le indica que está cargando el archivo seleccionado a su página,

vemos.

Page 21: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 21

El resultado del proceso es que el archivo seleccionado ha sido incluido como

parte del contenido de su página. Usted puede repetir este proceso para

añadir todos los archivos que consideré necesarios. Este es el proceso que sus

estudiantes deberán realizar para cargar o subir sus trabajos en un portafolio

académico o en su caso como profesor o maestro para presentar los

documentos que se le soliciten. Al finalizar el proceso quedará algo parecido a

esta ventana, veamos.

Se muestra el nombre del archivo cargado, el nombre de la persona que lo

carga, fecha y hora. Al final encontrará dos comandos una flecha que indica

posición descendente y la X. Al colocar más archivos utilizaremos las fechas

para modificar el orden de estos en la página, la X es utilizada para borrar el

archivo de la página. Google Site, tiene una característica y estrategia de

seguridad muy interesante, aunque usted seleccione la X para borrar un

contenido o una página o cualquier otro elemento de su página o Site, el

mismo no será borrado o eliminado de inmediato. Usted debe confirmar el

proceso en otro lugar el cual estaremos explicando eventualmente.

Page 22: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 22

Al observar la ventana mostrada identificará un segmento identificado con el

título Comments.

Los Comments o comentarios son espacios que permiten a los visitantes

compartir su sentir respecto a la página visitada. Es una herramienta muy útil

ya que nos da la oportunidad de conocer la impresión de quien nos visita,

pero ¡cuidado!, si no tenemos control pueden colocarse comentarios no

deseados o vulgares, razón por lo cual prefiero que consideré eliminar esta

opción. El proceso es sencillo y debe ser repetido en cada una de las páginas,

ya que todas tienen el espacio para comentarios, veamos cómo realizarlo.

Localice el comando o botón More, éste se encuentra justo al lado del

comando Edit page . Seleccione el boton More y se

desplegarán en pantalla las opciones disponibles del comando, veamos cuales

son:

Page 23: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 23

Al seleccionar Page settings, se muestra la siguiente ventana.

Observe que las opciones disponibles la cuales tiene una marca de cotejo

√indicando que están seleccionadas, que implica esto, le explicaré.

Show page tittle, muestra en pantalla el título o nombre de la página Show links to sub-pages, permite mostrar cualquier enlace interno a

páginas que hayan sido añadidas como parte de una página principal. Allow attachments, permite realizar el proceso de añadir archivos

externos Allow comments, permite a los visitante colocar comentarios.

Para evitar que puedan colocar comentarios, debemos remover la marca de

cotejo seleccionando con el puntero del ratón, luego el botón Save para

guardar los cambios, al realizar el proceso la pantalla queda de esta manera,

observe que no está disponible el espacio para los comentarios.

Page 24: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 24

Otras opciones de edicio n en la pa gina

Al activar el comando Edit page, no solo podemos cambiar el título de la

página, escribir un contenido, añadir archivos externos, sino que se activa en

el proceso los comando de edición básicos y que típicamente conocemos y/o

utilizamos en otros programados como Word, Power Point u otros, veamos a

que nos referimos.

No abundaré en estas opciones ya que son conocidas por los usuarios, además

durante la práctica en el taller estaremos abundando en ellos, sin embargo

muestro las ventanas y una breve descripción de éstas, comencemos:

Opciones Insert

Permite añadir elementos a nuestra

página, los cataloga en dos segmentos

los de uso común y las aplicaciones

disponibles en Google. Usted solo

tiene que seleccionar el deseado,

puede ser más de uno.

Page 25: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 25

Opciones Format:

Opciones table:

Fundamentalmente muestra todas las

opciones para administrar el texto

Opciones para la administración de tablas, creación,

añadir filas y columnas, borrar

Page 26: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 26

Opciones layout:

Opciones para la distribución y organización

de la página

Page 27: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 27

An adiendo y borrando pa ginas

Habiendo presentado y explicado procesos básicos para el manejo y

administración de las páginas de nuestro portafolio o página, comencemos en

este momento la exploración de dos áreas muy importante, el añadir o borrar

páginas. Destaco que en ambos casos el efecto visual no es inmediato y que

debemos realizar unos pasos para obtener el resultado final, expresado esto

veamos.

Iniciemos con el proceso para añadir nuevas páginas. Es muy sencillo

identifique justo al lado del comando Edit Page el botón para añadir páginas

New Page.

Solo tiene que seleccionar el botón y se iniciará el proceso para añadir una página

nueva a su sitio o portafolio, la siguiente ventana se mostrará.

Page 28: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 28

En el segmento Name your page deberá escribir el nombre de la página a ser

añadida, lo más importante en esta parte es el segmento identificado con el título

Select a location. Existen dos opciones a seleccionar, estas son: Put page at the

top level o Put page under Inicio(se muestra Inicio porque es el nombre de la

página incial creada en el ejemplo).

Si deseamos que la página añadida sea parte de las opciones iniciales y

desplegadas horizontalmente en el menu principal debemos seleccionar la

alternativa Put page at the top level.

Si la página que añadimos será parte de una página, o que muchas veces

expresamos esta dentro de otro página seleccionamos la opcion Put page under.

El siguiente diagrama te ayudará a visualar lo expresado. Para proposito del taller

he creado dos páginas: Estas son Top y Under.

La el site se llama Portafolio Demo JDR

Esta compuesto por varias páginas.

La página Inicio tiene una página interna llamada Under, observa la

ubicación en comparación a la página a las otras páginas.

La página Top esta relacionado al site no a ninguna otra página.

Regresando al proceso de creacion de la página, una vez hemos seleccionado el

botón New Page, debemos completar la partes estando concientes de la

Page 29: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 29

ubicación y el efecto que deseamos crear en el lector o en el producto que

estamos diseñando.

Escribo el nombre de la nueva página en el ejemplo Top, indico que será parte del

nivel principal Put page at the top level y selecciono el botón Create.

Google Site me lleva a la pantalla y comandos iniciales que hemos explicado

anteriormente para que usted determine las acciones a seguir en esta página, al

finalizar los cambios deberá seleccionar el botón Save para guardar la página.

Page 30: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 30

Borrando las pa ginas

Mencione anteriormente que el efecto final al añadir o borrar páginas no se ve de

inmediato, expreso esto solo como recordatorio ya que luego de realizar esta

explicación explicaremos los pasos finales. Regresando al tema que nos compete

en este momento, usted podrá necesitar borrar páginas ya creadas en las

plantillas disponibles o que usted mismo haya añadido, vemos como realizar el

proceso.

Primero seleccione la página que desea borrar, para propósito del ejemplo estaré

seleccionando la página Recetas.

Luego seleccione el comando o botón More, en las opciones mostradas debe

seleccionar la alternativa Delete page. Google Site solicitará confirmación de

acción con un mensaje para aceptación, al seleccionar DELETE, se borrara la

página,

Page 31: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 31

A pesar que se realizó el proceso posiblemente usted aun vea la página en la

pantalla. Para borrarla del área visible realice lo siguiente. Seleccione

nuevamente el comando o botón More, en las opciones mostradas seleccione el

comando Manage site.

El comando Manage site, presenta básicamente todos los comandos para la

administración de su sitio web de manera global o de cada una de las páginas.

Observe que en los comandos mostrados se identifica la opción Deleted items,

seleccione este comando. Se mostrarán todas la páginas o contenidos que se han

borrado, observe que en el ejemplo se muestran tres archivos. Para borrarlos

solo seleccione el encasillado y luego el comando Delete permanently, confirme

la acción en el mensaje presentado.

Page 32: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 32

Obseve en este momento que ya desaparecio la pestaña identificada con el titulo

Recetas.

Ahora bien donde estan las páginas que añadimos, ya que no se ven en el menu

horizontal. Pues le dire que están en su site ,solo que tenemos que indicarle a

Google Site que las ubique en el lugar que deseamos, es muy sencillo, veamos:

Nuevamente seleccionamos More y Edit site layout

Page 33: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 33

Se mostrará la siguiente ventana:

Nos concentraremos en la altenativa Horizontal navigation, ya que nuestras

páginas estan organizadas de manera horizontal. Cada una de estas opciones se

encarga de modificar alguna parte específica de su site:

Header el encabezado

Horizontal navigation organización de páginas horizontalmente

Sidebar, esta desactivados inicialmente, se activa o desactiva al seleccionar y

tiene la función de generar un menu a la izquierda del site

Custom footer es el espacio para notas en la parte baja del site

Site width para establecer el ancho lo ideal es dejarlo en el modo establecido

por Google Site.

Explicadas las partes seleccione Horizontal navigation. Se mostran todas las

páginas creadas, las visibles y las que estan ocultas. Coloque el puntero del ratón

en el área de trabajo y haga clic

Page 34: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 34

Al realizar este proceso se mostrará el siguiente menú, seleccione Add page.

Al seleccionar Add page se mostraran todas las paginas creadas visibles y ocultas

para que usted seleccione cual desea añadir, veamos.

Utilizando las flechas de movimiento

puede cambiar el orden de las páginas

Page 35: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 35

Usted selecciona en la opciones Site Map o My Recent Changes la pagina que

desea añadir, luego el boton Ok para aceptar el proceso el producto final es que la

pagina ha sido añadida veamos.

Paso final, publicar el site en el Internet

Cuando mencionamos el termino publicar nos referimos a dejar visible o

disponible el site creado en el internet. Antes de completar el proceso debes

contestar tres peguntas basicas y que determinaran el proceso final. Estas son:

¿El site sera de acceso publico?

¿Podra ser visto por todos los que tengan la direccion?

¿Sera de acceso privado?

Estas preguntas se contestan el site seleccionando el botón Share.

Al seleccionar Share se muestra la siguiente ventana:

Dirección de su site y medio para

distribución vía otras herramientas.

Establece los controles específicos

para que puede ser vista la página,

ver explicación al final

Page 36: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 36

Al seleccionar las opciones disponibles en Who has access, (marcando el boton

Change), se mostrán las siguientes alternativas:

El resultado de cada acción será la siguiente:

Public on the web, cualquier usuario que navegue en el web podrá ver su

site.

Anyone with the link, cualquier usuario que conozca el link(dirección) podrá

ver su site.

Private, solo las personas que usted envie invitacion podran ver su site,

requiere un proceso adicional el cual explicaré a contunuacion.

Luego de seleccionar la opcion debe asegurarse de guardar los cambios con

el comando Save.

Si usted selecciona la opción Private debe dirigirse en este momento a la ultima

opcion disponible en la pantalla el segmento Add people.

Cuando usted coloque el puntero del ratón en el espacio Enter names, email, or

groups Google Site cambiará el entorno y requerirá que se indique los email o

correos electrónicos de las personas que tendrán acceso privado a su sitio. Es

Page 37: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 37

importante que en el proceso defina el acceso que tendran estás personas, ya que

esto implica y garantiza la seguridad de su site, veamos.

En el espacio puedo escribir todos los correos electrónicos de las personas que

tendrán acceso a mi site, separando cada una con comas (,) observe que el modo

o privilegio inicial que se asigna es Can edit. ¡Tenemos que cambiarlo!, esto

implica que cada persona incluída en este segmento tendrá control de su página y

podrá modificarla.

Consideré esta opción cuando sea un trabajo colaborativo donde varias personas

deberán aportar. Para cambiar el privilegio solo tioene que marcar el indicador y

se mostrarán las opciones. Seleccione Can View, para que solo sean observadores.

Finalice el proceso seleccionando el boton Shar & save y listo.

Hemos terminado, su página ya está publicada y solo resta que usted ofrezca

el mantenimiento y actualización regularmente. Google Site tiene muchas

otras herramientas, las cuales recomiendo explore, pruebe y ponga en

práctica. Gracias por su atención.

Page 38: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 38

Referencias:

Barrett, Helen C.. "Create Your Own Electronic Portfolio." Dr. Helen Barrett's Electronic Portfolios. N.p., n.d. Recuperado el 10 de marzo de 2013 en: <http://electronicportfolios.com/portfolios/iste2k.html>.

"Eduteka - Proyectos - Proyecto Integración - Portafolio Académico."Eduteka –

Inicio . N.p., n.d. Recuperado el 10 de marzo de 2013 en: http://www.eduteka.org/proyectos.php/2/1365>.

Izquierdo, Evelyn. "Los Portafolios Virtuales." Upload & Share PowerPoint presentations and documents.

N.p., n.d. Recuperado el 10 de marzo de 2013 en: http://www.slideshare.net/EvelynIzquierdo/los-portafolios-virtuales>.

"La evaluación de un portafolio."Estudiantes. N.p., n.d. Recuperado el 10 de marzo de 2013 en: <https://sites.google.com/a/upr.edu/portae/etapas-en-tu-portafolio/evaluacion-1>.

"Portafolio Estudiantil." Portafolio ADS. N.p., n.d. Recuperado el 10 de marzo de 013 en: <http://renedubon22.tripod.com/Portafolio_Estudiantil.htm>.

"Portafolios Electrónicos." Portafolios Electrónicos. N.p., n.d. Recuperado el 10 de marzo de 2013 en: <http://portafolios.udlap.mx/conoce.aspx>.

le am erto. e ici n assessment e al aci n el apren i a e. ato e .R.: Publicaciones Puertorrique as .

Page 39: Portafolio electro nico - WordPress.com...Partes de mi portafolio o de cualquier página creada que debes conocer 3 4 1 2 1. Página inicial, primera página que será vista al acceder

@ JLDR 2013 Página 39

El documento en Portafolio electrónico ha sido creado por Jorge Luis Díaz Rivera,

utilizando Software Libre Open Office, en el sistema operativo UBUNTU.