Departamento de Tecnología de la Información y la Comunicación Granada College Atarfe -Granada-
SISTEMA DE GESTIÓN DE CONTENIDOS
A través del universo
Arturo Sánchez Cruz y Antonio Braojos López 1º Botticelli Profesor: Juan Pedro Berenguel Nieto
ร NDICE
Apartado
Pรกgina
Introducciรณn
3
CMS
4-8
Herramientas Web 2.0
9-19
Explicaciรณn de nuestra Web
20-21
Valoraciรณn personal
22-23
-2-
INTRODUCCIÓN La asignatura de proyecto integrado en nuestro instituto, Granada College, consiste en la creación de conocimiento a partir de los propios intereses de un alumno, es decir, la selección propia de un tema de interés particular para aprender sobre este y plasmarlo en nuestro trabajo. Esta asignatura es distinta en cada instituto, y nos ofrece una adaptación a la evolución de la sociedad que es cada día más compleja y ofrece mayores oportunidades a sus miembros, pero demanda además una ciudadanía más y mejor formada, que tenga capacidad para acceder a la información, analizarla, valorarla y adoptar decisiones sobre una amplia gama de cuestiones, para investigar y para llevar a la práctica iniciativas diversas en los ámbitos económico, tecnológico, artístico, humanístico, etc. Sirve mucho de apoyo en nuestra formación profesional y nos permite muchas veces destacar en numerosas universidades. El primer paso fundamental de la asignatura en nuestro instituto es la selección de un tema de interés propio para que el alumno desarrolle sus conocimientos sobre ese tema. El tema que nos ha llamado la atención suficientemente como para dedicarle meses enteros de trabajo es el Universo. El proyecto de este trimestre ha consistido en la creación de una página Web que tratase los temas de mayor relevancia relacionados con él, dado que no hemos encontrado una página que relacione todo el contenido que queremos incluir y nos interese de forma sencilla y fácil de comprender a simple vista. Hemos creado una Web a partir de cero en la que hemos incluido numerosos apartados entre ellos: • • • • • •
Evolución Descripción física Cuestiones físicas Estructuras Curiosidades Bibliografía
Dentro de todos estos está descrita la historia del universo, su evolución, sus características, su composición y estudios recientes estudiados y aprobados por muchos científicos que nos han permitido conocer mas sobre el misterioso Universo. Nuestra última sección es una bibliografía hecha a partir de una herramienta Web 2.0 llamada Pearltrees de la que hablaré a continuación. Podíamos haber incluido algo más pero al no tener la certeza de que la información existente esté contrastada y sea verídica no la hemos incorporado para no llevar a error a los visitantes de la página, por muy curiosas que dichas teorías y especulaciones sean.
-3-
Nuestra visión para el futuro consiste en hablar un poco más a fondo sobre teorías aceptadas por muchos científicos y los problemas que podemos encontrar en el universo. Hemos aprendido a manejar una herramienta de gestor de contenidos que tiene presencia en internet llamada webnode, y he usado herramientas Web 2.0, entre ellas: • • • •
Vídeos de YouTube Slideshare RSS (Sindicación de contenidos) Bibliografía (Pearltrees)
Los vídeos hemos tenido la oportunidad de introducirlos gracias a los Widgets que tiene Webnode. El Slideshare lo hemos podido incluir gracias al código embebido que la herramienta Webnode admite en sus páginas. Mediante el RSS, hemos podido editar contenido como por ejemplo el cambio de fondo. La sindicación de contenidos es algo fundamental y hemos aprendido a usarlo en esta página. Además, hemos añadido bibliografía mediante una herramienta Web 2.0 llamada Pearltrees. Esta herramienta muestra las páginas de la bibliografía que hemos querido incluir distribuida en carpetas de una forma visual sencilla y fácil de manejar. Por último, hemos aprendido a curar contenidos mediante justificación de texto, hemos adaptado las imágenes a la apariencia general en la Web. Todo lo nombrado anteriormente lo hemos incluido en la web.
-4-
CMS: Webnode Esta herramienta gratuita sirve para crear una página web a partir de cero. Esto es sencillo puesto que dicha herramienta ofrece una ayuda aportada mediante otras herramientas y un plantilla inicial. No obstante, esto tiene un gran inconveniente ya que al darle esa facilidad priva de gran cantidad de libertad con respecto a personificaciones más avanzadas. Les vamos a explicar en este apartado cómo hicimos nosotros la página web en la que estamos trabajando en la actualidad. 1. Primero empezaremos por lo más básico. A la hora de crear una página web, hay que hacerse una cuenta en la susodicha página. Tras esto le pedirán las características de su futura página. Yo aconsejo la personal aunque se elige a gusto del consumidor. Y se pone el nombre, eslogan e idioma de tu web. En el segundo paso te dan a elegir una plantilla de entre varias. En el tercero eliges los diferentes contenidos que quieres que contengan.
-5-
2. Una vez creada lo primero que has de saber es como crear una página de contenido. Esto se hace dándole a nuevo, página. Haciendo esto le aparecerá una pestaña. En la que podrá ponerle un título un título y elegir dentro de que página quiere que esté. Para esto último ha de hacer clic en página superior y elegir la página a la que quieres que pertenezca. Con esto conseguirá hacer la web un tanto más ordenada y limpia.
3. Si clickea en “editar contenido”, podrá cambiar la organización de la web y agregar páginas nuevas.
-6-
4. Muy importante es ir publicando según va haciendo cambios en su página. Así, los que la visiten podrán ver tus avances. Si no, no verán sus avances.
5. Al hacer doble clic en el hueco de texto le aparecerá una pestaña en la que podrá escribir y añadir imagen. Esto último se hace de la siguiente manera. Se pincha en el símbolo de imagen. Tras esto tiene que darle a subir imagen y buscarla en su ordenador, si ya está subida a la web puedes seleccionarla de entre todas las que aparecen que ya hayas subido anteriormente. Abajo le sale un apartado en el que le indica la informa del espacio que hayas ocupado hasta el momento.
-7-
En lo referente al texto, hay una serie de opciones básicas como son el ajustar el texto, introducir hipervínculos (tanto otras partes de tu web como a otras diferentes), tamaño y tipo de letra. Si bien es cierto que no hay una gran cantidad de estos últimos. Y diferentes colores tanto de letra como de fondo. Si quiere retocar el texto de forma más personal que no le permite las opciones básicas has de pinchar en “fuentes HTML”, si lo haces así se le abrirá una nueva pestaña en la que podrá cambiarlo a sus anchas. El problema es que resulta un tanto difícil guiarse en ese lugar.
6. Para finalizar, se pueden incluir una gran diversidad de contenidos como encuestas, vídeos de otras plataformas, presentaciones, etc. En “Más” se pueden como ya he dicho herramientas de otras plataformas con widgets que explicaremos más adelante. Además hay una opción para poder ver la vista previa desde el ojo del visitante, tal y como ellos lo podrán ver y disfrutar.
-8-
HERRAMIENTAS WEB 2.0 Para curar contenidos en esta página he usado una herramienta Web 2.0 llamada Pearltrees, la cual sirve para añadir bibliografía de forma sencilla mediante código embebido. A continuación, les explicaré cómo funciona esta herramienta: 1. Nos dirigimos a la siguiente página que tiene presencia gratuita en internet: http://www.pearltrees.com/ , y nos creamos una cuenta.
2. Una vez que entremos en nuestra cuenta, haremos click en: “Add”, que tiene presencia en la parte superior cuyo icono es una pequeña estrella.
-9-
3. Al hacer click en Add nos saldrá una pestaña como la siguiente, donde haremos click en Collection para añadir una nueva carpeta, con subcarpetas dentro
4. A continuación nos saldrá una nueva pestaña para poner el título a esa colección creada. En mi caso la he llamado: Bibliografía. Una vez titulada nuestra colección, haremos click sobre OK abajo a la derecha. Luego repetiremos el proceso dentro de esta carpeta para añadir subcarpetas
-10-
5. Hay distintas maneras de añadir bibliografía a esta herramienta. La más sencilla de estas es dirigirte a la opción de menú arriba a la izquierda, abrimos la pestaña: Collecting tools y hacemos click en Web extension, y a coninuación se iniciará la descarga. Hemos de permitir el contenido en la barra de herramientas, donde nos aparecerá una estrella azul con el logo de la herramienta Pearltrees.
6. Cuando navegamos por una página web que deseemos incluir en nuestro Pearltrees, es tan sencillo como hacer click en la estrella de la barra de herramientas instalada anteriormente, y hacer doble click en la carpeta que desees incluirlo. A coninuación, se añadirá automáticamente.
-11-
7. Una vez hecho esto y recogido varias pĂĄginas, tendremos algo como la siguiente imagen y podremos editarlo de forma tan sencilla como arrastrarlo a la barra de abajo.
8. Para pasarlo a otro lugar, volvemos al menĂş donde tenemos todos las carpetas haciendo click en la flecha de la barra de arriba, y, teniendo nuestra pĂĄgina Web en la barra de abajo, podemos arrastrarla de ahĂ a la carpeta.
-12-
9. Para eliminar una carpeta o una página, repetimos el proceso de antes pero nos dirigimos hacia: 'thrash' (basura), y lo soltamos donde directamente desaparecerá.
10. Una vez tengamos todo lo que queramos dentro de este servicio Web, hemos de incluirlo donde queramos que esté. En mi caso, lo he puesto en la Web que hemos hecho y para ello tenemos que dirigirnos a la opción: 'share' (compartir) situada en la barra de arriba.
11. Vamos a: 'embed' para que nos de el código embebido. Al hacer click en esta opción nos llevará a una pestaña con opciones de tamaño y elegimos la que más -13-
apropiada creamos conveniente, según el espacio de el que dependamos. Yo, para mi Web, he elegido el tamaño mediano que es un tamaño estándar para una página de Web. A continuación nos saldrá un código (el código embebido), lo compiamos para posteriormente copiarlo.
-14-
12. Por último, nos dirigimos al lugar donde queramos que aparezca nuestra bibliografía y buscamos dónde puede pegarse el código embebido (véase el tutorial de Webnode). Luego aceptamos y simplemente saldrá nuestro trabajo realizado con la herramienta Pearltrees.
-15-
Para curar contenidos en esta página, también he usado una famosa herramienta Web 2.0 llamada YouTube, la cual sirve para ver vídeos, que podemos ver e incluir mediante el url de estos. A continuación os enseñaré cómo incluir vídeos de YouTube en Webnode: 1. El primer y más fundamental paso es buscar un vídeo en YouTube. Para ello, nos dirigimos a: https://www.youtube.com/, y en la barra de búsqueda introducimos algo que nos permita hallar un vídeo relacionado con ese tema.
2. El siguiente paso es localizar un vídeo que queramos incluir. Para ello, podemos guiarnos para encontrar el vídeo que queramos mediante leer los títulos y las pequeñas descripciones al lado de la imágen de vídeo. Una vez hayamos encontrado nuestro vídeo, nos vamos a la barra de la url y copiamos la dirección.
-16-
3. Nos dirigimos a nuestra página en Webnode, y hacemos click la opción más y a continuación a la pestaña de widgets, y le damos a la opción de YouTube. Al hacer esto, nos aparecerá una pequeña ventana la cual nos pide la url, y en el siguiente paso veremos como introducirlo.
4. Por último, pegamos la url del vídeo que anteriormente copiamos. También podemos cambiar el tamaño y la alineación para ajustar como y donde aparecerá. A continuación, hacemos click en aceptar y automáticamente el vídeo nos aparecerá en esa misma página.
-17-
Para curar contenidos en esta página, también he usado otra herramienta Web 2.0 llamada Slideshare, la cual sirve para ver presentaciones (normalmente power point), que podemos ver e incluir mediante el código embebido de estos. A continuación os enseñaré cómo incluir presentaciones de Slideshare en Webnode. El proceso es parecido al Pearltrees, pero no siempre hay por qué hacer tú mismo la presentación, y mediante conseguir el código embebido se inserta de forma parecida y aparece en la Web con un formato parecido al de la introducción de un vídeo. Dicho esto, veamos como se introducen presentaciones Slideshare en Webnode: 1. Buscamos una presentación publicada en este servicio Web: http://es.slideshare.net/, y buscamos en la barra de búsqueda palabras que nos permitan encontrar lo que buscamos. Al igual que para buscar un vídeo en Youtube, hacemos click para ver la presentación que mas parezca de nuestro agrado.
2. Para conseguir copiar el código embebido, hacemos click en: 'embed this presentation', y enseguida nos aparecerá el código que copiaremos
-18-
3. Por último, repetiremos el proceso que usamos en la explicación de Pearltrees para añadir el código embebido a la Web y ya tendremos nuestra presentación puesta en nuestra página.
-19-
Nuestro proyecto integrado se llama A Través del Universo Nuestra página Web se llama A Través del Universo. En ella recogemos de forma detallada la información relacionada con el universo que nos ha parecido relevante. Es esta la razón por la que la creamos: no había ninguna página que recogiese la información que nos interesaba a nosotros y de esta manero hemos decidido recoger todo lo encontrado diseminado por algunas de las páginas de Internet para después juntarlo todo en una sola. Se divide en cinco apartados que a su vez se subdividen en más subapartados. Para empezar poseemos un inicio en el que nos presentamos y explicamos muy brevemente el propósito con el que hemos hecho la Web. Este además tiene un esquema de las divisiones principales según los temas a tratar. Por último también incluye una imagen que iremos cambiando con el tiempo y añadiremos noticias innovadoras que sean dignas de mención. Estas últimas también serán actualizadas. Para continuar tenemos temas relacionados con la evolución, es decir, como ha ido cambiando el universo a lo largo de los millones de años. • Teoría del origen y formación del universo. Explicamos y aclaramos el concepto de Big Bang. Contestando a preguntas, verbigracia, ¿cómo decide la naturaleza a qué partículas les asigna masa y a cuáles no? Y ahondando en la ley de Hubble o el bolsón de Higgs. • Sopa primigenia. La forma en la que se crearon los primeros cuerpos celestes y con ello la vida en algunos pocos. • Protogalaxias. ¿Qué son? ¿como se forman? Y características que poseen. • Destino final. Posibles acaboses del universo. Estos son el Big Rip y el Big Crunch. 1. El Big Rip propone que la gravedad se perderá y esto hará que todo se separe de forma inevitable. 2. El Big Cruch explica que si hay un Bin Bang puede ser que haya un proceso inverso a este en el cual se volverá a comprimir en un solo punto solo para después volver a explotar. Tras esto nos adentramos en la descripción física del universo, osease, sus características. • Tamaño • Forma • Color • Homogeneidad • Composición • Teoría de multiuniversos Distanciándonos del universo de la forma más física ahora nos centramos en teorías que son a nuestros ojos de interés. • Teoría de punto-partícula. Es en la que está basada la física actual y tiene, por sentado, gran importancia en nuestra sociedad. Se basa en la existencia de partículas que forman a los neutrones y protones.
-20-
• •
•
Teoría de cuerdas. Contradice la teoría de punto-partícula, esto es porque dice que las partículas son como cuerdas y estas pueden ser diversas según como vibren. Teoría cuántica. Es otro de los pilares de la física actual. Si bien es cierto que se tiene como una extravagante no lo es tanto. Esta explica que los electrones de una partícula se desplazan entre distintas órbitas. El desdoblamieto del tiempo. Es hipótesis reciente en la que se explica la existencia de un nosotros en otro espacio y tiempo. Podemos conectar con él y beneficiarnos de la unión. Esto viene mucho más especificado la página Web.
También hay un apartado en el que hablaremos de las estructuras del universo. Desde lo más general hasta lo más específico. • Galaxias. Definición. estimaciones conforma a algunos datos como la cantidad de ellas. Los diferentes tipos con diversos ejemplos. • Estrellas. Características inauditas sobre ellas e información sobre las constelaciones. • Planetas. ¿Qué son? Y hacemos más hincapié en el sistema solar, por que esta compuesto y hablamos un poco sobre cada uno de los planetas. • Asteroides y cometas. De nuevo ahondamos en los asteroides y cometas en lo que a la Tierra se refiere, no tanto en el resto del universo. Por último hay una zona donde tratamos algunas curiosidades. Esta se denomina curiosidades del universo. En esta hemos incluidos de momento los siguientes subapartados. • Un planeta hecho de diamante. ¿Donde esta situado?, ¿como es? y condiciones físicas son temas que responderemos en esta sección. • Las estrellas de neutrones. Son casos no tan particulares pero desconocidos para la mayoría. La explicación detallada la encontrará en este lugar. • Paradoja de los gemelos. Es caso que planteó Einstein, en la cuál se explica que cuanto más cerca esté de la velocidad de la luz más lento pasará el tiempo para usted. A lo largo de toda la página Web hemos ido añadiendo los enlaces de la páginas de donde hemos sacado toda la información necesaria para haber realizado esta página, para esto como ya hemos explicado el Pearltrees ha tomado un papel crucial. Así pues, encontrará una sección donde se encuentra unicamente la bibliografía. A la par hemos tenido en cuenta la curación de contenido, hemos cuidado toda texto escrito y añadido hipervínculos ha términos los cuales no nos veíamos capaces de definir en nuestra página con nuestras palabras y le hemos vinculado otra página en la cual lo haga de forma mucho más eficiente.
-21-
VALORACIÓN PERSONAL DE ANTONIO BRAOJOS A la hora de valorar nuestro trabajo hemos de apuntar que nos invade la incertidumbre de saber si habremos conseguido nuestros propósitos, y en esta parte estoy de acuerdo y reflexiono sobre si ha valido la pena dedicar un trimestre a trabajar en una página Web, y creo que tras tanto tiempo al principio no hemos dado todo lo que estaba a nuestro alcance, pero en la última parte de tiempo para trabajar en nuestra Web hemos hecho un cambio radical a esta, y hemos pasado de un trabajo mediocre a una Web decente de ver, con herramientas Web 2.0 que muchas otras cosas que otras personas no conocían, y creo que al fin y al cabo este es el objetivo de la asignatura: Hacer cosas que otros no saben, destacar, impresionar y trabajar duro para conseguir tu objetivo. Este trimestre hemos trabajado en la creación de una Web dedicada a un tema de interés propio, lo cual me parece algo interesante y hace una asignatura llevadera. El hecho de elegir un tema que te guste y aprender sobre él para mas tarde plasmarlo en una página en internet es algo que creo que motiva mucho al alumno y le permite trabajar mejor ya que hace algo que a el le interesa. Además, la página tiene presencia en Internet y, al publicarla, dejas que otros usuarios te visiten, y recibir visitas y elogios de otras personas admirando tu trabajo siempre es gratificante. He comprobado que en la misma cuenta de correo que he usado para la realización de esta Web estaba la que hice hace 3 años, en 2012, sobre la Fórmula 1. El cambio es muy notable y ahora tengo claramente mas facultades de las que tenía, no solo por el conocimiento de herramientas en la Web, ni como he distribuido los contenidos, sino que me he dado cuenta de que tengo una clara mayor facilidad para expresar lo que quiero decir. Y esque es una cuestión de que el contenido es igual de importante como el continente, y que algo bien dicho no tiene el mismo valor que algo perfectamente dicho. Supongo que esta asignatura estaba destinada también a mejorar ese tipo de aspectos y ese objetivo está cumplido. Creo que he aprendido mucho sobre cosas que desconocía que me pueden ser de utilidad en la Universidad, que es un objetivo fundamental en vida escolar de cada persona. En esta Web he cometido fallos, y estos me los han corregido. Creo que el hecho de que alguien te corrija es porque esa persona sabe que puedes mejorar, y de hecho quiere que mejores para hacer de cada cual una persona mas cualificada. Este aprendizaje nos permite adaptarnos a todo lo que nos venga en un futuro, porque todo el mundo laboral está constantemente cambiando y las cosas no serán como son, pero al prepararnos con el uso de este tipo de herramientas nos hace adaptarnos a la generación automatizada que vivimos actualmente. El último aspecto que me gustaría incluir es el trabajo en grupo. Creo que un grupo de personas trabajando seriamente conseguirán mas de lo que consigue una trabajando individualmente. La planificación de tu trabajo es algo muy importante en este aspecto ya que pueden mezclarse temas entre los integrantes del grupo y cada cual sabe qué tiene que hacer cada día. La planificación ha ido variando acorde con lo que nos ha parecido conveniente excluir y añadir, y al final todo nos ha quedado mas relacionado entre sí, y mas parecido a nuestros gustos. En definitiva estoy satisfecho de mi trabajo y de la asignatura.
-22-
VALORACIÓN PERSONAL DE ARTURO SÁNCHEZ Este tema fue escogido por mi compañero Antonio Braojos y no fue hasta pasado un mes y medio que yo me uní a él para hacer de su página una más completa. Esto fue a causa de que yo empecé el trabajo con otro compañero. No obstante con el tiempo el tema que tratábamos en aquella página me era de poco interés. De esta manero decidí dar por concluida esa página comenzada con mi compañero Javier Alcántara y unirme a Antonio. Por consiguiente me vi bajo presión una vez comencé con la esta página, no había empezado todavía y él llevaba ya casi la mitad de su trabajo, de esta manera tuve que trabajar más duro durante los primero días. Aunque, con el paso de los días fui relajándome cada más y acabé con cierta falta de tiempo. Lamento no haberme esforzado más ya que no he podido abarcar todos los temas que tenía propuestos. Como continuaremos con esta página en el próximo año vamos a seguir ampliando contenidos hasta que nos parezca lo suficientemente ultimada. El tema del que trataba me parece muy interesante y fue por eso por lo que cambié mi proyecto integrado. Además se puede expandir si es necesario hacia cualquier ámbito del universo, ya sea lo más básico como las estrellas o galaxias y cuestiones más cerradas como son el tiempo relativo, o proposiciones más atrevidas que le hacen a un pensar sobre todo lo planteado hasta el momento. En definitiva, en un tema del que no solo se investiga por trabajo sino también por afición y con el apoyo de examinar nuestros conocimientos sobre el tema uno tiene más motivos para dedicarle tiempo, pues se que de otra manera me costaría mucho más. La herramienta empleada es muy útil. La verdad es que no se cuan difícil es hacer una página sin ayuda de ningún tipo, o sea, a partir de cero total. Pero no pongo en duda de que sería tedioso a más no poder. Con la ayuda de una herramienta como es Webnode se hace todo mucho más llevadero y práctico. Si bien es cierto que también tiene sus limitaciones es más que suficiente para un amateur como lo soy yo, quizás con el paso del tiempo y con la práctica se me quede pequeña este programa pero de momento estoy muy satisfecho de este.
-23-