INFORME TECNOLOGÍA DE LA INFORMACIÓN Y LA COMUNICACIÓN APLICADAS A LA EDUCACIÓN SOCIAL. PATRICIA MARTINEZ.

1. TECNOLOGÍAS
INFORME
TECNOLOGÍAS DE
LA EDUCACIÓN.
DE LA
EDUCACIÓN
GRADO EDUCACIÓN SOCIAL
PATRICIA MARTINEZ FERREIRA Nº40
DNI 71482146D

2. 1
En este informe explicaremos paso a paso como crear tu propio blog y cómo utilizar
una serie de programas y herramientas de WEB 2.0 que luego insertaremos en el blog
o en nuestra página web.
CUENTA GMAIL, BLOG, DECORACIÓN, IMÁGENES,VIDEOS GIDGETS,
VOKI, CALAMEO, MÚSICA, VOZME, ISSUU, TAGUL, DOTSUB, SLDSHARE,
PREZI, COMIC…
CUENTA GMAIL Y NUEVO BLOG
El primer paso sería acceder a tu cuenta g-mail, si no eres usuario todavía de google,
tendrías que crearte una nueva cuenta.
Si ya eres usuario solo tendrías que acceder como haces normalmente y seguir los pasos
que comentaremos más adelante, pero de momento vamos a explicar cómo crearse una
cuenta de g-mail.
I. Accedes a Google desde tu navegador habitual ya sea Firefox, crome…y haz clic en
Iniciar sesión o G-mail.
Pulse uno de los dos señalados anteriormente y siga los pasos siguientes:
 Haga clic en crear nueva cuenta.

3. 2
 Introduces tus datos según lo que pida, no es necesario que pongas tu
nombre y tú apellido real, pero lo importante es el nombre de usuario la
contraseña y el número de teléfono (al que luego te enviarán un código de
confirmación de la cuenta) estén escritos correctamente. Aceptas las
condiciones del servicio y haces clic en siguiente paso.
 Haces clic en creación de perfil, y posteriormente en empezar.
El segundo paso sería entrar en tu cuenta g-mail, en la nueva que acabamos de crear o
en la nuestra propia. Nos situamos en la parte superior derecha de la pantalla.

4. 3
Hacemos clic en Blogger y ya estaremos más cerca de crear nuestro propio blog. Como
podemos observar los pasos a seguir de momento son muy fáciles.
Continuamos con el tercer paso haciendo clic en nuevo blog (en esa misma parte de la
pantalla saldrán posteriormente todos los blogs que vayas a crear con tu cuenta de
G-mail.

5. 4
Elegimos un título, una dirección (que será el nombre de nuestro blog), y la plantilla
que deseemos, y finalmente hacemos clic en crear blog.
Nos saldrá la misma pestaña que antes pero con otras características:
Aquí, donde indica la flecha aparecerá
el nombre que tú elijas para tu blog.
Hacemos clic en empezar a
publicar, y comenzamos a
diseñar nuestro blog.
¿CÓMO DECORAR NUESTRO NUEVO BLOG?
Empezamos ya con el diseño del blog, formatos de títulos, entradas, gadgets, fotos,
videos…
Según pinchamos en el Blog que acabamos de crear nos sale esta página:
Para tener el Blog bien organizado y algo decorado yo comenzaría eligiendo el tipo de
letra, el grosor de las entradas y de los gadgets… etc.
Para eso haremos clic en Plantilla en la franja izquierda de la pantalla, y nos aparecerá
lo siguiente:

6. 5
Después de realizar ese paso haremos clic en personalizar, y nos llevará directamente a
la página del blog para poder ver cómo nos quedan los retoques que hacemos:
La plantilla, ya la elegimos en el segundo paso al ponerle nombre y elegir título de la
página, pero ahora iremos describiendo que encontramos en cada uno de los
apartados de la zona izquierda del blog.
Como ya hemos dicho la plantilla es lo que se observa en las imágenes anteriores,
eliges una a gusto del editor.

7. 6
Cuando hacemos clic en FONDO nos aparece esta pestaña:
Esto nos ayuda a configurar el fondo que el cada persona elija acorde al tema y a lo
que se vaya a hablar en el blog. Podemos dejar el fondo predeterminado de la
pantalla, o también podemos cambiarlo. Para poner otro fondo de pantalla los pasos a
seguir son muy sencillos:
-Hacemos clic donde pone imagen de fondo, y nos salen una serie de imágenes, si hay
alguna de nuestro agrado la elegimos, y se colocará inmediatamente en el fondo de
nuestro blog, y si no nos gusta ninguna foto hacemos clic en subir imagen, seleccionar
archivo y elegimos una de nuestros documentos del ordenador, hacemos clic en listo y
está terminado. Para este ejemplo, elegiremos una foto de la galería de nuestro
ordenador.

8. 7
Continuamos con AJUSTAR ANCHO, en esta herramienta de la plantilla conseguiremos
el ancho del blog que nosotros deseemos.
En DISEÑO elegimos la distribución de nuestras entradas en el blog, también de los
gadgets, la descripción del blog…etc.
En AVANZADO podemos cambiar los estilos de letra de cada título del blog, de los
fondos, de los enlaces… Podemos decorar nuestro blog como queramos.
ANTES
DESPUÉS
Para terminar con la plantilla y el estilo del blog hacemos clic en APLICAR AL BLOG y
tendremos las características que nosotros elijamos.

9. 8
¿CÓMO INTRODUCIR IMÁGENES Y VIDEOS EN NUESTRO BLOG?
Continuando en este aspecto explicaremos como introducir imágenes en nuestro blog
pero no como entradas, y además de esto al pinchar en cada una de las imágenes que
coloquemos nos llevará a una página de internet diferente.
Hacemos clic en diseño y en añadir gadget, se nos abrirá una pestaña como la
siguiente:
Al abrirse esta pestaña haremos clic
en IMAGEN y se nos abrirá
inmediatamente otra pestaña.
En esta pestaña, comenzaremos
eligiendo un título para la imagen,
después elegiremos un pie de foto,
aunque no es obligatorio, en
enlace escribiremos una página
que luego al hacer clic en la foto se
abrirá inmediatamente.
Finalmente elegiremos una foto
que previamente tendríamos que
haber guardado en el ordenador y
pincharemos en seleccionar
archivo, reducir hasta ajustar y en
guardar. Las fotos que insertemos
se verán así en nuestro blog.

10. 9
Los videos se añaden de la misma manera pero habría que ir a www.youtube.com ir al
video que nos guste y realizar lo siguiente.
COPIAMOS EL CÓDIGO
HTML

11. 10
Al copiar el código podremos insertarlo en una entrada o en un gadget como las
imágenes. Se puede modificar su forma: su altura HEIGHT y su anchura WIDTH, en el
código como podemos observar aparecen esas palabras y solo habría que cambiar los
números que aparecen entre comillas.
¿CÓMO SE AÑADEN GADGETS?
1. Primero empezaremos con un gadget simple. Hacemos clic en DISEÑO, en
añadir gadget y nos saldrá una pestaña para elegir el tipo de gadget que
queremos, pulsamos en más gadget y elegimos el de los peces, por ejemplo.
Nos saldrá una pestaña de configurar gadgets y una serie de pestañitas en las
que tendremos que elegir el estilo. Cuando lo tengamos a nuestro gusto
hacemos clic en guardar, y después en guardar disposición.
Aquí tendremos que
hacer clic siempre para
incluir en nuestro blog
gadgets.

12. 11
Y así quedaría finalmente el primer gadget en nuestro blog.
2. Ahora vamos a añadir un gadget de hora y día por ejemplo, este gadget no
aparece como predeterminado en el blog de Google por lo tanto hay que buscar
su HTML para poder insertarlo en nuestro blog. Nos meteremos en la página
www.gadgetsparablogger.com. Hacemos clic en MAS GADGETS y buscamos uno
a nuestro gusto, que en este caso sería un calendario.

13. 12
CODIGO HTML
Copiamos el código HTML, asegurándonos de que lo copiamos entero. Volvemos
a blogger a diseño y pulsamos en añadir gadget, pero en este caso no en ¨más
gadgets¨ cómo el anterior si no que hay que buscar este símbolo:
Hacemos clic e insertamos el código. Guardamos y damos a vista previa para
comprobar como ha quedado en nuestro blog.

14. 13
Esta pestaña sirve para añadir cualquier tipo de gadget y así lo explicaremos en
el paso siguiente. Se pueden añadir muchos más gadget de esta página
comentada anteriormente para decorar y animar nuestro blog, de la misma
manera y con los mismos pasos.
Chats, juegos, gidgets de visitas... etc

15. 14
¿QUÉ ES VOKI? ¿CÓMO PODEMOS INTRODUCIRLO EN NUESTRO
BLOG?
En el paso seis comentamos como incluir un VOKI en nuestro blog. Voki es una
herramienta interesante que podemos tomar para el aula de idiomas (excelente, para
inglés). Se trata de un widget (como un "extra") gratuito que produce un "voki" o
personaje (avatar) que se mueve y habla el texto que le introducimos.
Nos metemos en www.voki.com.
Hacemos clic en ¨register¨ si queremos registrarnos , rellenaremos los apartados y
cuando tengamos hecha la cuenta (no necesariamente) hacemos clic en ¨create¨ y
comenzamos a diseñar nuestro voki. Hacemos clic en ¨publish¨ y ya tendremos nuestro
código httml.
CÓDIGO HTML
VOKI PARA
Copiamos el código html como si de un gadgets se tratase, como hemos comentado
anteriormente, hacemos clic en nueva entrada o en diseño y en añadir gidget, buscamos
este icono y hacemos clic en él.
Cuando se abra la pestaña introduciremos el código html que nos venía en la página, y
lo introduciremos como si fuese un gadget normal, guardamos la disposición y ya
tendremos el voki diseñado en nuestro blog.
BLOG

16. 15
¿QUÉ ES CALAMEO Y COMO PUEDO INTRODUCIRLO EN EL BLOG?
Calaméo es una herramienta 2.0 para alojar diversos tipos de documentos
proporcionando una visualización moderna de libro digital que cuenta con un zoom
interactivo muy dinámico. Es similar a otros conocidos servicios como Issuu.
Iremos a la página www.calameo.com, nos crearemos una cuenta que será gratuita, que
tendremos que activar desde nuestro correo para poder empezar a publicar.
Hacemos clic en publicar o en crear publicación y subimos un documento que
previamente tendría que a ver sido creado y guardado en nuestro ordenador.
Al subirlo a calameo
aparecerá otra página en
la que tendremos que
elegir un título, una
carpeta…
Haremos clic en publicar

17. 16
Pondremos el cursor encima del
documento y haremos clic en
incrustar.
Copiamos el código httml y lo
introducimos en el blog como hemos
explicado anteriormente.

18. 17
Como ya hemos explicado anteriormente, de igual manera que los demás, diremos que
tiene que hacer clic en nueva entrada o en añadir gadget en diseño y buscar la
herramienta HTML e introducir el código, hacer clic en guardar disposición y ya
tendremos CALAMEO en nuestro blog.
¿CÓMO PODEMOS PONER MÚSICA EN NUESTRO BLOG?
Para poner música en nuestro blog nos meteremos en www.scmplayer.com con nuestro
navegador. SCM Music Player es un reproductor de música web de código libre y abierto,
que trae una experiencia musical sin problemas a su sitio web.
Lo primero que tendremos que hacer es elegir un tipo de estilo para nuestra barra de
música en el blog.
Haremos clic en cualquiera de los
diseños, y nos aparecerá en la parte
de arriba de la pagina el elegido tal y
como quedará en el blog
DISEÑO
ELEGIDO
Cuando terminemos de elegir el diseño, haremos clic en NEXT o SIGUIENTE y
comenzaremos a escribir los títulos de las canciones y a pegar el código URL de dichas
canciones.

19. 18
Aquí pondremos solo el
nombre del título de la
canción
JUAN MAGAN, SI NO TE
QUISIERA
CODIGO URL
www.youtube....

20. 19
Continuamos y volvemos a hacer clic en SIGUIENTE, esta vez tendremos que configurar
los ajustes de nuestra lista de reproducción.
Si elegimos auto play la música se reproducirá automáticamente al entrar en nuestro
blog, también tenemos la opción de que las canciones se reproduzcan aleatoriamente,
de elegir el máximo de volumen y de elegir donde queremos que este situada la barra
de música, arriba o abajo.
Finalmente haremos clic en hecho, y ya tendremos nuestro código HTML para introducir
en nuestro blog como ya hemos explicado.

21. 20
¿QUÉ ES VOZME?
VozMe es una entretenida aplicación Online que nos permitirá convertir cualquier
texto que deseemos en voz y en formato MP3, en el idioma que elijamos,
disponibles: español, italiano e inglés.
Podemos escribir cualquier palabra, oración o párrafo y al hacer clic en Generar MP3 el
sistema nos mandara a otra ventana donde se reproducirá con una especie de robótica
voz lo que hemos escrito y nos generará el enlace para descargarlo en formato MP3.
Primero iremos a www.vozme.com no hace falta estar registrado previamente para
utilizar esta aplicación.
En este apartado
introduciremos el
texto que
queramos
posteriormente se
reproduzca
Haremos clic
aquí para crear el
MP3
Podemos elegir el
idioma que
deseemos y la voz
que queramos
Al hacer clic en crear MP3 ya tendremos guardada nuestra nota de audio con el
contenido deseado y solo tendremos que introducirlo en nuestro blog.

22. 21
¿QUÉ ES ISSUU? ¿CÓMO PUEDO INTRODUCIRLO EN EL BLOG?
Isuu es una plataforma de publicación digital que hace que sea fácil publicar revistas,
catálogos, periódicos, libros, y más en línea.
Para comenzar iremos a la página www.issuu.es y comenzaremos a ver archivos en línea.
Podremos buscar un archivo cualquiera a nuestro gusto (libro, revista…), al buscarlo nos
saldrá de esta manera.
Hacemos clic en uno de los archivos

23. 22
A continuación haremos clic en COMPARTIR y posteriormente a INCRUSTAR y nos
saldrá lo siguiente:
Así aparecería en nuestro BLog
Este es el código HTML que tendremos que
insertar como ya hemos explicado y ya tendremos
issu en nuestro blog.

24. 23
¿QUÉ ES TAGUL?
Tagul es una aplicación online que genera imágenes a partir de las palabra clave de un
texto que introducimos previamente; los dibujos con texto son muy útiles para ilustrar
material didáctico que diseñemos nosotros, destacar conceptos clave de forma más
atractiva o para destacar nuestro blog; requiere registro, aunque podemos ahorrar
tiempo entrando desde twitter, facebook u otros sitios web.
Para insertarlo en nuestro blog, empezaremos desde la página www.tagul.com.
Tendremos que comenzar haciéndonos una nueva cuenta, registrándonos, es muy
sencillo. Después de registrarnos, haremos clic en CLOUDS (nubes) y ahí pincharemos
en CREATE NEW CLOUD (crear nueva nube).
Elegimos el color con
el que queramos que
aparezca la palabra
En esta columna
pondremos la
página que
queramos que salga
cuando pinchemos
en la palabra
En esta
columna
escribiremos
las palabras
que aparecerán
en la figura.

25. 24
Elegiremos una Forma, un fondo, unos colores de animación y para terminar
guardaremos los cambios y haremos clic en GRAB AND SHARE
Copiamos el código HTML y como ya
sabemos, tendremos que hacer clic
primero en diseño, luego en añadir gadgets
y posteriormente en HTML o también
podremos pegarlo en una nueva entrada,
pegaremos el código, daremos a guardar y
ya tendremos nuestro tagul en el blog.

26. 25
¿QUÉ ES DUTSUB?
DotSub es una herramienta 2.0 que te permite subtitular todos tus vídeos favoritos,
que pueden ser subidos por el propio usuario o distintos usuarios, y compartir tus
vídeos subtitulados con todo el mundo. También te permite subtitular los vídeos en
cualquier idioma, e incluso varios idiomas en un mismo vídeo. Así podemos compartir
vídeos con personas de todos los lugares del mundo, independientemente del idioma
que hablen. Para introducirlo en nuestro blog lo primero que tendremos que hacer
será ir a la página www.dotsub.com, tendremos que darnos de alta.
Haremos clic en UPLOAD y rellenaremos los apartados.
TITULO
DE LA
CANCION
BREVE
DESCRIPCIÓN
DEL VIDEO
Para finalizar elegiremos el idioma que queramos, y subiremos el video desde nuestro
ordenador. A continuación comenzaremos a escribir los subtítulos que queramos que
salgan en que minuto y en cuanto tiempo:

27. 26
Haremos clic en
CAPTION AND
TRANSLATE y nos
saldrá la siguiente
página.
AQUÍ INTRODUCIREMOS EL TEXTO
QUE QUERAMOS Y ELEGIREMOS
LOS SEGUNDOS O MINUTOS EN LOS
QUE QUERAMOS QUE SALGA.
CLIC PARA
ENVIAR
SUBTÍTULO
Haremos clic en GO BACK TO VIDEO PAGE que nos llevará, ya con el video subtitulado
como nosotros queramos, a la página inicial, para poder guardarlo y copiar el código
con el que luego podremos colocarlo en nuestro blog.

28. 27
Haremos clic en SHARE y copiaremos uno de los dos códigos HTML, generalmente el
primero, y ya podremos llevárnoslo hasta nuestro blog.
¿QUÉ ES SLDSHARE?
Es un sitio web que ofrece a los usuarios la posibilidad de subir y compartir en público
o en privado presentaciones de diapositivas en PowerPoint, documentos de Word,
Open Office, PDF, Portafolios. ...
Para comenzar iremos directamente a la página www.sldshare.com
Haremos clic en CREATE NOW y como comprobaremos, si no tienes cuenta previa, te
mandará crearte una, pincharemos en SIGNUP y rellenaremos los apartados.

29. 28
Después de crearnos la cuenta haremos clic en UPLOAD y empezaremos a crear
nuestro documento. Cuando tengamos creado nuestro documento en un WORD,
POWER POINT…
HAREMOS CLIC EN
UPLOAD Y SUBIREMOS
NUESTRO DOCUMENTO
DESDE EL ORDENADOR,
NOS APARECERÁ LO
SIGUIENTE
AGREGAREMOS UN TITULO A
NUESTRO DOCUMENTO
ELEGIREMOSUNA
CATEGORÍA
DESCRIBIMOS NUESTRO
DOCUMENTO
POR ULTIMO GUARDAREMOS
EL DOCUMENTO Y
CONTINUAMOS

30. 29
Finalmente ya tenemos nuestro código para insertarlo como entrada o gadget en
nuestro blog o pagina web.
¿QUÉ ES PREZI?
Prezi es una aplicación multimedia para la creación de presentaciones similar a
Microsoft Office PowerPoint o a Impress de Libre Office pero de manera dinámica y
original. La versión gratuita funciona solo desde Internet y con una limitante de
almacenamiento. Para poder introducirlo en nuestro blog primero tendremos que ir
hasta la página prezi.com haremos clic en entrar en la parte superior derecha. Y
haremos clic en crear cuenta.
Haremos clic en nuevo prezi y se nos abrirá directamente otra página.

31. 30
Elegiremos una plantilla y haremos clic en usar plantilla o iniciar prezi en blanco.
Cuando lo tengamos haremos clic en salir yya tendremos nuestro prezi, haremos clic
en guardar y posteriorimente en salir y ya podremos compartirlo.
Haremos clic en insertar y ya tendremos nuestro código para insertar el prezzi en
nuestro blog en forma de entrada o gadget como ya hemos contado anteriormente, o
en nuestra página web.

32. 31
CREAR UN COMIC E INSERTARLO EN EL BLOG CON PIXTÓN.
Primero comenzaremos en la página www.pixton.com y comenzaremos haremos clic
en obtener cuenta.
Como siempre comenzaremos a rellenar los espacios con nuestros datos personales y
cuando terminemos haremos clic en acepto. Tendremos que ir hasta nuestro correo y
activar la cuenta cuando lo tengamos haremos clic en continuar.

33. 32
Hacemos clic en CREAR UN COMIC AHORA, y elegiremos un tipo de comic.
Al terminar el blog, ya podremos compartir y descargar el comic.
HAREMOS CLIC EN ESTE SÍMBOLO QUE COMO YA SABEMOSSIRVE
PARA INSERTAR EN UNA PAGINA WEB Y NOS SALDRÁ LO
SIGUIENTE.

34. 33
Cuando tengamos el código ya sabemos que podemos insertarlo en el blog tanto como
entrada como gadget. Y se vería asi en nuestro blog.
Pues ya, tenemos todas las herramientas explicadas en el informe que hemos utilizado
en este curso sobre la WEB 2.0.