Page 1

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

Manual de uso webnode  

Revista

Advertisement