Plataforma Estorninos

De Casiopea
Proyecto de Titulación Relacionado: Baobab: Plataforma para el desarrollo de comunidades


TítuloPlataforma Estorninos
Tipo de ProyectoProyecto de Taller, Proyecto de Curso
Período2011-
AsignaturaConstrucción de Diseño Gráfico 4, Lenguaje Computacional 3
Del CursoTaller de Construcción DG 4 - 2011, LC3 2011
CarrerasDiseño Gráfico
Alumno(s)Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas
ProfesorHerbert Spencer, Jorge Barahona
URLhttp://estorninos.ead.pucv.cl

Tabla de Contenidos

Introducción al Proyecto

Las recientes movilizaciones en Chile y en el mundo, han puesto en cuestion la efectividad de las vias de comunicación existente, ya que las existentes no parecen promover la participación en el desarrollo de la sociedad. Estas manifestaciones también han mostrado el desánimo por parte de la juventud para comprometerse con un sistema que no proporciona las vias para conformar comunidades reunidas en torno a intereses comunes y capaces de organizarse enfocados en trabajos concretos.

Los estudiantes del país han expresado claramente su descontento con este sistema, y sus ganas de hacer que la sociedad cambie para el bien de todos. Estos estudiantes son el capital humano que se necesita para lograr que las cosas sucedan.

Proporcionar un servicio donde todos puedan compartir sus ideas, dialogar, llegar a acuerdos de manera transparente, contactar a otros y poder generar proyectos, ayudaría a que se pueda canalizar la energía de quienes quieren participar y comprometerse con el desarrollo de la comunidad.

Estorninos es un servicio que quiere ayudar a que el cuerpo de estudiantes conforme su autonomía como comunidad, promoviendo más participación y más compromiso facilitando la generación de nuevos proyectos y brindando espacios para compartir ideas, eventos e inquietudes, proporcionando redes de contacto y proponiendo participación transparente.

Es el taller de 4to año de Diseño Gráfico 2011, guiado por los profesores Herbert Spencer, Jorge Barahona y Felipe Lavín, el que está trabajando en el diseño y construcción de este servicio para los estudiantes de la Escuela de Arquitectura y Diseño de la Pontificia Universidad Católica de Valparaíso. Este equipo de estudiantes trabaja en el Proyecto Estorninos desde Marzo del presente año, tiempo durante el cual han realizado investigaciones y jornadas de co-diseño con estudiantes de otros talleres, que ayudaron a diseñar este espacio. Este grupo se ha podido hacer cargo de diseñar, construir y difundir el servicio gracias a su propio compromiso con la participación en comunidad.

Primera Etapa

Corresponde al avance del trabajo realizado durante el primer trimestre, en donde se piensa inicialmente en la existencia de un sitio con 5 distintos espacios:

  • Agenda
  • Muro
  • Noticias
  • Debates
  • Feria (ofertas)

Estos, dan pa posibilidad de compartir diferentes tipos de publicaciones, y quieren ayudar a que los alumnos se puedan conformar como cuerpo organizado, desde el cual puedan participar en el hacer universidad

Partituras de interacción

Una vez definido los distintos espacios del Sitio, se diseña la interacción de cada uno y se grafican en las siguientes partituras.

Agenda

450px

Muro

450px

Noticias

450px

Debate

Agongora partituras debates.png

Feria

Bv Partituras feria.png

Perfil

300px 350px 250px

Mapa de acciones

Por medio del siguiente Mapa nos ayudamos a definir cuales son las acciones que se graficaron en las partituras para cada espacio del sitio.

Wireframes

Con las acciones ya diseñadas, se comienza a dar forma al sitio por medio de la creación de wireframes, los que definen la organización de los contenidos en cada página.

Plugins

Paralelamente al trabajo de diseño del espacio, se realiza un trabajo de búsqueda de plugins, complementos que necesitamos para implementar algunas de las funciones definidas para el sitio.

Creamos una lista con los plugins que ya tenemos, y las funciones a las que responden.

Registro de Plugins instalados

  1. BuddyPress
    • Crear Perfiles
    • Enviar Mensajes Privados
    • Crear Grupos
    • Crear Foros de Discusión
    • Cambios de estados en tiempo real
    • Enviar Notificaciones por correo electrónico
  2. Rating Widget
  3. Baw-Like-Unlike
    • Valorar las Publicaciones (Valoración + y -)
    • Cambiar tu Valoración
  4. Share This
    • Compartir en Facebook
    • Compartir en Twitter
    • Enviar por Correo Electrónico
    • Compartir en otras Redes Sociales
  5. SFC - Find us on Facebook Widget
    • Conectar con Facebook
  6. Contact Form 7

Acciones sin Plugin

  1. Muro
    • Convertir los links en títulos

Segunda Etapa: Cambio del core

Tipo de Acciones

El trabajo de diseño se divide en equipos, los cuales profundizan y diseñan la experiencia de los cuatro ejes principales:

  1. Publicar
  2. Participar
  3. Deliberar
  4. Gestionar

Una vez definidos los nuevos ejes del Sitio, se diseña su arquitectura y se crean los wireframes y maquetas navegables de cada página.

Publicar

Wireframes

Maqueta Navegable Acciones de Publicar

Maqueta Navegable Completa baja Intensidad

Participar

Wireframes de Baja Intensidad Navegable

Deliberar

Macarena Álamos,Karen Carrera

Gestionar

Maqueta Navegable de Baja Resolución

Maquetas: Propuesta de Acciones en Videos

Wireframe Prototipo Móvil

Los videos muestran la navegación completa para un Prototipo de una aplicación en iPhone que gestiona y vincula publicaciones que generan Proyectos; y la acción de crear un Evento con el editor de publicación.

Navegación Completa

Crear un Evento


--Jaime Pérez Moena 21:04 19 oct 2011 (CLST) --Joaquín Martel 21:05 19 oct 2011 (CLST)

Sección Proyectos

Sección Discusiones

Perfil y Suscripción

Tercera etapa: Unión de las experiencias

Se analizan las experiencias diseñadas de manera grupal llegando a un consenso que permite el desarrollo de la forma y el contenido del proyecto en común.

Tabla de conceptos

Dimensión Experiencia Concepto Transversal
Publicación Participación Deliberación Gestión
Conceptos
  • Compartir ideas/temas
  • Revelar ideas/temas
  • Potenciar idea
  • Consensuar
  • Definir acción
  • El paso de la idea a la acción
  • Planificar la acción
  • Evidenciar la acción
Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones
Retribución Pertenecer Construir reputación
  • Me hace participe de "algo" más grande
  • Compromete con la acción
  • Se valida la reputación
  • Construye liderazgo
El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo
Herramientas
  • Crear nuevo
  • Editor de publicaciones
  • Valorar publicación
  • Comentar
  • Compartir por redes
  • Voto público
  • Argumento
  • Etapas
  • Participantes
  • Relacionar publicaciones
  • Crear publicaciones
Transición de Estado Sugerimos publicaciones por interés Sugerimos crear nuevo proyecto Heramientas externas


Normas del sitio

Normas Generales

  1. Sólo participan alumnos reconocidos como tal en el sistema de Personas e.ad.
  2. No participan profesores, ex-alumnos o amigos de la escuela.
  3. Los alumnos del centro de alumnos son usuarios comunes y corrientes.
  4. Cualquier persona puede ver toda la actividad del sitio, las publicaciones y los proyectos.
  5. Al registrarse y/o ingresar por primera vez al sitio, es obligatorio que la persona se suscriba a mínimo 2 categorías de interés.

Normas de Publicación

  1. Todas las publicaciones tienen obligatoriamente título, texto y categoría.
  2. Todas las publicaciones pueden ser compartidas.
  3. El usuario puede deshacer o eliminar sus propios comentarios, publicaciones y suscripciones.

Normas del Perfil

  1. Todos los perfiles son completamente visibles a todos los usuarios registrados participantes del sitio.
  2. Realizar cualquier acción en una publicación (votar, comentar, asistir, unirse, compartir) implica que le usuario participe de ella, por lo tanto, ésta aparece en su perfil.
  3. La foto de perfil debe mostrar el rostro de la persona.

Normas de Valoración

  1. Los proyectos son valorados sólo de forma positiva (ej: "Me gusta"). Sin embargo esto no influye en el estatus de su autor o sus miembros.
  2. La valoración de las personas se ve de acuerdo a su actividad. En su perfil se contabilizan los comentarios, los proyectos, las publicaciones; y además aparece la última fecha en que ingresó.

Normas de Votación

  1. Los resultados de la votación sólo serán visibles después de que el usuario emita su voto.
  2. No se puede deshacer ni eliminar el voto emitido.

Normas de Proyectos

  1. Los proyectos creados y la actividad de estos son visibles para todos, sin embargo, solo quienes participan de ellos pueden modificarlos y enlazar otras publicaciones.
  2. Un usuario registrado en el sitio puede unirse a un proyecto solicitándolo o bien puede ser invitado por el autor de éste.
  3. El autor del proyecto puede borrar miembros de éste, seleccionando el motivo de su decisión, la que le llegará por mail al miembro eliminado.
  4. Si el autor borra el proyecto, todos los miembros serán notificados vía mail.
  5. Sólo los participantes de un proyecto pueden editar y enlazar publicaciones con éste. Sólo el autos puede editar el título y la categoría del proyecto.

¿Qué es Estorninos?

Sitio Estorninos es un espacio diseñado para la conformación de una comunidad, donde los alumnos se puedan formar un cuerpo organizado, desde el cual participen en el hacer universidad.

El estornino es el ave que tiene la particularidad de formar en bandadas distintas figuras en su vuelo, las cuales generan un espectáculo para quien tiene el privilegio de observar. Para el caso de la organización estudiantil, el vuelo del estornino gráfica un modelo distribuido en distintos grupos que se forman a partir de un propósito común, enfocados en trabajos concretos y con una fuerte horizontalidad, modelo que requiere líderes atractores que construyan ejes de trabajo.

+ Participación Para participar es necesario crear canales y espacios para mantenernos informados, generar consultas y opiniones. Éstas se vinculan con las decisiones que determinarán las acciones, necesarias para mejorar nuestra realidad. Todo esto es posible de generar y mantener vivo si existe transparencia en los compromisos hechos.

+ Compromiso El compromiso no se compra ni se fabrica en un día, se construye, requiere tiempo y, sin embargo, es muy fácil perderlo. El compromiso responde al amor que se tiene por algo y éste genera la fuerza y la motivación para trabajar y culminar cualquier proyecto. Comprometámonos con nuestra comunidad.

+ Comunidad Conformemos una comunidad que se forme a partir de un propósito común, donde sus participantes se enfoquen en trabajos concretos y su organización se base en una fuerte horizontalidad, modelo que requiere líderes atractores que construyan ejes de trabajo con lo que se asegure el éxito en sus proyectos. ¡Construyamos la comunidad Estorninos!

Plugins

La siguiente lista de plugins es la selección de los complementos seleccionados para el sitio.

Perfil

  1. BuddyPress
    • Perfiles
    • Mensajes Privados
    • Crear Grupos
    • Foros de Discusión
    • Cambios de estados en tiempo real
    • Notificaciones por correo electrónico

Publicaciones

  1. Related Posts
    • Relaciona las publicaciones por categoría
  2. Author post list
    • Provee forma sencilla de visualizar una lista de las publicaciones de un mismo autor.
  3. SEO Auto Links & Related Posts
    • Crea links entre publicaciones relacionadas según categoria
  4. SEO Pack
    • Genera Meta tags automáticamente
    • Optimiza títulos para buscadores
    • Evita el duplicado de contenidos


Valoración

  1. Rating Widget
  2. Baw-Like-Unlike
    • Valorar las Publicaciones (Valoración + y -)
    • Cambiar tu Valoración

Compartir

  1. Share This
    • Compartir en Facebook
    • Compartir en Twitter
    • Enviar por Correo Electrónico
    • Compartir en otras Redes Sociales
  2. SFC - Find us on Facebook Widget

Eventos

  1. The Events Calendar

Visualización Dispositivos Móviles

  1. WPTouch
    • Permite visualizar el sitio desde dispositivos móviles (iPhone)
  2. Wp-Pda
    • Mejora la visualización de tu blog en navegadores de móviles.

Diseño

  1. Light Plus
    • Permite añadir "light box" a wordpress para visualizar diferentes contenidos (imagenes, videos, formularios)
  2. No Category
    • Permite eliminar el prefijo categoría en el link permanente. o cambiarlo

Mapa de clases del sitio

Bv Mapa de clases sitioestorninos definitivo.jpg

Mapa de divs

Mapa de divs Home




	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta name="generator" content="Adobe GoLive" />
		<title>Wireframe 00</title>
			<link rel="stylesheet" type="text/css" href="style.css" />

	
	</head>

	<body>
	
		<div id="contenedor">
			<div id="header">
			"header"
				<div id="logo">
				"logo"
				</div>
				<div id="login">
				"login"
				</div>

				<div id="buscador">
				"buscador"
				</div>
				<div id="menu">
				"menu"
				</div>
			</div>
			
			<div id="contenido">
			"contenido"
				<div id="crear">

				"crear"
				</div>
				<div id="proyectos">
					<div id="proyecto_3">
					"proyecto 3"
					</div>
					<div id="proyecto_2">
					"proyecto 2"
					</div>
					<div id="proyecto_1">

					"proyecto 1"
					</div>
				</div>
				
				<div id="notas">
				"notas"
				</div>
				<div id="discusion">
				"discusion"
				</div>
				<div id="eventos">

				"eventos"
				</div>
				</div>
					
			<div id="footer">
				"footer"
				<div id="suscripcion">
				"suscripcion"
				</div>
				<div id="ayuda">
				"ayuda"
				</div>

				<div id="contacto">
				"contacto"
				</div>
			</div>
	
		</div>
		
	</body>

</html>



Wireframes de las páginas

Cuarta Etapa

En esta etapa se diseñaron dos distintos temas para el sitio, cada uno presenta sus wireframes y las maquetas navegables.

Tema 1

Wireframes del Sitio

Ver Interacción

Tema 2

Wireframes del Sitio

Ver Cambios de estado

Wireframe Móvil

Quinta Etapa

Tema 01

Mapa de Acciones

Tema1 Mapa de Acciones.png

Wireframe Móvil

Ver Maqueta Móvil Navegable

Wireframe Sitio

Ver Maqueta Sitio Navegable

Tema 02

Mapa de Acciones

Mapa de acciones tema 02.png

Wireframe Sitio

Ver Maqueta del Sitio

Wireframe Móvil

Ver Maqueta Wireframe Móvil

Etapa de Difusión

Para la difusión local del Sitio, se realizarán una serie de acciones previo al lanzamiento de éste:

Plan

  • Uso de redes sociales
    • Facebook: creación de página publicitaria del sitio, con anuncios y encuestas.
    • Twitter: cuenta de difusión
    • Flick: catálogo de imágenes del proyecto.
  • Solicitar la publicación de un articulo en sitios relacionados: Sitio de la escuela
  • Creación de Dossier impreso de difusión: Stickers, Afiches.
  • Creación de una lámina y video de presentación del sitio.
  • Evento de Lanzamiento: Exposición guiada donde se explica que es el sitio Estorninos. A este evento se invitará de forma abierta por medio de las redes sociales, y de forma privilegiada a actores importantes de la comunidad estudiantil, por medio de invitaciones personales vía correo electrónico.
    • Programa del evento:
      • Bienvenida
      • Presentación del video
      • Palabras para abrir el dialogo
      • Exposición guiada, donde se aclaran dudas, se da la posibilidad de interactuar con el sitio.
      • Brindis
      • Entrega de Recuerdos.

Dossier

Stickers

Afiches

Sitio Estorninos