Gran colisionador de ideas - laboratorio Web donde las ideas hacen Big Bang

Texto completo

(1)

(2)

(3) Quiero agradecer a mi papá, mi mamá, mi hermano y a toda mi familia por apoyarme en las buenas y en las malas durante toda mi vida A los profesores Christiaan Job Nieman y Jairo Carrillo por sus buenos consejos e ideas que ayudaron a que este proyecto se creara A mis amigos, conocidos y fuentes de inspiración..

(4) Universidad de los Andes Octubre 19 de 2010. Gran colisionador de ideas Laboratorio Web donde las ideas hacen Big Bang. Andrés Felipe Caro Cataño 200512464 [email protected]. Profesor:. Christiaan Job Nieman Director. Jairo Carrillo.

(5) Gran Colisionador de Ideas Andrés Caro. Abstract La construcción de nuestras ideas se ha visto alterada por los últimos avances en comunicación, gracias a la transformación y creación de nuevos canales que intervienen en nuestro proceso creativo, al igual que en la forma como establecemos vínculos con lo demás. Este proyecto es un sitio web llamado Gran Colisionador de Ideas, que pretende explorar y aprovechar las posibilidades de los nuevos medios de comunicación, específicamente el internet, en la construcción de comunidades en la Universidad de los Andes fomentando un ambiente propicio para la colisión de ideas e individuos que deriven en la explosión de la creatividad..

(6) tabla de contenidos.

(7) Tabla de contenidos. Planteamiento. 3. Introducción Tema Temática Oportunidad Oportunidad de diseño Justificación Objetivo general Objetivos específicos Límites y alcances. Marco Teórico/Referentes. 7. World Wide Web Creative commons Estado del arte. Desarrollo del Concepto. 23. Metodología Contexto Usuario Concepto. Diseño e Implementación. 33. Contenidos Arquitectura de la información Diseño Gráfico Implementación. Evaluación y Análisis Conclusiones Referencias Anexos. 62. 2.

(8) planteamiento.

(9) Planteamiento. Introducción Habitamos un mundo globalizado y en constante expansión gracias a los avances en tecnología y particularmente en los medios de comunicación. Esto ha generado nuevas formas en la manera cómo creamos comunidad y en la forma cómo construimos conocimiento, ampliando las posibilidades y las oportunidades para crear una sociedad incluyente y creativa. Y ha sido el surgimiento de la internet lo que ha permitido la democratización de la información y de la comunicación gracias a su accesibilidad y facilidad de uso, permitiendo crear espacios virtuales donde podemos establecer mecanismos de discusión y producción de contenidos, que pueden ser aprovechados en comunidades como la Universidad de los Andes donde convergen diversidad de personas, experiencias y conocimientos.. Tema Diseño de espacios virtuales y sitios web. Oportunidad La internet ha dejado la puerta abierta para que se desarrollen sitios web capaces de generar comunidades y que además aporten a la discusión y creación de ideas, proponiéndonos un desafío en relación a sus alcances y al uso adecuado que debemos hacer de esta herramamienta para el beneficio tanto personal como común. Actualmente en la universidad de los Andes hay diversas herramientas y medios que buscan la cohesión entre la población Uniandina, además de canales por los cuales se transmite la información, sin embargo, no es precisamente algo de los estudiantes, y una plataforma que ellos puedan modificar y moderar. La oportunidad se basa en que estos canales sean más democratizadores, en el sentido de que haya mayor participación por parte de ellos y de todos los actores que interactúan en la Universidad, para crear una plataforma que fomente la creatividad, y el cooperativismo.. 4.

(10) 5. Planteamiento. Justificación Por medio del diseño de un espacio web o laboratorio web es posible explorar opciones para crear una alternativa para que los estudiantes se sientan más a gusto para participar, proponer, modificar y generar comunidad, y al mismo tiempo puedan producir “resultados” independientes y no obligatorios de la academia, que en esencia promuevan la creatividad, pero que a la vez permitan la participación de otros actores que se encuentran en la Universidad, como profesores o trabajadores.. Objetivo General Diseñar un espacio virtual-sitio web que fomente la cohesión entre la comunidad Uniandina además de la discusión y creación de ideas y contenidos de forma colectiva.. Objetivos Específicos Crear un sitio web que sirva de archivo para recopilar trabajos y opiniones de los estudiantes (usuarios), profesores y trabajadores Crear un sitio web dónde converjan diversidad de pensamientos y experiencias y contribuya a una discusión que fomente y construya “resultados” no necesariamente académicos Crear un espacio web que publique los “resultados” de las colisiones de ideas Crear nuevos canales de información para información de la comunidad Uniandina Crear cohesión dentro de la comunidad Uniandina.

(11) Planteamiento. Límites Capacidad para cuantificar los resultados y la intervención del sitio web Participación de la universidad como institución para promover el sitio web Capacidad técnica para desarrollar, producir, programar e implementar el sitio web Tiempo en el cual se debe desarrollar el producto y su instalación Presupuesto económico para llevar a cabo el desarrollo de la plataforma para que cumpla los objetivos planteados. Alcances Aumentar la creatividad Convertirse en una plataforma de integración nacional e internacional donde converjan las personas para compartir ideas y crear comunidad Buscar que se creen productos “resultados” que generen tendencias y que estén a la vanguardia Que se vuelva un referente para otros proyectos Aplicable a otras universidades y campos independientes de la Universidad Promover proyectos independientes gracias al sitio web Crear un gran archivo en donde se pueda consultar información, además de construir nuevos proyectos Gran comunidad de libre acceso para democratizar la información Ser un nuevo mecanismo de integración Nuevo método de cooperación “intelectual”. 6.

(12) Marco teorico referentes.

(13) Marco teórico-Referentes. 8. INTERNET La internet es una serie de redes interconectadas que utilizan la familia de protocolos TCP/ IP, permitiendo que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus primeros orígenes se remontan a 1969 cuando se creó la primera conexión de computadoras, llamada ARPANET entre tres universidades en los EE.UU. A partir de entonces ha tenido diversos cambios que han permitido la evolución de la internet hasta como se conoce en la actualidad, con alrededor de 1.100 millones de usuarios y más de 63.000 millones de páginas web, además de producir cambios sustanciales en: nuestras formas de comunicación, de trabajo, de ocio y por supuesto de construcción de conocimiento. Uno de los principales cambios en el internet fue la introducción del servicio WORL WIDE WEB. (1). WORLD WIDE WEB Creada por Tim Berners-Lee y Robert Cailliau, la World Wide Web es un sistema de hipertextos o hipermedios enlazados mediante hiperenlaces que se hacen accesibles a través de internet. A través de un navegador web es posible visualizar sitios web, compuestos por páginas web, que pueden contener textos, imágenes, videos u otros contenidos multimedia. La Web ha permitido que haya un flujo de datos a una escala global nunca antes vista, convirtiéndose en el medio de mayor difusión de intercambio personal, superando incluso la imprenta; esta cualidad ha permitido que la web se convierta en una herramienta cohesionadora capaz de unir personas diseminadas alrededor del mundo superando las trabas de espacio y tiempo, y dando paso a la construcción de muchos sueños de la evolución humana: como el almacenamiento en un solo lugar de todos los conocimientos acumulados desde el comienzo de nuestra historia en adelante, tal y como se buscó en la Biblioteca de Alejandría o en el proyecto de enciclopedia de Diderot. Es importante resaltar que la Web es de dominio público lo que ha permitido su rápida expansión y utilización, y si bien algunos de sus contenidos son privados, la web ha popularizado la expansión de los Creative Commons y el derecho a la libre transmisión de datos e información, convirtiéndola en una de las herramientas más importantes para la democratización de la información. (2).

(14) 9. Marco teórico-Referentes. CREATIVE COMMONS Creative Commons es una iniciativa que busca crear una serie de leyes y normativas que faciliten la distribución y uso de contenidos, en contraposición con la actual normativa sobre propiedad intelectual y el copyright, que pueden ser bastante complicadas en algunos casos cuando se desea hacer uso de algún material, pues hay que buscar varios permisos e incluso pagar regalías a los dueños de los derechos.(3) Ahora bien, Creative Commons no busca la total desaparición de la propiedad intelectual y el copyright, sino crear una legislación acorde con nuestros tiempos, teniendo en cuenta dos factores esenciales : permitir el uso comercial y trabajos derivados; cuya decisión depende exclusivamente del usuario y lo que quiera hacer de su trabajo, de esta forma se pretende flexibilizar el manejo de la información, y responder a esta era digital y del internet, en la cual los usuarios pueden beneficiarse del flujo de información, sin caer en problemas legales. (4)(5) Estas son algunas de las formas básicas de publicar los trabajos según las normas de Creative Commons: (6)(7). Reconocimiento — Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).. Compartir bajo la misma licencia — Si altera o transforma esta obra, o genera una obra derivada, sólo puede distribuir la obra generada bajo una licencia idéntica a ésta.. No comercial — No puede utilizar esta obra para fines comerciales.. No derivados — No se puede modificar la obra.

(15) Marco teórico-Referentes. Estas normas básicas se pueden combinar para producir nuevos parámetros sobre los cuales se comparten los trabajos. Estos son aglunos ejemplos de cómo se pueden publicar los trabajos:. Es libre de copiar, distribuir y comunicar públicamente la obra, incluso de manera comercial, sólo si se le da crédito a su autor o licenciador. Es libre de copiar, distribuir, comunicar públicamente la obra, y crear obras derivadas, incluso para uso comercial, sólo si se le da crédito a su autor o licenciador y la comparte bajo los mismos términos de la original. Es libre de copiar, distribuir, comunicar públicamente la obra, incluso para uso comercial, sólo si se le da crédito a su autor o licenciador y si no se altera, transforma o genera una obra derivada a partir de la obra original. Es libre de copiar, distribuir, comunicar públicamente la obra, y crear obras derivadas, sólo si se le da crédito a su autor o licenciador y no se utiliza con fines comerciales. 10.

(16) 11. Marco teórico-Referentes. Es libre de copiar, distribuir, comunicar públicamente la obra, y crear obras derivadas, sólo si se le da crédito a su autor o licenciador y no se utiliza con fines comerciales. Los nuevos trabajos de igual manera, tendran que regirse por los mismos términos que la original. Es libre de copiar, distribuir y comunicar públicamente la obra, sólo si se le da crédito a su autor o licenciador y si no se altera, transforma o genera una obra derivada a partir de la obra original, además de estar prohibido su uso para fines comerciales. Es importante resaltar la importancia del concepto de Creative Commons dentro del proyecto, ya que es uno de los pilares sobre el cual se sostiene; convergencia de información y contenidos, y su capacidad para ser modificados por las personas con la mayor libertad.. Estado del Arte Facebook. Facebook es un sitio web gratuito creado por Mark Zuckerberg, que tiene como objetivo la creación de redes sociales, actualmente es uno de los sitos web más populares con 500 millones de usuarios y traducción a 70 idiomas. A ella puede acceder cualquier persona, el único requisito es poseer cuenta de correo electrónico, cuando ya se es usuario puede unirse a redes, agregar amigos, intercambiar fotos, videos, crear grupos y páginas, escribir en el Wall o Muro de los demás, y últimamente utilizar aplicaciones desarrolladas para Facebook, como juegos o cuestionarios. (8) http://www.facebook.com/.

(17) Marco teórico-Referentes. Twitter. Twitter es una red social de microbloggin, que permite a sus usuarios enviar y leer las entradas que tienen una longitud máxima de 140 caracteres y se les denomina “tweets”. Estos “tweets” pueden ser enviados desde la página web o aplicaciones de computador o desde dispositivos móviles. Un concepto importante es el de “seguir” y permite ver cada entrada nueva del usuario que cada quien decide “seguir”. (9) http://twitter.com/ My space. My space es un sitio web dedicado a la construcción de redes sociales, que permite a sus usuarios expresar opiniones e intereses. Se ha vuelto bastante popular como plataforma para los músicos, pues pueden subir sus demos o singles para que las demás personas lo escuchen y de esta forma difundir su trabajo, se pueden encontrar desde artistas totalmente desconocidos hasta grandes estrellas, e incluso hay casos de algunos que empezaron siendo totalmente anónimos y por este medio lograron alcanzar bastante popularidad. (10) http://www.myspace.com/ Flickr. Flickr es un sitio web dedicado a la publicación de fotos, imágenes y videos, estos se pueden almacenar, ordenar, buscar, y vender. Se ha popularizado gracias a la facilidad con la que se manejan sus contenidos y la posibilidad de mostrar trabajos a los demás, actualmente cuenta con tres mil millones de imágenes, se calcula que cada minuto se agregan 5000 nuevas imágenes a flickr. (11) http://www.flickr.com/. 12.

(18) 13. Marco teórico-Referentes. Ffffound. Ffffound en un sitio web que presta el servicio de alojamiento de imágenes, permite que los usuarios registrados posteen imágenes que van encontrando mientras navegan por la red, creando una base de datos, que puede ser visto por todo el público, y de igual manera tiene la habilidad para recomendar imágenes según los gustos de cada usuario. Para poder registrarse a Ffffound es necesario recibir una invitación de alguien ya inscrito, de lo contrario solo podrá ver las imágenes, pero no podrá publicar. (12) http://ffffound.com/ Know youre meme. Know youre meme es un sitio web de la serie Rocketboom, que almacena y documenta internet memes y otros fenómenos de internet, en la actualidad contiene más de 600 memes, y permite que cualquier persona con cuenta suba contenidos, que ayuden a explicar el meme, aunque es el administrador quien decide si confirma el contenido o lo rechaza. (13) http://knowyourmeme.com/ Deviant art. Es una comunidad online que permite a los artistas exhibir y discutir sobre sus trabajos, estos pueden ser clasificados en varias categorías que incluyen: fotografía, arte digital, arte tradicional, literatura, flash, filmmaking, entre otras. En agosto de 2010 contaba con alrededor de 14.5 millones de miembros y alrededor de 100 submits, y recibía más de 140,000 sumbmissions al día. (14) http://www.deviantart.com/.

(19) Marco teórico-Referentes. 14. Last.fm. Last.fm es una estación de radio web que permite el streaming de música. Fue fundada en el Reino Unido en el 2002 y actualmente posee alrededor de 40 millones de usuarios y funciona en más de 200 países. Tiene una plataforma llamada “Audioscrobbler” que construye un perfil detallado de cada usuario, teniendo en cuenta las canciones favoritas, las estaciones más escuchadas, para luego dar recomendaciones al usuario sobre canciones y artistas. (15) http://www.lastfm.es Grooveshark. Grooveshark es un motor de búsqueda y servicio de streamming online gratuita o paga, que posee una aplicación que recomienda música según los gustos de los usuarios. Entre otro de sus muchos servicios. Su objetivo es recortar la distancia entre los artistas, los consumidores y los que comercializan la música. En la actualidad se reproducen entre 50 y 60 millones de canciones al mes, y tiene 17 millones de usuarios, aunque en el último sondeo de abril del 2009 su audiencia estaba creciendo 2 -3% por día. (16) http://listen.grooveshark.com/ You tube. You tube es un sitio web especializado en la difusión de videos; donde los usuarios pueden subir, compartir y ver otros videos. Antes de su lanzamiento había pocas opciones de publicación de videos online, sin embargo la interface simple y cómoda permitió su popularización hasta convertirse en uno de los hitos en internet, hasta llegar a contener distintos tipos de material audiovisual como: clips musicales, cortos, animaciones, video blogging, documentales, etc… (17) http://www.youtube.com/.

(20) 15. Marco teórico-Referentes. Vimeo. Vimeo es muy parecido a You Tube pues permite subir, compartir y ver videos, nació en noviembre de 2004 y tiene más de 3 millones de miembros, a diario se suben más de 16.000 videos de los cuales el 10 por ciento son en HD. Suele ser bastante popular dentro de muchos artistas que escogen este medio para realizar el lanzamiento de sus videoclips. (18) http://vimeo.com/ College humor. College humor es un sitio web dedicado exclusivamente a la comedia, que publica contenidos tanto de sus propios productores y administradores, como de usuarios registrados. Posee una gran diversidad de contenidos en la que se incluyen videos, imágenes, artículos y links todos de carácter cómico. Algunos de estos contenidos han sido tan populares que se han realizado sketches en televisión, además tiene un flujo de visitantes de alrededor de 7 millones mensual. (19) http://www.collegehumor.com/ Wikipedia. Wikipedia es una enciclopedia web gratuita y sin ánimo de lucro, que tiene más de 16 millones de articulos y está disponible en 271 idiomas, es una de las 10 web más populares, y quizá la de mayor consulta en internet. Por su carácter libre los articulos permiten ser editados conjuntamente por usuarios, y es comparada con la Enciclopedia Británica por la cantidad y precisión de sus artículos. (20) http://es.wikipedia.org/wiki/Wikipedia:Portada.

(21) Marco teórico-Referentes. Wreck a movie. Wreck a movie es un sitio web basado en el crowdsourcing, bastante similar a Wikipedia que busca la colaboración de los usuarios para producir contenidos, aunque con el propósito cinematográfico, facilitando la producción teniendo en cuenta que los costos son bastante elevados y esta comunidad lo hace de forma voluntaria y no lucrativa. Se basa en una plataforma donde se ven los proyectos y los objetivos o las tareas a realizar, el presupuesto con el que se cuenta, y de esta manera las personas pueden ofrecerse para realizar alguna tarea, y de esta manera se van construyendo los proyectos. (21) http://www.wreckamovie.com/ Museo de la persona. El museo de la persona es un proyecto que surgió en Sao Paulo en 1991 buscando recuperar la memoria de los inmigrantes judíos que llegaron a Brasil, y una forma de preservar la tradición oral. Es además, una búsqueda de la historia no oficial, que no se encuentra en los libros y las fuentes oficiales, para que las personas entiendan que la historia y la memoria son parte de su identidad, y por ende busca promover otra forma de relacionarse, pues al comprender la sociedad a la que se pertenece y un pasado común, es posible reforzar los vínculos y planear mejor el futuro. A partir de este concepto se han recopilado testimonios en videos, audio y escritos, fomentando también publicaciones ensayísticas que tratan de explicar el objetivo y los resultados del proyecto. (22) http://www.museudapessoa.net/ingles/. 16.

(22) 17. Marco teórico-Referentes. Referentes en la Universidad En lo concerniente a la Universidad existen varias plataformas y medios por los cuales se accede, divulga y distribuye, la información. Entre los más relevantes están: Sitio Web de la Universidad. El sitio Web de la Universidad de los Andes es de fácil acceso y buena navegación, cuenta con bastantes contenidos y una página principal en la que se pueden ver las últimas noticias y los aspectos más relevantes que están ocurriendo en la Universidad. Se puede encontrar información sobre los programas académicos ofrecidos, acerca del campus, sobre los profesores, la infraestructura, y otra información relacionada con la universidad (y es manejada por fuentes directamente relacionadas con la Universidad)..

(23) Marco teórico-Referentes. Sicua y Sicua Plus. Sicua y Sicua Plus son plataformas para la discusión de tareas, además de servir como medio de comunicación para los estudiantes cuando tienen dudas sobre algún tema de la clase, permite que los profesores asignen tareas, cuelguen el programa de clase, la bibliografía y material útil para los estudiantes; respondan preguntas y se creen foros entre los participantes. Cada clase tiene su propio contenido y cada semestre Sicua y Sicua Plus se actualiza con las nuevas materias inscritas.. 18.

(24) 19. Marco teórico-Referentes. Correo de los Andes. Al igual que los demás correos tradicionales, permite recibir y mandar correos electrónicos, suele ser un medio de comunicación entre los profesores y los estudiantes, al igual que de la institución para enviar información relevante a todos los integrantes de la Universidad. Con una gran capacidad de almacenamiento para que el estudiante y los trabajadores de la Universidad lo puedan utilizar como su correo oficial o preferido..

(25) Marco teórico-Referentes. Noticias Uniandinas. Noticias Uniandinas es un boletín periódico que circula en internet con las últimas noticias de la Universidad de los Andes, en busca de informar a la comunidad uniandina todo lo relacionado con lo que acontece con la Universidad, además de traer información bastante variada. Se puede acceder al boletín a través del sitio web de los Andes y también por hipervínculos anexados en los correos.. 20.

(26) 21. Marco teórico-Referentes. Blogs. Algunas facultades cuentan con sus propias páginas web y tienen blogs en los cuales publican trabajos, proyectos e información importante sobre los departamentos, es un espacio b a s t a n t e abierto, donde es p o s i b l e compartir experiencias que luego pueden ser útiles en el desarrollo de otros proyectos. En el caso de diseño cuentan con un blog donde describen el programa que desarrollan a través del semestre y muestran los resultados de los proyectos, de acuerdo con cada curso..

(27) Marco teórico-Referentes. Publicaciones impresas. Existen varias publicaciones impresas dentro de la universidad que buscan difundir trabajos, proyectos, ensayos y en algunos casos experimentar en la forma de difusión, en formatos y en su misma publicación. Sin embargo, en muchos casos debe afrontar problemas logísticos y económicos, que demuestra una necesidad y un interés por parte de muchas personas por hacer público y difundir lo que están haciendo, y buscar nuevos canales por los cuales se pueda llegar a la población uniandina. Un ejemplo de estas publicaciones son los periódicos de cada facultad. (REC, González; en humanidades). Conclusiones referentes Se observaron varios modelos de sitios web exitosos, que nos permiten rescatar características y entender algunos servicios que las personas están buscando en la web. A partir de estos referentes y mediante lo observado en lo que se ofrece actualmente es posible empezar a diseñar y a buscar los componentes que van a moldear nuestro sitio web, e integrar algunos elementos que no poseen los actuales canales de comunicación en la Universidad, para lograr un medio cohesionador, y democratizador de información que promueva la creatividad entre la comunidad Uniandina.. 22.

(28) desarrollo delconcepto.

(29) Desarrollo del Concepto. Metodología La metodología que utilice se basó en observar los referentes que han tenido éxito en áreas cómo: la creación de redes, la publicación y divulgación de trabajos, y la democratización de la información, analizando sus cualidades y lo que lo ha llevado a su popularización. Al mismo tiempo tuve en cuenta mi usuario y el contexto, determinando gustos y necesidades y la forma en que podría traducir todos estos aspectos en un diseño que respondiera al objetivo general de mi proyecto.. Contexto Aunque el proyecto se va a implantar en un espacio virtual, el contexto sobre el cual se va a desarrollar el proyecto GRAN COLISIONADOR DE IDEAS es la Universidad de los Andes, pues no podemos olvidar el entorno en que nuestro usuario converge e interactúa gran parte de su día, y en el cual es posible comprender sus necesidades, gustos e intereses.. 15.750 estudiantes 510 profesores tiempo completo 9 facultades 28 programas de pregrado 15 doctorados 42 especializaciones. Bogotá, Colombia. 34 maestrías. La diversidad de pensamientos, ideas y experiencias p r o p o r c i o n a un ambiente ideal para fomentar la creatividad, y construir comunidad. 24.

(30) 25. Desarrollo del Concepto. Usuario Si bien el proyecto pretende abarcar a todos los actores que ejercen algún papel dentro de la Universidad, existen varios usuarios fundamentales que son; estudiantes de los Andes y trabajadores entre los 16 y los 45 años, que son los que más utilizan las plataformas web y están al tanto de lo último en tecnología, y por ende, los que más se pueden beneficiar del proyecto.. La Universidad de los Andes tiene en cuanto a profesores uno de los estándares más altos, 38 por ciento de ellos tienen un título de maestría y el 51 por ciento un título de PhD. El 30 por ciento de los estudiantes vienen de otras ciudades de Colombia, lo que demuestra la diversidad de personas, además de la cantidad de programas ofrecidos por la universidad. 45%. Mujeres. 55%. Hombres. (*). Información sacada: de http://planeacion.uniandes.edu.co/index.php?option=com_ content&task=section&id=182t.

(31) Desarrollo del Concepto. 26.

(32) 27. Desarrollo del Concepto. El usuario de este proyecto se caracteriza por tener intereses muy variados, pero sobretodo le gusta:. mantener comunicación con sus amigos por medio de su celular y las redes sociales. estar al tanto de lo último en tecnología. estar actualizado de lo que acontece tanto a su alrededor como en el mundo, además de procurar tener una participación activa en su comunidad e intentar aportar a ella.. un gusto muy marcado por la música. “Soy una adicta al computador. Puedo hacer de todo en él, leer las noticias, hablar con mis amigas, escuchar mi música favorita, ver los videos más populares, buscar información y, por supuesto, hacer mis trabajos” Laura Gallo, 19 años.

(33) Desarrollo del Concepto. y los medios audiovisuales, sobre los cuales genera su propia identidad y estética,. y una retroalimentación constante entre su realidad física y un flujo infinito de información que consigue en la red, (que incrementa el uso de los computadores). para construir pensamiento y fomentar su creatividad.. “Todo converge en la red, es una gran herramienta, tan buena, que me ha quitado la adicción a la televisión, lástima que ahora sólo me la paso navegando por ahí, leyendo y viendo muchas cosas y se me olvidan los trabajos” Rafael Díaz, 23 años. 28.

(34) 29. Desarrollo del Concepto. Concepto Dentro del concepto se desarrollarán términos e ideas fundamentales para el proyecto, ya que son la esencia del diseño y lo que debe transmitir y comunicar el sitio web cuando el usuario entre e interactué con él. Cohesionador Una definición clara del término cohesión: es la unión de dos o más cosas. Es decir que el sitio web debe ayudar a la unión de la comunidad Uniandina y permitir que se generen más vínculos entre las personas que están a nuestro alrededor. Proveer canales por los cuales se dé está comunicación, e incluso brindar excusas por las cuales se pueda dar un acercamiento para que las personas se conozcan y se enteren de lo que piensa el otro. En conclusión, si el sitio web pretende ser de orden cohesionador debe tener en cuenta las siguientes cualidades: que sea fácil la participación de los usuarios, debe facilitar la comunicación entre los usuarios. Debe generar espacios de discusión, participación y colaboración. Además de brindar la oportunidad y las herramientas para que los usuarios se conozcan y descubran personas que pueden ser de su interés. Democratizador. El sitio web debe ser en cuanto sea posible un espacio democratizador, que en pocas palabras significa: hacer algo accesible a la mayor cantidad de personas. Ahora bien, se debe tener en cuenta que no solo se busca democratizar en la cantidad de personas que pueden acceder al sitio web, sino en los contenidos que en ella se exhiben y la participación que tienen los usuarios para modificarla..

(35) Desarrollo del Concepto. Por lo tanto, si se quiere que el sitio web sea de carácter democratizador deben tenerse en cuenta las siguientes cualidades: que sea fácil de acceder, tanto de usuarios como no usuarios. Que el sitio web no se demore en cargar o en mostrar sus contenidos, fácil navegación, que los contenidos exhibidos sean claros y su clasificación clara, para facilitar su búsqueda. De igual manera que la posibilidad de crear contenidos sea lo más sencilla para que el usuario se sienta atraído en participar y crear nuevo material para el sitio web. En lo posible evitar la censura, pero que haya canales por los cuales sea posible denunciar irregularidades y contenidos que atenten contra la integridad física y psicológica de los usuarios, persona o cualquier institución.. Gran Colisionador de Hadrones / Máquina de la creatividad /Swarm Intelligence Dentro del proyecto tuve como fuente de inspiración tres ideas que me sirvieron como metáforas para desarrollar el sitio web, y que de alguna manera marcan un camino hacia donde el proyecto debe ser dirigido. Gran Colisionador de Hadrones El gran colisionador de hadrones es un proyecto de más de 2000 físicos de 34 países, diversas universidades y laboratorios que unieron sus fuerzas para crear el acelerador más grande de partículas y de energía del mundo. En él se busca acelerar dos haces de protones e inducirlos a chocar entre sí, con velocidades cercanas a la velocidad de la luz, con el objetivo de simular condiciones parecidas a lo ocurrido en el Big Bang y el posterior origen del universo, para encontrar respuestas a muchos interrogantes sobre cómo se forma la materia, además de examinar la validez de algunas teorías y efectuar nuevos descubrimientos en el campo de la física. (23). 30.

(36) 31. Desarrollo del Concepto. Este proyecto es importante en la medida, que demuestra que es posible realizar una meta ambiciosa si es factible una integración mundial en donde se trabaje conjuntamente, y en la cual el objetivo primordial no es de orden individual, sino para el beneficio común y para la historia de la humanidad.. Y, desde otra perspectiva, es tomar como símil la colisión de los dos haces de protones y su capacidad de creación casi universal, con la misma lógica de las ideas, y de cómo cuando hay un espacio y unas condiciones para que se unan, converjan y colisionen, éstas son capaces de crear nuevos universos..

(37) Desarrollo del Concepto. Máquina de la creatividad La máquina de la creatividad fue un primer intento para materializar el concepto del proyecto. En esta se busca representar una máquina que estimula la creatividad con la materia prima que son las ideas, pero que en el proceso es alterada por la comunidad Uniandina, para crear y construir un ilimitado número de resultados. Podría decirse que este concepto es un diagrama simplificado de lo que sucede en el sitio web Gran Colisionador de Ideas, y una de las directrices por las cuales se moldeó el proyecto.. Swarm intelligence Este concepto es importante en la medida que busca copiar sus principios y teoría, está basado en un comportamiento colectivo de sistemas descentralizados y auto-organizados, que se compone de agentes simples que interactúan entre ellos y su ambiente, y que siguen reglas simples sin ningún orden preestablecido que dictamine como deben comportarse, pero en un contexto global pueden lograr un comportamiento complejo en pro de la comunidad, como ocurre en las colonias de las hormigas, en el alineamiento en el vuelo de los pájaros, o en el comportamiento de rebaños de animales. (24) En otras palabras, podríamos decir que el sitio web es una plataforma que si bien se alimenta de la adición de cada persona y los contenidos que ella publique, es llamativa en la medida que comience a darse una interacción entre sus individuos y generen nuevas soluciones y comportamientos, que ellos mismos van definiendo y moderando.. 32.

(38) diseno e implementacion.

(39) Diseño e Implementación. En esta sección es cuando se debe traducir toda la información anterior más un poco de creatividad e imaginación, en un sitio web que responda al objetivo general y los objetivos específicos. Por esta razón dividí la parte del diseño e implementación en 3 etapas o factores a los cuales se les debe dar una traducción, estas son: contenido- arquitectura de la información, diseño gráfico e implementación.. Contenidos Lo primero que debemos establecer son los contenidos y las secciones que va a tener el sitio web, pues permiten crear una estructura y una jerarquía de cómo debe ir organizada la información y la navegación a través del sitio. Teniendo en cuenta los objetivos y los conceptos mencionados en los capítulos anteriores, es posible establecer las siguientes secciones: Archivo Esta sección es una de las más importantes pues permitirá a todo el público ver los contenidos que se van a ir recolectando gracias a las publicaciones y modificaciones que hagan los usuarios. Los trabajos pueden estar en estos medios: video, audio, imagen, texto, pdfs, aplicaciones, otros.. Dentro de la sección de Archivo van a existir varias categorías sobre las cuales se pueden organizar los contenidos: últimas publicaciones/fecha, medios, temas, más vistos, más modificados, alfabéticamente y proyectos terminados. Los trabajos también van a contener información que ayude al usuario a entender lo que está viendo, o a sentirse atraído para indagar sobre algún contenido en especial. Más adelante se profundizará en las cualidades, características e iconografía que tendrá la sección de Archivo.. 34.

(40) 35. Diseño e Implementación. Registro/log in Esta sección es importante ya que registra al usuario y abre nuevas opciones dentro del sitio web, como publicar sus contenidos, modificar otros contenidos, agregar favoritos e interactuar con otros usuarios, además tendrá la ventaja de ver contenidos recomendados por el sitio web dependiendo de sus gustos. Más adelante se examinará en detalle la interacción y características de registro-log in. Proyectos en curso La sección de Proyectos en curso será una iniciativa para que la comunidad Uniandina promueva proyectos que desea realizar, de esta manera cualquier usuario puede plantear un proyecto o publicar un proyecto que desee desarrollar con información sobre lo que necesite o el propósito que quiere cumplir. Otros usuarios o incluso no usuarios podrán ver esta información, y si están interesados podrán responderle y crear un grupo de colaboración para trabajar en el proyecto, para luego publicar los resultados en la sección Archivo. Más adelante se examinará con cautela la forma cómo funciona la sección Proyectos en curso. Contacto En la sección de Contacto el público en general podrá comunicarse con los administradores del sitio web, para expresar sus opiniones, inquietudes, sugerencias, reclamos etc., para atenderlas y mejorar el servicio en pro de todas las personas. Más adelante se examinará con detenimiento cómo funciona la sección Contacto. Sobre el sitio web Esta sección es una guía para los usuarios y no usuarios sobre el funcionamiento y la política del sitio web. Pretende ser de alguna manera una ayuda para aquellos que no entiendan el funcionamiento del sitio o los que la utilicen por primera vez. Tendrá además la arquitectura del sitio para mayor comprensión de algunas personas. Más adelante se examinará en detalle la interacción y características de sobre el sitio web. Teniendo una idea sobre las principales secciones y sus contenidos, es posible pasar a la arquitectura del sitio web, donde se organizará la información según su jerarquía y relevancia, para que el público y los usuarios se sientan cómodos mientras navegan e interactuar con el sitio web..

(41) Diseño e Implementación. 36. Arquitectura de la Información Lo primero que debemos pensar es en la estructura de cómo se va a conformar el sitio web, para esto vamos a utilizar varios diagramas que nos ayudarán a crear el mapa del sitio, para determinar cómo se va a dar la navegación entre las secciones, las páginas y los contenidos.. Aunque esta no es la iconografía final, nos va permitir explicar mejor la arquitectura del sitio web. Home. Sobre el sitio web. Archivo. Contacto. Proyectos en curso. Vínculos. Registrarse/ Log in. Navegador/ busqueda. Muy importante. Importante. Navegación global. Solo usuarios. !. Visualización de información. elemento. +. Agregar nuevo elemento. Completar información.

(42) 37. Diseño e Implementación. arquitectura completa del sitio web.

(43) Diseño e Implementación. Con la estructura básica definida podemos concretar los contenidos de las secciones más importantes y su navegación Es la página inicial para todos los usuarios. Home Página inicial. Desde esta se puede acceder a todas las secciones definidas anteriormente Va a tener características parecidas a las de la sección Archivo para que todo el que entre vea los contenidos que se están realizando en el sitio web Habrá un vínculo en todas las secciones para regresar a la página principal Habrá un espacio para publicar los últimos acontecimientos relacionados con el sitio web Va a existir un formato para enviar e-mails a los administradores del sitio web. Contact Página Contacto. Se publicarán los teléfonos y direcciones para comunicarse con los administradores personalmente Tendrá información relevante para mantener los canales de comunicación abiertos entre los administradores y el público Se podrá acceder a esta sección desde todas las páginas del sitio web Tendrá instrucciones gráficas y textuales de cómo funciona el sitio web Se publicará la filosofía y política del sitio web, además de sus objetivos Tendrá el mapa del sitio web. About. Información útil para entender el sitio web Foro sobre el sitio web. Página Sobre el sitio web. Se podrá acceder a esta sección desde todas las páginas del sitio web. 38.

(44) 39. Diseño e Implementación. Es una de las secciones más importantes pues va permitir que las personas se encuentren y desarrollen proyectos Se pueden plantear nuevos proyectos o publicar algunos que ya estén en desarrollo para que otras personas intervengan en ellos y de esta forma se creen comunidades que trabajen de manera colectiva Se puede ver cómo se desarrolla un proyecto sin necesidad de ser usuario o estar dentro del grupo Cuando se acceda como usuario registrado se le van a recomendar proyectos en los que podría estar interesado. Proyectos en curso. Página Proyectos en curso. Para modificar los archivos debe pertenecer al proyecto Cada proyecto tendrá una barra que indique como va el proceso Se le notificará al usuario si hay novedades en los proyectos en los que esté inscrito Los usuarios podrán sugerir proyectos a otros usuarios El creador del proyecto será el moderador del grupo, pero se espera que haya una participación activa y recíproca por parte de todos los integrantes del proyecto Mientras los proyectos estén en proceso de desarrollo se podrán buscar y clasificar con las mismas características que en la sección Archivo Los proyectos que ya estén terminados serán publicarán en la sección Archivo Se puede acceder a esta sección desde todas las páginas del sitio web.

(45) Diseño e Implementación. Para ser usuario se deben registrar los estudiantes y trabajadores de la Universidad, con el correo y la misma clave Una vez registrado deben llenar un formato con sus gustos e información relevante para que el sitio web pueda recomendarle contenidos. Registrarse/ Log in. Página Registrarse/ Log in. Una vez finalizado pasará directamente a la página de su cuenta El usuario tendrán una página con su cuenta donde podrá organizar: los contenidos que ha subido, los contenidos modificados, los proyectos en curso a los que pertenece, sus contactos, sus favoritos, su inbox y la información sobre sus gustos e intereses Si el usuario ya ha iniciado su sesión, Archivo y Proyectos en curso se organizará mostrándole sugerencias que puedan ser de su interés Podrá agregar contactos, escribirles y darles sugerencias de proyectos Podrá subir y modificar contenidos, y se le notificará lo que ocurra con estos Podrá marcar contenidos como favoritos para verlos a través de su página Podrá comentar en los contenidos y los proyectos en curso Podrá determinar con qué términos publica lo que suba al sitio web Podrá eliminar su cuenta cuando desee Podrá registrarse o iniciar sesión desde cualquier página del sitio web. 40.

(46) 41. Diseño e Implementación. Es la sección más importante del sitio web, pues permite a todo el público ver los contenidos y proyectos que se han realizado o se están realizando Permite a los usuarios publicar lo que desean subir. Archivo. Página Archivo. Los proyectos que hayan concluido se publicarán en esta sección Las siguientes son las categorías para clasificar la búsqueda en Archivo: últimas publicaciones,fecha, medios, temas, más vistos, más modificados, alfabéticamente y proyectos terminados Los contenidos que suban los usuarios se podrán taggear y clasificar para facilitar su búsqueda Se tratará de aceptar cualquier tipo de archivo para almacenarlo, exhibirlo y para que pueda ser modificado En Archivo los contenidos tendrán un botón para poderlos modificar Los medios en los que se puede clasificar los contenidos que suban los usuarios son: video, audio, imagen, texto, pdfs, aplicaciones, otros. Los contendios tendrán información relevante para que el usuario entienda qué es lo que ve y determine si es de su interés Habrá navegadores que facilitarán la búsqueda de contenidos A la sección de Archivo se puede acceder desde cualquier página del sitio web.

(47) Diseño e Implementación. 42. Diseño Gráfico En diseño gráfico se establecerán los colores, la iconografía, la tipografía y la composición de cada página, para acercarnos al diseño final del sitio web. Color. En lo posible se buscará mantener un diseño sobrio y simple en el que predomine el contraste entre los colores blanco y negro, complementándolo con la utilización de una gama de grises. El uso de colores llamativos se utilizará para notificaciones y para resaltar información que pueda ser de interés para el usuario.. Iconografía En la iconografía se buscará expresar el concepto del colisionador de hadrones, específicamente la sensación de los haces de protones y su colisión, además se pretende dar la sensación de bitácora en la que se hacen apuntes y anotaciones sobre ideas que luego se van desarrollando. Por esta razón manejaré líneas torcidas, “mamarrachos” para los botones, pequeñas anotaciones para explicar contenidos, etc..

(48) 43. Diseño e Implementación. Logotipo El logotipo trata de expresar el concepto de rayar y bocetear, al igual que un comportamiento errático asemejándose al flujo de los protones. El logotipo va a ser el botón para regresar a la página inicial y va a estar en todo el sitio web. La idea es que los usuarios puedan alterar el logo para cambiar periódicamente el que se exhibe en el sitio web, algo parecido a lo que ocurre actualmente con el logo de Google.

(49) Diseño e Implementación. Algunos de los íconos con los cuales nos vamos a topar en el sitio web. Tipografía Las tipografías que se van a utilizar son:. Colisionador. VTKS 36. La que se utilizó para el logo y que encaja perfectamente en lo que queremos expresar. Esta se utilizará para títulos o subtítulos, o textos importantes que deben resaltar de los demás.. Normal. Arial. Para los momentos en que deseamos un letra legible y sobria. Se utilizará cuando vayamos a escribir mensajes o hacer comentarios, también cuando haya mucho texto, y cuando el texto sea poco relevante o no necesitemos que sobresalga mucho.. Mi letra. Utilizaré mi propia caligrafía para acentuar la impresión de bitácora o agenda de apuntes. Se utilizará en subtítulos o al lado de los botones para identificarlos.. 44.

(50) 45. Diseño e Implementación. Composición En esta sección veremos la organización de cada página y cómo deben ir distribuidos los contenidos, además plantearemos una retícula general para todo el sitio web y profundizaremos en detalles de la navegación. Composición básica Esta será la composición básica que se manejará en el sitio web: La idea es que esta retícula no se altere demasiado a través de las páginas para facilitar la navegación del usuario y para que comprenda con claridad lo que puede encontrar en cada división. Las herramientas más importantes de navegación se encontrarán en las divisiones 1 y 2. 1 En las divisiones 3 y 5 se presentará información relacionada con los contenidos que puedan ser útil para el usuario. 2 3. 4. La división 4 será el espacio donde se visualizarán los contenidos y donde se dará la mayor interacción entre el público y el sitio web. 6 Podríamos decir que en la división 6 estará la letra menuda e información que puede ser útil para el usuario pero que no requiere que sea muy sobresaliente dentro del sitio web. 5.

(51) Diseño e Implementación. Página principal. Las secciones de Contacto y Sobre el stio web siempre estarán disponibles en todas las páginas. En esta sección va a ir el logo, que servirá de botón para regresar al home. about. En la página de inicio estará el vínculo para registrarse o iniciar sesión. sign in. Logo. contact. buscador Archivo. Proyectos. Navegadores que facilitan la búsqueda. últimas noticias sobre el sitio web. La página de inicio mostrará la sección de Archivo para ver los últimos trabajos publicados, buscando que todo el que entre sepa lo que se ha hecho en el sitio web. about. contact En la parte inferior también estarán los vínculos de Contacto y Sobre el sitio web. 46.

(52) 47. Diseño e Implementación. Contacto. El buscador estará disponible en todas las páginas del sitio web para que el usuario busque el contenido que desee en cualquier momento. Los íconos de Archivo y Proyectos en curso estarán disponibles en todas las páginas del sitio web about. sign in. Logo buscador Archivo. contact. Proyectos. En esta sección se va a desplegar el contenido que quiera ver el usuario. email teléfonos otra info. opciones que el usuario puede escoger de la sección de Contacto. about. contact. información sobre el sitio web y sobre la sección Contacto.

(53) Diseño e Implementación. Sobre el sitio Web. El esquema de la página Sobre el sitio web se asemeja bastante a la de Contacto, aunque sus funciones y contenidos cambian. sign in. Logo. contact. buscador Proyectos. Archivo about. Contenidos tips sobre la filosofía del sitio web. cómo funciona Filosofía Política Mapa del sitio otra info. testimonios sobre la experiencia de los usuarios con el sitio web. about. contact ejemplos de lo que podría ir en este segmento. 48.

(54) 49. Diseño e Implementación. Proyectos en curso La página de Proyectos en curso tendrá dos formas de visualización una para todo el público y otra para los usuarios que ya han iniciado su sesión sign in. Logo. Este es el esquema que se mostrará para todo el público, en él se podrán visualizar los proyectos propuestos y en desarrollo, y organizarlo con la ayuda de los navegadores. buscador Archivo. Proyectos. tips sobre proyectos en curso. Otra de la información que se podrá ver es: foto del proyecto, estado en que se encuentra, el creador, información básica, personas que están en el proyecto y contenidos si están abiertos. Esta parte va a estar destina para explicar un poco cómo funciona la sección de Proyectos en curso. sign in. Logo Archivo. Proyectos. últimas noticias o contenidos. integrantes. comentarios. Cuando alguien haga click en un proyecto específico se mostrará información como: últimas noticias, comentarios y unirse al grupo entre otras. También se harán sugerencias de proyectos parecidos al que fue seleccionado.

(55) Diseño e Implementación. usuario01. Logo Archivo. usuario. Proyectos. Mis proyectos. usuario01. Logo Archivo. Una vez el usuario haya iniciado su sesión podrá buscar y unirse a proyectos ingresando por la sección Proyectos en curso, para manejarlos habrá una sección especial llamada Mis Proyectos en curso. Cuando un usuario haga click en Mis proyectos en curso se le abrirá otra página que en un principio le mostrará todas las notificaciones de lo que ha sucedido en sus grupos. Proyectos Mis proyectos. Notificaciones de todo lo que ha pasado en sus grupos. Seguirá viendo los grupos a los que pertenece y se le mostrá sugerencias a otros proyectos. Siguiente página.... 50.

(56) 51. Diseño e Implementación. Cuando se hace click en un proyecto específico se abren nuevas opciones para participar en el proyecto que haya sido seleccionado. Logo. Al igual que en la parte del público podrá ver la información del grupo y las personas que hacen parte del proyecto. Archivo. Proyectos Mis proyectos. últimas noticias del grupo que selecciono Integrantes. Existirá también la opción de ver los archivos que se han subido al proyecto y permitirá que el usuario suba otros archivos para compartirlos en su proyecto. usuario01. Comentarios de los integrantes. Archivos que hay en el proyecto. Podrá ver la últimas noticias sobre el proyecto, que son posteadas por el administrador del proyecto en consenso con los integrantes, además podrá comentar y ver los otros comentarios que se han hecho al proyecto. Los archivos tendrán una descripción de lo que son, la opción de descargarlos y comentarios de los integrantes. Al hacer click en integrantes verá los usuarios que participan en el poyecto para comunicarse con ellos.

(57) Diseño e Implementación. 52. Registro/log in/Página del usuario La sección de Registro tiene tres segmentos que es importante definir; cuando el usuario se inscribe al sitio web, la forma como inicia su sesión y la página desde donde va a poder organizar las actividades y contenidos que soporta el sitio web Aunque las personas pueden ingresar con su clave y cuenta de correo de la Universidad, deberán registrarse una sola vez para llenar información que será útil para organizar su página y para que el sitio pueda hacer sugerencias, entre otros beneficios. El ícono de registrarse y log in estará en todas las páginas para facilitar el ingreso de los usuarios. sign in. Logo. buscador Una vez la persona hace click para registrarse, aparecerá un formulario en el cual tendrá que proveer información útil para él y para el sitio como: nombre, edad, sexo, carrera, e-mail, su imagen, sus gustos, e información de cómo desea manejar su cuenta y página. Archivo. Proyectos. sign in. formulario que debe llenar. tips sobre los beneficios de ser usuario. Una vez finalizado el proceso de registro podrá ir a su página para empezar a organizarla.

(58) 53. Diseño e Implementación. Los usuarios podrán iniciar sesión desde este ícono, con el cual tendrán varias opciones entre ellas ir a su página, ir directo a sus proyectos, subir un archivo, crear un proyecto, recibir notificaciones importantes y cerrar su sesión. usuario01. mi página inbox 1. Logo buscador En su página podrá ver y editar: la imagen que muestra, su inbox, los archivos y contenidos subidos, las modificaciones que ha hecho y las que tiene pendiente, sus proyectos, y sus favoritos. Archivo. mi página imagen. Proyectos. Notificaciones de lo que ha pasado con sus contactos y proyectos. contactos. proyectos información inbox uploads modificaciones. sugerencias. proyectos favoritos. Cuando entre en su página podrá ver noticias de lo que hacen sus contactos y lo que pasa en los proyectos en los que se encuentra para mantenerse informado y participar activamente en el sitio web. También se le mostrarán sus contactos, sus proyectos en curso y las sugerencias que le hace el sitio web, para que organice a su gusto la página.

(59) Diseño e Implementación. Archivo La sección de Archivo aparecerá como la página principal pero se podrá acceder a él por medio del navegador en caso de estar en alguna de las otras secciones Los navegadores que van a facilitar la búsqueda serán: uno que organiza los resultados por categorías, otro que permite cambiar el tamaño de visualización, y el que permite navegar por las páginas para ver los resultados. sign in. Logo buscador Archivo. Proyectos. Tips sobre la sección Archivo. Una vez hace click en algún contenido podrá ver la información con más detalle, además de ver los comentarios que le han hecho, sugerencias de otros contenidos y habrá un ícono para poder modificar el contenido si el usuario lo permite. sign in. Logo Archivo. Proyectos. Los contenidos de archivo tendrán la siguiente información para ayudar al público para que determine que le resulta relevante o interesante: título, tipo de medio, tema, calificación recibida, usuario que la sube, fecha, número de visitas, el número de modificaciones que ha tenido y los términos bajo los cuales se publica. 54.

(60) 55. Diseño e Implementación. En la sección de Archivo los usuarios podrán subir, modificar y descargar contenidos, opción que también tendrán en Mis proyectos en curso. A continuación veremos los pasos y el esquema de cómo funciona el manejo de contenidos y su modificación.. Es importante recordar que para subir, modificar o descargar contenidos la persona debe ser usuario y haber iniciado sesión. Los usuarios tendrán varios vínculos para acceder a subir, descargar y modificar archivos. El navegador de Archivo y donde sale el nombre del usuario tendrá un vínculo para publicar un nuevo contenido. usuario01. buscador Archivo. mi página. En su página en la parte de archivos y contenidos subidos también tendrá la opción de subir contenidos. mi página quiero subir. Logo. imagen. Proyectos. Notificaciones de lo que ha pasado con sus contactos y proyectos. contactos. proyectos información inbox. Desde su página podrá ver las modificaciones que ha hecho y subir los contenidos que ha decidido modificar. Se le mostrará si tiene modificaciones pendientes a menos que el usuario las borre si ha declinado modificar algún contenido. uploads modificaciones proyectos favoritos. sugerencias.

(61) Diseño e Implementación. sign in. Logo. Si el usuario pública el contenido bajo los términos de libre modificación saldrá un ícono para descargarlo, al igual que ocurre con los archivos en Mis proyectos en curso. Proyectos. Archivo. Cuando vaya a descargar un contenido verá información que le será útil como: título, tipo de archivo, descripción del contenido, imagen y los términos bajo los que está regido el archivo. sign in. Logo Archivo. Para subir un archivo tendrá que cargarlo y llenar la siguiente información: título, alguna imagen que le desee agregar, información de lo que es, clasificarlo por temas y según el medio, y bajo qué términos publica el contenido. Proyectos. Info descargar publicar. Información que le puede ayudar a el proceso de descarga. Información para subir los contenidos. 56.

(62) 57. Diseño e Implementación. Ahora que hemos visto los esquemas y la forma como se va a navegar en cada página, vamos a ver algunos pantallazos de como se vería el sitio web con el diseño gráfico ya implementado Este es un pantallazo de la página de inicio, mostrando en primera instancia los últimos contenidos publicados. En el diseño se puede ver una intención por mantener una línea sencilla y limpia, que incite al usuario a participar e interactuar a través de todo el sitio web. link para la página principal de la Universidad de los andes. El público podrá encontrar al Gran Colisionador De Ideas en Facebook, Youtube y Twitter para enterarse de lo último de su sitio favorito. El público se llevará agradables sorpresas a medida que navega por el sitio, que le incitarán a explorar a fondo cada vínculo.

(63) Diseño e Implementación. Titulo del contenido. Cada vez que el usuario pasa por encima del contenido le mostrará la case de media que es, en este caso es audio. Icono para modificar el contenido. Términos con los cuales pública el contenido Descripción del contenido. Modificaciones y submodificaciones que se han hecho al contenido. Usuario que subió el contenido. Fecha en que se subió. Calificación y número de visitas que le han hecho al contenido. Contenidos del sitio web al que el usuario podrá acceder en caso de estar buscando una sección específica,. 58.

(64) 59. Diseño e Implementación. Podrá ver las modificaciones que se han hecho a los archivos gracias al mapa de modificaciones,. Unirme al proyecto. Proyectos en curso, también guiado por un diseño muy simple resaltando lo más importante a través de dibujos y colores.

(65) Diseño e Implementación. En Mi página, tendrá la opción de manejar todos los elementos de su cuenta. Deberá registrarse o hacer log in para modificar los contenidos, también se resaltará y se hará hincapié en respetar los términos bajo los cuales se publica un contenido. 60.

(66) 61. Diseño e Implementación. En la sección de Mis proyectos recibirá toda la información de lo último que acontece en sus proyectos. Será muy fácil y divertido cargar los contenidos al sitio web, brindando a los usuarios la oportunidad de dar a conocer su trabajo a toda la comunidad Uniandina.

(67) Diseño e Implementación. 62. Implementación Dentro de Implementación explicaré dónde puede ser montado el sitio web, en qué plataforma o lenguaje de programación va a estar desarrollado, y algunas pruebas con el usuario para determinar en qué se está teniendo éxito y en qué se está fallando. ¿En dónde va a ir montado el sitio web? Al ser un espacio que busca la cohesión de la comunidad Uniandina y así mismo convertirse en una herramienta para democratizar la información, en donde se discutan ideas, trabajos y se construyan contenidos en pro de la comunidad, el sitio web pretende estar ligado a la Universidad contando con su apoyo técnico y de infraestructura. Es decir que el sitio web va a estar alojado en el servidor de la Universidad, y bajo su mantenimiento, lo que va a dar la posibilidad de compartir la base de datos para que los usuarios se puedan registrar con su correo y contraseña de la institución, y verificar que sean estudiantes y trabajadores de la misma. El nombre del dominio estará supeditado a la Universidad, sin embargo se pueden proponer dos nombres como posibles dominios: http://gcdi.uniandes.edu.co http://grancolisionadordeideas.uniandes.edu.co Al sitio web se podrá acceder desde el URL o también habrá vínculos en el sitio web de la Universidad de los Andes, que redireccionará a las personas hacia el Gran Colisionador de Ideas..

(68) 63. Diseño e Implementación. En la actualidad, un Demo del sitio web Gran Colsionador de Ideas se encuentra disponible en varios dominios para que las personas puedan interacturar y expresar sus sentimientos navegando a través del sitio, buscando obtener una retroalimentación de los aciertos y las fallas que tiene el actual diseño http://grancolisionadordeideas.co.cc/ http://acaro00.110mb.com/. El Gran Colisionador de Ideas también tendrá su propio grupo en Facebook y en Twitter como un método para publicitar y dar a conocer el sitio web. De igual forma tendrá un canal en Youtube para montar proyectos audiovisuales que se hayan desarrollado en el sitio web, y de este modo compartir por varios canales los resultados en busca de que más personas vayan conociendo sobre el proyecto e incentive su participación, pues sin la colaboración activa de la comunidad Uniandina este proyecto es completamente inútil.. http://www.facebook.com/home.php?sk=group_171827469513266&ap=1v Esta es la dirección del grupo en Facebook, está abierto a todo el público para que el que quiera se una y comente sobre su experiencia en el sitio web y lo recomiende a sus amigos y compañeros, para crear un nuevo universo de ideas..

(69) Diseño e Implementación. 64. ¿En qué plataforma o lenguaje va a estar desarrollado el sitio web? El sitio web se va desarrollar en varias plataformas y en varios lenguajes de programación, aunque los más importantes serán: HTML, CSS, PHP con complementos de javascript y action script 3, y tendrá que ser desarrollado por un experto en manejo de redes y programación.. Compatibilidad Es necesario desarrollar una plataforma que acepte gran cantidad de medios, como videos en formatos tipo: MOV, AVI, FLV, F4V, WMV, MPEG, HD, y otros más; lo mismo con las imágenes y sus formatos: JPG, TIFF, GIF, GIF animado, PNG, BMP, RAW, imágenes vectoriales; para los formatos de sonido: MP3 o MPEG-1, MP4, Ogg, ACC, RM, WMA, AIFF, FLAC, WAV y MIDI; los textos: doc, txt, rtf, html; los archivos pdf bastante populares; aplicaciones en: swf, exe o ejecutables, y otros. Por supuesto existen otros tipos de archivos que no están mencionados y que pueden ser de difícil visualización, en estos casos se podrá subir el archivo con información sobre su contenido para que se pueda descargar, abrir y modificar en un programa especializado..

(70) Evaluacion y analisis.

(71) Diseño e Implementación. 66. Conclusiones Recopilando la experiencia y todo el proceso que tomó diseñar el sitio web Gran Colisionador de Ideas, es factible que aún queden pendientes muchos detalles que se deban refinar, mejorar e incluso replantear. Y aunque es mucho el tiempo que se le ha dedicado a este proyecto nuevas preguntas y problemas surgen a cada instante. Uno de estos problemas es la parte técnica, pues implica conocimientos avanzados en programación y manejo de redes, que puede tomar más del tiempo asignado para completar satisfactoriamente la implementación del software, por esta razón la comprobación con usuarios es limitada y en algunos casos sesgada, pues no representa la experiencia real del usuario, ya que el demo no tiene todas las posibilidades que podría llegar a tener una vez desarrollado y completado el proyecto. Otro de los problemas con los cuales nos encontramos es la implementación como parte de la Institución. Debemos comprender que estos cambios en la infraestructura de la red universitaria implican costos en el mantenimiento y en la implementación, que si bien son en pro de la comunidad, deben primero pasar por un estudio detallado y seguir un conducto regular, que son los que llevan a decidir si se implementa o no el proyecto. Pero no todo son problemas. Soy consciente que a pesar de que las redes sociales son el pan de cada día y existen para todos los colores y sabores, se deja planteado y con altas expectativas un proyecto innovador y hermoso, no solo en el concepto y en sus contenidos si no en su parte gráfica, rompiendo con varios esquemas de la creación de sitios web. Y aunque una de las posibilidades de la red es romper con las barreras del espacio y la distancia, uniendo lugares remotos, es importante darnos cuenta; no de lo que no tenemos, sino lo que tenemos a nuestro alrededor para apreciarlo y de esta manera expandirnos a otros lugares. Por este motivo existe el objetivo a largo plazo de consolidarse no solo en la Universidad, que es solo un primer paso -importante y necesario- para la construcción de una plataforma nacional que genere cohesión entre los colombianos, para convertirnos en una máquina de la creatividad potencializando nuestras capacidades e incentivándolas en los demás y así crear un nuevo universo donde las ideas colisionen y hagan un nuevo Big Bang..

(72) gracias.

(73)

(74) Referencias http://es.wikipedia.org/wiki/Internet • http://es.wikipedia.org/wiki/World_Wide_Web (3) • http://en.wikipedia.org/wiki/Creative_Commons (4) • http://www.elmundo.es/navegante/2002/05/20/empresas/1021879870.html (5) • http://www.tejedoresdelweb.com/w/Creative_Commons (6) • http://creativecommons.org/about/licenses/ (7) • http://creativecommons.org/ (8) • http://es.wikipedia.org/wiki/Facebook (9) • http://es.wikipedia.org/wiki/Twitter (10) • http://en.wikipedia.org/wiki/MySpace (11) • http://es.wikipedia.org/wiki/Flickr (12) • http://en.wikipedia.org/wiki/User:Wikoerner/FFFFOUND! (13) • http://en.wikipedia.org/wiki/Know_Your_Meme (14) • http://en.wikipedia.org/wiki/DeviantArt (15) • http://en.wikipedia.org/wiki/Last.fm (17) • http://en.wikipedia.org/wiki/Grooveshark (18) • http://en.wikipedia.org/wiki/YouTube (19) • http://en.wikipedia.org/wiki/Vimeo (20) • http://en.wikipedia.org/wiki/Wikipedia (21) • http://www.blogacine.com/2008/08/05/crowsourcing-de-star-wreck-a-wreck-a-movie-la-creatividad-de-las-masas/ (22) • http://www.museudapessoa.net/ingles/ (24) • http://es.wikipedia.org/wiki/Inteligencia_de_enjambre (23) • http://es.wikipedia.org/wiki/Gran_colisionador_de_hadrones • Imagen del gran colisionador de hadrones, pag 31 http://www.google.com.co/imgres?imgurl=http://entregeeks.files.wordpress. com/2008/09/5.jpg&imgrefurl=http://entregeeks.wordpress.com/2008/09/09/large-hadron-collider-manana-comienza/&usg=__E3CHlVHMG3psJcTR3S5u733_uiw=&h=1960&w= 3008&sz=5497&hl=es&start=0&zoom=1&tbnid=Va_BgquNi6m1CM:&tbnh=143&tbnw=21 9&prev=/images%3Fq%3Dlarge%2Bhadron%2Bcollider%26um%3D1%26hl%3Des%26clien t%3Dfirefox-a%26sa%3DX%26rls%3Dorg.mozilla:es-ES:official%26biw%3D1680%26bih%3D 871%26tbs%3Disch:1&um=1&itbs=1&iact=rc&dur=337&ei=yU3fTMu4KMH78AbSvvT6Dg& oei=nU3fTMahCMKAlAeupbyCDQ&esq=10&page=1&ndsp=28&ved=1t:429,r:2,s:0&tx=171 &ty=100 • Imagen de bird flock, pag 32 http://blogs.neuronring.com/blogs/science/space-science/birds-v-fly-mystery-or-miracle/ • Artículo “Cuéntame de tu vida”, de la revista semana edición N.º 1479 • Rosenfeld,Louis & Morville, Peter(2000). Arquitectura para el WWW. McGRAW-HILL INTERAMERICANA EDITORES, S.A. de C.V • Stocks, Elliot Jay(2009). Sexy Web Design. SitePoint Pty.Ltd •. (1) (2).

(75)

(76)