Issuu on Google+

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

Tabla de contenido Escribir el título del capítulo (nivel 1)................................................................................................1 Escribir el título del capítulo (nivel 2).............................................................................................2 Escribir el título del capítulo (nivel 3).........................................................................................3 1


Escribir el título del capítulo (nivel 1)................................................................................................4 Escribir el título del capítulo (nivel 2).............................................................................................5 Escribir el título del capítulo (nivel 3).........................................................................................6

2


1. OBJETIVO GENERAL 1.1Definir 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 3. Identificar la importancia del uso de la pรกgina webnode al utilizar las diferentes herramientas que esta posee. 4. 2.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,. 5. Informar sobre una temรกtica especifica e implementada en la pรกgina webnode sobre el Derecho a la Vida.

3


INTRODUCCIÓN 6. 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.

JUSTIFICACIÓN 7. 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.

4


8. CONCLUSIONES 9. El desarrollo de este trabajo permitió adquirir nuevos conocimientos para ponerlos en práctica a la hora de realizar una página en internet. 10. 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. 11. Gracias al proceso que se llevó a cabo en el semestre, se logra obtener información al manejar las herramientas de otros programas. 12. VOKI 13. 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

5


14. Para que sirve el voki 15. 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. 16. El voki proporciona un código HTML el cual sirve para insertar el voki en un blog una página Web. 17. Como crear un voki 18. Entrar a la página principal de voki

www.voki.com

19.

6


20. Registrarse

21. 22. 3. Llenar formulario de registro

23. 24. Entrar al correo electr贸nico y abrir el link de confirmaci贸n.

7


25.

26. Confirmar el correo y contraseĂąa despuĂŠs de que nos han aceptado para poder ingresar ala pagina y empezar a crear nuestro voki. 27.

28. Entrar a CREATE A NEW VOKI

8


29.

30. 7. 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

9


31. 32. Antes de editar

10


33. DespuĂŠs de editar

11


34. 35. 8. clic en DONE para introducirle texto y voz se le da clic ahi

12


36. 37. se puede insertar un texto que luego serรก convertido el audio de diferentes voces y diferentes idiomas

13


38. 39. 10. TambiĂŠn se puede insertar nuestra voz para que el voki la interprete

40.

14


41. Luego aparece una ventanita de aceptar acceso a micr贸fono para empezar a hablar

42. 43. Aqu铆 guardamos todos nuestros audios creados

15


44. 45. Por ultimo la ventana de aceptaci贸n para poder enviar el voki

46. 16


47.

17


48. ¿QUE ES WEBNODE? 49. Es una excelente herramienta online gratuita que nos permite de manera rápida y sencilla, crear un sitio web. 49.1. CARACTERISITICAS

50. -Es gratis 51. -Sin publicidad 52. -Lista en 5 minutos 53. -Utiliza tu propio dominio 54. -Rápida y fácil 55. -Plantillas modernas 56. -Tonos modernos 56.1. PASOS PARA SU USO 56.2. Debemos crear una cuenta

18


56.3.

57. Debemos aceptar el correo de confirmaci贸n:

57.1.

19


58. Una vez has confirmado tu cuenta, te aparece tu panel que te indicara que pongas el nombre para tu sitio web y un slogan. Se selecciona el tipo de web.

59.

20


60. 4. Nos saldrĂĄ 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 60.1.

61. Elegimos las pĂĄginas que deseamos crear

21


61.1.

22


62. La pรกgina web ya ha sido creada, ahora podemos editarla. 62.1.

63. BLOG 63.1. QUE ES UN BLOG

23


63.2. 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. 63.3. 63.4. 63.5. 63.6.

64.

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

2.3 PASOS PARA CREAR UN BLOG:

64.1. Debemos crear una cuenta en gmail

24


64.2.

64.3. Al iniciar sesi贸n nos sale en la parte superior derecha la opci贸n aplicaciones y escogemos la opci贸n blogger.

64.4.

25


64.5. Al ingresar en la parte izquierda podemos encontrar la opci贸n nuevo blog dar clic en esta para empezar a crear nuestro blog.

64.6.

64.7. Al ingresar se despliega un men煤 el cual nos indica que debemos digitar la informaci贸n necesaria para crearla y elegimos la plantilla que deseemos y le damos clic en crear blog.

64.8.

26


64.9. En el blog creado le damos clic en crear entrada nueva.

27


65. Ahora es posible empezar a editarlo.

28


65.1.

29


66. Insertamos texto de acuerdo a la temรกtica a tratar, para empezar a dar opiniones.

30


67. Si deseamos insertar una imagen damos clic en el icono resaltado y escogemos dentro de las distintas opciones en este caso desde una URL y damos clic en aĂąadir las imĂĄgenes seleccionadas.

31


67.1.

32


68. Luego tenemos el contenido ya para publicar y damos clic en el icono publicar que se encuentra en la parte superior derecha. 68.1.

33


69. Luego de ya publicado nuestro blog es posible verlo y hacerle modificaciones si así se desea dando clic en mis blogs. 69.1.

70. FOTOLOG 70.1. 3.1 ¿QUÉ ES? 70.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. 70.3. 3.2 CARACTERISTICAS DEL FOTOLOG: 70.4. Sin limite de contenidos diario, subir lo que quiera. 70.5. Seis tipos de contenidos: fotos, videos, enlaces, musica, articulos y citas. 70.6. Titulo y comentario para la foto. 70.7. Posibilidad de organizar tus fotos por tags. 70.8. Número ilimitado de fotologs favoritos en tu lista. 70.9. 3.2 PASOS PARA CREAR UN FOTOLOG 70.10. Abrir la página principal de fotolog (http://co.fotolog.com/ )

34


70.11.

70.12. Damos clic en crear mi fotolog y registras los datos, al terminar clic en Ăşnete.

35


70.13.

70.14. Abrir el correo para verificar y activar la cuenta.

36


70.15.

71. Ir al link indicado para activar la cuenta.

37


71.1.

71.2. Ya es posible editar el fotolog

72. 72.1. Clic en cargar seleccionar archivo y luego en abrir y por Ăşltimo en cargar.

38


73. 73.1. Con éxito subimos la foto.

74. 74.1. Poner título y descripción a la foto. Guardar cambios y etiquetar la foto.

39


75. 75.1. Compartir la foto.

76.

40


76.1. Finalmente esta creado tu fotolog.

41


42


77. CUENTA EN DROPBOX 78. Abrir pagina en google y buscar dropbox 79.

80. 2. Registrar datos personales, clic en acepto condiciones y registrarse

43


81.

82. 3. Se inicia a guardar documentos

44


83.

84. 4. Para los que no tienen el programa esta la opci贸n descargar

45


85.

46


86. CREAR CUENTA EN GOOGLE DRIVE 87. Ingresamos a google y buscamos google drive 88.

89. 2. Crear cuenta ingresas tus datos.

47


89.1.

90. 3. Al abrir la cuenta este nos envĂ­a directamente al correo. 90.1.

48


90.2. CUENTA EN SKY DRIVE

91. Accedemos a la pรกgina de SkyDrive, registramos los datos personales que nos solicitan 91.1.

49


92. Se le da clic en Sky Drive 93.

94. Se puede empezar a guardar archivos. 95.

50


96. MAPA CONCEPTUAL EN MINDOMO 97. Ingresamos a la p谩gina www.mindomo.com/es/ 98. Nos sale 2 opciones elegimos la segunda opci贸n que esta en verde. 99.

100.

Clic en Mindomo free

51


100.1.

52


101.

Registramos los datos personales.

102.

103. Ingresamos y nos salen 3 opciones y escoges la de uso personal.

104. 53


105.

Empezamos a crear el mapa.

106.

107.

GO ANIMATE

108.

Ingrese a http://goanimate.com/

54


109.

110.

De clic en regĂ­strate y llene los datos.

111.

55


112. Clic en acepto los términos de uso y luego clic en regístrate y esta lista tu cuenta. 113.

114. Diríjase a abrir su correo para la verificación de su cuenta.

56


115.

116. Confirmar la direcci贸n de su correo electr贸nico entrando al enlace.

57


117. 118. Clic en inicia sesi贸n en Goanimate ahora y al entrar podr谩 ver su perfil. 119.

58


120. 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. 121.

122. Para empezar a crear el Goanimate clic en crear un video.

59


123.

124. Clic en filtrar temas y escoja la primera opci贸n como se muestra en la imagen. 125.

60


126.

Seleccionar un tema y dar clic en crear video.

127.

128. 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.

61


129.

130.

62


131.

132.

63


133.

134.

64


135.

136. Luego de editar configurar el video a su manera. Haga clic en guardar. 137.

138.

Llene los datos requeridos y haga clic en guardar

65


139.

140.

Su video estรก listo.

141.

66


67


142.

RELPE- MAPAS MENTALES

143.

¿Qué es?

144.

Es una aplicación educativa.

145.

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.

146.

¿Para qué sirve?

147. 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: 148. -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. 149. -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. 150. -Mindomo es una aplicación para WEB y para escritorio que sirve para crear Mapas Mentales mediante el uso de componentes. 68


151. -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. 152. -Twiddla, útil para hacer brainstorming, marcar gráficos, fotos, websites, etc. 153. -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. 154. -Bubbl.us, puedes crear mindmaps (mapas mentales) a color, compartirlos, insertarlos en tu blog o página web, enviarlos por email, imprimirlos o guardarlos. 155. -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.

69


156.

Ingresar a http://www.relpe.org/herramientas/mapas-mentales/

157.

158.

Bubbl.us

159. 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. 160.

Entramos a la pรกgina principal de Bubbl.us

161.

https://bubbl.us/

70


162.

163.

Creamos una cuenta

164.

71


165.

Entramos a la cuenta

166. 167.

Entramos a new mind map

168.

168.1. Empezamos 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.

72


169.

73


169.1. Es posible modificar su color dando click en el icono color y escoga el de su eleccion.

170. 170.1. 3.Modificar el tama単o de letra dando click en size.

171.

171.1. 4.Realizar un cuadro para poder poner un conector para ello ponga el cursor en un extremo del cuadro principal

74


172.

173.

174.

Conectar palabras dando clic en connect

175.

75


176.

76


177. Si necesita eliminar algo ponga el cursor frente al elemento y clic en delete. 178.

179.

180. Utilizando esas herramientas puede crear un mapa mental, como por ejemplo este.

77


181.

78


182.

Wiki

183.

Que es wiki?

184. 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. 185. 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.

186. 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.

79


187. 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.). 188. 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). 189.

Ventajas de los wikis

190. Wiki* 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; 190.1.1. 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; 190.1.2.

Vuelven muy sencilla la revisión del trabajo antes de la publicación;

80


190.1.3. 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; 190.1.4. 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; 190.1.5. 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; 190.1.6.

Dependiendo del proyecto, son económicos de crear y de mantener;

190.1.7. 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.

191.

Desventajas de los wikis 191.1.1. 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; 191.1.2. Muchas veces, el contenido infringe los derechos de otro autor (por ejemplo, citando sin permiso frases textuales); 191.1.3. 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

81


191.1.4. 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; 191.1.5. Muchas veces, el contenido infringe los derechos de otro autor (por ejemplo, citando sin permiso frases textuales);

192.

1. ingresamos a la página www.wikispaces.com

193.

82


194. 2. para registrarse vamos a la parte “únete ahora” y en nuestro caso a “i am student”

195. 196.

3. Llenamos el registro y entramos a “únete” 196.1.1.

El nombre de usuario no debe tener espacios

83


197. 198.

3. aparecerรก lo siguiente

84


199.

200. 4. ingresamos al correo para ver el enlace de confirmaci贸n de la cuenta.

201. 202.

Ingresamos al link de confirmaci贸n de cuenta

85


203.

204.

Entramos a “NEW WIKI”

205.

206. al entrar a New Wiki nos da varias opciones y se selecciona la que sea acorde a la wiki que se vaya a crear.

86


207. 208.

se le pone nombre a la wiki y entramos a CREAR

209.

} 210.

aparecen los pasos para crear la nueva wiki

87


211.

entramos ala opcion editar

212.

213. 11.empezamos a editar y colocamos informacion sobre la tematica que estamos viendo

88


214. 215. 11.Tambien podemos cambiar el color y estilo de texto e insertar imรกgenes

216.

89


217. 218.

Despu茅s le damos guardar

219.

220.

Y por ultimo le damos cerrar cesi贸n

90


221.

91


Manual para el funcionamiento de la pagina webnode