Desarrollo capacitacion web20_agosto2012

21
Facultad de Ciencias e Ingeniería Elaborado por Ing. Julio Vásquez Paragulla Página 1 CAPACITACION EN APLICACIONES WEB 2.0 I. SUMILLA La web 2.0 dispone, a través de internet, de muchas herramientas tecnológicas que pueden ser utilizadas por los Docentes en cualquier nivel del proceso enseñanza- aprendizaje. Herramientas que facilitan y fortalecen el canal de comunicación entre Docentes-Alumnos acorde con los tiempos tecnológicos actuales. Las herramientas que veremos son: slideshare, prezi, facebook. II. OBJETIVOS GENERAL Utilizar herramientas de la web 2.0 para elaborar material educativo que ayude a modernizar la práctica educativa y facilitar el proceso enseñanza-aprendizaje. ESPECIFICOS Identificar los conceptos básicos, servicios y aplicaciones de la web 2.0 Utilizar la plataforma slideshare para compartir publicaciones en la nube Utilizar la plataforma prezi para diseñar ppts en la nube Utilizar facebook como medio de comunicación y publicación III. CONTENIDO PRIMERA SESIÓN ( 3 horas ) 1. LA WEB 2.0 1.1 Qué es la web 2.0 1.2 Características 1.3 Videos 2. SLIDESHARE 2.1 Crear cuenta 2.2 Subir y compartir pdfs, ppts 2.3 Publicar en facebook SEGUNDA SESIÓN ( 3 horas ) 3. PREZI 3.1 Crear cuenta 3.2 Subir y compartir ppt 3.3 Diseñar y compartir presentación prezi 3.4 Publicar en facebook

description

 

Transcript of Desarrollo capacitacion web20_agosto2012

Page 1: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 1

CCAAPPAACCIITTAACCIIOONN EENN AAPPLLIICCAACCIIOONNEESS WWEEBB 22..00

I. SUMILLA

La web 2.0 dispone, a través de internet, de muchas herramientas tecnológicas que

pueden ser utilizadas por los Docentes en cualquier nivel del proceso enseñanza-

aprendizaje. Herramientas que facilitan y fortalecen el canal de comunicación entre

Docentes-Alumnos acorde con los tiempos tecnológicos actuales. Las herramientas

que veremos son: slideshare, prezi, facebook.

II. OBJETIVOS

GENERAL

Utilizar herramientas de la web 2.0 para elaborar material educativo que ayude a

modernizar la práctica educativa y facilitar el proceso enseñanza-aprendizaje.

ESPECIFICOS

Identificar los conceptos básicos, servicios y aplicaciones de la web 2.0

Utilizar la plataforma slideshare para compartir publicaciones en la nube

Utilizar la plataforma prezi para diseñar ppts en la nube

Utilizar facebook como medio de comunicación y publicación

III. CONTENIDO

PRIMERA SESIÓN ( 3 horas )

1. LA WEB 2.0

1.1 Qué es la web 2.0

1.2 Características

1.3 Videos

2. SLIDESHARE

2.1 Crear cuenta

2.2 Subir y compartir pdfs, ppts

2.3 Publicar en facebook

SEGUNDA SESIÓN ( 3 horas )

3. PREZI 3.1 Crear cuenta

3.2 Subir y compartir ppt

3.3 Diseñar y compartir presentación prezi

3.4 Publicar en facebook

Page 2: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 2

IV. DESARROLLO

PRIMERA SESIÓN ( 3 horas )

1. LA WEB 2.0

1.1 Qué es la web 2.0

Es la plataforma web que sirve para dejar atrás

las aplicaciones tradicionales y dar paso a las

aplicaciones enfocadas al usuario final.

Se trata de aplicaciones que generen

colaboración y servicios que reemplacen las

aplicaciones de escritorio.

1.2 Evolución

• Web 1.0

Información estática en HTML

• Web 1.5

Contenido dinámico

• Web 2.0

Interacción con las personas

• Web 3.0

La web Semántica, Bases de datos complejas

1.3 Características

La web como plataforma

La inteligencia colectiva: el usuario le da valor

El repositorio, la información está distribuida y es lo que mueve al

internet.

El software como un servicio y no como un producto.

Modelo de programación livianos e innovadores.

Interactividad de usuarios bajo una arquitectura de participación

1.4 Tipos de aplicaciones

Para compartir el conocimiento Para expresarse, crear, publicar, difundir:

Page 3: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 3

Para publicar/difundir/buscar información

Redes sociales

Otras aplicaciones diversas:

Calendarios, geolocalización, libros virtuales compartidos, noticias, ofimática

on-line, pizarras digitales colaborativas on-line, portal personalizado, etc.

1.5 Videos

Se recomienda ver los siguientes videos completos:

http://www.teledocumentales.com/historia-de-la-internet-la-guerra-de-los-navegadores/

http://www.baluart.net/articulo/documental-la-internet-el-poder-popular-la-web-20

Page 4: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 4

2. SLIDESHARE

2.1 Crear cuenta

Ingresar a www.slideshare.net

Para crear una cuenta nueva haga clic en Signup y llene el siguiente formulario:

Cuando termine haga clic en SIGN UP y listo, ya tiene su cuenta creada. Ahora salga y

vuelva a entrar a www.slideshare.net pero ahora hace clic en Login

Como puede ver, debe escribir su usuario o su email y su password de la cuenta que

acaba de crear.

Page 5: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 5

Si usted, tiene una cuenta en Facebook, ya no necesita crear una cuenta ya que ésta

puede utilizarla para entrar a slideshare.net haciendo clic en el botón de f Login

2.2 Subir y compartir pdfs, ppts

Entre a su cuenta de slideshare.net y haga clic en la opción Upload

Verifique en la parte superior derecha su usuario:

En la parte central hay dos opciones:

Utilice la primera opción por ser gratuita. La segunda es para quienes han migrado a la

versión PRO con un pago correspondiente.

Podrá subir ppts, pdf, documentos Word (max. 100MB). Con la versión PRO podrá

subir sus propios videos.

Ahora suba a su cuenta el pdf Aplicaciones de la derivada. Al terminar debe observar

lo siguiente:

Ahora puede dejarlo guardado en su cuenta, o puede compartirlo en su cuenta Twitter,

o en su cuenta Facebook o puede enviarlo por correo.

Page 6: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 6

El código EMBED sirve para publicar posteriormente el pdf en un blog o en una

página/grupo particular dentro de su cuenta Facebook.

2.3 Publicar en Facebook

Haga clic en el ícono de Facebook, ingrese a su cuenta de facebook escribiendo su

correo y password y elija donde quiere compartirlo: en su muro, en alguna página o en

algún grupo. En cualquier caso podrá ver la siguiente pantalla:

Dé clic en Compartir enlace y listo!, verifique la publicación en su cuenta de

Facebook

Publique por lo menos 1 pdf/ppt adicional en su cuenta de

Facebook.

Para salir de su cuenta slideshare observe en la parte superior

derecha y haga clic en la opción Logout.

Page 7: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 7

SEGUNDA SESIÓN ( 3 horas )

4. PREZI

4.1 Crear cuenta

Ingrese a la siguiente dirección web: www.prezi.com

Para crear una cuenta nueva haga clic en SignUp, si ya tiene una cuenta haga clic en

Log in y si tiene una cuenta en Facebook haga clic en f Sign up with Facebook

Si hace clic en SignUp debe elegir un tipo de licencia:

O si es usted estudiante/profesor puede hacer uso de la licencia:

En cuyo caso le solicitarán una cuenta de correo asociado a su Universidad.

Page 8: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 8

Si elige la licencia pública debe llenar el siguiente formulario:

El password no necesariamente debe ser el password de su correo.

La diferencia entre licencias radica fundamentalmente en la privacidad y tamaño de

disco que le otorgan para sus presentaciones. La licencia pública hará que todas sus

presentaciones sea públicas en la red y su espacio de disco será de 100MB.

4.2 Subir y compartir ppt

Ingrese a su cuenta de prezi creada anteriormente o por su cuenta de Facebook. En mi

caso entraré por mi cuenta de prezi.

Si todo estuvo correcto entra a la siguiente pantalla:

Page 9: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 9

Para crear su primera presentación haga clic en New prezi

Escribe el título y la descripción de la ppt que va a subir y compartir o si prefiere lo

deja en blanco y hace clic en New prezi para llegar a la siguiente pantalla:

Page 10: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 10

Elija una plantilla (Template), por ejemplo Success 2 y haga clic en Start editing.

Ahora haga clic en Insert

Elige PPT y en la siguiente ventana ubica la ppt conjuntos que quiere insertar

Page 11: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 11

Hace clic en Abrir y espera unos

segundos para que cargue toda la ppt.

Al terminar, haga clic en Insert All de la parte superior

derecha y marque el check Add a path between your

slides. Esto es para que los slides sean considerados

como individuales.

Al terminar la inserción aparece la siguiente pantalla:

Donde finalmente debe dar clic en el check de la parte central derecha.

Page 12: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 12

Observe que en la parte de las diapositivas, parte izquierda, las 4

primeras están vacías!, por lo que se hace necesario eliminarlas.

Sin embargo, vamos a dejar la primera y eliminaremos las 3

siguientes, así:

Haga clic en Path y traslade el mouse hacia la diapositiva que

quiere eliminar y verá

que aparece un botón

rojo con una X.

Pues para eliminarla

sólo debe hacer clic en

la X.

Elimine las

diapositivas 2,3 y 4.

Para salir de la opción Path, hace clic en la flecha que está en

la parte superior izquierda de Path.

Seleccione la primera diapositiva y haga doble clic en el primer texto y escribe lo

siguiente

Si desea lo selecciona y le aplica nuevo color y/o lo justifica. Para terminar hace clic en

OK.

Hace doble clic en el segundo texto y escribe lo siguiente:

Para terminar hace clic en OK y puede ver la presentación haciendo clic en el botón

Show.

Page 13: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 13

Hace clic en el segundo

texto y lo desplaza hacia

abajo con sólo arrastrar el

mouse en el ícono de la

manito.

Hace clic en el segundo

texto y agranda el tamaño

del texto haciendo clic en

el ícono suma (+).

El ícono del lápiz es para

cambiar el texto y el ícono

del tacho es para eliminar

el texto.

También puede girar el

texto arrastrando el mouse

por las líneas que están en

el borde del círculo.

Es el momento de hacer los cambios que crea conveniente a su entera satisfacción.

Observe las siguientes opciones en la parte superior:

Haga clic en la opción Exit. Ahora haga clic en la pestaña Public de la parte superior

derecha y elija el segundo radiobutton.

Observe las siguientes opciones en la parte inferior:

Puede publicar su presentación en su cuenta de Facebook, Twiter, o puede compartirlo

como un enlace en la opción Edit together, view together

Page 14: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 14

Copia el enlace y lo envía al correo de sus contactos para que vean su presentación con

cualquier navegador de internet.

También puede descargar su presentación para que luego lo presente sin conexión a

internet, haciendo clic en la opción Download

4.3 Diseñar y compartir ppt

Para crear una nueva presentación ingrese a su cuenta prezi y haga clic en New prezi,

escriba un título y una descripción si lo desea, luego elija una plantilla (Journey) y dé

clic en Start Editing.

Page 15: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 15

Doble clic en el primer texto y escriba:

Clic en el signo +, seleccione imagen y finalmente clic en el check verde.

En la siguiente pantalla clic en Select files y ubica la imagen correspondiente

Luego haga clic en el ícono de la casita para ver la siguiente pantalla

Page 16: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 16

Ahora seleccione una diapositiva vacía y diseñe lo siguiente:

Seleccione una diapositiva vacía y diseñe lo siguiente:

Para la imagen utilice la opción Insert image

Seleccione una diapositiva vacía y diseñe lo siguiente:

Page 17: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 17

Seleccione una diapositiva vacía y diseñe lo siguiente:

Para que el texto esté en Frame(barras) en lugar de círculo, elija el ícono de la

izquierda [Text in frame] y dé clic en el check verde.

Page 18: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 18

Seleccione una diapositiva vacía y diseñe lo siguiente:

Para la primera imagen haga clic en el ícono del signo +, luego seleccionando la misma

diapositiva (8) haga clic en la opción +Add con lo que le aparecerá una nueva

diapositiva al costado. Allí haga clic para insertar una nueva imagen. Así sucesivamente

para todas las imágenes. De esta manera logará que cada imagen se vea como

diapositivas independientes. Para ello debe reordenar la secuencia en la parte izquierda

de las diapositivas.

Si usted sólo utiliza la opción Insert image, logrará que todas las imágenes se vean en

una sola diapositiva.

Seleccione una diapositiva vacía y diseñe lo siguiente:

Page 19: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 19

Para insertar el primer video haga clic en el ícono del signo +

Seleccione la opción de YouTube y luego escriba el siguiente enlace:

http://www.youtube.com/watch?v=V2wwKwESzGE

Para insertar el segundo video haga clic en la opción +Add, seleccione la opción

YouTube y luego escriba el siguiente enlace:

http://www.youtube.com/watch?v=p6a2j8pg_k0&feature=related

Si tiene el video descargado, haga clic en Insert File, ubica el video y lo abre.

Reordene la secuencia de las diapositivas en la parte izquierda, si fuera necesario y

muestre su presentación completa.

Page 20: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 20

4.4 Publicar su presentación en Facebook

Seleccione la presentación que quiere compartir en su cuenta de Facebook y utilice una

de las siguientes opciones:

Hace clic en el ícono de Facebook

Nuevamente haga clic en el ícono de Facebook, llena los datos de su cuenta y dé clic en

Entrar

Luego aparece la siguiente ventana:

Donde usted elije donde compartir: en su muro o en

alguna pagina adicional que usted tenga en su cuenta

de facebook.

En la siguiente pantalla puede escribir algo ya que está usted en su cuenta de Facebook

Page 21: Desarrollo capacitacion web20_agosto2012

Facultad de Ciencias e Ingeniería

Elaborado por Ing. Julio Vásquez Paragulla Página 21

Finalmente dá clic en Compartir Enlace y listo!

Salga de su cuenta de prezi, con la opción logout.

Entre a su cuenta de Facebook para verificar su publicación

Como puede ver, la publicación está en mi pagina adicional Uch-isi de mi Facebook y

en menos de 5 minutos de publicación ya lo vieron 13 personas!!!.

Ejercicios:

1) Importe la ppt de polígonos 2 o de vectores

2) Diseñe y publique la presentación prezi correspondiente a la ppt gráfica de

funciones.