Asignatura: Gestión Básica de la Información
Página Webnode
Presenta: Paula Estefany Pedraza Jineth Gómez Farfán Ángela Ochoa Angie Paola Puentes Adriana Galindo Camacho Paula Andrea Murcia
Docente John Rodrigo Sáenz Hernández
1
Contenido
______________________________ 1 1.
OBJETIVO GENERAL ______________________________________ 50
Definir conceptos y usos de las herramientas y las aplicaciones de webnode y otros programas para un buen manejo de estos, implementando una temática concreta y evolutiva sobre el derecho a la vida. ________________________________ 50 2.
OBJETIVOS ESPECIFICOS _________________________________ 50
al
Identificar la importancia del uso de la página webnode utilizar las diferentes herramientas que esta posee. ___ 50
Dar a conocer paso a paso el uso de una manera detallada de diferentes programas determinados tales como el blog, fotolog, voki, goanimate, wiki, mindomo,Bubbl.us,. _________ 50 Informar sobre una temática especifica e implementada en la página webnode sobre el Derecho a la Vida. ______________ 50 INTRODUCCIÓN _______________________________________________ 51 El presente trabajo tiene como finalidad brindar una facilidad de aprendizaje en el uso del gestor de contenido webnode, de una manera directa concreta y concisa promoviendo los recursos que requieren los usuarios al registrarse, editar, guardar y publicar sus contenidos. Es importante reconocer y a la vez diferenciar los diferentes programas y herramientas que nos brindan para la creación de los mismos. ___________________________________________________________ 51 JUSTIFICACIÓN ______________________________________________ 52 El derecho a la ida lo tiene cualquier ser humano por el simple hecho de existir y estar vivo. Es un derecho fundamental de la persona; y de hecho es el más importante de todos los derechos del hombre ya que no tendría sentido alguno garantizar la libertad, propiedad o cultura a un sujeto que está muerto. ____________________________________ 52 Al crear la página webnode, el blog, voki. Fotolog, wiki, se implementan conceptos para que de esta manera se puedan dar a conocer los criterios y la importancia del derecho a la
2
vida, ya que en la actualidad este es quebrantado y violentado por causas realmente injustas e inhumanas. _____ 52 3.
CONCLUSIONES __________________________________________ 53
El desarrollo de este trabajo permitió adquirir nuevos conocimientos para ponerlos en práctica a la hora de realizar una página en internet. ____________________________________ 53 Se espera que este documento sea de gran ayuda para las personas que en su momento lo necesiten, sirva de apoyo a la hora de realizar un proyecto. ______________________________ 53 Gracias al proceso que se llevó a cabo en el semestre, se logra obtener información al manejar las herramientas de otros programas. ___________________________________________ 53 4.
VOKI __________________________________________________ 54
Widget gratuito que produce un personaje “avatar” que se mueve y habla el texto que se le introduce, el “voki” resultante se puede insertar en una pagina Web, blog, Wiki o enviarlo por correo electrónico ____________________________ 54 4.1 Para qué sirve el voki ________________________________ 54 Sirve para la producción de un personaje el cual podemos caracterizarlo y hacerlo único a nuestra manera ya que podemos ponerle cualquier color de piel, ojos, cabello , ropa y diferentes fondos ,también se le puede introducir textos y será expresado en diferentes idiomas y en diferentes voces que tiene el programa o que uno mismo interpreta. __________ 54 El voki proporciona un código HTML el cual sirve para insertar el voki en un blog una página Web. ________________ 54 4.2 Como crear un voki ____________________________________ 54 Entrar a la página principal de voki
www.voki.com ________ 54
4.3 Registrarse ___________________________________________ 55
_______ 55 3
4.4 Llenar formulario de registro _________________________ 55 4.5 Entrar al correo electrónico y abrir el link de confirmación. ______________________________________________ 56 4.6 Confirmar el correo y contraseña después de que nos han aceptado para poder ingresar ala pagina y empezar a crear nuestro voki. ______________________________________________ 56
4.7 Entrar a CREATE A NEW VOKI _____________________________ 56 5
57 4.8 Escoger la apariencia física del “voki “en algunas opciones saldrá en la esquina del voki una cinta verde (Noli in Voki Classroom) esto quiere decir que no se puede utilizar debido a que cuando no tienen esta cinta escogemos uno y lo empezamos a editar _________________________________________ 57 4.9 Antes de editar _______________________________________ 58 4
__________ 58 4.10
DespuĂŠs de editar ____________________________________ 58
______________ 58 4.11
. Clic en
DONE
para introducirle texto y voz _______ 59
4.12 Se puede insertar un texto que luego serĂĄ convertido el audio de diferentes voces y diferentes idiomas _____________ 59
5
____________________________ 59 4.13 Se puede insertar nuestra voz para que el voki la interprete _________________________________________________ 60
_________________ 60 4.14 Luego aparece una ventanita de aceptar acceso a micr贸fono para empezar a hablar ____________________________ 60
6
____________ 60 4.15 Aquí guardamos todos nuestros audios creados __________ 60
_______________________ 61 4.15 Por último la ventana de aceptación para poder enviar el voki _______________________________________________________ 61
7
_________________ 61
____________ 62 5. QUE
ES
WEBNODE? _______________________________________ 63
Es una excelente herramienta online gratuita que nos permite de manera rรกpida y sencilla, crear un sitio web. ___ 63 a.
CARACTERISITICAS _____________________________________ 63
-Es gratis ______________________________________________ 63 -Sin publicidad _________________________________________ 63 -Lista en 5 minutos _____________________________________ 63 8
-Utiliza tu propio dominio ______________________________ 63 -Rรกpida y fรกcil _________________________________________ 63 -Plantillas modernas ____________________________________ 63 -Tonos modernos _________________________________________ 63 a.
PASOS PARA SU USO ____________________________________ 63
b.
Debemos crear una cuenta _____________________________ 63
_________________________________________________________ 63 Debemos aceptar el correo de confirmaciรณn: ______________ 63
______________ 64
9
Una vez haya confirmado su cuenta, le aparece un panel que le indicara donde poner el nombre para su sitio web y un slogan. Se selecciona el tipo de web. ______________________ 64
__ 64 5.1 AparecerĂĄn una serie de diseĂąos que podemos seleccionar a un nuestro gusto ya podemos comenzar a llenar de contenido el sitio web. Seleccionamos una plantilla ______________________________________________ 65
_____ 65 10
5.2 Elegir
las páginas que deseamos crear _______________ 65
_ 66 5.3 La página web ya ha sido creada, ahora podemos editarla. 66
_________________________________________________________ 66 6
BLOG ____________________________________________________ 67 6.1 QUE ES UN BLOG _______________________________________ 67 Un blog es un sitio web en donde uno o varios autores desarrollan contenidos. Los blogs también se conocen como weblog o cuaderno de bitácora. La información se actualiza periódicamente y, de la misma forma, los textos se plasman
11
en forma cronológica; primero aparece el más recientemente escrita. _________________________________________________ 67 6.2 CARACTERISTICAS DEL BLOG _____________________________ 67 Aparecen artículos en forma cronológica de diversos tipos ____________________________________________________ 67 Se pueden comentar ____________________________________ 67 Creación de múltiples blog con un solo registro _______ 67 6.3
PASOS PARA CREAR UN BLOG: _____________________________ 67 Se Debe crear una cuenta en Gmail _____________________ 67
_________________________________________________________ 68 Al iniciar sesión sale en la parte superior derecha la opción aplicaciones escogemos la opción blogger. ________ 68
12
68 Al ingresar en la parte izquierda se puede encontrar la opci贸n nuevo blog dar clic en esta para empezar a crear el blog. ____________________________________________________ 69
69 6.3 Al ingresar se despliega un men煤 el cual indica que debe digitar la informaci贸n necesaria para crearla y elegimos la plantilla que se desea y se le da clic en crear blog. ______________________________________________ 69
13
______________ 69 6.4 En el blog creado le damos clic en crear entrada nueva. 70 6.5 Ahora es posible empezar a editarlo. __________________ 70
_________________________________________________________ 70 6.6 Insertar texto de acuerdo a la temĂĄtica a tratar, para empezar a dar opiniones. ___________________________________ 71 6.7 Si desea insertar una imagen dar clic en el icono resaltado y escoger dentro de las distintas opciones en este caso desde una URL y dar clic en aĂąadir las imĂĄgenes seleccionadas. _____________________________________________ 72
14
72 6.8 Luego se obtiene el contenido ya para publicar y se le da clic en el icono publicar que se encuentra en la parte superior derecha. __________________________________________ 72
_________________________________________________________ 72 6.9 Luego de publicado el blog es posible verlo y hacerle modificaciones, si asĂ se desea dando clic en mis blogs. ___ 73
15
_________________________________________________________ 73 7
FOTOLOG _________________________________________________ 73 7.1 ¿QUÉ ES? _____________________________________________ 74 Es una de miles de bitácoras, pertenecientes a una comunidad. A diferencia de un álbum de fotos, en un fotolog se publican unas pocas fotos diarias, generalmente una sola. ____________________________________________________ 74 7.2 CARACTERISTICAS DEL FOTOLOG: _________________________ 74 Sin limite de contenidos diario, subir lo que quiera. _ 74 Seis tipos de contenidos: fotos, videos, enlaces, musica, articulos y citas. _______________________________ 74 Titulo y comentario para la foto. _____________________ 74 Posibilidad de organizar tus fotos por tags. __________ 74 Número ilimitado de fotologs favoritos en tu lista. ___ 74 7.3 PASOS PARA CREAR UN FOTOLOG __________________________ 74 Abrir la página principal de fotolog (http://co.fotolog.com/ ) ________________________________ 74 7.4 Damos clic en crear mi fotolog y registras los datos, al terminar clic en únete. _______________________________ 74
16
_________________________________________________________ 75 7.5 Abrir el correo para verificar y activar la cuenta. __ 75
___________ 75 7.6 Ir al link indicado para activar la cuenta. ___________ 75
17
_________________________________________________________ 76 7.7 Ya es posible editar el fotolog ______________________ 76
___ 76 7.8 Clic en cargar seleccionar archivo y luego en abrir y por último en cargar. ____________________________________ 76 7.9 Con éxito subimos la foto. _____________________________ 77 7.10 Poner título y descripción a la foto. Guardar cambios y etiquetar la foto. _________________________________________ 78
18
______________ 78 7.11 Compartir la foto. ___________________________________ 78
_______ 78
19
7.11 Finalmente esta creado tu fotolog.
_________________________________________________________ 79 8.
CUENTA EN DROPBOX _____________________________________ 80
8.1 Abrir pรกgina en google y buscar dropbox _______________ 80
___________________________________________________________ 80 8.2 Registrar datos personales, clic en acepto condiciones y registrarse ________________________________________________ 80 20
9
80 8.3. Se inicia a guardar documentos _____________________ 80
___________________________________________________________ 81 8.4 Para los que no tienen el programa esta la opci贸n descargar __________________________________________________ 81
21
___________________________________________________________ 81 9.
CREAR CUENTA EN GOOGLE DRIVE __________________________ 82 Ingresar a google y buscar google drive _________________ 82
___________________________________________________________ 82 Crear cuenta
ingresar sus datos. _______________________ 82
22
_________________________________________________________ 82 Al abrir la cuenta este nos envía directamente al correo. 82
_________________________________________________________ 83 10. CUENTA EN SKY DRIVE __________________________________ 83 Acceder a la página de SkyDrive, registrar los datos personales que solicita. ___________________________________ 83
23
______ 83 10.1Se le da clic en Sky Drive _____________________________ 84
___________________________________________________________ 84 10.2
Se puede empezar a guardar archivos. _________________ 84
_____ 84 11. MAPA CONCEPTUAL EN MINDOMO ____________________________ 85 24
Ingresar a la p谩gina www.mindomo.com/es/ ________________ 85 11.1 Aparecen 2 opciones elegimos la segunda opci贸n que esta en verde. _____________________________________________ 85
___________________________________________________________ 85 11.2
Clic en Mindomo free _________________________________ 85
_________________________________________________________ 85 11.3
Registrar los datos personales. ______________________ 86
11.4 Ingresar y ofrece 3 opciones. Escoger la de uso personal. __________________________________________________ 86 ___________________________________________________________ 86 11.5
Empezar a crear el mapa. _____________________________ 86
25
___________________________________________________________ 86 12
GO ANIMATE ____________________________________________ 87 Ingrese a http://goanimate.com/ _________________________ 87
___________________________________________________________ 87 12.1
De clic en regĂstrate y llene los datos. _____________ 87
26
___________________________________________________________ 87 12.2 Clic en acepto los términos de uso y luego clic en regístrate y esta lista tu cuenta. _________________________ 87
___________________________________________________________ 88 12.3 Diríjase a abrir su correo para la verificación de su cuenta. ____________________________________________________ 88
27
_____ 88 12.4 Confirmar la direcci贸n de su correo electr贸nico entrando al enlace. ________________________________________ 88
_________ 89 12.5 Clic en inicia sesi贸n en Goanimate ahora y al entrar podr谩 ver su perfil. _______________________________________ 89
28
___________________________________________________________ 89 12.6 En su bandeja de entrada encontrara un mensaje el cual contiene informaci贸n sobre Goanimate con el fin de que si tiene dudas las despeje. ___________________________________ 89
__ 90 12.7 Para empezar a crear el Goanimate clic en crear un video. 90
29
___________________________________________________________ 90 12.9 Clic en filtrar temas y escoja la primera opci贸n como se muestra en la imagen. ______________________________________ 90
___________________________________________________________ 91 12.10 Seleccionar un tema y dar clic en
crear video. ______ 91
30
___________________________________________________________ 91 12.11 Empezar a editar el video, esta p谩gina nos brinda herramientas como sujetos, texto, escenas, elementos y sonido para crear una situaci贸n como la deseemos. __________ 91
___ 92
31
92
___________________________________________________________ 92
_ 93
32
_ 93
_ 93
___________________________________________________________ 94 12.12 Luego de editar configurar el video a su manera. Haga clic en guardar. ___________________________________________ 94
33
___ 94 12.13
Llene los datos requeridos y haga clic en guardar __ 94
___ 95 12.14
Su video estรก listo. _______________________________ 95
34
____ 95 13
RELPE- MAPAS MENTALES _________________________________ 96
13.1 ¿Qué es? ______________________________________________ 96 Es una aplicación educativa. _______________________________ 96 La Red Latinoamericana de Portales Educativos (RELPE) ha sido concebida como un aporte sustancial a favor de la calidad y equidad de la educación y la disminución de la brecha digital que caracteriza a los países de la región y afecta su potencial de desarrollo. ___________________________________ 96 13.2
¿Para qué sirve? _____________________________________ 96
Pone a disposición del usuario un marco de las herramientas digitales más importantes de hoy en día, herramientas enfocadas sobre todo en la interacción, en el compartir información, y en el trabajo en línea. Dentro de las aplicaciones encontramos: __________________________________ 96 SpiderScribe es una herramienta, desarrollada en Flash, que nos permite generar, gestionar y compartir nuestros propios mapas mentales, enfocado a reunir y organizar nuestras propias ideas para llevar a cabo nuestros propios objetivos, ya sea a nivel individual o de forma colectiva. _ 96 Mindmeister es una aplicación que permite realizar “brainstorms” en tiempo real y compartirlas con tus colegas, compañeros de trabajo y amigos. Incluye opciones de seguridad y acceso desde el móvil. ___________________________________ 96
35
Mindomo es una aplicación para WEB y para escritorio que sirve para crear Mapas Mentales mediante el uso de componentes. _______________________________________________ 96 Mind42 permite la generación de mapas mentales de una forma rápida y sencilla. Sólo hay que registrarse para poder utilizarlo. Permite trabajar con otros compañeros en línea e introducir textos, enlaces e imágenes en los nodos. ________ 96 Twiddla, útil para hacer brainstorming, marcar gráficos, fotos, websites, etc. ______________________________________ 96 Dabbleboard, es una aplicación online que se centra en una whiteboard (pizarra blanca) que permite dibujar con un interface fácil y divertido de usar. _______________________ 97 Bubbl.us, puedes crear mindmaps (mapas mentales) a color, compartirlos, insertarlos en tu blog o página web, enviarlos por email, imprimirlos o guardarlos. _______________________ 97 MindMaps es una aplicación online y gratuita para crear rápidamente mapas mentales, sin la necesidad de tener conocimientos específicos y con tan solo trazar líneas para crear nuevos nodos que se conectan entre sí partiendo de una idea central. ______________________________________________ 97 13.3 Ingresar a http://www.relpe.org/herramientas/mapasmentales/ __________________________________________________ 98
___________________________________________________________ 98 13.4
Bubbl.us _____________________________________________ 98
Bubbl.us es una herramienta online sencilla e intuitiva que nos permite construir esquemas mentales y establecer 36
relaciones entre conceptos en unos pocos minutos. Este es un ejemplo que no tiene mรกs valor que la visualizaciรณn de las posibilidades de la herramienta. Una vez realizado el mapa lo podemos imprimir, compartir con otras personas o insertarlo en el blog. ________________________________________________ 98 13.5
Entrar
a la pรกgina principal de Bubbl.us ____________ 98
https://bubbl.us/ __________________________________________ 98
___________________________________________________________ 99 13.6
Crear una cuenta _____________________________________ 99
___________________________ 99 37
13.7
Entrar a la cuenta ___________________________________ 99
__________________ 100 13.8
Entrar a new mind map _______________________________ 100
__ 100 13.9 Empezar a crear el mapa mental dando clic en mind map. En el rectangulo amarillo que nos aparece damos click encima para insertar el texto y procedemos a editarlo a nuestro modo. ___________________________________________ 100
38
_______ 101 13.10 Es posible modificar su color dando click en el icono color y escoga el de su eleccion. _________________ 102
_______ 102 13.11
3.Modificar el tama単o de letra dando click en size. 102
__________________________________________________________ 102
39
13.12 4.Realizar un cuadro para poder poner un conector para ello ponga el cursor en un extremo del cuadro principal _______________________________________________ 102
__________________________________________________________ 102
__________________________________________________________ 103 13.13 Conectar palabras dando clic en connect _____________ 103
__________________________________________________________ 103
40
__________________________________________________________ 103 13.14 Si necesita eliminar algo coloque el cursor frente al elemento y clic en delete. ________________________________ 104
__________________________________________________________ 104
__________________________________________________________ 104 13.15 Utilizando esas herramientas puede crear un mapa mental, como por ejemplo este. ____________________________ 104
41
__________________________________________________________ 104 14 14.1
Wiki _________________________________________________ 105 Que es wiki? ________________________________________ 105
Wiki es un concepto que se utiliza en el ámbito de Internet para referirse a las páginas web cuyos contenidos pueden ser editados por múltiples usuarios a través de cualquier navegador. Dichas páginas, por lo tanto, se desarrollan a partir de la colaboración de los internautas, quienes pueden agregar, modificar o eliminar información. ______________________________________________ 105 El término wiki procede del hawaiano wiki wiki, que significa “rápido”, y fue propuesto por Ward. La noción se popularizó con el auge de Wikipedia, una enciclopedia libre y abierta que se ha constituido como uno de los sitios más visitados de la Web. ___________________________________________________ 105 14.2 El formato wiki es muy útil para la difusión de conocimientos y el trabajo en equipo. Es habitual que los wikis incluyan un historial de cambios: de esta forma es posible regresar a un estado anterior (en caso que las modificaciones realizadas no sean correctas) y corroborar quién concretó cada cambio en la información. _____________ 105 Una de las grandes ventajas de un wiki es la facilidad para crear páginas de forma instantánea, sin necesidad de preocuparse por el diseño y otras cuestiones relacionadas con la estética y la organización de la información. Muchos wikis crean hipervínculos y páginas de manera automática cuando el 42
usuario escribe una palabra o frase de cierta forma (en mayúsculas y sin espacio, entre dos corchetes, etc.). _____ 105 Entre las distintas formas de visualizar un wiki para su edición, se encuentran el código fuente (un texto plano), el HTML (rende rizado a partir del código fuente) y la plantilla (que establece cómo se disponen los elementos comunes en todas las páginas). _______________________________________ 106 14.3 Ventajas de los wikis ________________________________ 106 Son muy útiles ya que dan a sus usuarios la posibilidad de crear y optimizar páginas de manera instantánea, brindándoles mucha flexibilidad y libertad. Gracias a esto, se han convertido en un formato muy popular, que se beneficia de los infinitos aportes de la comunidad; ________________________ 106 Es esperable que el contenido de los wikis sea vigente, aunque esto depende de varios factores, como ser la popularidad de la materia que tratan; __________________ 106 Vuelven muy sencilla la revisión del trabajo antes de la publicación; ________________________________________ 106 En un ámbito estudiantil, incentivan a los alumnos gracias a combinar el aprendizaje con el uso de la tecnología, y los motiva a trabajar en grupo; __________ 106 Dado que varios autores pueden colaborar en la redacción de un mismo artículo, los wikis ponen el contenido en primer plano, dejando menos lugar al divismo; 106 Se trata de una plataforma sencilla de utilizar, pero con la fuerza suficiente para redefinir la manera en la que se estudia y se comparte el conocimiento; __________ 106 Dependiendo del proyecto, son económicos de crear y de mantener; ______________________________________________ 106 Ofrecen la posibilidad de escribir cada artículo en diferentes idiomas. Una vez publicados, usuarios de todo el mundo pueden acceder con facilidad a la versión de su interés, dado que cada una puede mostrar los enlaces a las restantes. _____________________________________________ 107 14.4
Desventajas de los wikis ____________________________ 107 Dado que se trata de un servicio disponible en forma gratuita y libre para cualquier usuario de la Red, brindándoles la posibilidad de crear y modificar la información a su gusto, la veracidad de los artículos se ve afectada. Sin embargo, a pesar de los constantes actos de vandalismo a sitios como Wikipedia, existen diversas 43
técnicas de control, tarea en la cual también se puede involucrar la comunidad; _______________________________ 107 Muchas veces, el contenido infringe los derechos de otro autor (por ejemplo, citando sin permiso frases textuales); ____________________________________________ 107 La múltiple autoría acarrea diferencias en el estilo literario, en el enfoque del texto (que puede estar relacionado con cuestiones culturales) y en la calidad de la redacción: es común encontrar artículos que constan de párrafos bien escritos combinados con auténticas pesadillas ortográficas y gramaticales _________________ 107 Dado que se trata de un servicio disponible en forma gratuita y libre para cualquier usuario de la Red, brindándoles la posibilidad de crear y modificar la información a su gusto, la veracidad de los artículos se ve afectada. Sin embargo, a pesar de los constantes actos de vandalismo a sitios como Wikipedia, existen diversas técnicas de control, tarea en la cual también se puede involucrar la comunidad; _______________________________ 108 Muchas veces, el contenido infringe los derechos de otro autor (por ejemplo, citando sin permiso frases textuales); ____________________________________________ 108 14.5
Ingresar a la página
www.wikispaces.com ___________ 108
__________________________________________________________ 108 14.6 Para registrarse vamS a la parte “únete ahora” y en nuestro caso a “i am student” ____________________________ 108
44
___________________________ 109 14.6 Llenar el registro y entrar a “únete” _______________ 109 14.7 El nombre de usuario no debe tener espacios _______ 109
________________________ 109 14.8
Aparecerá lo siguiente ______________________________ 109
45
__________________________________________________________ 110 14.9 Ingresar al correo para ver el enlace de confirmaci贸n de la cuenta. _____________________________________________ 110
_________________ 110 14.10
Ingresar al link de confirmaci贸n de cuenta ________ 110
46
__________________________________________________________ 111 14.11
Entrar a “NEW WIKI” _______________________________ 111
__________________________________________________________ 111 14.12 Al entrar a New Wiki nos da varias opciones y se selecciona la que sea acorde a la wiki que se vaya a crear. 111
47
___________ 112 14.13
Se le pone nombre a la wiki y se procede a CREAR __ 112
} _ 112 14.15
Aparecen los pasos para crear la nueva wiki _______ 112
14.16
Entrar a la opcion editar _________________________ 113
_________________________ 113
48
14.17 Empezar a editar y colocar informacion sobre la tematica que se esta viendo _______________________________ 113 14.18 Se puede cambiar el color y estilo de texto e insertar imĂĄgenes __________________________________________________ 114
________________ 114
_________________ 114 14.19
DespuĂŠs se le da guardar __________________________ 114
__________________________________________________________ 115 14.20
Por ultimo le damos cerrar cesiĂłn _________________ 115 49
1. OBJETIVO GENERAL
Definir conceptos y usos de las herramientas y las aplicaciones de webnode y otros programas para un buen manejo de estos, implementando una temática concreta y evolutiva sobre el derecho a la vida.
2. OBJETIVOS ESPECIFICOS Identificar la importancia del uso de la página webnode al utilizar las diferentes herramientas que esta posee. Dar a conocer paso a paso el uso de una manera detallada de diferentes programas determinados tales como el blog, fotolog, voki, goanimate, wiki, mindomo,Bubbl.us,. Informar sobre una temática especifica e implementada en la página webnode sobre el Derecho a la Vida.
50
INTRODUCCIÓN El presente trabajo tiene como finalidad brindar una facilidad de aprendizaje en el uso del gestor de contenido webnode, de una manera directa concreta y concisa promoviendo los recursos que requieren los usuarios al registrarse, editar, guardar y publicar sus contenidos. Es importante reconocer y a la vez diferenciar los diferentes programas y herramientas que nos brindan para la creación de los mismos.
51
JUSTIFICACIÓN El derecho a la ida lo tiene cualquier ser humano por el simple hecho de existir y estar vivo. Es un derecho fundamental de la persona; y de hecho es el más importante de todos los derechos del hombre ya que no tendría sentido alguno garantizar la libertad, propiedad o cultura a un sujeto que está muerto. Al crear la página webnode, el blog, voki. Fotolog, wiki, se implementan conceptos para que de esta manera se puedan dar a conocer los criterios y la importancia del derecho a la vida, ya que en la actualidad este es quebrantado y violentado por causas realmente injustas e inhumanas.
52
3. CONCLUSIONES
El desarrollo de este trabajo permitió adquirir nuevos conocimientos para ponerlos en práctica a la hora de realizar una página en internet.
Se espera que este documento sea de gran ayuda para las personas que en su momento lo necesiten, sirva de apoyo a la hora de realizar un proyecto.
Gracias al proceso que se llevó a cabo en el semestre, se logra obtener información al manejar las herramientas de otros programas.
53
4. VOKI Widget gratuito que produce un personaje “avatar” que se mueve y habla el texto que se le introduce, el “voki” resultante se puede insertar en una página Web, blog, Wiki o enviarlo por correo electrónico 4.1
Para qué sirve el voki
Sirve para la producción de un personaje el cual podemos caracterizarlo y hacerlo único a nuestra manera ya que podemos ponerle cualquier color de piel, ojos, cabello , ropa y diferentes fondos ,también se le puede introducir textos y será expresado en diferentes idiomas y en diferentes voces que tiene el programa o que uno mismo interpreta. El voki proporciona un código HTML el cual sirve para insertar el voki en un blog una página Web. 4.2
Como crear un voki
Entrar a la página principal de voki
www.voki.com
http://www.voki.com/
54
4.3
Registrarse
4.4 Llenar formulario de registro http://www.voki.com/
55
4.5
Entrar al correo electrónico y abrir el link de confirmación.
4.6
Confirmar el correo y contraseña después de que nos han aceptado para poder ingresar a la página y empezar a crear nuestro voki.
4.7 Entrar a CREATE A NEW VOKI
56
5 4.8
Escoger la apariencia física del “voki “en algunas opciones saldrá en la esquina del voki una cinta verde (Noli in Voki Classroom) esto quiere decir que no se puede utilizar debido a que cuando no tienen esta cinta escogemos uno y lo empezamos a editar
57
4.9
Antes de editar
4.10 DespuĂŠs de editar
58
4.11 . Clic en
DONE
para introducirle texto y voz
4.12 Se puede insertar un texto que luego serรก convertido el audio de diferentes voces y diferentes idiomas
59
4.13 Se puede insertar nuestra voz para que el voki la interprete
4.14 Luego aparece una ventanita de aceptar acceso a micrófono para empezar a hablar
4.15 Aquí guardamos todos nuestros audios creados
60
4.15 Por 煤ltimo la ventana de aceptaci贸n para poder enviar el voki
61
62
5. QUE
ES
WEBNODE?
Es una excelente herramienta online gratuita que nos permite de manera rápida y sencilla, crear un sitio web. a. CARACTERISITICAS
-Es gratis -Sin publicidad -Lista en 5 minutos -Utiliza tu propio dominio -Rápida y fácil -Plantillas modernas -Tonos modernos a. PASOS PARA SU USO b. Debemos crear una cuenta
Debemos aceptar el correo de confirmación:
63
ďƒź
Una vez haya confirmado su cuenta, le aparece un panel que le indicara donde poner el nombre para su sitio web y un slogan. Se selecciona el tipo de web.
64
5.1 AparecerĂĄn una serie de diseĂąos que podemos seleccionar a un nuestro gusto ya podemos comenzar a llenar de contenido el sitio web. Seleccionamos una plantilla
5.2
Elegir
las pĂĄginas que deseamos crear
65
5.3
La pรกgina web ya ha sido creada, ahora podemos editarla.
66
6
BLOG 6.1
Un blog es un sitio web en donde uno o varios autores desarrollan contenidos. Los blogs también se conocen como weblog o cuaderno de bitácora. La información se actualiza periódicamente y, de la misma forma, los textos se plasman en forma cronológica; primero aparece el más recientemente escrita. 6.2
6.3
QUE ES UN BLOG
CARACTERISTICAS DEL BLOG
Aparecen artículos en forma cronológica de diversos tipos
Se pueden comentar
Creación de múltiples blog con un solo registro
PASOS PARA CREAR UN BLOG:
Se Debe crear una cuenta en Gmail
67
Al iniciar sesión sale en la parte superior derecha la opción aplicaciones escogemos la opción blogger.
68
Al ingresar en la parte izquierda se puede encontrar la opción nuevo blog dar clic en esta para empezar a crear el blog.
6.3 Al ingresar se despliega un menú el cual indica que debe digitar la información necesaria para crearla y elegimos la plantilla que se desea y se le da clic en crear blog.
69
6.4 En el blog creado le damos clic en crear entrada nueva.
6.5
Ahora es posible empezar a editarlo.
70
6.6 Insertar texto de acuerdo a la temรกtica a tratar, para empezar a dar opiniones.
71
6.7
Si desea insertar una imagen dar clic en el icono resaltado y escoger dentro de las distintas opciones en este caso desde una URL y dar clic en aĂąadir las imĂĄgenes seleccionadas.
6.8 Luego se obtiene el contenido ya para publicar y se le da clic en el icono publicar que se encuentra en la parte superior derecha.
72
6.9 Luego de publicado el blog es posible verlo y hacerle modificaciones, si asĂ se desea dando clic en mis blogs.
7
FOTOLOG
73
7.1 ¿QUÉ ES?
7.2
Es una de miles de bitácoras, pertenecientes a una comunidad. A diferencia de un álbum de fotos, en un fotolog se publican unas pocas fotos diarias, generalmente una sola. CARACTERISTICAS DEL FOTOLOG:
Sin limite de contenidos diario, subir lo que quiera.
Seis tipos de contenidos: fotos, videos, enlaces, musica, articulos y citas.
Titulo y comentario para la foto.
Posibilidad de organizar tus fotos por tags.
Número ilimitado de fotologs favoritos en tu lista.
7.3
PASOS PARA CREAR UN FOTOLOG
Abrir la página principal de fotolog (http://co.fotolog.com/ )
7.4
Damos clic en crear mi fotolog y registras los datos, al terminar clic en únete.
74
7.5
Abrir el correo para verificar y activar la cuenta.
7.6
Ir al link indicado para activar la cuenta.
75
7.7
Ya es posible editar el fotolog
7.8
Clic en cargar seleccionar archivo y luego en abrir y por Ăşltimo en cargar.
76
7.9 Con ĂŠxito subimos la foto.
77
7.10 Poner t铆tulo y descripci贸n a la foto. Guardar cambios y etiquetar la foto.
7.11
Compartir la foto.
78
7.11 Finalmente esta creado tu fotolog.
79
8. CUENTA EN DROPBOX 8.1
Abrir pĂĄgina en google y buscar dropbox
8.2 Registrar datos personales, clic en acepto condiciones y registrarse
9 
8.3. Se inicia a guardar documentos 80
8.4 Para los que no tienen el programa está la opción descargar
81
9. CREAR CUENTA EN GOOGLE DRIVE
Ingresar a google y buscar google drive
Crear cuenta
ingresar sus datos.
Al abrir la cuenta este nos envía directamente al correo.
82
10.
CUENTA EN SKY DRIVE
Acceder a la página de SkyDrive, registrar los datos personales que solicita.
83
10.1Se le da clic en Sky Drive
10.2 Se puede empezar a guardar archivos.
84
11.
MAPA CONCEPTUAL EN MINDOMO
Ingresar a la página www.mindomo.com/es/ 11.1
Aparecen 2 opciones elegimos la segunda opción que está en verde.
11.2 Clic en Mindomo free
85
11.3 Registrar los datos personales.
11.4 Ingresar y ofrece 3 opciones. Escoger la de uso personal.
11.5 Empezar a crear el mapa.
86
12
GO ANIMATE
Ingrese a http://goanimate.com/
12.1 De clic en regístrate y llene los datos.
12.2 Clic en acepto los términos de uso y luego clic en regístrate y esta lista tu cuenta.
87
12.3 Dir铆jase a abrir su correo para la verificaci贸n de su cuenta.
12.4 Confirmar la direcci贸n de su correo electr贸nico entrando al enlace.
88
12.5 Clic en inicia sesi贸n en Goanimate ahora y al entrar podr谩 ver su perfil.
12.6 En su bandeja de entrada encontrara un mensaje el cual contiene informaci贸n sobre Goanimate con el fin de que si tiene dudas las despeje.
89
12.7 Para empezar a crear el Goanimate clic en crear un video.
12.9 Clic en filtrar temas y escoja la primera opci贸n como se muestra en la imagen.
90
12.10 Seleccionar un tema y dar clic en
crear video.
12.11 Empezar a editar el video, esta p谩gina nos brinda herramientas como sujetos, texto, escenas, elementos y sonido para crear una situaci贸n como la deseemos.
91
92
93
12.12 Luego de editar clic en guardar.
configurar el video a su manera.
Haga
12.13 Llene los datos requeridos y haga clic en guardar
94
12.14 Su video estรก listo.
95
13
RELPE- MAPAS MENTALES 13.1 ¿Qué es? Es una aplicación educativa. La Red Latinoamericana de Portales Educativos (RELPE) ha sido concebida como un aporte sustancial a favor de la calidad y equidad de la educación y la disminución de la brecha digital que caracteriza a los países de la región y afecta su potencial de desarrollo. 13.2 ¿Para qué sirve?
Pone a disposición del usuario un marco de las herramientas digitales más importantes de hoy en día, herramientas enfocadas sobre todo en la interacción, en el compartir información, y en el trabajo en línea. Dentro de las aplicaciones encontramos:
SpiderScribe es una herramienta, desarrollada en Flash, que nos permite generar, gestionar y compartir nuestros propios mapas mentales, enfocado a reunir y organizar nuestras propias ideas para llevar a cabo nuestros propios objetivos, ya sea a nivel individual o de forma colectiva.
Mindmeister es una aplicación que permite realizar “brainstorms” en tiempo real y compartirlas con tus colegas, compañeros de trabajo y amigos. Incluye opciones de seguridad y acceso desde el móvil.
Mindomo es una aplicación para WEB y para escritorio que sirve para crear Mapas Mentales mediante el uso de componentes.
Mind42 permite la generación de mapas mentales de una forma rápida y sencilla. Sólo hay que registrarse para poder utilizarlo. Permite trabajar con otros compañeros en línea e introducir textos, enlaces e imágenes en los nodos.
Twiddla, útil para hacer brainstorming, marcar gráficos, fotos, websites, etc.
96
Dabbleboard, es una aplicación online que se centra en una whiteboard (pizarra blanca) que permite dibujar con un interface fácil y divertido de usar.
Bubbl.us, puedes crear mindmaps (mapas mentales) a color, compartirlos, insertarlos en tu blog o página web, enviarlos por email, imprimirlos o guardarlos.
MindMaps es una aplicación online y gratuita para crear rápidamente mapas mentales, sin la necesidad de tener conocimientos específicos y con tan solo trazar líneas para crear nuevos nodos que se conectan entre sí partiendo de una idea central.
97
13.3 Ingresar a http://www.relpe.org/herramientas/mapasmentales/
13.4 Bubbl.us Bubbl.us es una herramienta online sencilla e intuitiva que nos permite construir esquemas mentales y establecer relaciones entre conceptos en unos pocos minutos. Este es un ejemplo que no tiene mรกs valor que la visualizaciรณn de las posibilidades de la herramienta. Una vez realizado el mapa lo podemos imprimir, compartir con otras personas o insertarlo en el blog. 13.5 Entrar
a la pรกgina principal de Bubbl.us
https://bubbl.us/
98
13.6 Crear una cuenta
13.7 Entrar a la cuenta
99
13.8 Entrar a new mind map
13.9 Empezar a crear el mapa mental dando clic en mind map. En el rectangulo amarillo que nos aparece damos click encima para insertar el texto y procedemos a editarlo a nuestro modo.
100
101
13.10 Es posible modificar su color dando click en el icono color y escoga el de su eleccion.
13.11 3.Modificar el tama単o de letra dando click en size.
13.12 4.Realizar un cuadro para poder poner un conector para ello ponga el cursor en un extremo del cuadro principal
102
13.13 Conectar palabras dando clic en connect
103
13.14 Si necesita eliminar algo coloque el cursor frente al elemento y clic en delete.
13.15 Utilizando esas herramientas puede crear un mapa mental, como por ejemplo este.
104
14
Wiki 14.1 Que es wiki?
Wiki es un concepto que se utiliza en el ámbito de Internet para referirse a las páginas web cuyos contenidos pueden ser editados por múltiples usuarios a través de cualquier navegador. Dichas páginas, por lo tanto, se desarrollan a partir de la colaboración de los internautas, quienes pueden agregar, modificar o eliminar información.
El término wiki procede del hawaiano wiki, que significa “rápido”, y fue propuesto por Ward. La noción se popularizó con el auge de Wikipedia, una enciclopedia libre y abierta que se ha constituido como uno de los sitios más visitados de la Web.
14.2 El formato wiki es muy útil para la difusión de conocimientos y el trabajo en equipo. Es habitual que los wikis incluyan un historial de cambios: de esta forma es posible regresar a un estado anterior (en caso que las modificaciones realizadas no sean correctas) y corroborar quién concretó cada cambio en la información.
Una de las grandes ventajas de un wiki es la facilidad para crear páginas de forma instantánea, sin necesidad de preocuparse por el diseño y otras cuestiones relacionadas con la estética y la organización de la información. Muchos wikis crean hipervínculos y páginas de manera automática cuando el usuario escribe una palabra o frase de cierta forma (en mayúsculas y sin espacio, entre dos corchetes, etc.).
105
Entre las distintas formas de visualizar un wiki para su edición, se encuentran el código fuente (un texto plano), el HTML (rende rizado a partir del código fuente) y la plantilla (que establece cómo se disponen los elementos comunes en todas las páginas).
14.3 Ventajas de los wikis
Son muy útiles ya que dan a sus usuarios la posibilidad de crear y optimizar páginas de manera instantánea, brindándoles mucha flexibilidad y libertad. Gracias a esto, se han convertido en un formato muy popular, que se beneficia de los infinitos aportes de la comunidad;
Es esperable que el contenido de los wikis sea vigente, aunque esto depende de varios factores, como ser la popularidad de la materia que tratan;
Vuelven muy sencilla la revisión del trabajo antes de la publicación;
En un ámbito estudiantil, incentivan a los alumnos gracias a combinar el aprendizaje con el uso de la tecnología, y los motiva a trabajar en grupo;
Dado que varios autores pueden colaborar en la redacción de un mismo artículo, los wikis ponen el contenido en primer plano, dejando menos lugar al divismo;
Se trata de una plataforma sencilla de utilizar, pero con la fuerza suficiente para redefinir la manera en la que se estudia y se comparte el conocimiento;
Dependiendo del proyecto, son económicos de crear y de mantener;
106
Ofrecen la posibilidad de escribir cada artículo en diferentes idiomas. Una vez publicados, usuarios de todo el mundo pueden acceder con facilidad a la versión de su interés, dado que cada una puede mostrar los enlaces a las restantes. 14.4 Desventajas de los wikis
Dado que se trata de un servicio disponible en forma gratuita y libre para cualquier usuario de la Red, brindándoles la posibilidad de crear y modificar la información a su gusto, la veracidad de los artículos se ve afectada. Sin embargo, a pesar de los constantes actos de vandalismo a sitios como Wikipedia, existen diversas técnicas de control, tarea en la cual también se puede involucrar la comunidad;
Muchas veces, el contenido infringe los derechos de otro autor (por ejemplo, citando sin permiso frases textuales);
La múltiple autoría acarrea diferencias en el estilo literario, en el enfoque del texto (que puede estar relacionado con cuestiones culturales) y en la calidad de la redacción: es común encontrar artículos que constan de párrafos bien escritos combinados con auténticas pesadillas ortográficas y gramaticales
107
14.5
Dado que se trata de un servicio disponible en forma gratuita y libre para cualquier usuario de la Red, brindándoles la posibilidad de crear y modificar la información a su gusto, la veracidad de los artículos se ve afectada. Sin embargo, a pesar de los constantes actos de vandalismo a sitios como Wikipedia, existen diversas técnicas de control, tarea en la cual también se puede involucrar la comunidad;
Muchas veces, el contenido infringe los derechos de otro autor (por ejemplo, citando sin permiso frases textuales);
Ingresar a la página
www.wikispaces.com
14.6 Para registrarse vamos a la parte “únete en nuestro caso a “i am student”
ahora”
y
108
14.6 Llenar el registro y entrar a “únete” 14.7 El nombre de usuario no debe tener espacios
14.8
Aparecerá lo siguiente
109
14.9
Ingresar al correo para ver el enlace de confirmaci贸n de la cuenta.
14.10 Ingresar al link de confirmaci贸n de cuenta
110
14.11 Entrar a “NEW WIKI”
14.12 Al entrar a New Wiki nos da varias opciones y se selecciona la que sea acorde a la wiki que se vaya a crear.
111
14.13 Se le pone nombre a la wiki y se procede a CREAR
} 14.15 Aparecen los pasos para crear la nueva wiki
112
14.16 Entrar a la opcion editar
14.17 Empezar a editar y colocar informacion sobre la tematica que se esta viendo
113
14.18 Se puede cambiar el color y estilo de texto e insertar imĂĄgenes
14.19 DespuĂŠs se le da guardar
114
14.20
Por ultimo le damos cerrar cesi贸n
CAMTASIA 115
15.1 Ingresar al Programa de Camtasia
http://www.techsmith.com/camtasia.html 15.2 Se le da clic a Record the Screen, y se procede a comenzar con el video tutorial.
116
15.3 Dar clic en REC para dar inicio a la creacion de el video tutorial.
15.4 Indica que a comenzado a grabar, todo lo que abras, veas o escuches quedara previamente guardardo.
117
15.5 Cuando crea que haya terminado su video, puede proceder a dar clic en STOP y comenzara el proceso de GUARDADO
15. 6 Clic en Save and Edit para poder ir guardando y luego si lo desea continuar editando el video a su gusto.
15.6
Se le da un nombre a el video y un lugar en el PC donde desee guardarlo.
118
15.7
Se seleccionan el tipo de dimensiones que quiere que tome el video, da clic en Okay y
esta hecho.
PAGINAS WEBNODE 119
Blog : http://derechoalavida06.blogspot.com/ Fotolog: http://co.fotolog.com/jineth90/ Wiki: http://derechoalavida90.wikispaces.com/
120
http://derecho-a-la-vida9.webnode.es/ Blog http://sialderechoalavida.blogspot.com/ Fotolog http://co.fotolog.com/paulapedraza159/190000000000027187/#pro file_start Wiki http://derechoalavida1511.wikispaces.com/Si+al+derecho+a+la+v ida
Blog: http://angelaochoa072011.blogspot.com/ Wiki: http://derechoalavida1.wikispaces.com/
121
Blog: http://agalindocam.blogspot.com/ Fotolog: http://co.fotolog.com/adrianagalindoca/ Wiki: http://agalindoca.wikispaces.com/derecho+ala+vida
122
http://derecho-a-la-vida1.webnode.es/ Blog: http://tsocial1.blogspot.com/ Fotolog: http://co.fotolog.com/angie_puentes/ Wiki: http://t-social.wikispaces.com/Inicio
REFERENCIAS BIBLIOGRAFICAS
WWW.WEBNODE.COM WWW.CAMTASIA.COM WWW.WIKISPACES.COM WWW.GOOGLE.COM WWW.MINDOMO.COM WWW.RELPE.COM WWW.YOUTOBE.COM WWW.BLOGGER.COM WWW.CO.FOTOLOG.COM WWW.VOKI.COM WWW.BUBBL.ES WWW.GOANIMATE.COM 123
124