Propuesta para Plataforma de Organización Estudiantil

De Casiopea


TítuloPropuesta para Plataforma de Organización Estudiantil
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"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
ProfesorHerbert Spencer, Jorge Barahona

Primera Etapa

Corresponde al avance del trabajo realizado durante el primer trimestre, en donde se piensa en la existencia de una Agenda, un Muro, Noticias, Debates y una Feria (ofertas), los cuales tienen relativamente la misma prioridad dentro de la plataforma. Este es un espacio donde los alumnos se puedan conformar como cuerpo organizado, desde el cual puedan participar en el hacer universidad

Partituras de interacción

Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo

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

Agongora partituras debates.png

Feria

Bv Partituras feria.png

Perfil

Archivo:Partitura de Interacción Perfil.png Archivo:Partitura de Interacción Mensajes.png Archivo:Partitura de Interacción Grupos-03.png

Wireframes

Mapa

Mapa Colaborativo Plataforma Estorninos=Wireframes de Acciones=

Plugins

Para registrar las funciones que requerimos en relación a los plugins instalados para el Sitio, se crea una lista con estos y se define que es lo que permite cada uno. La idea de este primer registro es caer en la cuenta cuáles son las funciones necesarias que no tienen aun los plugins necesarios, poder hallarlos y ver cual se adecua más a lo que requerimos.

Plugins instalados

  1. BuddyPress
    • Perfiles
    • Mensajes Privados
    • Crear Grupos
    • Foros de Discusión
    • Cambios de estados en tiempo real
    • 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

Se replantea el core del proyecto, estableciendo que la plataforma es un espacio para publicar y vincular ideas que pueden llegar a ser proyectos realizados en comunidad. El trabajo se divide en equipos, los cuales prefundizan y diseñan la experiencia del diálogo de acuerdo a cuatro ejes principales:

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

Publicar

Maqueta Navegable Acciones de Publicar, en baja intensidad.

Maqueta Navegable Completa baja Intensidad

Participar

Maqueta Navegable

Wireframes de Baja Intensidad Navegable

Deliberar

Macarena Álamos,Karen Carrera

Gestionar

Wireframes

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.

Plugins

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

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

Cuarta Etapa

Definiciones php

Tema 1

Wireframes del Sitio

Ver Interacción

Tema 2

Wireframes del Sitio

Ver Interacción

Wireframe Móvil

Ver Maqueta Wireframe Móvil