Plataforma Estorninos
| Título | Plataforma Estorninos |
|---|---|
| Tipo de Proyecto | Proyecto de Taller, Proyecto de Curso |
| Período | 2011- |
| Asignatura | Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, |
| Del Curso | Taller de Construcción DG 4 - 2011, LC3 2011 |
| Carreras | Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property. |
| 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 |
| Profesor | Herbert Spencer, Jorge Barahona |
| URL | http://estorninos.ead.pucv.cl |
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
Archivo:SitioEstorninos Partituras de interacción-Agenda.png
Muro
Archivo:SitioEstorninos Partituras de interacción-Muro.png
Noticias
Archivo:SitioEstorninos Partituras de interacción-Noticias.png
Debate
Feria
Perfil
Archivo:Partitura de Interacción Perfil.png Archivo:Partitura de Interacción Mensajes.png Archivo:Partitura de Interacción Grupos-03.png
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.
Home
Noticias
Agenda
Debate
Feria
Formulario Noticias
Formulario Agenda
Formulario Debate
Formulario Feria
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
- 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
- Rating Widget
- Baw-Like-Unlike
- Valorar las Publicaciones (Valoración + y -)
- Cambiar tu Valoración
- Share This
- Compartir en Facebook
- Compartir en Twitter
- Enviar por Correo Electrónico
- Compartir en otras Redes Sociales
- SFC - Find us on Facebook Widget
- Conectar con Facebook
- Contact Form 7
Acciones sin Plugin
- 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:
- Publicar
- Participar
- Deliberar
- 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
Publicar
Publicar Contenido
Contenido publicado
Publicar Debate
Debate publicado
Publicar Evento
Evento publicado
Publicar Proyecto
Proyecto publicado
Crear Grupo
Sugerencias de Usuarios para el grupo
Espacio Grupo
Participar
Deliberar
Gestionar
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.
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 |
|
|
|
|
Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones |
| Retribución | Pertenecer | Construir reputación |
|
|
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 |
|
|
|
|
|
| Transición de Estado | Sugerimos publicaciones por interés | Sugerimos crear nuevo proyecto | Heramientas externas | ||
Normas del sitio
Normas Generales
- Sólo participan alumnos reconocidos como tal en el sistema de Personas e.ad.
- No participan profesores, ex-alumnos o amigos de la escuela.
- Los alumnos del centro de alumnos son usuarios comunes y corrientes.
- Cualquier persona puede ver toda la actividad del sitio, las publicaciones y los proyectos.
- 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
- Todas las publicaciones tienen obligatoriamente título, texto y categoría.
- Todas las publicaciones pueden ser compartidas.
- El usuario puede deshacer o eliminar sus propios comentarios, publicaciones y suscripciones.
Normas del Perfil
- Todos los perfiles son completamente visibles a todos los usuarios registrados participantes del sitio.
- 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.
- La foto de perfil debe mostrar el rostro de la persona.
Normas de Valoración
- 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.
- 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
- Los resultados de la votación sólo serán visibles después de que el usuario emita su voto.
- No se puede deshacer ni eliminar el voto emitido.
Normas de Proyectos
- 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.
- Un usuario registrado en el sitio puede unirse a un proyecto solicitándolo o bien puede ser invitado por el autor de éste.
- 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.
- Si el autor borra el proyecto, todos los miembros serán notificados vía mail.
- 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
- BuddyPress
- Perfiles
- Mensajes Privados
- Crear Grupos
- Foros de Discusión
- Cambios de estados en tiempo real
- Notificaciones por correo electrónico
Publicaciones
- Related Posts
- Relaciona las publicaciones por categoría
- Author post list
- Provee forma sencilla de visualizar una lista de las publicaciones de un mismo autor.
- SEO Auto Links & Related Posts
- Crea links entre publicaciones relacionadas según categoria
- SEO Pack
- Genera Meta tags automáticamente
- Optimiza títulos para buscadores
- Evita el duplicado de contenidos
Valoración
- Rating Widget
- Baw-Like-Unlike
- Valorar las Publicaciones (Valoración + y -)
- Cambiar tu Valoración
Compartir
- Share This
- Compartir en Facebook
- Compartir en Twitter
- Enviar por Correo Electrónico
- Compartir en otras Redes Sociales
- SFC - Find us on Facebook Widget
Eventos
Visualización Dispositivos Móviles
- WPTouch
- Permite visualizar el sitio desde dispositivos móviles (iPhone)
- Wp-Pda
- Mejora la visualización de tu blog en navegadores de móviles.
Diseño
- Light Plus
- Permite añadir "light box" a wordpress para visualizar diferentes contenidos (imagenes, videos, formularios)
- No Category
- Permite eliminar el prefijo categoría en el link permanente. o cambiarlo
Mapa de clases del sitio
Mapa de divs
<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
Home
Perfil
Perfil, discusiones expandidas
Página de Discusiones
Página de Una Discusión
Página de Notas
Pagina de una Nota
Formulario para vincular a Proyectos
Página Proyectos
Página un proyecto
Un proyecto más publicación
Página Eventos
Página un evento
Formulario
Formulario extendido
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
Home
Proyectos
Discusiones
Eventos
Notas
Formulario
Formulario extendido
Formulario confirmación
Un evento
Un proyecto
Una discusión
Una nota
Tema 2
Wireframes del Sitio
Home
Proyectos
Discusiones
Eventos
Notas
Formulario
Formulario extendido
Formulario confirmación
Un evento
Un proyecto
Una discusión
Una nota
Wireframe Móvil
Inicio
Proyectos
Discusiones
Notas
Eventos
- Movil tema2 06 Perfil Información.png
Perfil - Información
Perfil - Comentarios
Perfil - Borradores
Crear Publicación
Crear - Dibujo
Crear - Imagen 1/2
Crear - Imagen 2/2
Crear - Opciones
Crear - Calendario
Crear - Etapas
Crear Publicación Extendido
Quinta Etapa
Tema 01
Mapa de Acciones
Wireframe Móvil
Wireframe Sitio
Tema 02
Mapa de Acciones
Wireframe Sitio
Inicio
Proyectos
Un proyecto
Un proyecto comentado
Debates
Un debate
Notas
Una nota
Eventos
Un evento
Formulario de proyecto
Formulario de debate
Formulario de nota
Formulario de evento
Perfil
Resultados de búsqueda
Páginas por categoría
Wireframe Móvil
Inicio
Proyectos
Un proyecto
Debates
Un debate
Notas
Una nota
Eventos
Un evento
Formulario de proyecto
Formulario de debate
Formulario de nota
Formulario de evento
Perfil
Perfil - mis borradores
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.
- Programa del evento:
