CAPACITACIÓN EN HERRAMIENAS
NOVIEMBRE 2014 LIMA - PERU
Facultad de Ciencias e Ingeniería
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ñanzaaprendizaje. Herramientas que facilitan y fortalecen el canal de comunicación entre Docentes-Estudiantes acorde con los tiempos tecnológicos actuales. Las herramientas que veremos son: slideshare, issuu, prezi, facebook, classmarker. 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, issuu 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 Utilizar la plataforma classmarker para diseñar evaluaciones on line. 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 3. ISSUU 3.1 Crear cuenta 3.2 Subir y compartir pdfs 3.3 Publicar en facebook
Elaborado por Ing. Julio Vásquez Paragulla
Página 2
Facultad de Ciencias e Ingeniería
SEGUNDA SESIÓN ( 3 horas ) 4. PREZI 4.1 Crear cuenta 4.2 Subir y compartir ppt 4.3 Diseñar y compartir presentación prezi 4.4 Publicar en Facebook 4.5 Ejercicios
TERCERA SESIÓN ( 3 horas ) 5. CLASSMARKER 5.1 Crear cuenta 5.2 Elaborar evaluación 5.3 Crear grupos 5.4 Tomar evaluación 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 de la web • • • • •
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 Web 4.0 Comprensión del lenguaje natural (NLU). Nuevo modelo de interacción con el usuario.
Elaborado por Ing. Julio Vásquez Paragulla
Página 3
Facultad de Ciencias e Ingeniería
1.3 Características web 2.0 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 web 2.0 Para compartir el conocimiento
Para expresarse, crear, publicar, difundir:
Para publicar/difundir/buscar información
Redes sociales
Elaborado por Ing. Julio Vásquez Paragulla
Página 4
Facultad de Ciencias e Ingeniería
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 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
Elaborado por Ing. Julio Vásquez Paragulla
Página 5
Facultad de Ciencias e Ingeniería
Como puede ver, debe escribir su usuario o su email y su password de la cuenta que acaba de crear. 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:
Elaborado por Ing. Julio Vásquez Paragulla
Página 6
Facultad de Ciencias e Ingeniería
Ahora puede dejarlo guardado en su cuenta, o puede compartirlo en su cuenta Twitter, o en su cuenta Facebook o puede enviarlo por correo. 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. Sólo tiene que copiar ese código html y pegarlo en fu Facebook en la parte que dice “Escribe algo…”, una vez que aparece la imagen del pdf puede borrar el código html que acaba de pegar y en su lugar escribir algún texto de invitación a leer el pdf publicado. 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:
Elaborado por Ing. Julio Vásquez Paragulla
Página 7
Facultad de Ciencias e Ingeniería
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.
Elaborado por Ing. Julio Vásquez Paragulla
Página 8
Facultad de Ciencias e Ingeniería
3. ISSUU 3.1 Crear cuenta Ingresar a www.issuu.com
Crea una cuenta entrando a su cuenta de Facebook.
Luego, ubique su cuenta en la parte derecha:
Elaborado por Ing. Julio Vásquez Paragulla
Página 9
Facultad de Ciencias e Ingeniería
3.2 Subir y compartir pdfs Ubique la opción UPLOAD para subir un pdf:
Dar clic en el botón para seleccionar su archivo pdf y luego de subirlo, escriba un título y una descripción si lo desea:
Finalmente dar clic en el botón PUBLISH NOW.
Elaborado por Ing. Julio Vásquez Paragulla
Página 10
Facultad de Ciencias e Ingeniería
Dar clic en el botón OPEN PUBLICATION para ver la presentación visual de su pdf en formato de libro.
3.3 Publicar en facebook Dar clic en la opción SHARE, copie el url directo (Direct link), entre a su cuenta de facebook y péguelo en una nueva publicación.
Elaborado por Ing. Julio Vásquez Paragulla
Página 11
Facultad de Ciencias e Ingeniería
Antes de dar clic en el botón PUBLICAR, puede borrar el enlace del texto de su publicación si lo desea. Finalmente, su publicación en Facebook queda así:
Elaborado por Ing. Julio Vásquez Paragulla
Página 12
Facultad de Ciencias e Ingeniería
SEGUNDA SESIÓN ( 3 horas ) 4. PREZI 4.1 Crear cuenta Ingrese a la siguiente dirección web: www.prezi.com
Pueden mirar el video. Lueo dar clic en el botón COMIENZA.
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 sean públicas en la red y su espacio de disco será de 100MB. Elegir la opción gratuita dando clic en el botón Continúa con presentaciones públicas. Elaborado por Ing. Julio Vásquez Paragulla
Página 13
Facultad de Ciencias e Ingeniería
Llene los datos del formulario y haga clic en el botón Créate una cuenta gratuita Public. O regístrese con su cuenta en Facebook o Linkedin. Para entrar a su cuenta creada con Facebook o Linkedin dar clic en el botón Entrar.
Elija la opción que corresponda.
Cerrar la ventana de introducción para entrar a la página de inicio. Elaborado por Ing. Julio Vásquez Paragulla
Página 14
Facultad de Ciencias e Ingeniería
4.2 Subir y compartir ppt Para crear su primera presentación haga clic en New prezi
Elija la plantilla IMPACT y dar clic en el botón Use template.
Elaborado por Ing. Julio Vásquez Paragulla
Página 15
Facultad de Ciencias e Ingeniería
Dar clic en opción Insert y elija PowerPoint…
Ubicar la ppt que quiere insertar (modelo educativo uch), dar clic en el botón Abrir y espera unos segundos para que cargue toda la ppt. Al terminar la carga de su ppt, en la parte derecha verá lo siguiente:
Elaborado por Ing. Julio Vásquez Paragulla
Página 16
Facultad de Ciencias e Ingeniería
Ahora dar clic en el botón Insert All para ver la siguiente vista:
Puede seleccionar otra distribución de los objetos en los slides o dejarlo en la distribución por defecto que aparece en la parte superior. Marque el check Add a path between your slides para que los slides sean considerados como individuales y luego dar clic en el botón Insert. Elaborado por Ing. Julio Vásquez Paragulla
Página 17
Facultad de Ciencias e Ingeniería
Al terminar la inserción aparece la siguiente pantalla:
Donde finalmente debe dar clic en el check de la parte central derecha. Observe que en la parte de las diapositivas, parte izquierda, las 8 primeras están vacías!, por lo que se hace necesario eliminarlas. Sin embargo, vamos a dejar la primera y eliminaremos las 7 siguientes, así: Haga clic en el botón Edit Path y traslade el mouse hacia la diapositiva que quiere eliminar y verá que aparece un botón rojo con una X. Para eliminarla sólo debe hacer clic en la X. Elimine las diapositivas 2,3,4, 5, 6, 7 y 8.
Para salir de la opción Path, dar clic nuevamente en el botón Edit Path que está en la parte inferior izquierda.
Elaborado por Ing. Julio Vásquez Paragulla
Página 18
Facultad de Ciencias e Ingeniería
Seleccione la primera diapositiva y dar clic en el texto de título y escribe lo siguiente
Si desea lo selecciona y le aplica nuevo color y/o lo justifica. Dar clic en el segundo texto y escribe lo siguiente:
Seleccione la 2da diapositiva y el texto lo desplaza con sólo arrastrar el mouse en el ícono de la manito. Seleccione la 3ra. Diapositiva y acomode los textos.
Es el momento de hacer los cambios que crea conveniente a su entera satisfacción. Puede ver la presentación haciendo clic en el botón Present.
Para salir dar clic en la opción Exit. Observe las siguientes opciones en la parte inferior:
Puede editarlo, presentarlo remotamente, descargarlo para que funcione sin conexión a internet, sacar una copia, compartirlo en su cuenta de Facebook, Twiter, o puede empotrarlo en una página web. Dar clic en el botón Share
Copia el enlace y lo envía al correo de sus contactos o lo publica en el muro de su Facebook para que vean su presentación con cualquier navegador de internet.
Elaborado por Ing. Julio Vásquez Paragulla
Página 19
Facultad de Ciencias e Ingeniería
4.3 Diseñar y compartir ppt Para crear una nueva presentación ingrese a su cuenta prezi y haga clic en New prezi, luego elija una plantilla (Creativity) y dé clic en el botón Use Template.
Dar clic en el texto para agregar título de la presentación y escriba:
Dar clic en la 2da. Diapositiva:
Elaborado por Ing. Julio Vásquez Paragulla
Página 20
Facultad de Ciencias e Ingeniería
Ponga nuevamente el título y dar clic en la opción Insert, Image:
En la parte superior derecha dar clic en Select Files.
Seleccione la imagen Web2.0 de la carpeta imágenes_varios y dar clic en el botón Abrir. Utilice la manito y desplace los objetos para que su diapositiva quede similar a la siguiente:
Elaborado por Ing. Julio Vásquez Paragulla
Página 21
Facultad de Ciencias e Ingeniería
Dar clic en la 3ra. diapositiva vacía y diseñe lo siguiente:
Dar clic en la 4ta. diapositiva vacía y diseñe lo siguiente:
Para la imagen utilice la opción Insert image Dar clic en la 5ta. diapositiva vacía y diseñe lo siguiente:
Elaborado por Ing. Julio Vásquez Paragulla
Página 22
Facultad de Ciencias e Ingeniería
El círculo 6 que se encuentra dentro del círculo 5 arrástrelo para que quede fuera. La imagen lo consigue con Insert Symbols & Shapes – Photographic. Ubica el símbolo gráfico y lo arrastra hacia la diapositiva. Dar clic en la 6ta. diapositiva vacía y diseñe lo siguiente:
El check también es un símbolo gráfico tipo fotografía.
Elaborado por Ing. Julio Vásquez Paragulla
Página 23
Facultad de Ciencias e Ingeniería
Dar clic en la 7ma. diapositiva vacía y diseñe lo siguiente:
Para agregar una nueva diapositiva dar clic en la opción Add que está en la parte superior izquierda.
Dar clic en la 8va. Diapositiva que se ha adicionado y diseñe lo siguiente:
Elaborado por Ing. Julio Vásquez Paragulla
Página 24
Facultad de Ciencias e Ingeniería
Agregue una nueva diapositiva (9na) y diseñe lo siguiente:
Para insertar el video haga clic en Insert, YouTube video luego escriba el enlace: https://www.youtube.com/watch?v=nH0cby2lMk8 Si tiene el video descargado, haga clic en Insert From file(pdf, video), ubica el video y lo abre. Para ver su presentación dar clic en el botón Present.
Para salir de la presentación presionar la tecla Esc. Elaborado por Ing. Julio Vásquez Paragulla
Página 25
Facultad de Ciencias e Ingeniería
Para salir de la edición dar clic en opción Salir. 4.4 Publicar su presentación en Facebook Luego de salir de la edición dar clic en opción Share Copia el enlace y lo envía al correo de sus contactos o lo publica en el muro de su Facebook para que vean su presentación con cualquier navegador de internet. Salga de su cuenta de prezi, con la opción logout. Entre a su cuenta de Facebook para verificar su publicación
4.5 Ejercicios: 1) Importe y adapte una ppt de su interés 2) Diseñe y publique una presentación prezi de su interés.
Elaborado por Ing. Julio Vásquez Paragulla
Página 26
Facultad de Ciencias e Ingeniería
TERCERA SESIÓN ( 3 horas ) 5. CLASSMARKER 5.1 Crear cuenta Ingrese a la siguiente dirección web: www.classmarker.com
Regístrese en el botón Register Free:
Puede hacerlo como alumno (Test Takers), como docente (Administrators). Luego de llenar el siguiente formulario dar clic en botón REGISTER.
Elaborado por Ing. Julio Vásquez Paragulla
Página 27
Facultad de Ciencias e Ingeniería
Revise su correo donde le llegará 1 mensaje de bienvenida y un requerimiento para que valide su cuenta de correo:
5.2 Elaborar evaluación Luego de hacer la validación ya puede entrar con su usuario y password a su cuenta en classmarker.
Elaborado por Ing. Julio Vásquez Paragulla
Página 28
Facultad de Ciencias e Ingeniería
Dar clic en la opción Tests
Luego, haga clic en el botón New Test+
Ingrese el nombre de su evaluación, por ejemplo: Test de entrada y haga clic en el botón Start Adding Questions
Elabore sus preguntas. Haga clic en el botón PREVIEW para visualizar su evaluación.
Elaborado por Ing. Julio Vásquez Paragulla
Página 29
Facultad de Ciencias e Ingeniería
5.3 Crear grupos Dar clic en la opción Tests, luego en la opción Groups
Dar clic en el botón New Group+
Ingrese nombre de su grupo y dar clic en el botón Submit
Agregue miembros con la opción AddMembers
Dar clic en la opción Enter Members Here para registrarlos directamente. La otra opción genera códigos para que los mismos miembros se inscriban en el grupo.
Elaborado por Ing. Julio Vásquez Paragulla
Página 30
Facultad de Ciencias e Ingeniería
Luego de ingresar los miembros, elegir el orden de los nombres, elegir el lenguaje y elegir si envía mails a los usuarios, aparece un botón Register New Users donde debe hacer clic para que queden registrados los miembros de su grupo creado. 5.4 Tomar evaluación Dar clic en la opción Groups, luego dar clic en la opción Assign a Test
Elaborado por Ing. Julio Vásquez Paragulla
Página 31
Facultad de Ciencias e Ingeniería
Elija la forma de hacer la evaluación. Vía grupo creado o vía enlace web. Si elige vía grupo:
Selecciona el grupo y dar clic en botón Next
Elaborado por Ing. Julio Vásquez Paragulla
Página 32
Facultad de Ciencias e Ingeniería
Hace las configuraciones correspondientes y dar clic en botón Assign
Finalmente dar clic en botón Finished.
Elaborado por Ing. Julio Vásquez Paragulla
Página 33
Facultad de Ciencias e Ingeniería
Si elige vía link:
Hace las configuraciones correspondientes y dar clic en botón Assign. IMPORTANTE: la opción de guardar resultados debe estar en NO para que funcione vía link.
Elija la opción Add a link on your website y dar clic en botón Finished.
Elaborado por Ing. Julio Vásquez Paragulla
Página 34
Facultad de Ciencias e Ingeniería
Elija la opción Tests, seleccione el test de entrada y elija la opción Links.
. Copie el primer enlace y péguelo en su cuenta de Facebook.
Elaborado por Ing. Julio Vásquez Paragulla
Página 35