https://wiki.ead.pucv.cl/api.php?action=feedcontributions&user=Valeuche&feedformat=atomCasiopea - Contribuciones del usuario [es]2024-03-29T06:44:50ZContribuciones del usuarioMediaWiki 1.39.6https://wiki.ead.pucv.cl/index.php?title=Valeria_Cer%C3%B3n:_Redise%C3%B1o_sitio_web_Bus_Norte_Chile&diff=295887Valeria Cerón: Rediseño sitio web Bus Norte Chile2014-06-04T21:16:38Z<p>Valeuche: /* Interfaz */</p>
<hr />
<div>==Información de la Empresa==<br />
*Bus Norte Chile<br />
*Sitio Web Actual: http://www.busnortechile.cl<br />
<br />
==Brief==<br />
<br />
*'''Proyecto'''<br />
"Bus Norte es una empresa que tiene como objetivo brindar servicio de primera calidad a sus clientes, enfocado siempre en la modernidad y una constante innovación, que es uno de nuestros grandes objetivos. Es por eso que nos interesa que nuestros clientes puedan acceder a los servicios de nuestra empresa en todo momento, para eso queremos mejorar nuestro servicio vía internet para facilitar la atención, difundir nuestro servicio, y tener una imágen más acorde con nuestro objetivo de innovar para beneficio del nuestros clientes."<br />
<br />
*'''Objetivos'''<br />
*Dar a conocer nuestra empresa y servicios.<br />
*Generar presencia en los medios digitales.<br />
*Fomentar la venta de pasajes por internet.<br />
<br />
===Descargar Brief===<br />
[[Archivo:BRIEF_vceron.pdf]]<br />
<br />
==Estrategia==<br />
===Benchmark===<br />
Actualmente, a pesar de que el sitio web de Bus Norte tiene información de importancia para conocer los servicios y además la vía para realizar la compra de pasajes por internet, aún los contenidos se encuentran desorganizados, y es considerable la necesidad de la creación de una interfaz más coherente con los objetivos y con la imagen que la empresa desea proyectar a sus clientes.<br />
<br />
<gallery><br />
Image:Home bn.png|Home Bus Norte<br />
Image:Ventapasaje.png|Venta de Pasajes<br />
Image:Asientos.png|Selección de Asientos<br />
</gallery><br />
<br />
===Competencia===<br />
<gallery><br />
Image:turbusimg.png|Home Tur Bus<br />
Image:pullmanimg.png|Home Pullman Bus<br />
Image:Cruzdelsurimg.png|Home Cruz del Sur<br />
</gallery><br />
<br />
[[Archivo:Imagen 3.png|thumb|200px|right|Posicionamiento en Google de Tur bus]]<br />
<br />
*'''Tur Bus'''<br />
#Sitio en HTML<br />
#Posee venta de pasajes online, proceso algo complejo<br />
#El home está un poco colapsado de información<br />
#Se puede compartir información a través de redes sociales (blogger, twitter, facebook)<br />
#Tras la compra del pasaje, da la opción de retirar en oficinas o imprimir<br />
#Entrega información de oficinas a lo largo del país claramente<br />
#Posee seguimiento de encomiendas<br />
#Permite realizar cotización de envío de encomiendas<br />
#Demasiada información respecto a los envíos u condiciones lo vuelve agobiante<br />
#Permite realizar pago a través de diferentes vías<br />
#Buen posicionamiento en Google (Buena AI)<br />
<br />
<br />
*'''Pullman Bus'''<br />
#Sitio en Flash<br />
#Posee venta de pasajes online, proceso simple<br />
#El home se ve cuidado, no excede en entrega de información<br />
#Fácilmente accesible al área de usuario<br />
#Entrega información de oficinas de forma clara<br />
#Posee seguimiento de encomiendas<br />
#Permite realizar cotización de envío de encomiendas<br />
#Entrega información pertinente a las características del servicio y condiciones, sin ser excesivo, preciso y claro<br />
<br />
<br />
*'''Buses Cruz del Sur'''<br />
#Sitio en HTML<br />
#El home es bastante limpio<br />
#Enseguida se encuentra información de las oficinas<br />
#Espacio para la compra de pasajes, debería ser más visible<br />
#Entrega información de oficinas a lo largo del país claramente<br />
#Posee venta de pasajes online, sin embargo, no todos los destinos permiten llevar a cabo la compra<br />
#El proceso de compra de pasajes, cuando puede realizarse, es muy claro<br />
#No posee seguimiento de encomiendas<br />
#Permite realizar cotización de envío de encomiendas<br />
#Entrega información de servicios de encomienda, muy claros<br />
<br />
===Descripción de la Estrategia===<br />
De acuerdo a los objetivos y el estudio realizado, la estrategia abarca lo siguiente:<br />
<br />
*'''Rediseño''' de la interfaz del sitio web para aumentar su usabilidad y además, para representar de modo más fiel la imagen que la empresa desea entregar de sí.<br />
*'''Contenidos''' organizados de manera que lleguen al usuario, es decir, que san accesibles.<br />
*'''Difundir''' a través de redes sociales la empresa y sus servicios, bajo este tono de innovación y comodidad.<br />
<br />
==Construcción del Sitio Web==<br />
===Organización de Contenidos===<br />
#Home<br />
##Venta de Pasajes<br />
###Viaje Ida<br />
###Viaje Ida y Vuelta<br />
###Itinerarios<br />
###Ofertas<br />
####Compartir<br />
#####Facebook<br />
#####Twitter<br />
##Servicios<br />
###Semi Cama<br />
###Super Cómodo<br />
###Cama Mix<br />
###Cama Suite<br />
##Clientes<br />
###Personas<br />
###Empresas<br />
##Encomiendas<br />
###Seguimiento<br />
###Cotización<br />
###Servicios<br />
####Tipos de Carga<br />
####Cobertura<br />
###Condiciones de Transporte<br />
###Preguntas Frecuentes<br />
##Oficinas<br />
###Ubicación y Teléfonos<br />
##Contacto<br />
<br />
===Mapa del Sitio===<br />
[[Archivo:Lc3 2.jpg|thumb|700px]]<br />
<br />
[[Archivo:Mapnav vceron.png|thumb|700px]]<br />
<br />
===Wire Frames===<br />
<br />
[[Archivo:Wireframe valerev-01.jpg|thumb|700px]]<br />
<br />
<br />
==Interfaz==<br />
<br />
[[Archivo:Image_busnorte1.jpeg|thumb|700px| Interfaz del home]]<br />
<br />
[[Archivo:Interfeis2.png|thumb|700px]]<br />
<br />
===Maqueta Navegable===<br />
<br />
[http://labs.ead.pucv.cl/lc/vceron/Bus%20Norte/html/Home.html |Maqueta Navegable Sitio Web BusNorte Chile]<br />
<br />
[[Categoría: Pre Grado]]<br />
[[Categoría: Diseño Gráfico]]<br />
[[Categoría: Lenguaje Computacional]]<br />
[[Categoría: 2010]]<br />
[[Categoría: Lenguaje Computacional 3]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Valeria_Cer%C3%B3n:_Redise%C3%B1o_sitio_web_Bus_Norte_Chile&diff=295872Valeria Cerón: Rediseño sitio web Bus Norte Chile2014-06-04T21:14:12Z<p>Valeuche: /* Interfaz */</p>
<hr />
<div>==Información de la Empresa==<br />
*Bus Norte Chile<br />
*Sitio Web Actual: http://www.busnortechile.cl<br />
<br />
==Brief==<br />
<br />
*'''Proyecto'''<br />
"Bus Norte es una empresa que tiene como objetivo brindar servicio de primera calidad a sus clientes, enfocado siempre en la modernidad y una constante innovación, que es uno de nuestros grandes objetivos. Es por eso que nos interesa que nuestros clientes puedan acceder a los servicios de nuestra empresa en todo momento, para eso queremos mejorar nuestro servicio vía internet para facilitar la atención, difundir nuestro servicio, y tener una imágen más acorde con nuestro objetivo de innovar para beneficio del nuestros clientes."<br />
<br />
*'''Objetivos'''<br />
*Dar a conocer nuestra empresa y servicios.<br />
*Generar presencia en los medios digitales.<br />
*Fomentar la venta de pasajes por internet.<br />
<br />
===Descargar Brief===<br />
[[Archivo:BRIEF_vceron.pdf]]<br />
<br />
==Estrategia==<br />
===Benchmark===<br />
Actualmente, a pesar de que el sitio web de Bus Norte tiene información de importancia para conocer los servicios y además la vía para realizar la compra de pasajes por internet, aún los contenidos se encuentran desorganizados, y es considerable la necesidad de la creación de una interfaz más coherente con los objetivos y con la imagen que la empresa desea proyectar a sus clientes.<br />
<br />
<gallery><br />
Image:Home bn.png|Home Bus Norte<br />
Image:Ventapasaje.png|Venta de Pasajes<br />
Image:Asientos.png|Selección de Asientos<br />
</gallery><br />
<br />
===Competencia===<br />
<gallery><br />
Image:turbusimg.png|Home Tur Bus<br />
Image:pullmanimg.png|Home Pullman Bus<br />
Image:Cruzdelsurimg.png|Home Cruz del Sur<br />
</gallery><br />
<br />
[[Archivo:Imagen 3.png|thumb|200px|right|Posicionamiento en Google de Tur bus]]<br />
<br />
*'''Tur Bus'''<br />
#Sitio en HTML<br />
#Posee venta de pasajes online, proceso algo complejo<br />
#El home está un poco colapsado de información<br />
#Se puede compartir información a través de redes sociales (blogger, twitter, facebook)<br />
#Tras la compra del pasaje, da la opción de retirar en oficinas o imprimir<br />
#Entrega información de oficinas a lo largo del país claramente<br />
#Posee seguimiento de encomiendas<br />
#Permite realizar cotización de envío de encomiendas<br />
#Demasiada información respecto a los envíos u condiciones lo vuelve agobiante<br />
#Permite realizar pago a través de diferentes vías<br />
#Buen posicionamiento en Google (Buena AI)<br />
<br />
<br />
*'''Pullman Bus'''<br />
#Sitio en Flash<br />
#Posee venta de pasajes online, proceso simple<br />
#El home se ve cuidado, no excede en entrega de información<br />
#Fácilmente accesible al área de usuario<br />
#Entrega información de oficinas de forma clara<br />
#Posee seguimiento de encomiendas<br />
#Permite realizar cotización de envío de encomiendas<br />
#Entrega información pertinente a las características del servicio y condiciones, sin ser excesivo, preciso y claro<br />
<br />
<br />
*'''Buses Cruz del Sur'''<br />
#Sitio en HTML<br />
#El home es bastante limpio<br />
#Enseguida se encuentra información de las oficinas<br />
#Espacio para la compra de pasajes, debería ser más visible<br />
#Entrega información de oficinas a lo largo del país claramente<br />
#Posee venta de pasajes online, sin embargo, no todos los destinos permiten llevar a cabo la compra<br />
#El proceso de compra de pasajes, cuando puede realizarse, es muy claro<br />
#No posee seguimiento de encomiendas<br />
#Permite realizar cotización de envío de encomiendas<br />
#Entrega información de servicios de encomienda, muy claros<br />
<br />
===Descripción de la Estrategia===<br />
De acuerdo a los objetivos y el estudio realizado, la estrategia abarca lo siguiente:<br />
<br />
*'''Rediseño''' de la interfaz del sitio web para aumentar su usabilidad y además, para representar de modo más fiel la imagen que la empresa desea entregar de sí.<br />
*'''Contenidos''' organizados de manera que lleguen al usuario, es decir, que san accesibles.<br />
*'''Difundir''' a través de redes sociales la empresa y sus servicios, bajo este tono de innovación y comodidad.<br />
<br />
==Construcción del Sitio Web==<br />
===Organización de Contenidos===<br />
#Home<br />
##Venta de Pasajes<br />
###Viaje Ida<br />
###Viaje Ida y Vuelta<br />
###Itinerarios<br />
###Ofertas<br />
####Compartir<br />
#####Facebook<br />
#####Twitter<br />
##Servicios<br />
###Semi Cama<br />
###Super Cómodo<br />
###Cama Mix<br />
###Cama Suite<br />
##Clientes<br />
###Personas<br />
###Empresas<br />
##Encomiendas<br />
###Seguimiento<br />
###Cotización<br />
###Servicios<br />
####Tipos de Carga<br />
####Cobertura<br />
###Condiciones de Transporte<br />
###Preguntas Frecuentes<br />
##Oficinas<br />
###Ubicación y Teléfonos<br />
##Contacto<br />
<br />
===Mapa del Sitio===<br />
[[Archivo:Lc3 2.jpg|thumb|700px]]<br />
<br />
[[Archivo:Mapnav vceron.png|thumb|700px]]<br />
<br />
===Wire Frames===<br />
<br />
[[Archivo:Wireframe valerev-01.jpg|thumb|700px]]<br />
<br />
<br />
==Interfaz==<br />
<br />
[[Archivo:Image_busnorte1.jpeg]]<br />
<br />
[[Archivo:Interfeis2.png|700px]]<br />
<br />
===Maqueta Navegable===<br />
<br />
[http://labs.ead.pucv.cl/lc/vceron/Bus%20Norte/html/Home.html |Maqueta Navegable Sitio Web BusNorte Chile]<br />
<br />
[[Categoría: Pre Grado]]<br />
[[Categoría: Diseño Gráfico]]<br />
[[Categoría: Lenguaje Computacional]]<br />
[[Categoría: 2010]]<br />
[[Categoría: Lenguaje Computacional 3]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Valeria_Cer%C3%B3n:_Redise%C3%B1o_sitio_web_Bus_Norte_Chile&diff=295866Valeria Cerón: Rediseño sitio web Bus Norte Chile2014-06-04T21:12:49Z<p>Valeuche: /* Interfaz */</p>
<hr />
<div>==Información de la Empresa==<br />
*Bus Norte Chile<br />
*Sitio Web Actual: http://www.busnortechile.cl<br />
<br />
==Brief==<br />
<br />
*'''Proyecto'''<br />
"Bus Norte es una empresa que tiene como objetivo brindar servicio de primera calidad a sus clientes, enfocado siempre en la modernidad y una constante innovación, que es uno de nuestros grandes objetivos. Es por eso que nos interesa que nuestros clientes puedan acceder a los servicios de nuestra empresa en todo momento, para eso queremos mejorar nuestro servicio vía internet para facilitar la atención, difundir nuestro servicio, y tener una imágen más acorde con nuestro objetivo de innovar para beneficio del nuestros clientes."<br />
<br />
*'''Objetivos'''<br />
*Dar a conocer nuestra empresa y servicios.<br />
*Generar presencia en los medios digitales.<br />
*Fomentar la venta de pasajes por internet.<br />
<br />
===Descargar Brief===<br />
[[Archivo:BRIEF_vceron.pdf]]<br />
<br />
==Estrategia==<br />
===Benchmark===<br />
Actualmente, a pesar de que el sitio web de Bus Norte tiene información de importancia para conocer los servicios y además la vía para realizar la compra de pasajes por internet, aún los contenidos se encuentran desorganizados, y es considerable la necesidad de la creación de una interfaz más coherente con los objetivos y con la imagen que la empresa desea proyectar a sus clientes.<br />
<br />
<gallery><br />
Image:Home bn.png|Home Bus Norte<br />
Image:Ventapasaje.png|Venta de Pasajes<br />
Image:Asientos.png|Selección de Asientos<br />
</gallery><br />
<br />
===Competencia===<br />
<gallery><br />
Image:turbusimg.png|Home Tur Bus<br />
Image:pullmanimg.png|Home Pullman Bus<br />
Image:Cruzdelsurimg.png|Home Cruz del Sur<br />
</gallery><br />
<br />
[[Archivo:Imagen 3.png|thumb|200px|right|Posicionamiento en Google de Tur bus]]<br />
<br />
*'''Tur Bus'''<br />
#Sitio en HTML<br />
#Posee venta de pasajes online, proceso algo complejo<br />
#El home está un poco colapsado de información<br />
#Se puede compartir información a través de redes sociales (blogger, twitter, facebook)<br />
#Tras la compra del pasaje, da la opción de retirar en oficinas o imprimir<br />
#Entrega información de oficinas a lo largo del país claramente<br />
#Posee seguimiento de encomiendas<br />
#Permite realizar cotización de envío de encomiendas<br />
#Demasiada información respecto a los envíos u condiciones lo vuelve agobiante<br />
#Permite realizar pago a través de diferentes vías<br />
#Buen posicionamiento en Google (Buena AI)<br />
<br />
<br />
*'''Pullman Bus'''<br />
#Sitio en Flash<br />
#Posee venta de pasajes online, proceso simple<br />
#El home se ve cuidado, no excede en entrega de información<br />
#Fácilmente accesible al área de usuario<br />
#Entrega información de oficinas de forma clara<br />
#Posee seguimiento de encomiendas<br />
#Permite realizar cotización de envío de encomiendas<br />
#Entrega información pertinente a las características del servicio y condiciones, sin ser excesivo, preciso y claro<br />
<br />
<br />
*'''Buses Cruz del Sur'''<br />
#Sitio en HTML<br />
#El home es bastante limpio<br />
#Enseguida se encuentra información de las oficinas<br />
#Espacio para la compra de pasajes, debería ser más visible<br />
#Entrega información de oficinas a lo largo del país claramente<br />
#Posee venta de pasajes online, sin embargo, no todos los destinos permiten llevar a cabo la compra<br />
#El proceso de compra de pasajes, cuando puede realizarse, es muy claro<br />
#No posee seguimiento de encomiendas<br />
#Permite realizar cotización de envío de encomiendas<br />
#Entrega información de servicios de encomienda, muy claros<br />
<br />
===Descripción de la Estrategia===<br />
De acuerdo a los objetivos y el estudio realizado, la estrategia abarca lo siguiente:<br />
<br />
*'''Rediseño''' de la interfaz del sitio web para aumentar su usabilidad y además, para representar de modo más fiel la imagen que la empresa desea entregar de sí.<br />
*'''Contenidos''' organizados de manera que lleguen al usuario, es decir, que san accesibles.<br />
*'''Difundir''' a través de redes sociales la empresa y sus servicios, bajo este tono de innovación y comodidad.<br />
<br />
==Construcción del Sitio Web==<br />
===Organización de Contenidos===<br />
#Home<br />
##Venta de Pasajes<br />
###Viaje Ida<br />
###Viaje Ida y Vuelta<br />
###Itinerarios<br />
###Ofertas<br />
####Compartir<br />
#####Facebook<br />
#####Twitter<br />
##Servicios<br />
###Semi Cama<br />
###Super Cómodo<br />
###Cama Mix<br />
###Cama Suite<br />
##Clientes<br />
###Personas<br />
###Empresas<br />
##Encomiendas<br />
###Seguimiento<br />
###Cotización<br />
###Servicios<br />
####Tipos de Carga<br />
####Cobertura<br />
###Condiciones de Transporte<br />
###Preguntas Frecuentes<br />
##Oficinas<br />
###Ubicación y Teléfonos<br />
##Contacto<br />
<br />
===Mapa del Sitio===<br />
[[Archivo:Lc3 2.jpg|thumb|700px]]<br />
<br />
[[Archivo:Mapnav vceron.png|thumb|700px]]<br />
<br />
===Wire Frames===<br />
<br />
[[Archivo:Wireframe valerev-01.jpg|thumb|700px]]<br />
<br />
<br />
===Interfaz===<br />
<br />
[[Archivo:Image_busnorte1.jpeg]]<br />
<br />
[[Archivo:Interfeis2.png|700px]]<br />
<br />
===Maqueta Navegable===<br />
<br />
[http://labs.ead.pucv.cl/lc/vceron/Bus%20Norte/html/Home.html |Maqueta Navegable Sitio Web BusNorte Chile]<br />
<br />
[[Categoría: Pre Grado]]<br />
[[Categoría: Diseño Gráfico]]<br />
[[Categoría: Lenguaje Computacional]]<br />
[[Categoría: 2010]]<br />
[[Categoría: Lenguaje Computacional 3]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Valeria_Cer%C3%B3n:_Redise%C3%B1o_sitio_web_Bus_Norte_Chile&diff=295862Valeria Cerón: Rediseño sitio web Bus Norte Chile2014-06-04T21:12:10Z<p>Valeuche: /* Interfaz */</p>
<hr />
<div>==Información de la Empresa==<br />
*Bus Norte Chile<br />
*Sitio Web Actual: http://www.busnortechile.cl<br />
<br />
==Brief==<br />
<br />
*'''Proyecto'''<br />
"Bus Norte es una empresa que tiene como objetivo brindar servicio de primera calidad a sus clientes, enfocado siempre en la modernidad y una constante innovación, que es uno de nuestros grandes objetivos. Es por eso que nos interesa que nuestros clientes puedan acceder a los servicios de nuestra empresa en todo momento, para eso queremos mejorar nuestro servicio vía internet para facilitar la atención, difundir nuestro servicio, y tener una imágen más acorde con nuestro objetivo de innovar para beneficio del nuestros clientes."<br />
<br />
*'''Objetivos'''<br />
*Dar a conocer nuestra empresa y servicios.<br />
*Generar presencia en los medios digitales.<br />
*Fomentar la venta de pasajes por internet.<br />
<br />
===Descargar Brief===<br />
[[Archivo:BRIEF_vceron.pdf]]<br />
<br />
==Estrategia==<br />
===Benchmark===<br />
Actualmente, a pesar de que el sitio web de Bus Norte tiene información de importancia para conocer los servicios y además la vía para realizar la compra de pasajes por internet, aún los contenidos se encuentran desorganizados, y es considerable la necesidad de la creación de una interfaz más coherente con los objetivos y con la imagen que la empresa desea proyectar a sus clientes.<br />
<br />
<gallery><br />
Image:Home bn.png|Home Bus Norte<br />
Image:Ventapasaje.png|Venta de Pasajes<br />
Image:Asientos.png|Selección de Asientos<br />
</gallery><br />
<br />
===Competencia===<br />
<gallery><br />
Image:turbusimg.png|Home Tur Bus<br />
Image:pullmanimg.png|Home Pullman Bus<br />
Image:Cruzdelsurimg.png|Home Cruz del Sur<br />
</gallery><br />
<br />
[[Archivo:Imagen 3.png|thumb|200px|right|Posicionamiento en Google de Tur bus]]<br />
<br />
*'''Tur Bus'''<br />
#Sitio en HTML<br />
#Posee venta de pasajes online, proceso algo complejo<br />
#El home está un poco colapsado de información<br />
#Se puede compartir información a través de redes sociales (blogger, twitter, facebook)<br />
#Tras la compra del pasaje, da la opción de retirar en oficinas o imprimir<br />
#Entrega información de oficinas a lo largo del país claramente<br />
#Posee seguimiento de encomiendas<br />
#Permite realizar cotización de envío de encomiendas<br />
#Demasiada información respecto a los envíos u condiciones lo vuelve agobiante<br />
#Permite realizar pago a través de diferentes vías<br />
#Buen posicionamiento en Google (Buena AI)<br />
<br />
<br />
*'''Pullman Bus'''<br />
#Sitio en Flash<br />
#Posee venta de pasajes online, proceso simple<br />
#El home se ve cuidado, no excede en entrega de información<br />
#Fácilmente accesible al área de usuario<br />
#Entrega información de oficinas de forma clara<br />
#Posee seguimiento de encomiendas<br />
#Permite realizar cotización de envío de encomiendas<br />
#Entrega información pertinente a las características del servicio y condiciones, sin ser excesivo, preciso y claro<br />
<br />
<br />
*'''Buses Cruz del Sur'''<br />
#Sitio en HTML<br />
#El home es bastante limpio<br />
#Enseguida se encuentra información de las oficinas<br />
#Espacio para la compra de pasajes, debería ser más visible<br />
#Entrega información de oficinas a lo largo del país claramente<br />
#Posee venta de pasajes online, sin embargo, no todos los destinos permiten llevar a cabo la compra<br />
#El proceso de compra de pasajes, cuando puede realizarse, es muy claro<br />
#No posee seguimiento de encomiendas<br />
#Permite realizar cotización de envío de encomiendas<br />
#Entrega información de servicios de encomienda, muy claros<br />
<br />
===Descripción de la Estrategia===<br />
De acuerdo a los objetivos y el estudio realizado, la estrategia abarca lo siguiente:<br />
<br />
*'''Rediseño''' de la interfaz del sitio web para aumentar su usabilidad y además, para representar de modo más fiel la imagen que la empresa desea entregar de sí.<br />
*'''Contenidos''' organizados de manera que lleguen al usuario, es decir, que san accesibles.<br />
*'''Difundir''' a través de redes sociales la empresa y sus servicios, bajo este tono de innovación y comodidad.<br />
<br />
==Construcción del Sitio Web==<br />
===Organización de Contenidos===<br />
#Home<br />
##Venta de Pasajes<br />
###Viaje Ida<br />
###Viaje Ida y Vuelta<br />
###Itinerarios<br />
###Ofertas<br />
####Compartir<br />
#####Facebook<br />
#####Twitter<br />
##Servicios<br />
###Semi Cama<br />
###Super Cómodo<br />
###Cama Mix<br />
###Cama Suite<br />
##Clientes<br />
###Personas<br />
###Empresas<br />
##Encomiendas<br />
###Seguimiento<br />
###Cotización<br />
###Servicios<br />
####Tipos de Carga<br />
####Cobertura<br />
###Condiciones de Transporte<br />
###Preguntas Frecuentes<br />
##Oficinas<br />
###Ubicación y Teléfonos<br />
##Contacto<br />
<br />
===Mapa del Sitio===<br />
[[Archivo:Lc3 2.jpg|thumb|700px]]<br />
<br />
[[Archivo:Mapnav vceron.png|thumb|700px]]<br />
<br />
===Wire Frames===<br />
<br />
[[Archivo:Wireframe valerev-01.jpg|thumb|700px]]<br />
<br />
<br />
===Interfaz===<br />
<br />
[[Archivo:Image_busnorte1.jpeg|700px]]<br />
<br />
[[Archivo:Interfeis2.png|700px]]<br />
<br />
===Maqueta Navegable===<br />
<br />
[http://labs.ead.pucv.cl/lc/vceron/Bus%20Norte/html/Home.html |Maqueta Navegable Sitio Web BusNorte Chile]<br />
<br />
[[Categoría: Pre Grado]]<br />
[[Categoría: Diseño Gráfico]]<br />
[[Categoría: Lenguaje Computacional]]<br />
[[Categoría: 2010]]<br />
[[Categoría: Lenguaje Computacional 3]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Archivo:Image_busnorte1.jpeg&diff=295856Archivo:Image busnorte1.jpeg2014-06-04T21:11:09Z<p>Valeuche: </p>
<hr />
<div></div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Valeria_Cer%C3%B3n&diff=188114Valeria Cerón2012-07-10T21:08:26Z<p>Valeuche: </p>
<hr />
<div>{{Persona<br />
|Nombre=Valeria<br />
|Apellido=Cerón Reveco<br />
|Sexo=Femenino<br />
|Año de Ingreso a la Escuela=2007<br />
|Fecha de Nacimiento=1988/03/07<br />
|Relación con la Escuela=Alumno<br />
}}<br />
==Cursos==<br />
{{#ask: [[Categoría:Curso]] [[Alumnos::Valeria Cerón]]<br />
| ?Año<br />
| format= ul<br />
| sort=Año<br />
}}<br />
<br />
==Proyectos==<br />
{{#ask: [[Categoría:Proyecto]] [[Alumnos::Valeria Cerón]]<br />
| ?Año de Inicio<br />
| format=ul<br />
| sort=Año de Inicio<br />
}}</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=VCeron:_Seminario&diff=173654VCeron: Seminario2012-04-15T20:32:24Z<p>Valeuche: /* Modelo */</p>
<hr />
<div><br />
=Seminario de Diseño=<br />
<br />
<br />
==Mapas Conceptuales==<br />
==='''La era de la Información, ''Manuel Castells'' '''===<br />
Construcción de un Mapa conceptual a partir de la lectura del texto "La era de la Información" de Manuel Castells. <br />
[[Archivo:Map1.jpg|thumb|700 px|centre| Mapa conceptual part1 texto "La era de la Información" de ''Manuel Castells'']]<br />
[[Archivo:Map2.jpg|thumb|700 px|centre| Mapa conceptual part2 texto "La era de la Información" de ''Manuel Castells'']]<br />
<br><br />
==='''Having an Experience, "John Dewey" '''===<br />
[[Archivo:MapaDewey.jpg|thumb|700 px|centre| Mapa conceptual texto "Having an Experience" de John Dewey.]]<br />
==Modelo==<br />
[[Archivo:V.ceron_seminarioo.cmap.pdf|thumb|600px|center| Mapa Conceptual Modelo]]<br />
[[Archivo:Modelo obs procesos v.ceron-01.png |thumb|800px|center|Modelo Proceso de Diseño desde la Observación]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Archivo:V.ceron_seminarioo.cmap.pdf&diff=173653Archivo:V.ceron seminarioo.cmap.pdf2012-04-15T20:31:48Z<p>Valeuche: </p>
<hr />
<div></div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=VCeron:_Seminario&diff=173652VCeron: Seminario2012-04-15T20:28:51Z<p>Valeuche: /* Modelo */</p>
<hr />
<div><br />
=Seminario de Diseño=<br />
<br />
<br />
==Mapas Conceptuales==<br />
==='''La era de la Información, ''Manuel Castells'' '''===<br />
Construcción de un Mapa conceptual a partir de la lectura del texto "La era de la Información" de Manuel Castells. <br />
[[Archivo:Map1.jpg|thumb|700 px|centre| Mapa conceptual part1 texto "La era de la Información" de ''Manuel Castells'']]<br />
[[Archivo:Map2.jpg|thumb|700 px|centre| Mapa conceptual part2 texto "La era de la Información" de ''Manuel Castells'']]<br />
<br><br />
==='''Having an Experience, "John Dewey" '''===<br />
[[Archivo:MapaDewey.jpg|thumb|700 px|centre| Mapa conceptual texto "Having an Experience" de John Dewey.]]<br />
==Modelo==<br />
[[Archivo:Modelo obs procesos v.ceron-01.png |thumb|800px|center|Modelo Proceso de Diseño desde la Observación]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=VCeron:_Seminario&diff=173651VCeron: Seminario2012-04-15T20:28:38Z<p>Valeuche: /* Modelo */</p>
<hr />
<div><br />
=Seminario de Diseño=<br />
<br />
<br />
==Mapas Conceptuales==<br />
==='''La era de la Información, ''Manuel Castells'' '''===<br />
Construcción de un Mapa conceptual a partir de la lectura del texto "La era de la Información" de Manuel Castells. <br />
[[Archivo:Map1.jpg|thumb|700 px|centre| Mapa conceptual part1 texto "La era de la Información" de ''Manuel Castells'']]<br />
[[Archivo:Map2.jpg|thumb|700 px|centre| Mapa conceptual part2 texto "La era de la Información" de ''Manuel Castells'']]<br />
<br><br />
==='''Having an Experience, "John Dewey" '''===<br />
[[Archivo:MapaDewey.jpg|thumb|700 px|centre| Mapa conceptual texto "Having an Experience" de John Dewey.]]<br />
==Modelo==<br />
[[Archivo:Modelo obs procesos v.ceron-01.png |thumb|900px|center|Modelo Proceso de Diseño desde la Observación]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=VCeron:_Seminario&diff=173650VCeron: Seminario2012-04-15T20:28:26Z<p>Valeuche: /* Modelo */</p>
<hr />
<div><br />
=Seminario de Diseño=<br />
<br />
<br />
==Mapas Conceptuales==<br />
==='''La era de la Información, ''Manuel Castells'' '''===<br />
Construcción de un Mapa conceptual a partir de la lectura del texto "La era de la Información" de Manuel Castells. <br />
[[Archivo:Map1.jpg|thumb|700 px|centre| Mapa conceptual part1 texto "La era de la Información" de ''Manuel Castells'']]<br />
[[Archivo:Map2.jpg|thumb|700 px|centre| Mapa conceptual part2 texto "La era de la Información" de ''Manuel Castells'']]<br />
<br><br />
==='''Having an Experience, "John Dewey" '''===<br />
[[Archivo:MapaDewey.jpg|thumb|700 px|centre| Mapa conceptual texto "Having an Experience" de John Dewey.]]<br />
==Modelo==<br />
[[Archivo:Modelo obs procesos v.ceron-01.png |thumb|600px|center|Modelo Proceso de Diseño desde la Observación]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=VCeron:_Seminario&diff=173649VCeron: Seminario2012-04-15T20:28:05Z<p>Valeuche: /* Modelo */</p>
<hr />
<div><br />
=Seminario de Diseño=<br />
<br />
<br />
==Mapas Conceptuales==<br />
==='''La era de la Información, ''Manuel Castells'' '''===<br />
Construcción de un Mapa conceptual a partir de la lectura del texto "La era de la Información" de Manuel Castells. <br />
[[Archivo:Map1.jpg|thumb|700 px|centre| Mapa conceptual part1 texto "La era de la Información" de ''Manuel Castells'']]<br />
[[Archivo:Map2.jpg|thumb|700 px|centre| Mapa conceptual part2 texto "La era de la Información" de ''Manuel Castells'']]<br />
<br><br />
==='''Having an Experience, "John Dewey" '''===<br />
[[Archivo:MapaDewey.jpg|thumb|700 px|centre| Mapa conceptual texto "Having an Experience" de John Dewey.]]<br />
==Modelo==<br />
[[Archivo:Modelo obs procesos v.ceron-01.png |thumb|600px| Modelo Proceso de Diseño desde la Observación]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=VCeron:_Seminario&diff=173648VCeron: Seminario2012-04-15T20:27:57Z<p>Valeuche: /* Modelo */</p>
<hr />
<div><br />
=Seminario de Diseño=<br />
<br />
<br />
==Mapas Conceptuales==<br />
==='''La era de la Información, ''Manuel Castells'' '''===<br />
Construcción de un Mapa conceptual a partir de la lectura del texto "La era de la Información" de Manuel Castells. <br />
[[Archivo:Map1.jpg|thumb|700 px|centre| Mapa conceptual part1 texto "La era de la Información" de ''Manuel Castells'']]<br />
[[Archivo:Map2.jpg|thumb|700 px|centre| Mapa conceptual part2 texto "La era de la Información" de ''Manuel Castells'']]<br />
<br><br />
==='''Having an Experience, "John Dewey" '''===<br />
[[Archivo:MapaDewey.jpg|thumb|700 px|centre| Mapa conceptual texto "Having an Experience" de John Dewey.]]<br />
==Modelo==<br />
[[Archivo:Modelo obs procesos v.ceron-01.png |thumb|300px| Modelo Proceso de Diseño desde la Observación]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=VCeron:_Seminario&diff=173647VCeron: Seminario2012-04-15T20:26:39Z<p>Valeuche: /* Mapas Conceptuales */</p>
<hr />
<div><br />
=Seminario de Diseño=<br />
<br />
<br />
==Mapas Conceptuales==<br />
==='''La era de la Información, ''Manuel Castells'' '''===<br />
Construcción de un Mapa conceptual a partir de la lectura del texto "La era de la Información" de Manuel Castells. <br />
[[Archivo:Map1.jpg|thumb|700 px|centre| Mapa conceptual part1 texto "La era de la Información" de ''Manuel Castells'']]<br />
[[Archivo:Map2.jpg|thumb|700 px|centre| Mapa conceptual part2 texto "La era de la Información" de ''Manuel Castells'']]<br />
<br><br />
==='''Having an Experience, "John Dewey" '''===<br />
[[Archivo:MapaDewey.jpg|thumb|700 px|centre| Mapa conceptual texto "Having an Experience" de John Dewey.]]<br />
==Modelo==<br />
[[Archivo:Modelo obs procesos v.ceron-01.png | Modelo Proceso de Diseño desde la Observación]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Valeria_Cer%C3%B3n:_Proyecto_GD_2011&diff=143828Valeria Cerón: Proyecto GD 20112011-11-22T02:52:33Z<p>Valeuche: /* Lámina Final */</p>
<hr />
<div>{{Proyecto<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Palabras Clave=gráfica digital, diseño gráfico, 2011, educación, visualización,<br />
|Año de Inicio=2011<br />
|Año de Término=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Gráfica Digital,<br />
|Cursos Relacionados=Gráfica Digital 2011, <br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Valeria Cerón<br />
|Nombre=<br />
}}<br />
[[Categoría:Gráfica Digital]]<br />
=Propuestas del Proyecto=<br />
<br />
==Propuesta 1: Futuro Laboral==<br />
===¿Cuál es el futuro laboral de las diferentes carreras?===<br />
La visualización está enfocada a comprender la relación existente entre el gasto por alumno en las diferentes instituciones de educación superior y las proyecciones laborales con que cuentan los alumnos una vez titulados.<br />
<br />
'''Variables'''<br />
*Años<br />
*Tipo de Institución<br />
*Carreras/Área Conocimiento<br />
**44 carreras/11 Áreas<br />
*Evolución Matricula total de alumnos<br />
*Número Titulados<br />
*Rango de Arancel Anual y Matrícula<br />
** < a 500.000<br />
** > a 500.000 a 1.000.000<br />
** > a 1.000.0000 a 1.500.000<br />
** > a 1.500.000 a 2.000.000<br />
** > a 2.000.0000 a 2.500.000<br />
** > a 2.500.0000 a 3.000.000<br />
** > a 3.000.000<br />
*Empleabilidad<br />
*Ingresos<br />
<br />
==Propuesta 2==<br />
===¿Qué tanta libertad tenemos para elegir nuestro futuro educacional?===<br />
'''Datos Disponibles'''<br />
*Número de estudiantes durante el período 2000-2009, que solicitaron un crédito (público o privado)<br />
**Percentil al que pertenecen<br />
*Carreras/Área Conocimiento<br />
**44 carreras/11 Áreas<br />
**Evolución Número de Matrículas<br />
*Rango de Arancel Anual y Matrícula<br />
** < a 500.000<br />
** > a 500.000 a 1.000.000<br />
** > a 1.000.0000 a 1.500.000<br />
** > a 1.500.000 a 2.000.000<br />
** > a 2.000.0000 a 2.500.000<br />
** > a 2.500.0000 a 3.000.000<br />
** > a 3.000.000<br />
==Lámina Final==<br />
[[Archivo:Láminagrafica vceron-01.png|500px]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Valeria_Cer%C3%B3n:_Proyecto_GD_2011&diff=143827Valeria Cerón: Proyecto GD 20112011-11-22T02:52:19Z<p>Valeuche: /* Lámina Final */</p>
<hr />
<div>{{Proyecto<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Palabras Clave=gráfica digital, diseño gráfico, 2011, educación, visualización,<br />
|Año de Inicio=2011<br />
|Año de Término=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Gráfica Digital,<br />
|Cursos Relacionados=Gráfica Digital 2011, <br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Valeria Cerón<br />
|Nombre=<br />
}}<br />
[[Categoría:Gráfica Digital]]<br />
=Propuestas del Proyecto=<br />
<br />
==Propuesta 1: Futuro Laboral==<br />
===¿Cuál es el futuro laboral de las diferentes carreras?===<br />
La visualización está enfocada a comprender la relación existente entre el gasto por alumno en las diferentes instituciones de educación superior y las proyecciones laborales con que cuentan los alumnos una vez titulados.<br />
<br />
'''Variables'''<br />
*Años<br />
*Tipo de Institución<br />
*Carreras/Área Conocimiento<br />
**44 carreras/11 Áreas<br />
*Evolución Matricula total de alumnos<br />
*Número Titulados<br />
*Rango de Arancel Anual y Matrícula<br />
** < a 500.000<br />
** > a 500.000 a 1.000.000<br />
** > a 1.000.0000 a 1.500.000<br />
** > a 1.500.000 a 2.000.000<br />
** > a 2.000.0000 a 2.500.000<br />
** > a 2.500.0000 a 3.000.000<br />
** > a 3.000.000<br />
*Empleabilidad<br />
*Ingresos<br />
<br />
==Propuesta 2==<br />
===¿Qué tanta libertad tenemos para elegir nuestro futuro educacional?===<br />
'''Datos Disponibles'''<br />
*Número de estudiantes durante el período 2000-2009, que solicitaron un crédito (público o privado)<br />
**Percentil al que pertenecen<br />
*Carreras/Área Conocimiento<br />
**44 carreras/11 Áreas<br />
**Evolución Número de Matrículas<br />
*Rango de Arancel Anual y Matrícula<br />
** < a 500.000<br />
** > a 500.000 a 1.000.000<br />
** > a 1.000.0000 a 1.500.000<br />
** > a 1.500.000 a 2.000.000<br />
** > a 2.000.0000 a 2.500.000<br />
** > a 2.500.0000 a 3.000.000<br />
** > a 3.000.000<br />
==Lámina Final==<br />
[[Archivo:Láminagrafica vceron-01.png|400px]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Valeria_Cer%C3%B3n:_Proyecto_GD_2011&diff=143826Valeria Cerón: Proyecto GD 20112011-11-22T02:51:38Z<p>Valeuche: /* Propuestas del Proyecto */</p>
<hr />
<div>{{Proyecto<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Palabras Clave=gráfica digital, diseño gráfico, 2011, educación, visualización,<br />
|Año de Inicio=2011<br />
|Año de Término=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Gráfica Digital,<br />
|Cursos Relacionados=Gráfica Digital 2011, <br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Valeria Cerón<br />
|Nombre=<br />
}}<br />
[[Categoría:Gráfica Digital]]<br />
=Propuestas del Proyecto=<br />
<br />
==Propuesta 1: Futuro Laboral==<br />
===¿Cuál es el futuro laboral de las diferentes carreras?===<br />
La visualización está enfocada a comprender la relación existente entre el gasto por alumno en las diferentes instituciones de educación superior y las proyecciones laborales con que cuentan los alumnos una vez titulados.<br />
<br />
'''Variables'''<br />
*Años<br />
*Tipo de Institución<br />
*Carreras/Área Conocimiento<br />
**44 carreras/11 Áreas<br />
*Evolución Matricula total de alumnos<br />
*Número Titulados<br />
*Rango de Arancel Anual y Matrícula<br />
** < a 500.000<br />
** > a 500.000 a 1.000.000<br />
** > a 1.000.0000 a 1.500.000<br />
** > a 1.500.000 a 2.000.000<br />
** > a 2.000.0000 a 2.500.000<br />
** > a 2.500.0000 a 3.000.000<br />
** > a 3.000.000<br />
*Empleabilidad<br />
*Ingresos<br />
<br />
==Propuesta 2==<br />
===¿Qué tanta libertad tenemos para elegir nuestro futuro educacional?===<br />
'''Datos Disponibles'''<br />
*Número de estudiantes durante el período 2000-2009, que solicitaron un crédito (público o privado)<br />
**Percentil al que pertenecen<br />
*Carreras/Área Conocimiento<br />
**44 carreras/11 Áreas<br />
**Evolución Número de Matrículas<br />
*Rango de Arancel Anual y Matrícula<br />
** < a 500.000<br />
** > a 500.000 a 1.000.000<br />
** > a 1.000.0000 a 1.500.000<br />
** > a 1.500.000 a 2.000.000<br />
** > a 2.000.0000 a 2.500.000<br />
** > a 2.500.0000 a 3.000.000<br />
** > a 3.000.000<br />
==Lámina Final==<br />
[[Archivo:Láminagrafica vceron-01.png]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Gr%C3%A1fica_Digital_2011&diff=143822Gráfica Digital 20112011-11-22T02:49:12Z<p>Valeuche: /* Láminas Proyecto Final */</p>
<hr />
<div>{{Curso<br />
|Asignaturas Relacionadas=Gráfica Digital<br />
|Año=2011<br />
|Tipo de Curso=Ramo Lectivo<br />
|Talleres=DG 4º<br />
|Profesores=Herbert Spencer<br />
|Alumnos= Begoña Vargas, Joaquín Martel, Jaime Pérez Moena, Karen Carrera,Macarena Álamos R, Antonia Góngora, Andrea Cifuentes, Diego Reyes, Valeria Cerón<br />
|Palabras Clave=software, interfaz gráfica, processing, dibujo<br />
|Carreras Relacionadas=Diseño Gráfico<br />
}}<br />
<br />
==Introducción==<br />
Un fuerte problema del diseño gráfico, es la idea de los SKINS.<br />
<br />
La estructura que se diseña, tiene distintas capas de apropiación y personalización, donde existen superficies lisas en un espacio de esta estructura para que la gente se apropie de ella, como por ejemplo los notebook, que proporcionan la posibilidad de adherirle una capa gráfica personalizada.<br />
<br />
Esa situación dispone al Diseño Gráfico en la capa más superficial de todas, ya que es algo que se puede cambiar, reemplazar o desechar fácilmente, dándole un carácter cosmético, siendo que el Diseño propiamente tal aborda temas más profundos.<br />
<br />
Un ejemplo controversial del año 2003, es proyecto del sitio [http://www.csszengarden.com/tr/espanol/ Zen Garden], donde se disponen más de 100 estilos de páginas por medio de su estructura en HTML para un mismo contenido.<br />
<br />
La implicancias más grandes que tiene esto corresponden a la forma y el contenido, ya que se necesita una estructura para poder juntar ambos ítemes, y en el sitio antes nombrado, la forma no propone relación con el contenido.<br />
<br />
¿Qué fue lo que sucedió después de esto? comenzó a abogarse por estándares web, lo que provocó que un grupo de diseñadores encabezara un movimiento en forma de respuesta a esta forma de mostrar el diseño.<br />
<br />
==Referencia de Talleres Anteriores==<br />
<br />
Con respecto a los proyectos que se han realizado en este curso años anteriores, se han enfocado en un primer momento al desarrollo de propuestas con cascadas de estilos (css). <br />
<br />
El 2007 se trabajó sobre proyectos para móviles, algo más parecido al diseño de interacción. En esta ocasión se medita sobre oportunidades para poder desarrollar servicios, dónde la pantalla es soporte y se piensa la gráfica como una expresión de un lenguaje digital, dónde caben las cosas que no puedo hacer a mano. ¿Para qué voy a usar un procesador para hacer algo parecido a lo que no es?<br />
<br />
Un buen ejemplo de esto es [http://www.dubberly.com/concept-maps/3x4grid.html The 892 unique ways to partition a 3 x 4 grid]<br />
programa que construye todas las posibilidades de grilla 3 x 4 de forma clasificada. Este caso corresponde a una situación donde el procesador como máquina tiene una realidad, una razón de ser, una propiedad.<br />
<br />
==Visualización de Datos==<br />
<br />
La computadora computa, nosotros dibujamos: ¿qué podemos hacer al respecto?<br />
<br />
La visualización de la información, prácticas y métodos, comprendidas desde un punto más amplio, tiene que ver con la imagen generada por el computador.<br />
<br />
'''¿Qué es?''' <br />
<br />
Básicamente construcción de comunicación. Tiene que ver con procesar grandes corpus de datos. Estos modelos son modelos que no están generados análogamente de acuerdo a la comprensión de un individuo, si no que de acuerdo a una gramática. Definir las perillas y el movimiento fino para generar algo que se lea. El modelo trata de ser el argumento que llega a otro.<br />
<br />
Vamos a hacer una máquina de hacer modelos visuales o herramientas de argumentos gráficos a partir de una historia que mirar. Para visualizar los datos, hay que hacerse una pregunta. Si no tengo una pregunta es muy difícil que lo pueda ver.<br />
<br />
Esto corresponde a una herramienta política ya que lo que uno construye son argumentos y tienen potencia de construcciones políticas de la realidad a partir de la pregunta que yo mismo quiero ver. Yo tengo una pre-concepción del mundo y la estoy haciendo extensiva a mis congéneres.<br />
<br />
==Sobre el Encargo==<br />
<br />
¿Cuáles son los lenguajes de representación? <br />
<br />
La Primera Tarea consiste en que cada uno encuentre/elija un lenguaje de representación, que quede documentado con ejemplos en esta misma wiki.<br />
<br />
Estos lenguajes tienen un poco que ver con las metáforas visuales. La idea es comenzar a tener una teoría de cuales son las gramáticas y para que cosas sirven, definir esta la gramática para poder definir una forma de visualización.<br />
<br />
==Ejemplos==<br />
<br />
Un ejemplo de gramática visual es la de [http://www.leebyron.com/what/lastfm/ Lee Byron], quien presenta una especie de gráfico de área donde muestra la historia de lo que ha escuchado en Last.Fm. La potencia de las visualizaciones corresponde a esa áurea que muestran la información de manera neutral. En este ejemplo se define que es lo que se quiere representar y se adjunta a una gramática, se trata de encontrar una situación nueva, para emparejarla con una metáfora correspondiente.<br />
<br />
Otro ejemplo corresponde al diccionario [http://www.visualthesaurus.com/ Visual Thesaurus], diccionario de sinónimos, donde cada palabra tiene una cantidad de sinónimos, de las cuales algunas, aun siendo sinónimas, tienen definiciones diferentes entre ellas. Esta situación define la proximidad de las cosas: cada palabra tiene un anillo en torno al él, otra palabra tiene el suyo y de esa manera se interceptan disponiendo la posibilidad de navegar entre ellos. Este ejemplo también considera la variable del idioma, de manera que se pueda sobreponer uno sobre otro y establecer nuevas lecturas.<br />
<br />
[http://www.theyrule.net/ They Rule] es otra forma de visualización de datos, pero también de descubrimiento, en este sitio se muestra la representación de cada gran empresa con un anillo de directores. <br />
<br />
De otras maneras los datos también se dirigen hacia mapas, esferas de realidad, espacio mustela, como la obra de arte de Jack Lombardi, que tiene que ver con la venta de armas y petróleo. <br />
<br />
El problema de la visualización de datos existe ya que esta grafía corresponde a una herramienta para llegar a una verdad. Un ejemplo de esto es cuenco se combina el poder de la computación más la elocuencia gráfica para encontrar el responsable de un crimen.<br />
<br />
Nosotros queremos hacer máquinas visuales.<br />
<br />
Otros ejemplos son el reloj que vimos que se compone de el escaneo de una brecha de majen, ejemplo que muestra una buena relación biyectiva.<br />
<br />
El ejemplo de stacy greene`s lipsticks (1981) da pie para pensar en instancias donde hay una colección de cosas con las que uno puede establecer correspondencia a otra realidad que no está presente, pero que deja una huella. "Small Multiplies". Tiene mucha información de algo que está tomado de la cartera simplemente, ordenado bajo un criterio que está revelando algo y se tiene la astucia para reunir cosas que no están.<br />
<br />
Otros ejemplos a investigar:<br />
<br />
* Lobachevsky<br />
*[http://www.smartmoney.com/ Smart Money]<br />
*Jason Salavon<br />
*Caras de Chernoff<br />
<br />
Comparto el siguiente documento: [http://www.estudiosvisuales.net/revista/pdf/num5/manocivh_visualizacion.pdf La visualización de datos como nueva abstracción y antisublime] de Lev Manovich<br />
<br />
{{#widget:SlideShare<br />
|doc=visualizacindeinformacin-100408195301-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
--[[Usuario:Maca.alamos|Maca.alamos]] 20:05 16 jun 2011 (CLT)<br />
<br />
==Metodología==<br />
<br />
Construir visualizaciones es construir una máquina gráfica. Existen leyes de correspondencia para permutar datos por valores visuales. Se pasa de algo cuantitativo a lo cualitativo logrando hacer aparecer el relato que estaba oculto. Es por esto que se trata de un diseño de segundo orden, se crean maquinas que diseñaran las visualizaciones.<br />
<br />
Matemáticamente corresponde a una función inyectiva, de la tabla con los datos puedo ir a la visualización pero difícilmente me puedo devolver. Es un algoritmo.<br />
<br />
Culturalmente corresponde a una herramienta de persuasión, se construyen argumentos sólidos que tienen un autoridad aparentemente más fuerte. Esto abre preguntas éticas para el oficio.<br />
<br />
Ben Fry, diseñador gráfico e informático, desarrolla una metodología en [http://benfry.com/phd/ Computational Information Desig], su tesis doctoral, en la que plantea 7 pasos para construir la visualización:<br />
<br />
#Hacking - Informática<br />
##Adquisición, qué es y cómo se obtiene el dato. El dato es el reflejo de un instrumento, tiene relación con la herramienta con que se extrae. Ocurrirá constantemente que obtener los datos no es fácil, no estan completamente disponibles, por lo que hay que utilizar otros métodos, a la fuerza, para sacarlos.<br />
##Análisis de los datos obtenidos.<br />
#Matemáticas - Estadística<br />
##Filtrado, en el que se saca lo no relevante, lo que sobra.<br />
##Minería, cuando existe demasiada información hay que destacar lo relevante de ella, hallar el oro, se interroga al cuerpo de datos.<br />
#Diseño Gráfico, en esta etapa comienza el cambio de lo cuantitativo a lo cualitativo, es el salto que construye la visualización.<br />
##Representación, se escoge una gramática y se establecen criterios para darle forma a los datos.<br />
##Refinación, ajustes.<br />
##Interacción, si es la visualización vive en el soporte digital, ya no es un poster, una lámina, se transforma en herramienta de descubrimiento para el que la esta usando.<br />
<br />
# '''Inteligencia Poética'''<br>Abstracción semántica y espacial, <br />
# '''Inteligencia Técnica'''<br>Abstracción sistemática, esta más ligada al diseño de software y a las matemáticas, matemáticas como lenguaje abstracto.<br />
# '''Inteligencia Retórica'''<br>Abstracción simbólica, esta es la pregunta a la que se dirigen los datos, la visualización.<br />
# '''Inteligencia Dialéctica'''<br>Abstracción ontológica, refinación entre vacíos, "verdad" entre las personas.<br />
<br />
La visualización tiene tanto del lado divergente como convergente, es un pregunta que vive en los dos espacios, el de los datos "duros" y el de lo que se hace con eso, lo plástico.<br />
<br />
==Hitos en la historia de la visualización de datos==<br />
<br />
A continuación se muestran hitos en la historia de la visualización de datos, que provocan un giro en la percepción del mundo, a una medida abstracta de el.<br />
Vivimos en una época donde se ha comprimido el espacio tiempo.<br />
<br />
===La grilla de Ptolomeo; Mercator===<br />
<br />
Se realiza una primera imagen del mundo, a partir de una grilla que vincula coordenadas.<br />
Establece una '''coreografía'''; donde el dibujo es sensible de los terrenos, del espacio, donde se privilegian los datos.<br />
Los datos se van tejiendo en una notación espacial.<br />
La '''coreografía''' es distinta de la '''cartografía'''; que es una imagen del total, tiene inferencias. Leyes sistemáticas.<br />
<br />
La grilla Ptolomeica deformada, es la primera vez que se tienen una imagen de un total; principio de la visualización de datos.<br />
Tiene una racionalización cartesiana; una persona hace el trabajo mental para volver a configurarlo.<br />
Todas las ideas son formas de control.<br />
<br />
===Minard Map por Charles Joseph Minard===<br />
En el contexto de guerras napoleónicas, campañas en las que les fue mal. Minard estableció una potente capacidad de síntesis y resolución de muchos datos como: mapa cartográfico, dirección del ejército, los hitos, gráfico de temperaturas, tropas, entre otros.<br />
Es un gran referente de un hito gráfico.<br />
<br />
[http://www.edwardtufte.com/tufte/minard Minard Map]<br />
<br />
===Mapa de muertes a causa del cólera por John Snow===<br />
El contexto es un brote de muertes y se registran por día, se encontraban todos los datos, pero éstos estaban ordenados cronológicamente. Snow los ordena por espacio, y cada raya es una muerte en la dirección señalada. Entonces se descubre que las muertes se organizaban en torno a la bomba de agua.<br />
A partir de otra forma de ver la información, se logra encontrar la causa de las cóleras. O sea, la visualización de información es un instrumento para conocer la realidad.<br />
<br />
[http://www.ph.ucla.edu/epi/snow/snowmap1_1854_lge.htm Map of Cholera]<br />
<br />
==Rerefencias==<br />
<br />
* [http://www-958.ibm.com/software/data/cognos/manyeyes/ Many Eyes]<br />
* [http://www.edwardtufte.com Edward Tufte]<br />
<br />
==Ejemplos de autores y sus trabajos==<br />
*[http://bewitched.com/ Martin Wattemberg]<br />
*[http://www.flong.com Golan Levin]<br />
*[http://jtnimoy.net/ Josh Nimoy]<br />
*[http://www.number27.org/index.html Jonathan Harris]<br />
<br />
==Gramáticas==<br />
A continuación se presentan las distintas formas existentes en las que se pueden presentar los datos. En ellas se distingue la familia o categoría de la que proviene, sus dimensiones y sus usos.<br />
<br />
Ejemplos y familias de gramáticas se pueden encontrar en [http://www.visual-literacy.org/periodic_table/periodic_table.html A Periodic Table of Visualization Methods].<br />
<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Cursos Relacionados::{{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
<br />
==Preguntas para Visualizar==<br />
===¿Qué proyección tienen las distintas realidades?===<br />
<br />
Se presenta el universo total de alumnos con respecto a los tipos de establecimientos educacionales secundarios y su respectivo proceso desde que se '''inscriben''' para dar la Prueba de Selección Universitaria (PSU), aquellos que efectivamente la '''rinden''', los que '''postulan''' (mínimo 450 puntos promedio entre las pruebas de Lenguaje y Comunicación y Matemáticas), los '''seleccionados''' (acto por medio del cual un postulante queda en condiciones de matricularse, en razón de sus puntajes), hasta aquellos que finalmente quedan '''matriculados''' en distintas Universidades del Consejo de Rectores.<br />
<br />
====Fuentes====<br />
*[http://www.demre.cl/flash/compendio_web2011/index.html Compendio Estadístico Proceso de Admisión Año Académico 2011]<br />
*[http://www.demre.cl/text/pdf/p2010/Compendio%202010.pdf Compendio Estadístico Proceso de Admisión Año Académico 2010]<br />
*[http://www.demre.cl/text/pdf/p2009/Compendio2009.pdf Compendio Estadístico Proceso de Admisión Año Académico 2009]<br />
*[http://www.demre.cl/text/doc_anexos/compendio_2008.pdf Compendio Estadístico Proceso de Admisión Año Académico 2008]<br />
*[http://www.demre.cl/text/pdf/p2007/Compendio_2007.pdf Compendio Estadístico Proceso de Admisión Año Académico 2007]<br />
<br />
===¿Cual es la efectividad de los beneficios estudiantiles?===<br />
<br />
A partir del total de los alumnos de educación superior en universidades tradicionales, privadas, centros de formación técnica e institutos profesionales, se pretender mostrar los alumnos beneficiados, identificando las distintas becas y créditos, y cómo éstos últimos van evolucionando respecto a la deuda de las personas, para luego comprobar la efectividad de los beneficios estudiantiles.<br />
<br />
====Fuentes====<br />
*[http://www.cned.cl/public/Secciones/SeccionIndicesEstadisticas/indices_estadisticas_aporte_fiscal.aspx CNE Estadísticas Ayudas Estudiantiles 2008]<br />
*[http://ww2.ingresa.cl/estadisticas/ INGRESA Estadísticas Crédito con aval del Estado]<br />
<br />
===¿Cual es la relación entre el costo de la carrera y el arancel de referencia?===<br />
<br />
===¿Podemos hablar de movilidad social en educación?===<br />
==Proyectos==<br />
{{#ask: [[Categoría:Proyecto]] [[Cursos Relacionados::{{PAGENAME}}]]<br />
|?Alumnos<br />
|format=ol<br />
|}}<br />
<br />
===Láminas Proyecto Final===<br />
<gallery><br />
Imagen:Como es la relación entre el gasto publico en educación y la deserción escolar.png|[[Macarena Álamos R|Macarena Álamos R]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Como%20es%20la%20relación%20entre%20el%20gasto%20publico%20en%20educación%20y%20la%20deserción%20escolar.pdf Ver Lámina PDF]'''<br />
Imagen:Proyecto_grafica_digital_2011_joaquin_martel-.png|[[Joaquín Martel|Joaquín Martel]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Proyecto_grafica_digital_2011_joaquin_martel_PDF.pdf Ver Lámina PDF]'''<br />
Imagen:Agongora visualizacionenergia.png|[[Antonia Góngora|Antonia Góngora]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Agongora_laminavisualizacionenergia.pdf Ver Lámina PDF]'''<br />
Archivo:Jaime Perez Grafica Digital - Cuanto han variado los resultados PSU.png|[[Jaime Pérez Moena|Jaime Pérez Moena]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Jaime_Perez_-_Lamina_Grafica_Digital_2011.pdf Ver Lámina PDF]'''<br />
Archivo:Visualizacion-migracion graficadigital2011 BegoñaVargas.png|[[Begoña Vargas|Begoña Vargas]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Visualizacion-migracion_graficadigital2011_Bego%C3%B1aVargas.pdf Ver Lámina PDF]'''<br />
Imagen:KCarrera_LaminaGraficaDigital.jpg|[[Karen Carrera|Karen Carrera]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:KCarrera_LaminaGraficaDigital_pdf.pdf Ver Lámina PDF]'''<br />
Imagen:Láminagrafica vceron-01.png|[[Valeria Cerón|Valeria Cerón]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Visualizacion_SeleccionCarreras_vceron.pdf Ver Lámina PDF]'''<br />
</gallery><br />
<br />
==Bibliografía==<br />
* [[Computational Information Design]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Gr%C3%A1fica_Digital_2011&diff=143819Gráfica Digital 20112011-11-22T02:48:42Z<p>Valeuche: /* Láminas Proyecto Final */</p>
<hr />
<div>{{Curso<br />
|Asignaturas Relacionadas=Gráfica Digital<br />
|Año=2011<br />
|Tipo de Curso=Ramo Lectivo<br />
|Talleres=DG 4º<br />
|Profesores=Herbert Spencer<br />
|Alumnos= Begoña Vargas, Joaquín Martel, Jaime Pérez Moena, Karen Carrera,Macarena Álamos R, Antonia Góngora, Andrea Cifuentes, Diego Reyes, Valeria Cerón<br />
|Palabras Clave=software, interfaz gráfica, processing, dibujo<br />
|Carreras Relacionadas=Diseño Gráfico<br />
}}<br />
<br />
==Introducción==<br />
Un fuerte problema del diseño gráfico, es la idea de los SKINS.<br />
<br />
La estructura que se diseña, tiene distintas capas de apropiación y personalización, donde existen superficies lisas en un espacio de esta estructura para que la gente se apropie de ella, como por ejemplo los notebook, que proporcionan la posibilidad de adherirle una capa gráfica personalizada.<br />
<br />
Esa situación dispone al Diseño Gráfico en la capa más superficial de todas, ya que es algo que se puede cambiar, reemplazar o desechar fácilmente, dándole un carácter cosmético, siendo que el Diseño propiamente tal aborda temas más profundos.<br />
<br />
Un ejemplo controversial del año 2003, es proyecto del sitio [http://www.csszengarden.com/tr/espanol/ Zen Garden], donde se disponen más de 100 estilos de páginas por medio de su estructura en HTML para un mismo contenido.<br />
<br />
La implicancias más grandes que tiene esto corresponden a la forma y el contenido, ya que se necesita una estructura para poder juntar ambos ítemes, y en el sitio antes nombrado, la forma no propone relación con el contenido.<br />
<br />
¿Qué fue lo que sucedió después de esto? comenzó a abogarse por estándares web, lo que provocó que un grupo de diseñadores encabezara un movimiento en forma de respuesta a esta forma de mostrar el diseño.<br />
<br />
==Referencia de Talleres Anteriores==<br />
<br />
Con respecto a los proyectos que se han realizado en este curso años anteriores, se han enfocado en un primer momento al desarrollo de propuestas con cascadas de estilos (css). <br />
<br />
El 2007 se trabajó sobre proyectos para móviles, algo más parecido al diseño de interacción. En esta ocasión se medita sobre oportunidades para poder desarrollar servicios, dónde la pantalla es soporte y se piensa la gráfica como una expresión de un lenguaje digital, dónde caben las cosas que no puedo hacer a mano. ¿Para qué voy a usar un procesador para hacer algo parecido a lo que no es?<br />
<br />
Un buen ejemplo de esto es [http://www.dubberly.com/concept-maps/3x4grid.html The 892 unique ways to partition a 3 x 4 grid]<br />
programa que construye todas las posibilidades de grilla 3 x 4 de forma clasificada. Este caso corresponde a una situación donde el procesador como máquina tiene una realidad, una razón de ser, una propiedad.<br />
<br />
==Visualización de Datos==<br />
<br />
La computadora computa, nosotros dibujamos: ¿qué podemos hacer al respecto?<br />
<br />
La visualización de la información, prácticas y métodos, comprendidas desde un punto más amplio, tiene que ver con la imagen generada por el computador.<br />
<br />
'''¿Qué es?''' <br />
<br />
Básicamente construcción de comunicación. Tiene que ver con procesar grandes corpus de datos. Estos modelos son modelos que no están generados análogamente de acuerdo a la comprensión de un individuo, si no que de acuerdo a una gramática. Definir las perillas y el movimiento fino para generar algo que se lea. El modelo trata de ser el argumento que llega a otro.<br />
<br />
Vamos a hacer una máquina de hacer modelos visuales o herramientas de argumentos gráficos a partir de una historia que mirar. Para visualizar los datos, hay que hacerse una pregunta. Si no tengo una pregunta es muy difícil que lo pueda ver.<br />
<br />
Esto corresponde a una herramienta política ya que lo que uno construye son argumentos y tienen potencia de construcciones políticas de la realidad a partir de la pregunta que yo mismo quiero ver. Yo tengo una pre-concepción del mundo y la estoy haciendo extensiva a mis congéneres.<br />
<br />
==Sobre el Encargo==<br />
<br />
¿Cuáles son los lenguajes de representación? <br />
<br />
La Primera Tarea consiste en que cada uno encuentre/elija un lenguaje de representación, que quede documentado con ejemplos en esta misma wiki.<br />
<br />
Estos lenguajes tienen un poco que ver con las metáforas visuales. La idea es comenzar a tener una teoría de cuales son las gramáticas y para que cosas sirven, definir esta la gramática para poder definir una forma de visualización.<br />
<br />
==Ejemplos==<br />
<br />
Un ejemplo de gramática visual es la de [http://www.leebyron.com/what/lastfm/ Lee Byron], quien presenta una especie de gráfico de área donde muestra la historia de lo que ha escuchado en Last.Fm. La potencia de las visualizaciones corresponde a esa áurea que muestran la información de manera neutral. En este ejemplo se define que es lo que se quiere representar y se adjunta a una gramática, se trata de encontrar una situación nueva, para emparejarla con una metáfora correspondiente.<br />
<br />
Otro ejemplo corresponde al diccionario [http://www.visualthesaurus.com/ Visual Thesaurus], diccionario de sinónimos, donde cada palabra tiene una cantidad de sinónimos, de las cuales algunas, aun siendo sinónimas, tienen definiciones diferentes entre ellas. Esta situación define la proximidad de las cosas: cada palabra tiene un anillo en torno al él, otra palabra tiene el suyo y de esa manera se interceptan disponiendo la posibilidad de navegar entre ellos. Este ejemplo también considera la variable del idioma, de manera que se pueda sobreponer uno sobre otro y establecer nuevas lecturas.<br />
<br />
[http://www.theyrule.net/ They Rule] es otra forma de visualización de datos, pero también de descubrimiento, en este sitio se muestra la representación de cada gran empresa con un anillo de directores. <br />
<br />
De otras maneras los datos también se dirigen hacia mapas, esferas de realidad, espacio mustela, como la obra de arte de Jack Lombardi, que tiene que ver con la venta de armas y petróleo. <br />
<br />
El problema de la visualización de datos existe ya que esta grafía corresponde a una herramienta para llegar a una verdad. Un ejemplo de esto es cuenco se combina el poder de la computación más la elocuencia gráfica para encontrar el responsable de un crimen.<br />
<br />
Nosotros queremos hacer máquinas visuales.<br />
<br />
Otros ejemplos son el reloj que vimos que se compone de el escaneo de una brecha de majen, ejemplo que muestra una buena relación biyectiva.<br />
<br />
El ejemplo de stacy greene`s lipsticks (1981) da pie para pensar en instancias donde hay una colección de cosas con las que uno puede establecer correspondencia a otra realidad que no está presente, pero que deja una huella. "Small Multiplies". Tiene mucha información de algo que está tomado de la cartera simplemente, ordenado bajo un criterio que está revelando algo y se tiene la astucia para reunir cosas que no están.<br />
<br />
Otros ejemplos a investigar:<br />
<br />
* Lobachevsky<br />
*[http://www.smartmoney.com/ Smart Money]<br />
*Jason Salavon<br />
*Caras de Chernoff<br />
<br />
Comparto el siguiente documento: [http://www.estudiosvisuales.net/revista/pdf/num5/manocivh_visualizacion.pdf La visualización de datos como nueva abstracción y antisublime] de Lev Manovich<br />
<br />
{{#widget:SlideShare<br />
|doc=visualizacindeinformacin-100408195301-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
--[[Usuario:Maca.alamos|Maca.alamos]] 20:05 16 jun 2011 (CLT)<br />
<br />
==Metodología==<br />
<br />
Construir visualizaciones es construir una máquina gráfica. Existen leyes de correspondencia para permutar datos por valores visuales. Se pasa de algo cuantitativo a lo cualitativo logrando hacer aparecer el relato que estaba oculto. Es por esto que se trata de un diseño de segundo orden, se crean maquinas que diseñaran las visualizaciones.<br />
<br />
Matemáticamente corresponde a una función inyectiva, de la tabla con los datos puedo ir a la visualización pero difícilmente me puedo devolver. Es un algoritmo.<br />
<br />
Culturalmente corresponde a una herramienta de persuasión, se construyen argumentos sólidos que tienen un autoridad aparentemente más fuerte. Esto abre preguntas éticas para el oficio.<br />
<br />
Ben Fry, diseñador gráfico e informático, desarrolla una metodología en [http://benfry.com/phd/ Computational Information Desig], su tesis doctoral, en la que plantea 7 pasos para construir la visualización:<br />
<br />
#Hacking - Informática<br />
##Adquisición, qué es y cómo se obtiene el dato. El dato es el reflejo de un instrumento, tiene relación con la herramienta con que se extrae. Ocurrirá constantemente que obtener los datos no es fácil, no estan completamente disponibles, por lo que hay que utilizar otros métodos, a la fuerza, para sacarlos.<br />
##Análisis de los datos obtenidos.<br />
#Matemáticas - Estadística<br />
##Filtrado, en el que se saca lo no relevante, lo que sobra.<br />
##Minería, cuando existe demasiada información hay que destacar lo relevante de ella, hallar el oro, se interroga al cuerpo de datos.<br />
#Diseño Gráfico, en esta etapa comienza el cambio de lo cuantitativo a lo cualitativo, es el salto que construye la visualización.<br />
##Representación, se escoge una gramática y se establecen criterios para darle forma a los datos.<br />
##Refinación, ajustes.<br />
##Interacción, si es la visualización vive en el soporte digital, ya no es un poster, una lámina, se transforma en herramienta de descubrimiento para el que la esta usando.<br />
<br />
# '''Inteligencia Poética'''<br>Abstracción semántica y espacial, <br />
# '''Inteligencia Técnica'''<br>Abstracción sistemática, esta más ligada al diseño de software y a las matemáticas, matemáticas como lenguaje abstracto.<br />
# '''Inteligencia Retórica'''<br>Abstracción simbólica, esta es la pregunta a la que se dirigen los datos, la visualización.<br />
# '''Inteligencia Dialéctica'''<br>Abstracción ontológica, refinación entre vacíos, "verdad" entre las personas.<br />
<br />
La visualización tiene tanto del lado divergente como convergente, es un pregunta que vive en los dos espacios, el de los datos "duros" y el de lo que se hace con eso, lo plástico.<br />
<br />
==Hitos en la historia de la visualización de datos==<br />
<br />
A continuación se muestran hitos en la historia de la visualización de datos, que provocan un giro en la percepción del mundo, a una medida abstracta de el.<br />
Vivimos en una época donde se ha comprimido el espacio tiempo.<br />
<br />
===La grilla de Ptolomeo; Mercator===<br />
<br />
Se realiza una primera imagen del mundo, a partir de una grilla que vincula coordenadas.<br />
Establece una '''coreografía'''; donde el dibujo es sensible de los terrenos, del espacio, donde se privilegian los datos.<br />
Los datos se van tejiendo en una notación espacial.<br />
La '''coreografía''' es distinta de la '''cartografía'''; que es una imagen del total, tiene inferencias. Leyes sistemáticas.<br />
<br />
La grilla Ptolomeica deformada, es la primera vez que se tienen una imagen de un total; principio de la visualización de datos.<br />
Tiene una racionalización cartesiana; una persona hace el trabajo mental para volver a configurarlo.<br />
Todas las ideas son formas de control.<br />
<br />
===Minard Map por Charles Joseph Minard===<br />
En el contexto de guerras napoleónicas, campañas en las que les fue mal. Minard estableció una potente capacidad de síntesis y resolución de muchos datos como: mapa cartográfico, dirección del ejército, los hitos, gráfico de temperaturas, tropas, entre otros.<br />
Es un gran referente de un hito gráfico.<br />
<br />
[http://www.edwardtufte.com/tufte/minard Minard Map]<br />
<br />
===Mapa de muertes a causa del cólera por John Snow===<br />
El contexto es un brote de muertes y se registran por día, se encontraban todos los datos, pero éstos estaban ordenados cronológicamente. Snow los ordena por espacio, y cada raya es una muerte en la dirección señalada. Entonces se descubre que las muertes se organizaban en torno a la bomba de agua.<br />
A partir de otra forma de ver la información, se logra encontrar la causa de las cóleras. O sea, la visualización de información es un instrumento para conocer la realidad.<br />
<br />
[http://www.ph.ucla.edu/epi/snow/snowmap1_1854_lge.htm Map of Cholera]<br />
<br />
==Rerefencias==<br />
<br />
* [http://www-958.ibm.com/software/data/cognos/manyeyes/ Many Eyes]<br />
* [http://www.edwardtufte.com Edward Tufte]<br />
<br />
==Ejemplos de autores y sus trabajos==<br />
*[http://bewitched.com/ Martin Wattemberg]<br />
*[http://www.flong.com Golan Levin]<br />
*[http://jtnimoy.net/ Josh Nimoy]<br />
*[http://www.number27.org/index.html Jonathan Harris]<br />
<br />
==Gramáticas==<br />
A continuación se presentan las distintas formas existentes en las que se pueden presentar los datos. En ellas se distingue la familia o categoría de la que proviene, sus dimensiones y sus usos.<br />
<br />
Ejemplos y familias de gramáticas se pueden encontrar en [http://www.visual-literacy.org/periodic_table/periodic_table.html A Periodic Table of Visualization Methods].<br />
<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Cursos Relacionados::{{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
<br />
==Preguntas para Visualizar==<br />
===¿Qué proyección tienen las distintas realidades?===<br />
<br />
Se presenta el universo total de alumnos con respecto a los tipos de establecimientos educacionales secundarios y su respectivo proceso desde que se '''inscriben''' para dar la Prueba de Selección Universitaria (PSU), aquellos que efectivamente la '''rinden''', los que '''postulan''' (mínimo 450 puntos promedio entre las pruebas de Lenguaje y Comunicación y Matemáticas), los '''seleccionados''' (acto por medio del cual un postulante queda en condiciones de matricularse, en razón de sus puntajes), hasta aquellos que finalmente quedan '''matriculados''' en distintas Universidades del Consejo de Rectores.<br />
<br />
====Fuentes====<br />
*[http://www.demre.cl/flash/compendio_web2011/index.html Compendio Estadístico Proceso de Admisión Año Académico 2011]<br />
*[http://www.demre.cl/text/pdf/p2010/Compendio%202010.pdf Compendio Estadístico Proceso de Admisión Año Académico 2010]<br />
*[http://www.demre.cl/text/pdf/p2009/Compendio2009.pdf Compendio Estadístico Proceso de Admisión Año Académico 2009]<br />
*[http://www.demre.cl/text/doc_anexos/compendio_2008.pdf Compendio Estadístico Proceso de Admisión Año Académico 2008]<br />
*[http://www.demre.cl/text/pdf/p2007/Compendio_2007.pdf Compendio Estadístico Proceso de Admisión Año Académico 2007]<br />
<br />
===¿Cual es la efectividad de los beneficios estudiantiles?===<br />
<br />
A partir del total de los alumnos de educación superior en universidades tradicionales, privadas, centros de formación técnica e institutos profesionales, se pretender mostrar los alumnos beneficiados, identificando las distintas becas y créditos, y cómo éstos últimos van evolucionando respecto a la deuda de las personas, para luego comprobar la efectividad de los beneficios estudiantiles.<br />
<br />
====Fuentes====<br />
*[http://www.cned.cl/public/Secciones/SeccionIndicesEstadisticas/indices_estadisticas_aporte_fiscal.aspx CNE Estadísticas Ayudas Estudiantiles 2008]<br />
*[http://ww2.ingresa.cl/estadisticas/ INGRESA Estadísticas Crédito con aval del Estado]<br />
<br />
===¿Cual es la relación entre el costo de la carrera y el arancel de referencia?===<br />
<br />
===¿Podemos hablar de movilidad social en educación?===<br />
==Proyectos==<br />
{{#ask: [[Categoría:Proyecto]] [[Cursos Relacionados::{{PAGENAME}}]]<br />
|?Alumnos<br />
|format=ol<br />
|}}<br />
<br />
===Láminas Proyecto Final===<br />
<gallery><br />
Imagen:Como es la relación entre el gasto publico en educación y la deserción escolar.png|[[Macarena Álamos R|Macarena Álamos R]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Como%20es%20la%20relación%20entre%20el%20gasto%20publico%20en%20educación%20y%20la%20deserción%20escolar.pdf Ver Lámina PDF]'''<br />
Imagen:Proyecto_grafica_digital_2011_joaquin_martel-.png|[[Joaquín Martel|Joaquín Martel]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Proyecto_grafica_digital_2011_joaquin_martel_PDF.pdf Ver Lámina PDF]'''<br />
Imagen:Agongora visualizacionenergia.png|[[Antonia Góngora|Antonia Góngora]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Agongora_laminavisualizacionenergia.pdf Ver Lámina PDF]'''<br />
Archivo:Jaime Perez Grafica Digital - Cuanto han variado los resultados PSU.png|[[Jaime Pérez Moena|Jaime Pérez Moena]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Jaime_Perez_-_Lamina_Grafica_Digital_2011.pdf Ver Lámina PDF]'''<br />
Archivo:Visualizacion-migracion graficadigital2011 BegoñaVargas.png|[[Begoña Vargas|Begoña Vargas]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Visualizacion-migracion_graficadigital2011_Bego%C3%B1aVargas.pdf Ver Lámina PDF]'''<br />
Imagen:KCarrera_LaminaGraficaDigital.jpg|[[Karen Carrera|Karen Carrera]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:KCarrera_LaminaGraficaDigital_pdf.pdf Ver Lámina PDF]'''<br />
Imagen:Láminagrafica vceron-01.png|[[Valeria Cerón | Valeria Cerón]]|'''[http://wiki.ead.pucv.cl/index.php/Archivo:Visualizacion_SeleccionCarreras_vceron.pdf Ver Lámina PDF]'''<br />
</gallery><br />
<br />
==Bibliografía==<br />
* [[Computational Information Design]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Gr%C3%A1fica_Digital_2011&diff=143818Gráfica Digital 20112011-11-22T02:48:31Z<p>Valeuche: /* Láminas Proyecto Final */</p>
<hr />
<div>{{Curso<br />
|Asignaturas Relacionadas=Gráfica Digital<br />
|Año=2011<br />
|Tipo de Curso=Ramo Lectivo<br />
|Talleres=DG 4º<br />
|Profesores=Herbert Spencer<br />
|Alumnos= Begoña Vargas, Joaquín Martel, Jaime Pérez Moena, Karen Carrera,Macarena Álamos R, Antonia Góngora, Andrea Cifuentes, Diego Reyes, Valeria Cerón<br />
|Palabras Clave=software, interfaz gráfica, processing, dibujo<br />
|Carreras Relacionadas=Diseño Gráfico<br />
}}<br />
<br />
==Introducción==<br />
Un fuerte problema del diseño gráfico, es la idea de los SKINS.<br />
<br />
La estructura que se diseña, tiene distintas capas de apropiación y personalización, donde existen superficies lisas en un espacio de esta estructura para que la gente se apropie de ella, como por ejemplo los notebook, que proporcionan la posibilidad de adherirle una capa gráfica personalizada.<br />
<br />
Esa situación dispone al Diseño Gráfico en la capa más superficial de todas, ya que es algo que se puede cambiar, reemplazar o desechar fácilmente, dándole un carácter cosmético, siendo que el Diseño propiamente tal aborda temas más profundos.<br />
<br />
Un ejemplo controversial del año 2003, es proyecto del sitio [http://www.csszengarden.com/tr/espanol/ Zen Garden], donde se disponen más de 100 estilos de páginas por medio de su estructura en HTML para un mismo contenido.<br />
<br />
La implicancias más grandes que tiene esto corresponden a la forma y el contenido, ya que se necesita una estructura para poder juntar ambos ítemes, y en el sitio antes nombrado, la forma no propone relación con el contenido.<br />
<br />
¿Qué fue lo que sucedió después de esto? comenzó a abogarse por estándares web, lo que provocó que un grupo de diseñadores encabezara un movimiento en forma de respuesta a esta forma de mostrar el diseño.<br />
<br />
==Referencia de Talleres Anteriores==<br />
<br />
Con respecto a los proyectos que se han realizado en este curso años anteriores, se han enfocado en un primer momento al desarrollo de propuestas con cascadas de estilos (css). <br />
<br />
El 2007 se trabajó sobre proyectos para móviles, algo más parecido al diseño de interacción. En esta ocasión se medita sobre oportunidades para poder desarrollar servicios, dónde la pantalla es soporte y se piensa la gráfica como una expresión de un lenguaje digital, dónde caben las cosas que no puedo hacer a mano. ¿Para qué voy a usar un procesador para hacer algo parecido a lo que no es?<br />
<br />
Un buen ejemplo de esto es [http://www.dubberly.com/concept-maps/3x4grid.html The 892 unique ways to partition a 3 x 4 grid]<br />
programa que construye todas las posibilidades de grilla 3 x 4 de forma clasificada. Este caso corresponde a una situación donde el procesador como máquina tiene una realidad, una razón de ser, una propiedad.<br />
<br />
==Visualización de Datos==<br />
<br />
La computadora computa, nosotros dibujamos: ¿qué podemos hacer al respecto?<br />
<br />
La visualización de la información, prácticas y métodos, comprendidas desde un punto más amplio, tiene que ver con la imagen generada por el computador.<br />
<br />
'''¿Qué es?''' <br />
<br />
Básicamente construcción de comunicación. Tiene que ver con procesar grandes corpus de datos. Estos modelos son modelos que no están generados análogamente de acuerdo a la comprensión de un individuo, si no que de acuerdo a una gramática. Definir las perillas y el movimiento fino para generar algo que se lea. El modelo trata de ser el argumento que llega a otro.<br />
<br />
Vamos a hacer una máquina de hacer modelos visuales o herramientas de argumentos gráficos a partir de una historia que mirar. Para visualizar los datos, hay que hacerse una pregunta. Si no tengo una pregunta es muy difícil que lo pueda ver.<br />
<br />
Esto corresponde a una herramienta política ya que lo que uno construye son argumentos y tienen potencia de construcciones políticas de la realidad a partir de la pregunta que yo mismo quiero ver. Yo tengo una pre-concepción del mundo y la estoy haciendo extensiva a mis congéneres.<br />
<br />
==Sobre el Encargo==<br />
<br />
¿Cuáles son los lenguajes de representación? <br />
<br />
La Primera Tarea consiste en que cada uno encuentre/elija un lenguaje de representación, que quede documentado con ejemplos en esta misma wiki.<br />
<br />
Estos lenguajes tienen un poco que ver con las metáforas visuales. La idea es comenzar a tener una teoría de cuales son las gramáticas y para que cosas sirven, definir esta la gramática para poder definir una forma de visualización.<br />
<br />
==Ejemplos==<br />
<br />
Un ejemplo de gramática visual es la de [http://www.leebyron.com/what/lastfm/ Lee Byron], quien presenta una especie de gráfico de área donde muestra la historia de lo que ha escuchado en Last.Fm. La potencia de las visualizaciones corresponde a esa áurea que muestran la información de manera neutral. En este ejemplo se define que es lo que se quiere representar y se adjunta a una gramática, se trata de encontrar una situación nueva, para emparejarla con una metáfora correspondiente.<br />
<br />
Otro ejemplo corresponde al diccionario [http://www.visualthesaurus.com/ Visual Thesaurus], diccionario de sinónimos, donde cada palabra tiene una cantidad de sinónimos, de las cuales algunas, aun siendo sinónimas, tienen definiciones diferentes entre ellas. Esta situación define la proximidad de las cosas: cada palabra tiene un anillo en torno al él, otra palabra tiene el suyo y de esa manera se interceptan disponiendo la posibilidad de navegar entre ellos. Este ejemplo también considera la variable del idioma, de manera que se pueda sobreponer uno sobre otro y establecer nuevas lecturas.<br />
<br />
[http://www.theyrule.net/ They Rule] es otra forma de visualización de datos, pero también de descubrimiento, en este sitio se muestra la representación de cada gran empresa con un anillo de directores. <br />
<br />
De otras maneras los datos también se dirigen hacia mapas, esferas de realidad, espacio mustela, como la obra de arte de Jack Lombardi, que tiene que ver con la venta de armas y petróleo. <br />
<br />
El problema de la visualización de datos existe ya que esta grafía corresponde a una herramienta para llegar a una verdad. Un ejemplo de esto es cuenco se combina el poder de la computación más la elocuencia gráfica para encontrar el responsable de un crimen.<br />
<br />
Nosotros queremos hacer máquinas visuales.<br />
<br />
Otros ejemplos son el reloj que vimos que se compone de el escaneo de una brecha de majen, ejemplo que muestra una buena relación biyectiva.<br />
<br />
El ejemplo de stacy greene`s lipsticks (1981) da pie para pensar en instancias donde hay una colección de cosas con las que uno puede establecer correspondencia a otra realidad que no está presente, pero que deja una huella. "Small Multiplies". Tiene mucha información de algo que está tomado de la cartera simplemente, ordenado bajo un criterio que está revelando algo y se tiene la astucia para reunir cosas que no están.<br />
<br />
Otros ejemplos a investigar:<br />
<br />
* Lobachevsky<br />
*[http://www.smartmoney.com/ Smart Money]<br />
*Jason Salavon<br />
*Caras de Chernoff<br />
<br />
Comparto el siguiente documento: [http://www.estudiosvisuales.net/revista/pdf/num5/manocivh_visualizacion.pdf La visualización de datos como nueva abstracción y antisublime] de Lev Manovich<br />
<br />
{{#widget:SlideShare<br />
|doc=visualizacindeinformacin-100408195301-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
--[[Usuario:Maca.alamos|Maca.alamos]] 20:05 16 jun 2011 (CLT)<br />
<br />
==Metodología==<br />
<br />
Construir visualizaciones es construir una máquina gráfica. Existen leyes de correspondencia para permutar datos por valores visuales. Se pasa de algo cuantitativo a lo cualitativo logrando hacer aparecer el relato que estaba oculto. Es por esto que se trata de un diseño de segundo orden, se crean maquinas que diseñaran las visualizaciones.<br />
<br />
Matemáticamente corresponde a una función inyectiva, de la tabla con los datos puedo ir a la visualización pero difícilmente me puedo devolver. Es un algoritmo.<br />
<br />
Culturalmente corresponde a una herramienta de persuasión, se construyen argumentos sólidos que tienen un autoridad aparentemente más fuerte. Esto abre preguntas éticas para el oficio.<br />
<br />
Ben Fry, diseñador gráfico e informático, desarrolla una metodología en [http://benfry.com/phd/ Computational Information Desig], su tesis doctoral, en la que plantea 7 pasos para construir la visualización:<br />
<br />
#Hacking - Informática<br />
##Adquisición, qué es y cómo se obtiene el dato. El dato es el reflejo de un instrumento, tiene relación con la herramienta con que se extrae. Ocurrirá constantemente que obtener los datos no es fácil, no estan completamente disponibles, por lo que hay que utilizar otros métodos, a la fuerza, para sacarlos.<br />
##Análisis de los datos obtenidos.<br />
#Matemáticas - Estadística<br />
##Filtrado, en el que se saca lo no relevante, lo que sobra.<br />
##Minería, cuando existe demasiada información hay que destacar lo relevante de ella, hallar el oro, se interroga al cuerpo de datos.<br />
#Diseño Gráfico, en esta etapa comienza el cambio de lo cuantitativo a lo cualitativo, es el salto que construye la visualización.<br />
##Representación, se escoge una gramática y se establecen criterios para darle forma a los datos.<br />
##Refinación, ajustes.<br />
##Interacción, si es la visualización vive en el soporte digital, ya no es un poster, una lámina, se transforma en herramienta de descubrimiento para el que la esta usando.<br />
<br />
# '''Inteligencia Poética'''<br>Abstracción semántica y espacial, <br />
# '''Inteligencia Técnica'''<br>Abstracción sistemática, esta más ligada al diseño de software y a las matemáticas, matemáticas como lenguaje abstracto.<br />
# '''Inteligencia Retórica'''<br>Abstracción simbólica, esta es la pregunta a la que se dirigen los datos, la visualización.<br />
# '''Inteligencia Dialéctica'''<br>Abstracción ontológica, refinación entre vacíos, "verdad" entre las personas.<br />
<br />
La visualización tiene tanto del lado divergente como convergente, es un pregunta que vive en los dos espacios, el de los datos "duros" y el de lo que se hace con eso, lo plástico.<br />
<br />
==Hitos en la historia de la visualización de datos==<br />
<br />
A continuación se muestran hitos en la historia de la visualización de datos, que provocan un giro en la percepción del mundo, a una medida abstracta de el.<br />
Vivimos en una época donde se ha comprimido el espacio tiempo.<br />
<br />
===La grilla de Ptolomeo; Mercator===<br />
<br />
Se realiza una primera imagen del mundo, a partir de una grilla que vincula coordenadas.<br />
Establece una '''coreografía'''; donde el dibujo es sensible de los terrenos, del espacio, donde se privilegian los datos.<br />
Los datos se van tejiendo en una notación espacial.<br />
La '''coreografía''' es distinta de la '''cartografía'''; que es una imagen del total, tiene inferencias. Leyes sistemáticas.<br />
<br />
La grilla Ptolomeica deformada, es la primera vez que se tienen una imagen de un total; principio de la visualización de datos.<br />
Tiene una racionalización cartesiana; una persona hace el trabajo mental para volver a configurarlo.<br />
Todas las ideas son formas de control.<br />
<br />
===Minard Map por Charles Joseph Minard===<br />
En el contexto de guerras napoleónicas, campañas en las que les fue mal. Minard estableció una potente capacidad de síntesis y resolución de muchos datos como: mapa cartográfico, dirección del ejército, los hitos, gráfico de temperaturas, tropas, entre otros.<br />
Es un gran referente de un hito gráfico.<br />
<br />
[http://www.edwardtufte.com/tufte/minard Minard Map]<br />
<br />
===Mapa de muertes a causa del cólera por John Snow===<br />
El contexto es un brote de muertes y se registran por día, se encontraban todos los datos, pero éstos estaban ordenados cronológicamente. Snow los ordena por espacio, y cada raya es una muerte en la dirección señalada. Entonces se descubre que las muertes se organizaban en torno a la bomba de agua.<br />
A partir de otra forma de ver la información, se logra encontrar la causa de las cóleras. O sea, la visualización de información es un instrumento para conocer la realidad.<br />
<br />
[http://www.ph.ucla.edu/epi/snow/snowmap1_1854_lge.htm Map of Cholera]<br />
<br />
==Rerefencias==<br />
<br />
* [http://www-958.ibm.com/software/data/cognos/manyeyes/ Many Eyes]<br />
* [http://www.edwardtufte.com Edward Tufte]<br />
<br />
==Ejemplos de autores y sus trabajos==<br />
*[http://bewitched.com/ Martin Wattemberg]<br />
*[http://www.flong.com Golan Levin]<br />
*[http://jtnimoy.net/ Josh Nimoy]<br />
*[http://www.number27.org/index.html Jonathan Harris]<br />
<br />
==Gramáticas==<br />
A continuación se presentan las distintas formas existentes en las que se pueden presentar los datos. En ellas se distingue la familia o categoría de la que proviene, sus dimensiones y sus usos.<br />
<br />
Ejemplos y familias de gramáticas se pueden encontrar en [http://www.visual-literacy.org/periodic_table/periodic_table.html A Periodic Table of Visualization Methods].<br />
<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Cursos Relacionados::{{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
<br />
==Preguntas para Visualizar==<br />
===¿Qué proyección tienen las distintas realidades?===<br />
<br />
Se presenta el universo total de alumnos con respecto a los tipos de establecimientos educacionales secundarios y su respectivo proceso desde que se '''inscriben''' para dar la Prueba de Selección Universitaria (PSU), aquellos que efectivamente la '''rinden''', los que '''postulan''' (mínimo 450 puntos promedio entre las pruebas de Lenguaje y Comunicación y Matemáticas), los '''seleccionados''' (acto por medio del cual un postulante queda en condiciones de matricularse, en razón de sus puntajes), hasta aquellos que finalmente quedan '''matriculados''' en distintas Universidades del Consejo de Rectores.<br />
<br />
====Fuentes====<br />
*[http://www.demre.cl/flash/compendio_web2011/index.html Compendio Estadístico Proceso de Admisión Año Académico 2011]<br />
*[http://www.demre.cl/text/pdf/p2010/Compendio%202010.pdf Compendio Estadístico Proceso de Admisión Año Académico 2010]<br />
*[http://www.demre.cl/text/pdf/p2009/Compendio2009.pdf Compendio Estadístico Proceso de Admisión Año Académico 2009]<br />
*[http://www.demre.cl/text/doc_anexos/compendio_2008.pdf Compendio Estadístico Proceso de Admisión Año Académico 2008]<br />
*[http://www.demre.cl/text/pdf/p2007/Compendio_2007.pdf Compendio Estadístico Proceso de Admisión Año Académico 2007]<br />
<br />
===¿Cual es la efectividad de los beneficios estudiantiles?===<br />
<br />
A partir del total de los alumnos de educación superior en universidades tradicionales, privadas, centros de formación técnica e institutos profesionales, se pretender mostrar los alumnos beneficiados, identificando las distintas becas y créditos, y cómo éstos últimos van evolucionando respecto a la deuda de las personas, para luego comprobar la efectividad de los beneficios estudiantiles.<br />
<br />
====Fuentes====<br />
*[http://www.cned.cl/public/Secciones/SeccionIndicesEstadisticas/indices_estadisticas_aporte_fiscal.aspx CNE Estadísticas Ayudas Estudiantiles 2008]<br />
*[http://ww2.ingresa.cl/estadisticas/ INGRESA Estadísticas Crédito con aval del Estado]<br />
<br />
===¿Cual es la relación entre el costo de la carrera y el arancel de referencia?===<br />
<br />
===¿Podemos hablar de movilidad social en educación?===<br />
==Proyectos==<br />
{{#ask: [[Categoría:Proyecto]] [[Cursos Relacionados::{{PAGENAME}}]]<br />
|?Alumnos<br />
|format=ol<br />
|}}<br />
<br />
===Láminas Proyecto Final===<br />
<gallery><br />
Imagen:Como es la relación entre el gasto publico en educación y la deserción escolar.png|[[Macarena Álamos R|Macarena Álamos R]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Como%20es%20la%20relación%20entre%20el%20gasto%20publico%20en%20educación%20y%20la%20deserción%20escolar.pdf Ver Lámina PDF]'''<br />
Imagen:Proyecto_grafica_digital_2011_joaquin_martel-.png|[[Joaquín Martel|Joaquín Martel]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Proyecto_grafica_digital_2011_joaquin_martel_PDF.pdf Ver Lámina PDF]'''<br />
Imagen:Agongora visualizacionenergia.png|[[Antonia Góngora|Antonia Góngora]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Agongora_laminavisualizacionenergia.pdf Ver Lámina PDF]'''<br />
Archivo:Jaime Perez Grafica Digital - Cuanto han variado los resultados PSU.png|[[Jaime Pérez Moena|Jaime Pérez Moena]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Jaime_Perez_-_Lamina_Grafica_Digital_2011.pdf Ver Lámina PDF]'''<br />
Archivo:Visualizacion-migracion graficadigital2011 BegoñaVargas.png|[[Begoña Vargas|Begoña Vargas]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Visualizacion-migracion_graficadigital2011_Bego%C3%B1aVargas.pdf Ver Lámina PDF]'''<br />
Imagen:KCarrera_LaminaGraficaDigital.jpg|[[Karen Carrera|Karen Carrera]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:KCarrera_LaminaGraficaDigital_pdf.pdf Ver Lámina PDF]'''<br />
Imagen:Láminagrafica vceron-01.png|[[Valeria Cerón|Valeria Cerón]]|'''[http://wiki.ead.pucv.cl/index.php/Archivo:Visualizacion_SeleccionCarreras_vceron.pdf Ver Lámina PDF]'''<br />
</gallery><br />
<br />
==Bibliografía==<br />
* [[Computational Information Design]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Gr%C3%A1fica_Digital_2011&diff=143817Gráfica Digital 20112011-11-22T02:48:13Z<p>Valeuche: /* Láminas Proyecto Final */</p>
<hr />
<div>{{Curso<br />
|Asignaturas Relacionadas=Gráfica Digital<br />
|Año=2011<br />
|Tipo de Curso=Ramo Lectivo<br />
|Talleres=DG 4º<br />
|Profesores=Herbert Spencer<br />
|Alumnos= Begoña Vargas, Joaquín Martel, Jaime Pérez Moena, Karen Carrera,Macarena Álamos R, Antonia Góngora, Andrea Cifuentes, Diego Reyes, Valeria Cerón<br />
|Palabras Clave=software, interfaz gráfica, processing, dibujo<br />
|Carreras Relacionadas=Diseño Gráfico<br />
}}<br />
<br />
==Introducción==<br />
Un fuerte problema del diseño gráfico, es la idea de los SKINS.<br />
<br />
La estructura que se diseña, tiene distintas capas de apropiación y personalización, donde existen superficies lisas en un espacio de esta estructura para que la gente se apropie de ella, como por ejemplo los notebook, que proporcionan la posibilidad de adherirle una capa gráfica personalizada.<br />
<br />
Esa situación dispone al Diseño Gráfico en la capa más superficial de todas, ya que es algo que se puede cambiar, reemplazar o desechar fácilmente, dándole un carácter cosmético, siendo que el Diseño propiamente tal aborda temas más profundos.<br />
<br />
Un ejemplo controversial del año 2003, es proyecto del sitio [http://www.csszengarden.com/tr/espanol/ Zen Garden], donde se disponen más de 100 estilos de páginas por medio de su estructura en HTML para un mismo contenido.<br />
<br />
La implicancias más grandes que tiene esto corresponden a la forma y el contenido, ya que se necesita una estructura para poder juntar ambos ítemes, y en el sitio antes nombrado, la forma no propone relación con el contenido.<br />
<br />
¿Qué fue lo que sucedió después de esto? comenzó a abogarse por estándares web, lo que provocó que un grupo de diseñadores encabezara un movimiento en forma de respuesta a esta forma de mostrar el diseño.<br />
<br />
==Referencia de Talleres Anteriores==<br />
<br />
Con respecto a los proyectos que se han realizado en este curso años anteriores, se han enfocado en un primer momento al desarrollo de propuestas con cascadas de estilos (css). <br />
<br />
El 2007 se trabajó sobre proyectos para móviles, algo más parecido al diseño de interacción. En esta ocasión se medita sobre oportunidades para poder desarrollar servicios, dónde la pantalla es soporte y se piensa la gráfica como una expresión de un lenguaje digital, dónde caben las cosas que no puedo hacer a mano. ¿Para qué voy a usar un procesador para hacer algo parecido a lo que no es?<br />
<br />
Un buen ejemplo de esto es [http://www.dubberly.com/concept-maps/3x4grid.html The 892 unique ways to partition a 3 x 4 grid]<br />
programa que construye todas las posibilidades de grilla 3 x 4 de forma clasificada. Este caso corresponde a una situación donde el procesador como máquina tiene una realidad, una razón de ser, una propiedad.<br />
<br />
==Visualización de Datos==<br />
<br />
La computadora computa, nosotros dibujamos: ¿qué podemos hacer al respecto?<br />
<br />
La visualización de la información, prácticas y métodos, comprendidas desde un punto más amplio, tiene que ver con la imagen generada por el computador.<br />
<br />
'''¿Qué es?''' <br />
<br />
Básicamente construcción de comunicación. Tiene que ver con procesar grandes corpus de datos. Estos modelos son modelos que no están generados análogamente de acuerdo a la comprensión de un individuo, si no que de acuerdo a una gramática. Definir las perillas y el movimiento fino para generar algo que se lea. El modelo trata de ser el argumento que llega a otro.<br />
<br />
Vamos a hacer una máquina de hacer modelos visuales o herramientas de argumentos gráficos a partir de una historia que mirar. Para visualizar los datos, hay que hacerse una pregunta. Si no tengo una pregunta es muy difícil que lo pueda ver.<br />
<br />
Esto corresponde a una herramienta política ya que lo que uno construye son argumentos y tienen potencia de construcciones políticas de la realidad a partir de la pregunta que yo mismo quiero ver. Yo tengo una pre-concepción del mundo y la estoy haciendo extensiva a mis congéneres.<br />
<br />
==Sobre el Encargo==<br />
<br />
¿Cuáles son los lenguajes de representación? <br />
<br />
La Primera Tarea consiste en que cada uno encuentre/elija un lenguaje de representación, que quede documentado con ejemplos en esta misma wiki.<br />
<br />
Estos lenguajes tienen un poco que ver con las metáforas visuales. La idea es comenzar a tener una teoría de cuales son las gramáticas y para que cosas sirven, definir esta la gramática para poder definir una forma de visualización.<br />
<br />
==Ejemplos==<br />
<br />
Un ejemplo de gramática visual es la de [http://www.leebyron.com/what/lastfm/ Lee Byron], quien presenta una especie de gráfico de área donde muestra la historia de lo que ha escuchado en Last.Fm. La potencia de las visualizaciones corresponde a esa áurea que muestran la información de manera neutral. En este ejemplo se define que es lo que se quiere representar y se adjunta a una gramática, se trata de encontrar una situación nueva, para emparejarla con una metáfora correspondiente.<br />
<br />
Otro ejemplo corresponde al diccionario [http://www.visualthesaurus.com/ Visual Thesaurus], diccionario de sinónimos, donde cada palabra tiene una cantidad de sinónimos, de las cuales algunas, aun siendo sinónimas, tienen definiciones diferentes entre ellas. Esta situación define la proximidad de las cosas: cada palabra tiene un anillo en torno al él, otra palabra tiene el suyo y de esa manera se interceptan disponiendo la posibilidad de navegar entre ellos. Este ejemplo también considera la variable del idioma, de manera que se pueda sobreponer uno sobre otro y establecer nuevas lecturas.<br />
<br />
[http://www.theyrule.net/ They Rule] es otra forma de visualización de datos, pero también de descubrimiento, en este sitio se muestra la representación de cada gran empresa con un anillo de directores. <br />
<br />
De otras maneras los datos también se dirigen hacia mapas, esferas de realidad, espacio mustela, como la obra de arte de Jack Lombardi, que tiene que ver con la venta de armas y petróleo. <br />
<br />
El problema de la visualización de datos existe ya que esta grafía corresponde a una herramienta para llegar a una verdad. Un ejemplo de esto es cuenco se combina el poder de la computación más la elocuencia gráfica para encontrar el responsable de un crimen.<br />
<br />
Nosotros queremos hacer máquinas visuales.<br />
<br />
Otros ejemplos son el reloj que vimos que se compone de el escaneo de una brecha de majen, ejemplo que muestra una buena relación biyectiva.<br />
<br />
El ejemplo de stacy greene`s lipsticks (1981) da pie para pensar en instancias donde hay una colección de cosas con las que uno puede establecer correspondencia a otra realidad que no está presente, pero que deja una huella. "Small Multiplies". Tiene mucha información de algo que está tomado de la cartera simplemente, ordenado bajo un criterio que está revelando algo y se tiene la astucia para reunir cosas que no están.<br />
<br />
Otros ejemplos a investigar:<br />
<br />
* Lobachevsky<br />
*[http://www.smartmoney.com/ Smart Money]<br />
*Jason Salavon<br />
*Caras de Chernoff<br />
<br />
Comparto el siguiente documento: [http://www.estudiosvisuales.net/revista/pdf/num5/manocivh_visualizacion.pdf La visualización de datos como nueva abstracción y antisublime] de Lev Manovich<br />
<br />
{{#widget:SlideShare<br />
|doc=visualizacindeinformacin-100408195301-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
--[[Usuario:Maca.alamos|Maca.alamos]] 20:05 16 jun 2011 (CLT)<br />
<br />
==Metodología==<br />
<br />
Construir visualizaciones es construir una máquina gráfica. Existen leyes de correspondencia para permutar datos por valores visuales. Se pasa de algo cuantitativo a lo cualitativo logrando hacer aparecer el relato que estaba oculto. Es por esto que se trata de un diseño de segundo orden, se crean maquinas que diseñaran las visualizaciones.<br />
<br />
Matemáticamente corresponde a una función inyectiva, de la tabla con los datos puedo ir a la visualización pero difícilmente me puedo devolver. Es un algoritmo.<br />
<br />
Culturalmente corresponde a una herramienta de persuasión, se construyen argumentos sólidos que tienen un autoridad aparentemente más fuerte. Esto abre preguntas éticas para el oficio.<br />
<br />
Ben Fry, diseñador gráfico e informático, desarrolla una metodología en [http://benfry.com/phd/ Computational Information Desig], su tesis doctoral, en la que plantea 7 pasos para construir la visualización:<br />
<br />
#Hacking - Informática<br />
##Adquisición, qué es y cómo se obtiene el dato. El dato es el reflejo de un instrumento, tiene relación con la herramienta con que se extrae. Ocurrirá constantemente que obtener los datos no es fácil, no estan completamente disponibles, por lo que hay que utilizar otros métodos, a la fuerza, para sacarlos.<br />
##Análisis de los datos obtenidos.<br />
#Matemáticas - Estadística<br />
##Filtrado, en el que se saca lo no relevante, lo que sobra.<br />
##Minería, cuando existe demasiada información hay que destacar lo relevante de ella, hallar el oro, se interroga al cuerpo de datos.<br />
#Diseño Gráfico, en esta etapa comienza el cambio de lo cuantitativo a lo cualitativo, es el salto que construye la visualización.<br />
##Representación, se escoge una gramática y se establecen criterios para darle forma a los datos.<br />
##Refinación, ajustes.<br />
##Interacción, si es la visualización vive en el soporte digital, ya no es un poster, una lámina, se transforma en herramienta de descubrimiento para el que la esta usando.<br />
<br />
# '''Inteligencia Poética'''<br>Abstracción semántica y espacial, <br />
# '''Inteligencia Técnica'''<br>Abstracción sistemática, esta más ligada al diseño de software y a las matemáticas, matemáticas como lenguaje abstracto.<br />
# '''Inteligencia Retórica'''<br>Abstracción simbólica, esta es la pregunta a la que se dirigen los datos, la visualización.<br />
# '''Inteligencia Dialéctica'''<br>Abstracción ontológica, refinación entre vacíos, "verdad" entre las personas.<br />
<br />
La visualización tiene tanto del lado divergente como convergente, es un pregunta que vive en los dos espacios, el de los datos "duros" y el de lo que se hace con eso, lo plástico.<br />
<br />
==Hitos en la historia de la visualización de datos==<br />
<br />
A continuación se muestran hitos en la historia de la visualización de datos, que provocan un giro en la percepción del mundo, a una medida abstracta de el.<br />
Vivimos en una época donde se ha comprimido el espacio tiempo.<br />
<br />
===La grilla de Ptolomeo; Mercator===<br />
<br />
Se realiza una primera imagen del mundo, a partir de una grilla que vincula coordenadas.<br />
Establece una '''coreografía'''; donde el dibujo es sensible de los terrenos, del espacio, donde se privilegian los datos.<br />
Los datos se van tejiendo en una notación espacial.<br />
La '''coreografía''' es distinta de la '''cartografía'''; que es una imagen del total, tiene inferencias. Leyes sistemáticas.<br />
<br />
La grilla Ptolomeica deformada, es la primera vez que se tienen una imagen de un total; principio de la visualización de datos.<br />
Tiene una racionalización cartesiana; una persona hace el trabajo mental para volver a configurarlo.<br />
Todas las ideas son formas de control.<br />
<br />
===Minard Map por Charles Joseph Minard===<br />
En el contexto de guerras napoleónicas, campañas en las que les fue mal. Minard estableció una potente capacidad de síntesis y resolución de muchos datos como: mapa cartográfico, dirección del ejército, los hitos, gráfico de temperaturas, tropas, entre otros.<br />
Es un gran referente de un hito gráfico.<br />
<br />
[http://www.edwardtufte.com/tufte/minard Minard Map]<br />
<br />
===Mapa de muertes a causa del cólera por John Snow===<br />
El contexto es un brote de muertes y se registran por día, se encontraban todos los datos, pero éstos estaban ordenados cronológicamente. Snow los ordena por espacio, y cada raya es una muerte en la dirección señalada. Entonces se descubre que las muertes se organizaban en torno a la bomba de agua.<br />
A partir de otra forma de ver la información, se logra encontrar la causa de las cóleras. O sea, la visualización de información es un instrumento para conocer la realidad.<br />
<br />
[http://www.ph.ucla.edu/epi/snow/snowmap1_1854_lge.htm Map of Cholera]<br />
<br />
==Rerefencias==<br />
<br />
* [http://www-958.ibm.com/software/data/cognos/manyeyes/ Many Eyes]<br />
* [http://www.edwardtufte.com Edward Tufte]<br />
<br />
==Ejemplos de autores y sus trabajos==<br />
*[http://bewitched.com/ Martin Wattemberg]<br />
*[http://www.flong.com Golan Levin]<br />
*[http://jtnimoy.net/ Josh Nimoy]<br />
*[http://www.number27.org/index.html Jonathan Harris]<br />
<br />
==Gramáticas==<br />
A continuación se presentan las distintas formas existentes en las que se pueden presentar los datos. En ellas se distingue la familia o categoría de la que proviene, sus dimensiones y sus usos.<br />
<br />
Ejemplos y familias de gramáticas se pueden encontrar en [http://www.visual-literacy.org/periodic_table/periodic_table.html A Periodic Table of Visualization Methods].<br />
<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Cursos Relacionados::{{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
<br />
==Preguntas para Visualizar==<br />
===¿Qué proyección tienen las distintas realidades?===<br />
<br />
Se presenta el universo total de alumnos con respecto a los tipos de establecimientos educacionales secundarios y su respectivo proceso desde que se '''inscriben''' para dar la Prueba de Selección Universitaria (PSU), aquellos que efectivamente la '''rinden''', los que '''postulan''' (mínimo 450 puntos promedio entre las pruebas de Lenguaje y Comunicación y Matemáticas), los '''seleccionados''' (acto por medio del cual un postulante queda en condiciones de matricularse, en razón de sus puntajes), hasta aquellos que finalmente quedan '''matriculados''' en distintas Universidades del Consejo de Rectores.<br />
<br />
====Fuentes====<br />
*[http://www.demre.cl/flash/compendio_web2011/index.html Compendio Estadístico Proceso de Admisión Año Académico 2011]<br />
*[http://www.demre.cl/text/pdf/p2010/Compendio%202010.pdf Compendio Estadístico Proceso de Admisión Año Académico 2010]<br />
*[http://www.demre.cl/text/pdf/p2009/Compendio2009.pdf Compendio Estadístico Proceso de Admisión Año Académico 2009]<br />
*[http://www.demre.cl/text/doc_anexos/compendio_2008.pdf Compendio Estadístico Proceso de Admisión Año Académico 2008]<br />
*[http://www.demre.cl/text/pdf/p2007/Compendio_2007.pdf Compendio Estadístico Proceso de Admisión Año Académico 2007]<br />
<br />
===¿Cual es la efectividad de los beneficios estudiantiles?===<br />
<br />
A partir del total de los alumnos de educación superior en universidades tradicionales, privadas, centros de formación técnica e institutos profesionales, se pretender mostrar los alumnos beneficiados, identificando las distintas becas y créditos, y cómo éstos últimos van evolucionando respecto a la deuda de las personas, para luego comprobar la efectividad de los beneficios estudiantiles.<br />
<br />
====Fuentes====<br />
*[http://www.cned.cl/public/Secciones/SeccionIndicesEstadisticas/indices_estadisticas_aporte_fiscal.aspx CNE Estadísticas Ayudas Estudiantiles 2008]<br />
*[http://ww2.ingresa.cl/estadisticas/ INGRESA Estadísticas Crédito con aval del Estado]<br />
<br />
===¿Cual es la relación entre el costo de la carrera y el arancel de referencia?===<br />
<br />
===¿Podemos hablar de movilidad social en educación?===<br />
==Proyectos==<br />
{{#ask: [[Categoría:Proyecto]] [[Cursos Relacionados::{{PAGENAME}}]]<br />
|?Alumnos<br />
|format=ol<br />
|}}<br />
<br />
===Láminas Proyecto Final===<br />
<gallery><br />
Imagen:Como es la relación entre el gasto publico en educación y la deserción escolar.png|[[Macarena Álamos R|Macarena Álamos R]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Como%20es%20la%20relación%20entre%20el%20gasto%20publico%20en%20educación%20y%20la%20deserción%20escolar.pdf Ver Lámina PDF]'''<br />
Imagen:Proyecto_grafica_digital_2011_joaquin_martel-.png|[[Joaquín Martel|Joaquín Martel]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Proyecto_grafica_digital_2011_joaquin_martel_PDF.pdf Ver Lámina PDF]'''<br />
Imagen:Agongora visualizacionenergia.png|[[Antonia Góngora|Antonia Góngora]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Agongora_laminavisualizacionenergia.pdf Ver Lámina PDF]'''<br />
Archivo:Jaime Perez Grafica Digital - Cuanto han variado los resultados PSU.png|[[Jaime Pérez Moena|Jaime Pérez Moena]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Jaime_Perez_-_Lamina_Grafica_Digital_2011.pdf Ver Lámina PDF]'''<br />
Archivo:Visualizacion-migracion graficadigital2011 BegoñaVargas.png|[[Begoña Vargas|Begoña Vargas]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Visualizacion-migracion_graficadigital2011_Bego%C3%B1aVargas.pdf Ver Lámina PDF]'''<br />
Imagen:KCarrera_LaminaGraficaDigital.jpg|[[Karen Carrera|Karen Carrera]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:KCarrera_LaminaGraficaDigital_pdf.pdf Ver Lámina PDF]'''<br />
Imagen:Láminagrafica vceron-01.png|[[valeuche|Valeria Cerón]]|'''[http://wiki.ead.pucv.cl/index.php/Archivo:Visualizacion_SeleccionCarreras_vceron.pdf Ver Lámina PDF]'''<br />
</gallery><br />
<br />
==Bibliografía==<br />
* [[Computational Information Design]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Gr%C3%A1fica_Digital_2011&diff=143816Gráfica Digital 20112011-11-22T02:47:47Z<p>Valeuche: /* Láminas Proyecto Final */</p>
<hr />
<div>{{Curso<br />
|Asignaturas Relacionadas=Gráfica Digital<br />
|Año=2011<br />
|Tipo de Curso=Ramo Lectivo<br />
|Talleres=DG 4º<br />
|Profesores=Herbert Spencer<br />
|Alumnos= Begoña Vargas, Joaquín Martel, Jaime Pérez Moena, Karen Carrera,Macarena Álamos R, Antonia Góngora, Andrea Cifuentes, Diego Reyes, Valeria Cerón<br />
|Palabras Clave=software, interfaz gráfica, processing, dibujo<br />
|Carreras Relacionadas=Diseño Gráfico<br />
}}<br />
<br />
==Introducción==<br />
Un fuerte problema del diseño gráfico, es la idea de los SKINS.<br />
<br />
La estructura que se diseña, tiene distintas capas de apropiación y personalización, donde existen superficies lisas en un espacio de esta estructura para que la gente se apropie de ella, como por ejemplo los notebook, que proporcionan la posibilidad de adherirle una capa gráfica personalizada.<br />
<br />
Esa situación dispone al Diseño Gráfico en la capa más superficial de todas, ya que es algo que se puede cambiar, reemplazar o desechar fácilmente, dándole un carácter cosmético, siendo que el Diseño propiamente tal aborda temas más profundos.<br />
<br />
Un ejemplo controversial del año 2003, es proyecto del sitio [http://www.csszengarden.com/tr/espanol/ Zen Garden], donde se disponen más de 100 estilos de páginas por medio de su estructura en HTML para un mismo contenido.<br />
<br />
La implicancias más grandes que tiene esto corresponden a la forma y el contenido, ya que se necesita una estructura para poder juntar ambos ítemes, y en el sitio antes nombrado, la forma no propone relación con el contenido.<br />
<br />
¿Qué fue lo que sucedió después de esto? comenzó a abogarse por estándares web, lo que provocó que un grupo de diseñadores encabezara un movimiento en forma de respuesta a esta forma de mostrar el diseño.<br />
<br />
==Referencia de Talleres Anteriores==<br />
<br />
Con respecto a los proyectos que se han realizado en este curso años anteriores, se han enfocado en un primer momento al desarrollo de propuestas con cascadas de estilos (css). <br />
<br />
El 2007 se trabajó sobre proyectos para móviles, algo más parecido al diseño de interacción. En esta ocasión se medita sobre oportunidades para poder desarrollar servicios, dónde la pantalla es soporte y se piensa la gráfica como una expresión de un lenguaje digital, dónde caben las cosas que no puedo hacer a mano. ¿Para qué voy a usar un procesador para hacer algo parecido a lo que no es?<br />
<br />
Un buen ejemplo de esto es [http://www.dubberly.com/concept-maps/3x4grid.html The 892 unique ways to partition a 3 x 4 grid]<br />
programa que construye todas las posibilidades de grilla 3 x 4 de forma clasificada. Este caso corresponde a una situación donde el procesador como máquina tiene una realidad, una razón de ser, una propiedad.<br />
<br />
==Visualización de Datos==<br />
<br />
La computadora computa, nosotros dibujamos: ¿qué podemos hacer al respecto?<br />
<br />
La visualización de la información, prácticas y métodos, comprendidas desde un punto más amplio, tiene que ver con la imagen generada por el computador.<br />
<br />
'''¿Qué es?''' <br />
<br />
Básicamente construcción de comunicación. Tiene que ver con procesar grandes corpus de datos. Estos modelos son modelos que no están generados análogamente de acuerdo a la comprensión de un individuo, si no que de acuerdo a una gramática. Definir las perillas y el movimiento fino para generar algo que se lea. El modelo trata de ser el argumento que llega a otro.<br />
<br />
Vamos a hacer una máquina de hacer modelos visuales o herramientas de argumentos gráficos a partir de una historia que mirar. Para visualizar los datos, hay que hacerse una pregunta. Si no tengo una pregunta es muy difícil que lo pueda ver.<br />
<br />
Esto corresponde a una herramienta política ya que lo que uno construye son argumentos y tienen potencia de construcciones políticas de la realidad a partir de la pregunta que yo mismo quiero ver. Yo tengo una pre-concepción del mundo y la estoy haciendo extensiva a mis congéneres.<br />
<br />
==Sobre el Encargo==<br />
<br />
¿Cuáles son los lenguajes de representación? <br />
<br />
La Primera Tarea consiste en que cada uno encuentre/elija un lenguaje de representación, que quede documentado con ejemplos en esta misma wiki.<br />
<br />
Estos lenguajes tienen un poco que ver con las metáforas visuales. La idea es comenzar a tener una teoría de cuales son las gramáticas y para que cosas sirven, definir esta la gramática para poder definir una forma de visualización.<br />
<br />
==Ejemplos==<br />
<br />
Un ejemplo de gramática visual es la de [http://www.leebyron.com/what/lastfm/ Lee Byron], quien presenta una especie de gráfico de área donde muestra la historia de lo que ha escuchado en Last.Fm. La potencia de las visualizaciones corresponde a esa áurea que muestran la información de manera neutral. En este ejemplo se define que es lo que se quiere representar y se adjunta a una gramática, se trata de encontrar una situación nueva, para emparejarla con una metáfora correspondiente.<br />
<br />
Otro ejemplo corresponde al diccionario [http://www.visualthesaurus.com/ Visual Thesaurus], diccionario de sinónimos, donde cada palabra tiene una cantidad de sinónimos, de las cuales algunas, aun siendo sinónimas, tienen definiciones diferentes entre ellas. Esta situación define la proximidad de las cosas: cada palabra tiene un anillo en torno al él, otra palabra tiene el suyo y de esa manera se interceptan disponiendo la posibilidad de navegar entre ellos. Este ejemplo también considera la variable del idioma, de manera que se pueda sobreponer uno sobre otro y establecer nuevas lecturas.<br />
<br />
[http://www.theyrule.net/ They Rule] es otra forma de visualización de datos, pero también de descubrimiento, en este sitio se muestra la representación de cada gran empresa con un anillo de directores. <br />
<br />
De otras maneras los datos también se dirigen hacia mapas, esferas de realidad, espacio mustela, como la obra de arte de Jack Lombardi, que tiene que ver con la venta de armas y petróleo. <br />
<br />
El problema de la visualización de datos existe ya que esta grafía corresponde a una herramienta para llegar a una verdad. Un ejemplo de esto es cuenco se combina el poder de la computación más la elocuencia gráfica para encontrar el responsable de un crimen.<br />
<br />
Nosotros queremos hacer máquinas visuales.<br />
<br />
Otros ejemplos son el reloj que vimos que se compone de el escaneo de una brecha de majen, ejemplo que muestra una buena relación biyectiva.<br />
<br />
El ejemplo de stacy greene`s lipsticks (1981) da pie para pensar en instancias donde hay una colección de cosas con las que uno puede establecer correspondencia a otra realidad que no está presente, pero que deja una huella. "Small Multiplies". Tiene mucha información de algo que está tomado de la cartera simplemente, ordenado bajo un criterio que está revelando algo y se tiene la astucia para reunir cosas que no están.<br />
<br />
Otros ejemplos a investigar:<br />
<br />
* Lobachevsky<br />
*[http://www.smartmoney.com/ Smart Money]<br />
*Jason Salavon<br />
*Caras de Chernoff<br />
<br />
Comparto el siguiente documento: [http://www.estudiosvisuales.net/revista/pdf/num5/manocivh_visualizacion.pdf La visualización de datos como nueva abstracción y antisublime] de Lev Manovich<br />
<br />
{{#widget:SlideShare<br />
|doc=visualizacindeinformacin-100408195301-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
--[[Usuario:Maca.alamos|Maca.alamos]] 20:05 16 jun 2011 (CLT)<br />
<br />
==Metodología==<br />
<br />
Construir visualizaciones es construir una máquina gráfica. Existen leyes de correspondencia para permutar datos por valores visuales. Se pasa de algo cuantitativo a lo cualitativo logrando hacer aparecer el relato que estaba oculto. Es por esto que se trata de un diseño de segundo orden, se crean maquinas que diseñaran las visualizaciones.<br />
<br />
Matemáticamente corresponde a una función inyectiva, de la tabla con los datos puedo ir a la visualización pero difícilmente me puedo devolver. Es un algoritmo.<br />
<br />
Culturalmente corresponde a una herramienta de persuasión, se construyen argumentos sólidos que tienen un autoridad aparentemente más fuerte. Esto abre preguntas éticas para el oficio.<br />
<br />
Ben Fry, diseñador gráfico e informático, desarrolla una metodología en [http://benfry.com/phd/ Computational Information Desig], su tesis doctoral, en la que plantea 7 pasos para construir la visualización:<br />
<br />
#Hacking - Informática<br />
##Adquisición, qué es y cómo se obtiene el dato. El dato es el reflejo de un instrumento, tiene relación con la herramienta con que se extrae. Ocurrirá constantemente que obtener los datos no es fácil, no estan completamente disponibles, por lo que hay que utilizar otros métodos, a la fuerza, para sacarlos.<br />
##Análisis de los datos obtenidos.<br />
#Matemáticas - Estadística<br />
##Filtrado, en el que se saca lo no relevante, lo que sobra.<br />
##Minería, cuando existe demasiada información hay que destacar lo relevante de ella, hallar el oro, se interroga al cuerpo de datos.<br />
#Diseño Gráfico, en esta etapa comienza el cambio de lo cuantitativo a lo cualitativo, es el salto que construye la visualización.<br />
##Representación, se escoge una gramática y se establecen criterios para darle forma a los datos.<br />
##Refinación, ajustes.<br />
##Interacción, si es la visualización vive en el soporte digital, ya no es un poster, una lámina, se transforma en herramienta de descubrimiento para el que la esta usando.<br />
<br />
# '''Inteligencia Poética'''<br>Abstracción semántica y espacial, <br />
# '''Inteligencia Técnica'''<br>Abstracción sistemática, esta más ligada al diseño de software y a las matemáticas, matemáticas como lenguaje abstracto.<br />
# '''Inteligencia Retórica'''<br>Abstracción simbólica, esta es la pregunta a la que se dirigen los datos, la visualización.<br />
# '''Inteligencia Dialéctica'''<br>Abstracción ontológica, refinación entre vacíos, "verdad" entre las personas.<br />
<br />
La visualización tiene tanto del lado divergente como convergente, es un pregunta que vive en los dos espacios, el de los datos "duros" y el de lo que se hace con eso, lo plástico.<br />
<br />
==Hitos en la historia de la visualización de datos==<br />
<br />
A continuación se muestran hitos en la historia de la visualización de datos, que provocan un giro en la percepción del mundo, a una medida abstracta de el.<br />
Vivimos en una época donde se ha comprimido el espacio tiempo.<br />
<br />
===La grilla de Ptolomeo; Mercator===<br />
<br />
Se realiza una primera imagen del mundo, a partir de una grilla que vincula coordenadas.<br />
Establece una '''coreografía'''; donde el dibujo es sensible de los terrenos, del espacio, donde se privilegian los datos.<br />
Los datos se van tejiendo en una notación espacial.<br />
La '''coreografía''' es distinta de la '''cartografía'''; que es una imagen del total, tiene inferencias. Leyes sistemáticas.<br />
<br />
La grilla Ptolomeica deformada, es la primera vez que se tienen una imagen de un total; principio de la visualización de datos.<br />
Tiene una racionalización cartesiana; una persona hace el trabajo mental para volver a configurarlo.<br />
Todas las ideas son formas de control.<br />
<br />
===Minard Map por Charles Joseph Minard===<br />
En el contexto de guerras napoleónicas, campañas en las que les fue mal. Minard estableció una potente capacidad de síntesis y resolución de muchos datos como: mapa cartográfico, dirección del ejército, los hitos, gráfico de temperaturas, tropas, entre otros.<br />
Es un gran referente de un hito gráfico.<br />
<br />
[http://www.edwardtufte.com/tufte/minard Minard Map]<br />
<br />
===Mapa de muertes a causa del cólera por John Snow===<br />
El contexto es un brote de muertes y se registran por día, se encontraban todos los datos, pero éstos estaban ordenados cronológicamente. Snow los ordena por espacio, y cada raya es una muerte en la dirección señalada. Entonces se descubre que las muertes se organizaban en torno a la bomba de agua.<br />
A partir de otra forma de ver la información, se logra encontrar la causa de las cóleras. O sea, la visualización de información es un instrumento para conocer la realidad.<br />
<br />
[http://www.ph.ucla.edu/epi/snow/snowmap1_1854_lge.htm Map of Cholera]<br />
<br />
==Rerefencias==<br />
<br />
* [http://www-958.ibm.com/software/data/cognos/manyeyes/ Many Eyes]<br />
* [http://www.edwardtufte.com Edward Tufte]<br />
<br />
==Ejemplos de autores y sus trabajos==<br />
*[http://bewitched.com/ Martin Wattemberg]<br />
*[http://www.flong.com Golan Levin]<br />
*[http://jtnimoy.net/ Josh Nimoy]<br />
*[http://www.number27.org/index.html Jonathan Harris]<br />
<br />
==Gramáticas==<br />
A continuación se presentan las distintas formas existentes en las que se pueden presentar los datos. En ellas se distingue la familia o categoría de la que proviene, sus dimensiones y sus usos.<br />
<br />
Ejemplos y familias de gramáticas se pueden encontrar en [http://www.visual-literacy.org/periodic_table/periodic_table.html A Periodic Table of Visualization Methods].<br />
<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Cursos Relacionados::{{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
<br />
==Preguntas para Visualizar==<br />
===¿Qué proyección tienen las distintas realidades?===<br />
<br />
Se presenta el universo total de alumnos con respecto a los tipos de establecimientos educacionales secundarios y su respectivo proceso desde que se '''inscriben''' para dar la Prueba de Selección Universitaria (PSU), aquellos que efectivamente la '''rinden''', los que '''postulan''' (mínimo 450 puntos promedio entre las pruebas de Lenguaje y Comunicación y Matemáticas), los '''seleccionados''' (acto por medio del cual un postulante queda en condiciones de matricularse, en razón de sus puntajes), hasta aquellos que finalmente quedan '''matriculados''' en distintas Universidades del Consejo de Rectores.<br />
<br />
====Fuentes====<br />
*[http://www.demre.cl/flash/compendio_web2011/index.html Compendio Estadístico Proceso de Admisión Año Académico 2011]<br />
*[http://www.demre.cl/text/pdf/p2010/Compendio%202010.pdf Compendio Estadístico Proceso de Admisión Año Académico 2010]<br />
*[http://www.demre.cl/text/pdf/p2009/Compendio2009.pdf Compendio Estadístico Proceso de Admisión Año Académico 2009]<br />
*[http://www.demre.cl/text/doc_anexos/compendio_2008.pdf Compendio Estadístico Proceso de Admisión Año Académico 2008]<br />
*[http://www.demre.cl/text/pdf/p2007/Compendio_2007.pdf Compendio Estadístico Proceso de Admisión Año Académico 2007]<br />
<br />
===¿Cual es la efectividad de los beneficios estudiantiles?===<br />
<br />
A partir del total de los alumnos de educación superior en universidades tradicionales, privadas, centros de formación técnica e institutos profesionales, se pretender mostrar los alumnos beneficiados, identificando las distintas becas y créditos, y cómo éstos últimos van evolucionando respecto a la deuda de las personas, para luego comprobar la efectividad de los beneficios estudiantiles.<br />
<br />
====Fuentes====<br />
*[http://www.cned.cl/public/Secciones/SeccionIndicesEstadisticas/indices_estadisticas_aporte_fiscal.aspx CNE Estadísticas Ayudas Estudiantiles 2008]<br />
*[http://ww2.ingresa.cl/estadisticas/ INGRESA Estadísticas Crédito con aval del Estado]<br />
<br />
===¿Cual es la relación entre el costo de la carrera y el arancel de referencia?===<br />
<br />
===¿Podemos hablar de movilidad social en educación?===<br />
==Proyectos==<br />
{{#ask: [[Categoría:Proyecto]] [[Cursos Relacionados::{{PAGENAME}}]]<br />
|?Alumnos<br />
|format=ol<br />
|}}<br />
<br />
===Láminas Proyecto Final===<br />
<gallery><br />
Imagen:Como es la relación entre el gasto publico en educación y la deserción escolar.png|[[Macarena Álamos R|Macarena Álamos R]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Como%20es%20la%20relación%20entre%20el%20gasto%20publico%20en%20educación%20y%20la%20deserción%20escolar.pdf Ver Lámina PDF]'''<br />
Imagen:Proyecto_grafica_digital_2011_joaquin_martel-.png|[[Joaquín Martel|Joaquín Martel]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Proyecto_grafica_digital_2011_joaquin_martel_PDF.pdf Ver Lámina PDF]'''<br />
Imagen:Agongora visualizacionenergia.png|[[Antonia Góngora|Antonia Góngora]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Agongora_laminavisualizacionenergia.pdf Ver Lámina PDF]'''<br />
Archivo:Jaime Perez Grafica Digital - Cuanto han variado los resultados PSU.png|[[Jaime Pérez Moena|Jaime Pérez Moena]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Jaime_Perez_-_Lamina_Grafica_Digital_2011.pdf Ver Lámina PDF]'''<br />
Archivo:Visualizacion-migracion graficadigital2011 BegoñaVargas.png|[[Begoña Vargas|Begoña Vargas]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Visualizacion-migracion_graficadigital2011_Bego%C3%B1aVargas.pdf Ver Lámina PDF]'''<br />
Imagen:KCarrera_LaminaGraficaDigital.jpg|[[Karen Carrera|Karen Carrera]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:KCarrera_LaminaGraficaDigital_pdf.pdf Ver Lámina PDF]'''<br />
Imagen:Láminagrafica vceron-01.png|[[Valeria Cerón|valeuche]]|'''[http://wiki.ead.pucv.cl/index.php/Archivo:Visualizacion_SeleccionCarreras_vceron.pdf Ver Lámina PDF]'''<br />
</gallery><br />
<br />
==Bibliografía==<br />
* [[Computational Information Design]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Gr%C3%A1fica_Digital_2011&diff=143815Gráfica Digital 20112011-11-22T02:47:21Z<p>Valeuche: /* Láminas Proyecto Final */</p>
<hr />
<div>{{Curso<br />
|Asignaturas Relacionadas=Gráfica Digital<br />
|Año=2011<br />
|Tipo de Curso=Ramo Lectivo<br />
|Talleres=DG 4º<br />
|Profesores=Herbert Spencer<br />
|Alumnos= Begoña Vargas, Joaquín Martel, Jaime Pérez Moena, Karen Carrera,Macarena Álamos R, Antonia Góngora, Andrea Cifuentes, Diego Reyes, Valeria Cerón<br />
|Palabras Clave=software, interfaz gráfica, processing, dibujo<br />
|Carreras Relacionadas=Diseño Gráfico<br />
}}<br />
<br />
==Introducción==<br />
Un fuerte problema del diseño gráfico, es la idea de los SKINS.<br />
<br />
La estructura que se diseña, tiene distintas capas de apropiación y personalización, donde existen superficies lisas en un espacio de esta estructura para que la gente se apropie de ella, como por ejemplo los notebook, que proporcionan la posibilidad de adherirle una capa gráfica personalizada.<br />
<br />
Esa situación dispone al Diseño Gráfico en la capa más superficial de todas, ya que es algo que se puede cambiar, reemplazar o desechar fácilmente, dándole un carácter cosmético, siendo que el Diseño propiamente tal aborda temas más profundos.<br />
<br />
Un ejemplo controversial del año 2003, es proyecto del sitio [http://www.csszengarden.com/tr/espanol/ Zen Garden], donde se disponen más de 100 estilos de páginas por medio de su estructura en HTML para un mismo contenido.<br />
<br />
La implicancias más grandes que tiene esto corresponden a la forma y el contenido, ya que se necesita una estructura para poder juntar ambos ítemes, y en el sitio antes nombrado, la forma no propone relación con el contenido.<br />
<br />
¿Qué fue lo que sucedió después de esto? comenzó a abogarse por estándares web, lo que provocó que un grupo de diseñadores encabezara un movimiento en forma de respuesta a esta forma de mostrar el diseño.<br />
<br />
==Referencia de Talleres Anteriores==<br />
<br />
Con respecto a los proyectos que se han realizado en este curso años anteriores, se han enfocado en un primer momento al desarrollo de propuestas con cascadas de estilos (css). <br />
<br />
El 2007 se trabajó sobre proyectos para móviles, algo más parecido al diseño de interacción. En esta ocasión se medita sobre oportunidades para poder desarrollar servicios, dónde la pantalla es soporte y se piensa la gráfica como una expresión de un lenguaje digital, dónde caben las cosas que no puedo hacer a mano. ¿Para qué voy a usar un procesador para hacer algo parecido a lo que no es?<br />
<br />
Un buen ejemplo de esto es [http://www.dubberly.com/concept-maps/3x4grid.html The 892 unique ways to partition a 3 x 4 grid]<br />
programa que construye todas las posibilidades de grilla 3 x 4 de forma clasificada. Este caso corresponde a una situación donde el procesador como máquina tiene una realidad, una razón de ser, una propiedad.<br />
<br />
==Visualización de Datos==<br />
<br />
La computadora computa, nosotros dibujamos: ¿qué podemos hacer al respecto?<br />
<br />
La visualización de la información, prácticas y métodos, comprendidas desde un punto más amplio, tiene que ver con la imagen generada por el computador.<br />
<br />
'''¿Qué es?''' <br />
<br />
Básicamente construcción de comunicación. Tiene que ver con procesar grandes corpus de datos. Estos modelos son modelos que no están generados análogamente de acuerdo a la comprensión de un individuo, si no que de acuerdo a una gramática. Definir las perillas y el movimiento fino para generar algo que se lea. El modelo trata de ser el argumento que llega a otro.<br />
<br />
Vamos a hacer una máquina de hacer modelos visuales o herramientas de argumentos gráficos a partir de una historia que mirar. Para visualizar los datos, hay que hacerse una pregunta. Si no tengo una pregunta es muy difícil que lo pueda ver.<br />
<br />
Esto corresponde a una herramienta política ya que lo que uno construye son argumentos y tienen potencia de construcciones políticas de la realidad a partir de la pregunta que yo mismo quiero ver. Yo tengo una pre-concepción del mundo y la estoy haciendo extensiva a mis congéneres.<br />
<br />
==Sobre el Encargo==<br />
<br />
¿Cuáles son los lenguajes de representación? <br />
<br />
La Primera Tarea consiste en que cada uno encuentre/elija un lenguaje de representación, que quede documentado con ejemplos en esta misma wiki.<br />
<br />
Estos lenguajes tienen un poco que ver con las metáforas visuales. La idea es comenzar a tener una teoría de cuales son las gramáticas y para que cosas sirven, definir esta la gramática para poder definir una forma de visualización.<br />
<br />
==Ejemplos==<br />
<br />
Un ejemplo de gramática visual es la de [http://www.leebyron.com/what/lastfm/ Lee Byron], quien presenta una especie de gráfico de área donde muestra la historia de lo que ha escuchado en Last.Fm. La potencia de las visualizaciones corresponde a esa áurea que muestran la información de manera neutral. En este ejemplo se define que es lo que se quiere representar y se adjunta a una gramática, se trata de encontrar una situación nueva, para emparejarla con una metáfora correspondiente.<br />
<br />
Otro ejemplo corresponde al diccionario [http://www.visualthesaurus.com/ Visual Thesaurus], diccionario de sinónimos, donde cada palabra tiene una cantidad de sinónimos, de las cuales algunas, aun siendo sinónimas, tienen definiciones diferentes entre ellas. Esta situación define la proximidad de las cosas: cada palabra tiene un anillo en torno al él, otra palabra tiene el suyo y de esa manera se interceptan disponiendo la posibilidad de navegar entre ellos. Este ejemplo también considera la variable del idioma, de manera que se pueda sobreponer uno sobre otro y establecer nuevas lecturas.<br />
<br />
[http://www.theyrule.net/ They Rule] es otra forma de visualización de datos, pero también de descubrimiento, en este sitio se muestra la representación de cada gran empresa con un anillo de directores. <br />
<br />
De otras maneras los datos también se dirigen hacia mapas, esferas de realidad, espacio mustela, como la obra de arte de Jack Lombardi, que tiene que ver con la venta de armas y petróleo. <br />
<br />
El problema de la visualización de datos existe ya que esta grafía corresponde a una herramienta para llegar a una verdad. Un ejemplo de esto es cuenco se combina el poder de la computación más la elocuencia gráfica para encontrar el responsable de un crimen.<br />
<br />
Nosotros queremos hacer máquinas visuales.<br />
<br />
Otros ejemplos son el reloj que vimos que se compone de el escaneo de una brecha de majen, ejemplo que muestra una buena relación biyectiva.<br />
<br />
El ejemplo de stacy greene`s lipsticks (1981) da pie para pensar en instancias donde hay una colección de cosas con las que uno puede establecer correspondencia a otra realidad que no está presente, pero que deja una huella. "Small Multiplies". Tiene mucha información de algo que está tomado de la cartera simplemente, ordenado bajo un criterio que está revelando algo y se tiene la astucia para reunir cosas que no están.<br />
<br />
Otros ejemplos a investigar:<br />
<br />
* Lobachevsky<br />
*[http://www.smartmoney.com/ Smart Money]<br />
*Jason Salavon<br />
*Caras de Chernoff<br />
<br />
Comparto el siguiente documento: [http://www.estudiosvisuales.net/revista/pdf/num5/manocivh_visualizacion.pdf La visualización de datos como nueva abstracción y antisublime] de Lev Manovich<br />
<br />
{{#widget:SlideShare<br />
|doc=visualizacindeinformacin-100408195301-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
--[[Usuario:Maca.alamos|Maca.alamos]] 20:05 16 jun 2011 (CLT)<br />
<br />
==Metodología==<br />
<br />
Construir visualizaciones es construir una máquina gráfica. Existen leyes de correspondencia para permutar datos por valores visuales. Se pasa de algo cuantitativo a lo cualitativo logrando hacer aparecer el relato que estaba oculto. Es por esto que se trata de un diseño de segundo orden, se crean maquinas que diseñaran las visualizaciones.<br />
<br />
Matemáticamente corresponde a una función inyectiva, de la tabla con los datos puedo ir a la visualización pero difícilmente me puedo devolver. Es un algoritmo.<br />
<br />
Culturalmente corresponde a una herramienta de persuasión, se construyen argumentos sólidos que tienen un autoridad aparentemente más fuerte. Esto abre preguntas éticas para el oficio.<br />
<br />
Ben Fry, diseñador gráfico e informático, desarrolla una metodología en [http://benfry.com/phd/ Computational Information Desig], su tesis doctoral, en la que plantea 7 pasos para construir la visualización:<br />
<br />
#Hacking - Informática<br />
##Adquisición, qué es y cómo se obtiene el dato. El dato es el reflejo de un instrumento, tiene relación con la herramienta con que se extrae. Ocurrirá constantemente que obtener los datos no es fácil, no estan completamente disponibles, por lo que hay que utilizar otros métodos, a la fuerza, para sacarlos.<br />
##Análisis de los datos obtenidos.<br />
#Matemáticas - Estadística<br />
##Filtrado, en el que se saca lo no relevante, lo que sobra.<br />
##Minería, cuando existe demasiada información hay que destacar lo relevante de ella, hallar el oro, se interroga al cuerpo de datos.<br />
#Diseño Gráfico, en esta etapa comienza el cambio de lo cuantitativo a lo cualitativo, es el salto que construye la visualización.<br />
##Representación, se escoge una gramática y se establecen criterios para darle forma a los datos.<br />
##Refinación, ajustes.<br />
##Interacción, si es la visualización vive en el soporte digital, ya no es un poster, una lámina, se transforma en herramienta de descubrimiento para el que la esta usando.<br />
<br />
# '''Inteligencia Poética'''<br>Abstracción semántica y espacial, <br />
# '''Inteligencia Técnica'''<br>Abstracción sistemática, esta más ligada al diseño de software y a las matemáticas, matemáticas como lenguaje abstracto.<br />
# '''Inteligencia Retórica'''<br>Abstracción simbólica, esta es la pregunta a la que se dirigen los datos, la visualización.<br />
# '''Inteligencia Dialéctica'''<br>Abstracción ontológica, refinación entre vacíos, "verdad" entre las personas.<br />
<br />
La visualización tiene tanto del lado divergente como convergente, es un pregunta que vive en los dos espacios, el de los datos "duros" y el de lo que se hace con eso, lo plástico.<br />
<br />
==Hitos en la historia de la visualización de datos==<br />
<br />
A continuación se muestran hitos en la historia de la visualización de datos, que provocan un giro en la percepción del mundo, a una medida abstracta de el.<br />
Vivimos en una época donde se ha comprimido el espacio tiempo.<br />
<br />
===La grilla de Ptolomeo; Mercator===<br />
<br />
Se realiza una primera imagen del mundo, a partir de una grilla que vincula coordenadas.<br />
Establece una '''coreografía'''; donde el dibujo es sensible de los terrenos, del espacio, donde se privilegian los datos.<br />
Los datos se van tejiendo en una notación espacial.<br />
La '''coreografía''' es distinta de la '''cartografía'''; que es una imagen del total, tiene inferencias. Leyes sistemáticas.<br />
<br />
La grilla Ptolomeica deformada, es la primera vez que se tienen una imagen de un total; principio de la visualización de datos.<br />
Tiene una racionalización cartesiana; una persona hace el trabajo mental para volver a configurarlo.<br />
Todas las ideas son formas de control.<br />
<br />
===Minard Map por Charles Joseph Minard===<br />
En el contexto de guerras napoleónicas, campañas en las que les fue mal. Minard estableció una potente capacidad de síntesis y resolución de muchos datos como: mapa cartográfico, dirección del ejército, los hitos, gráfico de temperaturas, tropas, entre otros.<br />
Es un gran referente de un hito gráfico.<br />
<br />
[http://www.edwardtufte.com/tufte/minard Minard Map]<br />
<br />
===Mapa de muertes a causa del cólera por John Snow===<br />
El contexto es un brote de muertes y se registran por día, se encontraban todos los datos, pero éstos estaban ordenados cronológicamente. Snow los ordena por espacio, y cada raya es una muerte en la dirección señalada. Entonces se descubre que las muertes se organizaban en torno a la bomba de agua.<br />
A partir de otra forma de ver la información, se logra encontrar la causa de las cóleras. O sea, la visualización de información es un instrumento para conocer la realidad.<br />
<br />
[http://www.ph.ucla.edu/epi/snow/snowmap1_1854_lge.htm Map of Cholera]<br />
<br />
==Rerefencias==<br />
<br />
* [http://www-958.ibm.com/software/data/cognos/manyeyes/ Many Eyes]<br />
* [http://www.edwardtufte.com Edward Tufte]<br />
<br />
==Ejemplos de autores y sus trabajos==<br />
*[http://bewitched.com/ Martin Wattemberg]<br />
*[http://www.flong.com Golan Levin]<br />
*[http://jtnimoy.net/ Josh Nimoy]<br />
*[http://www.number27.org/index.html Jonathan Harris]<br />
<br />
==Gramáticas==<br />
A continuación se presentan las distintas formas existentes en las que se pueden presentar los datos. En ellas se distingue la familia o categoría de la que proviene, sus dimensiones y sus usos.<br />
<br />
Ejemplos y familias de gramáticas se pueden encontrar en [http://www.visual-literacy.org/periodic_table/periodic_table.html A Periodic Table of Visualization Methods].<br />
<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Cursos Relacionados::{{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
<br />
==Preguntas para Visualizar==<br />
===¿Qué proyección tienen las distintas realidades?===<br />
<br />
Se presenta el universo total de alumnos con respecto a los tipos de establecimientos educacionales secundarios y su respectivo proceso desde que se '''inscriben''' para dar la Prueba de Selección Universitaria (PSU), aquellos que efectivamente la '''rinden''', los que '''postulan''' (mínimo 450 puntos promedio entre las pruebas de Lenguaje y Comunicación y Matemáticas), los '''seleccionados''' (acto por medio del cual un postulante queda en condiciones de matricularse, en razón de sus puntajes), hasta aquellos que finalmente quedan '''matriculados''' en distintas Universidades del Consejo de Rectores.<br />
<br />
====Fuentes====<br />
*[http://www.demre.cl/flash/compendio_web2011/index.html Compendio Estadístico Proceso de Admisión Año Académico 2011]<br />
*[http://www.demre.cl/text/pdf/p2010/Compendio%202010.pdf Compendio Estadístico Proceso de Admisión Año Académico 2010]<br />
*[http://www.demre.cl/text/pdf/p2009/Compendio2009.pdf Compendio Estadístico Proceso de Admisión Año Académico 2009]<br />
*[http://www.demre.cl/text/doc_anexos/compendio_2008.pdf Compendio Estadístico Proceso de Admisión Año Académico 2008]<br />
*[http://www.demre.cl/text/pdf/p2007/Compendio_2007.pdf Compendio Estadístico Proceso de Admisión Año Académico 2007]<br />
<br />
===¿Cual es la efectividad de los beneficios estudiantiles?===<br />
<br />
A partir del total de los alumnos de educación superior en universidades tradicionales, privadas, centros de formación técnica e institutos profesionales, se pretender mostrar los alumnos beneficiados, identificando las distintas becas y créditos, y cómo éstos últimos van evolucionando respecto a la deuda de las personas, para luego comprobar la efectividad de los beneficios estudiantiles.<br />
<br />
====Fuentes====<br />
*[http://www.cned.cl/public/Secciones/SeccionIndicesEstadisticas/indices_estadisticas_aporte_fiscal.aspx CNE Estadísticas Ayudas Estudiantiles 2008]<br />
*[http://ww2.ingresa.cl/estadisticas/ INGRESA Estadísticas Crédito con aval del Estado]<br />
<br />
===¿Cual es la relación entre el costo de la carrera y el arancel de referencia?===<br />
<br />
===¿Podemos hablar de movilidad social en educación?===<br />
==Proyectos==<br />
{{#ask: [[Categoría:Proyecto]] [[Cursos Relacionados::{{PAGENAME}}]]<br />
|?Alumnos<br />
|format=ol<br />
|}}<br />
<br />
===Láminas Proyecto Final===<br />
<gallery><br />
Imagen:Como es la relación entre el gasto publico en educación y la deserción escolar.png|[[Macarena Álamos R|Macarena Álamos R]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Como%20es%20la%20relación%20entre%20el%20gasto%20publico%20en%20educación%20y%20la%20deserción%20escolar.pdf Ver Lámina PDF]'''<br />
Imagen:Proyecto_grafica_digital_2011_joaquin_martel-.png|[[Joaquín Martel|Joaquín Martel]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Proyecto_grafica_digital_2011_joaquin_martel_PDF.pdf Ver Lámina PDF]'''<br />
Imagen:Agongora visualizacionenergia.png|[[Antonia Góngora|Antonia Góngora]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Agongora_laminavisualizacionenergia.pdf Ver Lámina PDF]'''<br />
Archivo:Jaime Perez Grafica Digital - Cuanto han variado los resultados PSU.png|[[Jaime Pérez Moena|Jaime Pérez Moena]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Jaime_Perez_-_Lamina_Grafica_Digital_2011.pdf Ver Lámina PDF]'''<br />
Archivo:Visualizacion-migracion graficadigital2011 BegoñaVargas.png|[[Begoña Vargas|Begoña Vargas]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:Visualizacion-migracion_graficadigital2011_Bego%C3%B1aVargas.pdf Ver Lámina PDF]'''<br />
Imagen:KCarrera_LaminaGraficaDigital.jpg|[[Karen Carrera|Karen Carrera]] | '''[http://wiki.ead.pucv.cl/index.php/Archivo:KCarrera_LaminaGraficaDigital_pdf.pdf Ver Lámina PDF]'''<br />
</gallery><br />
Imagen:Láminagrafica vceron-01.png|[[Valeria Cerón|valeuche]]|'''[http://wiki.ead.pucv.cl/index.php/Archivo:Visualizacion_SeleccionCarreras_vceron.pdf Ver Lámina PDF]'''<br />
<br />
==Bibliografía==<br />
* [[Computational Information Design]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Archivo:Visualizacion_SeleccionCarreras_vceron.pdf&diff=143806Archivo:Visualizacion SeleccionCarreras vceron.pdf2011-11-22T02:42:10Z<p>Valeuche: </p>
<hr />
<div></div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=138220Propuesta para Plataforma de Organización Estudiantil2011-10-26T17:02:50Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
=Primera Etapa=<br />
<br />
''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'''''<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
[[Archivo:Partitura de Interacción Perfil.png|300px]]<br />
[[Archivo:Partitura de Interacción Mensajes.png|350px]]<br />
[[Archivo:Partitura de Interacción Grupos-03.png|250px]]<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
=Segunda Etapa: Cambio del core=<br />
<br />
''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'''.<br />
El trabajo se divide en equipos, los cuales prefundizan y diseñan la experiencia del diálogo de acuerdo a cuatro ejes principales:<br />
#Publicar<br />
#Participar<br />
#Deliberar<br />
#Gestionar''<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
==Maquetas: Propuesta de Acciones en Videos==<br />
<br />
===Wireframe Prototipo Móvil===<br />
<br />
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. <br />
<br />
====Navegación Completa====<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
====Crear un Evento====<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
====Sección Proyectos====<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
====Sección Discusiones====<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
====Perfil y Suscripción====<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Tercera etapa: Unión de las experiencias=<br />
<br />
''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.''<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
====Normas Generales====<br />
#Sólo participan alumnos reconocidos como tal en el sistema de [http://personas.ead.pucv.cl/ Personas e.ad].<br />
#No participan profesores, ex-alumnos o amigos de la escuela.<br />
#Los alumnos del centro de alumnos son usuarios comunes y corrientes.<br />
#Cualquier persona puede ver toda la actividad del sitio, las publicaciones y los proyectos.<br />
#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.<br />
<br />
====Normas de Publicación====<br />
#Todas las publicaciones tienen obligatoriamente título, texto y categoría.<br />
#Todas las publicaciones pueden ser compartidas. <br />
#El usuario puede deshacer o eliminar sus propios comentarios, publicaciones y suscripciones.<br />
<br />
====Normas del Perfil====<br />
#Todos los perfiles son completamente visibles a todos los usuarios registrados participantes del sitio.<br />
#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.<br />
#La foto de perfil debe mostrar el rostro de la persona.<br />
<br />
====Normas de Valoración====<br />
#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.<br />
#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ó.<br />
<br />
====Normas de Votación====<br />
#Los resultados de la votación sólo serán visibles después de que el usuario emita su voto.<br />
#No se puede deshacer ni eliminar el voto emitido.<br />
<br />
====Normas de Proyectos====<br />
#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.<br />
#Un usuario registrado en el sitio puede unirse a un proyecto solicitándolo o bien puede ser invitado por el autor de éste.<br />
#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.<br />
#Si el autor borra el proyecto, todos los miembros serán notificados vía mail.<br />
#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.<br />
<br />
==Plugins==<br />
'''Perfil'''<br />
#[http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
<br />
'''Publicaciones'''<br />
#[http://wordpress.org/extend/plugins/related-posts-via-categories/ Related Posts]<br />
#*Relaciona las publicaciones por categoría<br />
#[http://wordpress.org/extend/plugins/author-complete-post-list/ Author post list] <br />
#*Provee forma sencilla de visualizar una lista de las publicaciones de un mismo autor.<br />
#[http://wordpress.org/extend/plugins/seo-alrp/ SEO Auto Links & Related Posts]<br />
#*Crea links entre publicaciones relacionadas según categoria<br />
#[http://wordpress.org/extend/plugins/all-in-one-seo-pack/ SEO Pack]<br />
#*Genera Meta tags automáticamente<br />
#*Optimiza títulos para buscadores<br />
#*Evita el duplicado de contenidos<br />
<br />
<br />
'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
<br />
'''Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
<br />
'''Eventos'''<br />
#[http://wordpress.org/extend/plugins/the-events-calendar/ The Events Calendar]<br />
'''Visualización Dispositivos Móviles'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Permite visualizar el sitio desde dispositivos móviles (iPhone)<br />
#[http://wordpress.org/extend/plugins/wp-pda/ Wp-Pda]<br />
#*Mejora la visualización de tu blog en navegadores de móviles.<br />
<br />
'''Diseño'''<br />
#[http://wordpress.org/extend/plugins/lightbox-plus/ Light Plus]<br />
#*Permite añadir "light box" a wordpress para visualizar diferentes contenidos (imagenes, videos, formularios)<br />
#[http://wordpress.org/extend/plugins/wp-no-category-base/ No Category]<br />
#*Permite eliminar el prefijo categoría en el link permanente. o [http://blogandweb.com/wordpress/como-cambiar-el-url-de-las-caegorias-en-wordpress/ cambiarlo]<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
[http://dl.dropbox.com/u/23634815/home.html Mapa de divs Home]<br />
<br />
<pre><br />
<nowiki><br />
<br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><br />
<meta name="generator" content="Adobe GoLive" /><br />
<title>Wireframe 00</title><br />
<link rel="stylesheet" type="text/css" href="style.css" /><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div id="contenedor"><br />
<div id="header"><br />
"header"<br />
<div id="logo"><br />
"logo"<br />
</div><br />
<div id="login"><br />
"login"<br />
</div><br />
<br />
<div id="buscador"><br />
"buscador"<br />
</div><br />
<div id="menu"><br />
"menu"<br />
</div><br />
</div><br />
<br />
<div id="contenido"><br />
"contenido"<br />
<div id="crear"><br />
<br />
"crear"<br />
</div><br />
<div id="proyectos"><br />
<div id="proyecto_3"><br />
"proyecto 3"<br />
</div><br />
<div id="proyecto_2"><br />
"proyecto 2"<br />
</div><br />
<div id="proyecto_1"><br />
<br />
"proyecto 1"<br />
</div><br />
</div><br />
<br />
<div id="notas"><br />
"notas"<br />
</div><br />
<div id="discusion"><br />
"discusion"<br />
</div><br />
<div id="eventos"><br />
<br />
"eventos"<br />
</div><br />
</div><br />
<br />
<div id="footer"><br />
"footer"<br />
<div id="suscripcion"><br />
"suscripcion"<br />
</div><br />
<div id="ayuda"><br />
"ayuda"<br />
</div><br />
<br />
<div id="contacto"><br />
"contacto"<br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</body><br />
<br />
</html><br />
<br />
<br />
</nowiki><br />
</pre><br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Wireframe_plataforma_estorninos_home.jpg | Home<br />
<br />
Image:Wireframe_plataforma_estorninos_perfil.jpg|Perfil<br />
Image:Wireframe_plataforma_estorninos_perfil_discusiones_vermas.jpg|Perfil, discusiones expandidas<br />
Image:Wireframe plataforma estorninos Discusiones.jpg | Página de Discusiones<br />
Image:Wireframe plataforma estorninos Una Discusion.jpg | Página de Una Discusión<br />
Image:Wireframe plataforma estorninos Notas.jpg | Página de Notas<br />
Image:Wireframe plataforma estorninos Una Nota.jpg | Pagina de una Nota<br />
Image:Wireframe plataforma estorninos Vincular una nota a proyecto existente.jpg | Formulario para vincular a Proyectos<br />
<br />
Imagen:wireframe plataforma estorninos pagina proyectos.jpg | Página Proyectos<br />
Imagen:wireframe plataforma estorninos proyecto.gif | Página un proyecto<br />
Imagen:wireframe plataforma estorninos proyecto con publicacion.gif | Un proyecto más publicación<br />
<br />
Imagen: wireframe plataforma estorninos pagina eventos.jpg | Página Eventos<br />
Imagen: wireframe plataforma estorninos pagina evento.gif | Página un evento<br />
<br />
Imagen: wireframe plataforma estorninos formulario.gif | Formulario<br />
Imagen: wireframe plataforma estorninos formulario extendido.gif | Formulario extendido<br />
Imagen: wireframe plataforma estorninos formulario segunda parte.gif<br />
</gallery></div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=138074Propuesta para Plataforma de Organización Estudiantil2011-10-25T19:44:29Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
=Primera Etapa=<br />
<br />
''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'''''<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
[[Archivo:Partitura de Interacción Perfil.png|300px]]<br />
[[Archivo:Partitura de Interacción Mensajes.png|350px]]<br />
[[Archivo:Partitura de Interacción Grupos-03.png|250px]]<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
=Segunda Etapa: Cambio del core=<br />
<br />
''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'''.<br />
El trabajo se divide en equipos, los cuales prefundizan y diseñan la experiencia del diálogo de acuerdo a cuatro ejes principales:<br />
#Publicar<br />
#Participar<br />
#Deliberar<br />
#Gestionar''<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
==Maquetas: Propuesta de Acciones en Videos==<br />
<br />
===Wireframe Prototipo Móvil===<br />
<br />
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. <br />
<br />
====Navegación Completa====<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
====Crear un Evento====<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
====Sección Proyectos====<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
====Sección Discusiones====<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
====Perfil y Suscripción====<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Tercera etapa: Unión de las experiencias=<br />
<br />
''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.''<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
====Normas Generales====<br />
#Sólo participan alumnos reconocidos como tal en el sistema de [http://personas.ead.pucv.cl/ Personas e.ad].<br />
#No participan profesores, ex-alumnos o amigos de la escuela.<br />
#Los alumnos del centro de alumnos son usuarios comunes y corrientes.<br />
#Cualquier persona puede ver toda la actividad del sitio, las publicaciones y los proyectos.<br />
#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.<br />
<br />
====Normas de Publicación====<br />
#Todas las publicaciones tienen obligatoriamente título, texto y categoría.<br />
#Todas las publicaciones pueden ser compartidas. <br />
#El usuario puede deshacer o eliminar sus propios comentarios, publicaciones y suscripciones.<br />
<br />
====Normas del Perfil====<br />
#Todos los perfiles son completamente visibles a todos los usuarios registrados participantes del sitio.<br />
#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.<br />
#La foto de perfil debe mostrar el rostro de la persona.<br />
<br />
====Normas de Valoración====<br />
#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.<br />
#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ó.<br />
<br />
====Normas de Votación====<br />
#Los resultados de la votación sólo serán visibles después de que el usuario emita su voto.<br />
#No se puede deshacer ni eliminar el voto emitido.<br />
<br />
====Normas de Proyectos====<br />
#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.<br />
#Un usuario registrado en el sitio puede unirse a un proyecto solicitándolo o bien puede ser invitado por el autor de éste.<br />
#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.<br />
#Si el autor borra el proyecto, todos los miembros serán notificados vía mail.<br />
#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.<br />
<br />
==Plugins==<br />
'''Perfil'''<br />
#[http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
<br />
'''Publicaciones'''<br />
#[http://wordpress.org/extend/plugins/related-posts-via-categories/ Related Posts]<br />
#*Relaciona las publicaciones por categoría<br />
#[http://wordpress.org/extend/plugins/author-complete-post-list/ Author post list] <br />
#*Provee forma sencilla de visualizar una lista de las publicaciones de un mismo autor.<br />
#[http://wordpress.org/extend/plugins/seo-alrp/ SEO Auto Links & Related Posts]<br />
#*Crea links entre publicaciones relacionadas según <br />
#[http://wordpress.org/extend/plugins/all-in-one-seo-pack/ SEO Pack]<br />
#*Genera Meta tags automáticamente<br />
#*Optimiza títulos para buscadores<br />
#*Evita el duplicado de contenidos<br />
<br />
<br />
'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
<br />
'''Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
<br />
'''Eventos'''<br />
#[http://wordpress.org/extend/plugins/the-events-calendar/ The Events Calendar]<br />
'''Visualización Dispositivos Móviles'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Permite visualizar el sitio desde dispositivos móviles (iPhone)<br />
#[http://wordpress.org/extend/plugins/wp-pda/ Wp-Pda]<br />
#*Mejora la visualización de tu blog en navegadores de móviles.<br />
<br />
'''Diseño'''<br />
#[http://wordpress.org/extend/plugins/lightbox-plus/ Light Plus]<br />
#*Permite añadir "light box" a wordpress para visualizar diferentes contenidos (imagenes, videos, formularios)<br />
#[http://wordpress.org/extend/plugins/wp-no-category-base/ No Category]<br />
#*Permite eliminar el prefijo categoría en el link permanente. o [http://blogandweb.com/wordpress/como-cambiar-el-url-de-las-caegorias-en-wordpress/ cambiarlo]<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
[http://dl.dropbox.com/u/23634815/home.html Mapa de divs Home]<br />
<br />
<pre><br />
<nowiki><br />
<br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><br />
<meta name="generator" content="Adobe GoLive" /><br />
<title>Wireframe 00</title><br />
<link rel="stylesheet" type="text/css" href="style.css" /><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div id="contenedor"><br />
<div id="header"><br />
"header"<br />
<div id="logo"><br />
"logo"<br />
</div><br />
<div id="login"><br />
"login"<br />
</div><br />
<br />
<div id="buscador"><br />
"buscador"<br />
</div><br />
<div id="menu"><br />
"menu"<br />
</div><br />
</div><br />
<br />
<div id="contenido"><br />
"contenido"<br />
<div id="crear"><br />
<br />
"crear"<br />
</div><br />
<div id="proyectos"><br />
<div id="proyecto_3"><br />
"proyecto 3"<br />
</div><br />
<div id="proyecto_2"><br />
"proyecto 2"<br />
</div><br />
<div id="proyecto_1"><br />
<br />
"proyecto 1"<br />
</div><br />
</div><br />
<br />
<div id="notas"><br />
"notas"<br />
</div><br />
<div id="discusion"><br />
"discusion"<br />
</div><br />
<div id="eventos"><br />
<br />
"eventos"<br />
</div><br />
</div><br />
<br />
<div id="footer"><br />
"footer"<br />
<div id="suscripcion"><br />
"suscripcion"<br />
</div><br />
<div id="ayuda"><br />
"ayuda"<br />
</div><br />
<br />
<div id="contacto"><br />
"contacto"<br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</body><br />
<br />
</html><br />
<br />
<br />
</nowiki><br />
</pre><br />
<br />
==Wireframes==<br />
<gallery><br />
Image:Wireframe_plataforma_estorninos_perfil.jpg|Perfil<br />
Image:Wireframe_plataforma_estorninos_perfil_discusiones_vermas.jpg|Perfil, discusiones expandidas<br />
Image:Wireframe plataforma estorninos Discusiones.jpg | Página de Discusiones<br />
Image:Wireframe plataforma estorninos Una Discusion.jpg | Página de Una Discusión<br />
Image:Wireframe plataforma estorninos Notas.jpg | Página de Notas<br />
Image:Wireframe plataforma estorninos Una Nota.jpg | Pagina de una Nota<br />
Image:Wireframe plataforma estorninos Vincular una nota a proyecto existente.jpg | Formulario para vincular a Proyectos<br />
<br />
</gallery></div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=138071Propuesta para Plataforma de Organización Estudiantil2011-10-25T19:42:38Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
=Primera Etapa=<br />
<br />
''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'''''<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
[[Archivo:Partitura de Interacción Perfil.png|300px]]<br />
[[Archivo:Partitura de Interacción Mensajes.png|350px]]<br />
[[Archivo:Partitura de Interacción Grupos-03.png|250px]]<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
=Segunda Etapa: Cambio del core=<br />
<br />
''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'''.<br />
El trabajo se divide en equipos, los cuales prefundizan y diseñan la experiencia del diálogo de acuerdo a cuatro ejes principales:<br />
#Publicar<br />
#Participar<br />
#Deliberar<br />
#Gestionar''<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
==Maquetas: Propuesta de Acciones en Videos==<br />
<br />
===Wireframe Prototipo Móvil===<br />
<br />
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. <br />
<br />
====Navegación Completa====<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
====Crear un Evento====<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
====Sección Proyectos====<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
====Sección Discusiones====<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
====Perfil y Suscripción====<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Tercera etapa: Unión de las experiencias=<br />
<br />
''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.''<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
====Normas Generales====<br />
#Sólo participan alumnos reconocidos como tal en el sistema de [http://personas.ead.pucv.cl/ Personas e.ad].<br />
#No participan profesores, ex-alumnos o amigos de la escuela.<br />
#Los alumnos del centro de alumnos son usuarios comunes y corrientes.<br />
#Cualquier persona puede ver toda la actividad del sitio, las publicaciones y los proyectos.<br />
#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.<br />
<br />
====Normas de Publicación====<br />
#Todas las publicaciones tienen obligatoriamente título, texto y categoría.<br />
#Todas las publicaciones pueden ser compartidas. <br />
#El usuario puede deshacer o eliminar sus propios comentarios, publicaciones y suscripciones.<br />
<br />
====Normas del Perfil====<br />
#Todos los perfiles son completamente visibles a todos los usuarios registrados participantes del sitio.<br />
#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.<br />
#La foto de perfil debe mostrar el rostro de la persona.<br />
<br />
====Normas de Valoración====<br />
#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.<br />
#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ó.<br />
<br />
====Normas de Votación====<br />
#Los resultados de la votación sólo serán visibles después de que el usuario emita su voto.<br />
#No se puede deshacer ni eliminar el voto emitido.<br />
<br />
====Normas de Proyectos====<br />
#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.<br />
#Un usuario registrado en el sitio puede unirse a un proyecto solicitándolo o bien puede ser invitado por el autor de éste.<br />
#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.<br />
#Si el autor borra el proyecto, todos los miembros serán notificados vía mail.<br />
#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.<br />
<br />
==Plugins==<br />
'''Perfil'''<br />
#[http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
<br />
'''Publicaciones'''<br />
#[http://wordpress.org/extend/plugins/related-posts-via-categories/ Related Posts]<br />
#*Relaciona las publicaciones por categoría<br />
#[http://wordpress.org/extend/plugins/author-complete-post-list/ Author post list] <br />
#*Provee forma sencilla de visualizar una lista de las publicaciones de un mismo autor.<br />
#[http://wordpress.org/extend/plugins/seo-alrp/ SEO Auto Links & Related Posts]<br />
#*Crea links entre publicaciones relacionadas según <br />
#[http://wordpress.org/extend/plugins/all-in-one-seo-pack/ Seo Pack]<br />
#*Genera Meta tags automáticamente<br />
#*Optimiza títulos para buscadores<br />
#*Evita el duplicado de contenidos<br />
<br />
<br />
'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
<br />
'''Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
<br />
'''Eventos'''<br />
#[http://wordpress.org/extend/plugins/the-events-calendar/ The Events Calendar]<br />
'''Visualización Dispositivos Móviles'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Permite visualizar el sitio desde dispositivos móviles (iPhone)<br />
#[http://wordpress.org/extend/plugins/wp-pda/ Wp-Pda]<br />
#*Mejora la visualización de tu blog en navegadores de móviles.<br />
<br />
'''Diseño'''<br />
#[http://wordpress.org/extend/plugins/lightbox-plus/ Light Plus]<br />
#*Permite añadir "light box" a wordpress para visualizar diferentes contenidos (imagenes, videos, formularios)<br />
#[http://wordpress.org/extend/plugins/wp-no-category-base/ No Category]<br />
#*Permite eliminar el prefijo categoría en el link permanente. o [http://blogandweb.com/wordpress/como-cambiar-el-url-de-las-caegorias-en-wordpress/ cambiarlo]<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
[http://dl.dropbox.com/u/23634815/home.html Mapa de divs Home]<br />
<br />
<pre><br />
<nowiki><br />
<br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><br />
<meta name="generator" content="Adobe GoLive" /><br />
<title>Wireframe 00</title><br />
<link rel="stylesheet" type="text/css" href="style.css" /><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div id="contenedor"><br />
<div id="header"><br />
"header"<br />
<div id="logo"><br />
"logo"<br />
</div><br />
<div id="login"><br />
"login"<br />
</div><br />
<br />
<div id="buscador"><br />
"buscador"<br />
</div><br />
<div id="menu"><br />
"menu"<br />
</div><br />
</div><br />
<br />
<div id="contenido"><br />
"contenido"<br />
<div id="crear"><br />
<br />
"crear"<br />
</div><br />
<div id="proyectos"><br />
<div id="proyecto_3"><br />
"proyecto 3"<br />
</div><br />
<div id="proyecto_2"><br />
"proyecto 2"<br />
</div><br />
<div id="proyecto_1"><br />
<br />
"proyecto 1"<br />
</div><br />
</div><br />
<br />
<div id="notas"><br />
"notas"<br />
</div><br />
<div id="discusion"><br />
"discusion"<br />
</div><br />
<div id="eventos"><br />
<br />
"eventos"<br />
</div><br />
</div><br />
<br />
<div id="footer"><br />
"footer"<br />
<div id="suscripcion"><br />
"suscripcion"<br />
</div><br />
<div id="ayuda"><br />
"ayuda"<br />
</div><br />
<br />
<div id="contacto"><br />
"contacto"<br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</body><br />
<br />
</html><br />
<br />
<br />
</nowiki><br />
</pre><br />
<br />
==Wireframes==<br />
<gallery><br />
Image:Wireframe_plataforma_estorninos_perfil.jpg|Perfil<br />
Image:Wireframe_plataforma_estorninos_perfil_discusiones_vermas.jpg|Perfil, discusiones expandidas<br />
</gallery></div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=138064Propuesta para Plataforma de Organización Estudiantil2011-10-25T19:31:55Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
=Primera Etapa=<br />
<br />
''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'''''<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
[[Archivo:Partitura de Interacción Perfil.png|300px]]<br />
[[Archivo:Partitura de Interacción Mensajes.png|350px]]<br />
[[Archivo:Partitura de Interacción Grupos-03.png|250px]]<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
=Segunda Etapa: Cambio del core=<br />
<br />
''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'''.<br />
El trabajo se divide en equipos, los cuales prefundizan y diseñan la experiencia del diálogo de acuerdo a cuatro ejes principales:<br />
#Publicar<br />
#Participar<br />
#Deliberar<br />
#Gestionar''<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
==Maquetas: Propuesta de Acciones en Videos==<br />
<br />
===Wireframe Prototipo Móvil===<br />
<br />
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. <br />
<br />
====Navegación Completa====<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
====Crear un Evento====<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
====Sección Proyectos====<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
====Sección Discusiones====<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
====Perfil y Suscripción====<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Tercera etapa: Unión de las experiencias=<br />
<br />
''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.''<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
====Normas Generales====<br />
#Sólo participan alumnos reconocidos como tal en el sistema de [http://personas.ead.pucv.cl/ Personas e.ad].<br />
#No participan profesores, ex-alumnos o amigos de la escuela.<br />
#Los alumnos del centro de alumnos son usuarios comunes y corrientes.<br />
#Cualquier persona puede ver toda la actividad del sitio, las publicaciones y los proyectos.<br />
#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.<br />
<br />
====Normas de Publicación====<br />
#Todas las publicaciones tienen obligatoriamente título, texto y categoría.<br />
#Todas las publicaciones pueden ser compartidas. <br />
#El usuario puede deshacer o eliminar sus propios comentarios, publicaciones y suscripciones.<br />
<br />
====Normas del Perfil====<br />
#Todos los perfiles son completamente visibles a todos los usuarios registrados participantes del sitio.<br />
#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.<br />
#La foto de perfil debe mostrar el rostro de la persona.<br />
<br />
====Normas de Valoración====<br />
#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.<br />
#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ó.<br />
<br />
====Normas de Votación====<br />
#Los resultados de la votación sólo serán visibles después de que el usuario emita su voto.<br />
#No se puede deshacer ni eliminar el voto emitido.<br />
<br />
====Normas de Proyectos====<br />
#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.<br />
#Un usuario registrado en el sitio puede unirse a un proyecto solicitándolo o bien puede ser invitado por el autor de éste.<br />
#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.<br />
#Si el autor borra el proyecto, todos los miembros serán notificados vía mail.<br />
#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.<br />
<br />
==Plugins==<br />
'''Perfil'''<br />
#[http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
'''Publicaciones'''<br />
#[http://wordpress.org/extend/plugins/related-posts-via-categories/ Related Posts]<br />
#*Relaciona las publicaciones por categoría<br />
#[http://wordpress.org/extend/plugins/seo-alrp/ SEO Auto Links & Related Posts]<br />
#*Crea links entre publicaciones relacionadas según <br />
#[http://wordpress.org/extend/plugins/all-in-one-seo-pack/ Seo Pack]<br />
#*Genera Meta tags automáticamente<br />
#*Optimiza títulos para buscadores<br />
#*Evita el duplicado de contenidos<br />
#[http://wordpress.org/extend/plugins/author-complete-post-list/ Author post list] <br />
#*Provee forma sencilla de visualizar una lista de las publicaciones de un mismo autor.<br />
<br />
'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
'''Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
'''Eventos'''<br />
#[http://wordpress.org/extend/plugins/the-events-calendar/ The Events Calendar]<br />
'''Visualización Dispositivos Móviles'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Permite visualizar el sitio desde dispositivos móviles (iPhone)<br />
#[http://wordpress.org/extend/plugins/wp-pda/ Wp-Pda]<br />
#*Mejora la visualización de tu blog en navegadores de móviles.<br />
'''LightBox'''<br />
#[http://wordpress.org/extend/plugins/lightbox-plus/ Light Plus]<br />
#*Permite añadir "light box" a wordpress para visualizar diferentes contenidos (imagenes, videos, formularios)<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
[http://dl.dropbox.com/u/23634815/home.html Mapa de divs Home]<br />
<br />
<pre><br />
<nowiki><br />
<br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><br />
<meta name="generator" content="Adobe GoLive" /><br />
<title>Wireframe 00</title><br />
<link rel="stylesheet" type="text/css" href="style.css" /><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div id="contenedor"><br />
<div id="header"><br />
"header"<br />
<div id="logo"><br />
"logo"<br />
</div><br />
<div id="login"><br />
"login"<br />
</div><br />
<br />
<div id="buscador"><br />
"buscador"<br />
</div><br />
<div id="menu"><br />
"menu"<br />
</div><br />
</div><br />
<br />
<div id="contenido"><br />
"contenido"<br />
<div id="crear"><br />
<br />
"crear"<br />
</div><br />
<div id="proyectos"><br />
<div id="proyecto_3"><br />
"proyecto 3"<br />
</div><br />
<div id="proyecto_2"><br />
"proyecto 2"<br />
</div><br />
<div id="proyecto_1"><br />
<br />
"proyecto 1"<br />
</div><br />
</div><br />
<br />
<div id="notas"><br />
"notas"<br />
</div><br />
<div id="discusion"><br />
"discusion"<br />
</div><br />
<div id="eventos"><br />
<br />
"eventos"<br />
</div><br />
</div><br />
<br />
<div id="footer"><br />
"footer"<br />
<div id="suscripcion"><br />
"suscripcion"<br />
</div><br />
<div id="ayuda"><br />
"ayuda"<br />
</div><br />
<br />
<div id="contacto"><br />
"contacto"<br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</body><br />
<br />
</html><br />
<br />
<br />
</nowiki><br />
</pre><br />
<br />
==Wireframes==<br />
<gallery><br />
Image:Wireframe_plataforma_estorninos_perfil.jpg|Perfil<br />
Image:Wireframe_plataforma_estorninos_perfil_discusiones_vermas.jpg|Perfil, discusiones expandidas<br />
</gallery></div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=138062Propuesta para Plataforma de Organización Estudiantil2011-10-25T19:28:02Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
=Primera Etapa=<br />
<br />
''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'''''<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
[[Archivo:Partitura de Interacción Perfil.png|300px]]<br />
[[Archivo:Partitura de Interacción Mensajes.png|350px]]<br />
[[Archivo:Partitura de Interacción Grupos-03.png|250px]]<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
=Segunda Etapa: Cambio del core=<br />
<br />
''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'''.<br />
El trabajo se divide en equipos, los cuales prefundizan y diseñan la experiencia del diálogo de acuerdo a cuatro ejes principales:<br />
#Publicar<br />
#Participar<br />
#Deliberar<br />
#Gestionar''<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
==Maquetas: Propuesta de Acciones en Videos==<br />
<br />
===Wireframe Prototipo Móvil===<br />
<br />
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. <br />
<br />
====Navegación Completa====<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
====Crear un Evento====<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
====Sección Proyectos====<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
====Sección Discusiones====<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
====Perfil y Suscripción====<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Tercera etapa: Unión de las experiencias=<br />
<br />
''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.''<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
====Normas Generales====<br />
#Sólo participan alumnos reconocidos como tal en el sistema de [http://personas.ead.pucv.cl/ Personas e.ad].<br />
#No participan profesores, ex-alumnos o amigos de la escuela.<br />
#Los alumnos del centro de alumnos son usuarios comunes y corrientes.<br />
#Cualquier persona puede ver toda la actividad del sitio, las publicaciones y los proyectos.<br />
#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.<br />
<br />
====Normas de Publicación====<br />
#Todas las publicaciones tienen obligatoriamente título, texto y categoría.<br />
#Todas las publicaciones pueden ser compartidas. <br />
#El usuario puede deshacer o eliminar sus propios comentarios, publicaciones y suscripciones.<br />
<br />
====Normas del Perfil====<br />
#Todos los perfiles son completamente visibles a todos los usuarios registrados participantes del sitio.<br />
#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.<br />
#La foto de perfil debe mostrar el rostro de la persona.<br />
<br />
====Normas de Valoración====<br />
#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.<br />
#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ó.<br />
<br />
====Normas de Votación====<br />
#Los resultados de la votación sólo serán visibles después de que el usuario emita su voto.<br />
#No se puede deshacer ni eliminar el voto emitido.<br />
<br />
====Normas de Proyectos====<br />
#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.<br />
#Un usuario registrado en el sitio puede unirse a un proyecto solicitándolo o bien puede ser invitado por el autor de éste.<br />
#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.<br />
#Si el autor borra el proyecto, todos los miembros serán notificados vía mail.<br />
#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.<br />
<br />
==Plugins==<br />
'''Perfil'''<br />
#[http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
'''Publicaciones'''<br />
#[http://wordpress.org/extend/plugins/related-posts-via-categories/ Related Posts]<br />
#*Relaciona las publicaciones por categoría<br />
#[http://wordpress.org/extend/plugins/seo-alrp/ SEO Auto Links & Related Posts]<br />
#*Crea links entre publicaciones relacionadas según <br />
#[http://wordpress.org/extend/plugins/all-in-one-seo-pack/ Seo Pack]<br />
#*Genera Meta tags automáticamente<br />
#*Optimiza títulos para buscadores<br />
#*Evita el duplicado de contenidos<br />
<br />
'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
'''Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
'''Eventos'''<br />
#[http://wordpress.org/extend/plugins/the-events-calendar/ The Events Calendar]<br />
'''Visualización Dispositivos Móviles'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Permite visualizar el sitio desde dispositivos móviles (iPhone)<br />
#[http://wordpress.org/extend/plugins/wp-pda/ Wp-Pda]<br />
#*Mejora la visualización de tu blog en navegadores de móviles.<br />
'''LightBox'''<br />
#[http://wordpress.org/extend/plugins/lightbox-plus/ Light Plus]<br />
#*Permite añadir "light box" a wordpress para visualizar diferentes contenidos (imagenes, videos, formularios)<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
[http://dl.dropbox.com/u/23634815/home.html Mapa de divs Home]<br />
<br />
<pre><br />
<nowiki><br />
<br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><br />
<meta name="generator" content="Adobe GoLive" /><br />
<title>Wireframe 00</title><br />
<link rel="stylesheet" type="text/css" href="style.css" /><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div id="contenedor"><br />
<div id="header"><br />
"header"<br />
<div id="logo"><br />
"logo"<br />
</div><br />
<div id="login"><br />
"login"<br />
</div><br />
<br />
<div id="buscador"><br />
"buscador"<br />
</div><br />
<div id="menu"><br />
"menu"<br />
</div><br />
</div><br />
<br />
<div id="contenido"><br />
"contenido"<br />
<div id="crear"><br />
<br />
"crear"<br />
</div><br />
<div id="proyectos"><br />
<div id="proyecto_3"><br />
"proyecto 3"<br />
</div><br />
<div id="proyecto_2"><br />
"proyecto 2"<br />
</div><br />
<div id="proyecto_1"><br />
<br />
"proyecto 1"<br />
</div><br />
</div><br />
<br />
<div id="notas"><br />
"notas"<br />
</div><br />
<div id="discusion"><br />
"discusion"<br />
</div><br />
<div id="eventos"><br />
<br />
"eventos"<br />
</div><br />
</div><br />
<br />
<div id="footer"><br />
"footer"<br />
<div id="suscripcion"><br />
"suscripcion"<br />
</div><br />
<div id="ayuda"><br />
"ayuda"<br />
</div><br />
<br />
<div id="contacto"><br />
"contacto"<br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</body><br />
<br />
</html><br />
<br />
<br />
</nowiki><br />
</pre><br />
<br />
==Wireframes==<br />
<gallery><br />
Image:Wireframe_plataforma_estorninos_perfil.jpg|Perfil<br />
</gallery></div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=138056Propuesta para Plataforma de Organización Estudiantil2011-10-25T19:17:55Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
=Primera Etapa=<br />
<br />
''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'''''<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
[[Archivo:Partitura de Interacción Perfil.png|300px]]<br />
[[Archivo:Partitura de Interacción Mensajes.png|350px]]<br />
[[Archivo:Partitura de Interacción Grupos-03.png|250px]]<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
=Segunda Etapa: Cambio del core=<br />
<br />
''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'''.<br />
El trabajo se divide en equipos, los cuales prefundizan y diseñan la experiencia del diálogo de acuerdo a cuatro ejes principales:<br />
#Publicar<br />
#Participar<br />
#Deliberar<br />
#Gestionar''<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
==Maquetas: Propuesta de Acciones en Videos==<br />
<br />
===Wireframe Prototipo Móvil===<br />
<br />
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. <br />
<br />
====Navegación Completa====<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
====Crear un Evento====<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
====Sección Proyectos====<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
====Sección Discusiones====<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
====Perfil y Suscripción====<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Tercera etapa: Unión de las experiencias=<br />
<br />
''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.''<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
====Normas Generales====<br />
#Sólo participan alumnos reconocidos como tal en el sistema de [http://personas.ead.pucv.cl/ Personas e.ad].<br />
#No participan profesores, ex-alumnos o amigos de la escuela.<br />
#Los alumnos del centro de alumnos son usuarios comunes y corrientes.<br />
#Cualquier persona puede ver toda la actividad del sitio, las publicaciones y los proyectos.<br />
#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.<br />
<br />
====Normas de Publicación====<br />
#Todas las publicaciones tienen obligatoriamente título, texto y categoría.<br />
#Todas las publicaciones pueden ser compartidas. <br />
#El usuario puede deshacer o eliminar sus propios comentarios, publicaciones y suscripciones.<br />
<br />
====Normas del Perfil====<br />
#Todos los perfiles son completamente visibles a todos los usuarios registrados participantes del sitio.<br />
#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.<br />
#La foto de perfil debe mostrar el rostro de la persona.<br />
<br />
====Normas de Valoración====<br />
#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.<br />
#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ó.<br />
<br />
====Normas de Votación====<br />
#Los resultados de la votación sólo serán visibles después de que el usuario emita su voto.<br />
#No se puede deshacer ni eliminar el voto emitido.<br />
<br />
====Normas de Proyectos====<br />
#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.<br />
#Un usuario registrado en el sitio puede unirse a un proyecto solicitándolo o bien puede ser invitado por el autor de éste.<br />
#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.<br />
#Si el autor borra el proyecto, todos los miembros serán notificados vía mail.<br />
#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.<br />
<br />
==Plugins==<br />
'''Perfil'''<br />
#[http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
'''Publicaciones'''<br />
#[http://wordpress.org/extend/plugins/related-posts-via-categories/ Related Posts]<br />
#*Relaciona las publicaciones por categoría<br />
#[http://wordpress.org/extend/plugins/seo-alrp/ SEO Auto Links & Related Posts]<br />
#*Crea links entre publicaciones relacionadas según <br />
#[http://wordpress.org/extend/plugins/all-in-one-seo-pack/ Seo Pack]<br />
#*Genera Meta tags automáticamente<br />
#*Optimiza títulos para buscadores<br />
#*Evita el duplicado de contenidos<br />
'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
'''Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
'''Eventos'''<br />
#[http://wordpress.org/extend/plugins/the-events-calendar/ The Events Calendar]<br />
'''Dispositivos Móviles'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Permite visualizar el sitio desde dispositivos móviles (iPhone)<br />
'''LightBox'''<br />
#[http://wordpress.org/extend/plugins/lightbox-plus/ Light Plus]<br />
#*Permite añadir "light box" a wordpress para visualizar diferentes contenidos (imagenes, videos, formularios)<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
[http://dl.dropbox.com/u/23634815/home.html Mapa de divs Home]<br />
<br />
<pre><br />
<nowiki><br />
<br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><br />
<meta name="generator" content="Adobe GoLive" /><br />
<title>Wireframe 00</title><br />
<link rel="stylesheet" type="text/css" href="style.css" /><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div id="contenedor"><br />
<div id="header"><br />
"header"<br />
<div id="logo"><br />
"logo"<br />
</div><br />
<div id="login"><br />
"login"<br />
</div><br />
<br />
<div id="buscador"><br />
"buscador"<br />
</div><br />
<div id="menu"><br />
"menu"<br />
</div><br />
</div><br />
<br />
<div id="contenido"><br />
"contenido"<br />
<div id="crear"><br />
<br />
"crear"<br />
</div><br />
<div id="proyectos"><br />
<div id="proyecto_3"><br />
"proyecto 3"<br />
</div><br />
<div id="proyecto_2"><br />
"proyecto 2"<br />
</div><br />
<div id="proyecto_1"><br />
<br />
"proyecto 1"<br />
</div><br />
</div><br />
<br />
<div id="notas"><br />
"notas"<br />
</div><br />
<div id="discusion"><br />
"discusion"<br />
</div><br />
<div id="eventos"><br />
<br />
"eventos"<br />
</div><br />
</div><br />
<br />
<div id="footer"><br />
"footer"<br />
<div id="suscripcion"><br />
"suscripcion"<br />
</div><br />
<div id="ayuda"><br />
"ayuda"<br />
</div><br />
<br />
<div id="contacto"><br />
"contacto"<br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</body><br />
<br />
</html><br />
<br />
<br />
</nowiki><br />
</pre><br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=138055Propuesta para Plataforma de Organización Estudiantil2011-10-25T19:17:14Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
=Primera Etapa=<br />
<br />
''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'''''<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
[[Archivo:Partitura de Interacción Perfil.png|300px]]<br />
[[Archivo:Partitura de Interacción Mensajes.png|350px]]<br />
[[Archivo:Partitura de Interacción Grupos-03.png|250px]]<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
=Segunda Etapa: Cambio del core=<br />
<br />
''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'''.<br />
El trabajo se divide en equipos, los cuales prefundizan y diseñan la experiencia del diálogo de acuerdo a cuatro ejes principales:<br />
#Publicar<br />
#Participar<br />
#Deliberar<br />
#Gestionar''<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
==Maquetas: Propuesta de Acciones en Videos==<br />
<br />
===Wireframe Prototipo Móvil===<br />
<br />
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. <br />
<br />
====Navegación Completa====<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
====Crear un Evento====<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
====Sección Proyectos====<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
====Sección Discusiones====<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
====Perfil y Suscripción====<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Tercera etapa: Unión de las experiencias=<br />
<br />
''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.''<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
====Normas Generales====<br />
#Sólo participan alumnos reconocidos como tal en el sistema de [http://personas.ead.pucv.cl/ Personas e.ad].<br />
#No participan profesores, ex-alumnos o amigos de la escuela.<br />
#Los alumnos del centro de alumnos son usuarios comunes y corrientes.<br />
#Cualquier persona puede ver toda la actividad del sitio, las publicaciones y los proyectos.<br />
#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.<br />
<br />
====Normas de Publicación====<br />
#Todas las publicaciones tienen obligatoriamente título, texto y categoría.<br />
#Todas las publicaciones pueden ser compartidas. <br />
#El usuario puede deshacer o eliminar sus propios comentarios, publicaciones y suscripciones.<br />
<br />
====Normas del Perfil====<br />
#Todos los perfiles son completamente visibles a todos los usuarios registrados participantes del sitio.<br />
#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.<br />
#La foto de perfil debe mostrar el rostro de la persona.<br />
<br />
====Normas de Valoración====<br />
#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.<br />
#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ó.<br />
<br />
====Normas de Votación====<br />
#Los resultados de la votación sólo serán visibles después de que el usuario emita su voto.<br />
#No se puede deshacer ni eliminar el voto emitido.<br />
<br />
====Normas de Proyectos====<br />
#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.<br />
#Un usuario registrado en el sitio puede unirse a un proyecto solicitándolo o bien puede ser invitado por el autor de éste.<br />
#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.<br />
#Si el autor borra el proyecto, todos los miembros serán notificados vía mail.<br />
#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.<br />
<br />
==Plugins==<br />
'''Perfil'''<br />
#[http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
<br />
'''Publicaciones'''<br />
#[http://wordpress.org/extend/plugins/related-posts-via-categories/ Related Posts]<br />
#*Relaciona las publicaciones por categoría<br />
#[http://wordpress.org/extend/plugins/seo-alrp/ SEO Auto Links & Related Posts]<br />
#*Crea links entre publicaciones relacionadas según <br />
#[http://wordpress.org/extend/plugins/all-in-one-seo-pack/ Seo Pack]<br />
#*Genera Meta tags automáticamente<br />
#*Optimiza títulos para buscadores<br />
#*Evita el duplicado de contenidos<br />
<br />
<br />
'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
<br />
'''Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
<br />
'''Eventos'''<br />
#[http://wordpress.org/extend/plugins/the-events-calendar/ The Events Calendar]<br />
<br />
'''Dispositivos Móviles'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Permite visualizar el sitio desde dispositivos móviles (iPhone)<br />
<br />
'''LightBox'''<br />
#[http://wordpress.org/extend/plugins/lightbox-plus/ Light Plus]<br />
#*Permite añadir "light box" a wordpress para visualizar diferentes contenidos (imagenes, videos, formularios)<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
[http://dl.dropbox.com/u/23634815/home.html Mapa de divs Home]<br />
<br />
<pre><br />
<nowiki><br />
<br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><br />
<meta name="generator" content="Adobe GoLive" /><br />
<title>Wireframe 00</title><br />
<link rel="stylesheet" type="text/css" href="style.css" /><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div id="contenedor"><br />
<div id="header"><br />
"header"<br />
<div id="logo"><br />
"logo"<br />
</div><br />
<div id="login"><br />
"login"<br />
</div><br />
<br />
<div id="buscador"><br />
"buscador"<br />
</div><br />
<div id="menu"><br />
"menu"<br />
</div><br />
</div><br />
<br />
<div id="contenido"><br />
"contenido"<br />
<div id="crear"><br />
<br />
"crear"<br />
</div><br />
<div id="proyectos"><br />
<div id="proyecto_3"><br />
"proyecto 3"<br />
</div><br />
<div id="proyecto_2"><br />
"proyecto 2"<br />
</div><br />
<div id="proyecto_1"><br />
<br />
"proyecto 1"<br />
</div><br />
</div><br />
<br />
<div id="notas"><br />
"notas"<br />
</div><br />
<div id="discusion"><br />
"discusion"<br />
</div><br />
<div id="eventos"><br />
<br />
"eventos"<br />
</div><br />
</div><br />
<br />
<div id="footer"><br />
"footer"<br />
<div id="suscripcion"><br />
"suscripcion"<br />
</div><br />
<div id="ayuda"><br />
"ayuda"<br />
</div><br />
<br />
<div id="contacto"><br />
"contacto"<br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</body><br />
<br />
</html><br />
<br />
<br />
</nowiki><br />
</pre><br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=138054Propuesta para Plataforma de Organización Estudiantil2011-10-25T19:16:38Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
=Primera Etapa=<br />
<br />
''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'''''<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
[[Archivo:Partitura de Interacción Perfil.png|300px]]<br />
[[Archivo:Partitura de Interacción Mensajes.png|350px]]<br />
[[Archivo:Partitura de Interacción Grupos-03.png|250px]]<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
=Segunda Etapa: Cambio del core=<br />
<br />
''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'''.<br />
El trabajo se divide en equipos, los cuales prefundizan y diseñan la experiencia del diálogo de acuerdo a cuatro ejes principales:<br />
#Publicar<br />
#Participar<br />
#Deliberar<br />
#Gestionar''<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
==Maquetas: Propuesta de Acciones en Videos==<br />
<br />
===Wireframe Prototipo Móvil===<br />
<br />
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. <br />
<br />
====Navegación Completa====<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
====Crear un Evento====<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
====Sección Proyectos====<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
====Sección Discusiones====<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
====Perfil y Suscripción====<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Tercera etapa: Unión de las experiencias=<br />
<br />
''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.''<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
====Normas Generales====<br />
#Sólo participan alumnos reconocidos como tal en el sistema de [http://personas.ead.pucv.cl/ Personas e.ad].<br />
#No participan profesores, ex-alumnos o amigos de la escuela.<br />
#Los alumnos del centro de alumnos son usuarios comunes y corrientes.<br />
#Cualquier persona puede ver toda la actividad del sitio, las publicaciones y los proyectos.<br />
#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.<br />
<br />
====Normas de Publicación====<br />
#Todas las publicaciones tienen obligatoriamente título, texto y categoría.<br />
#Todas las publicaciones pueden ser compartidas. <br />
#El usuario puede deshacer o eliminar sus propios comentarios, publicaciones y suscripciones.<br />
<br />
====Normas del Perfil====<br />
#Todos los perfiles son completamente visibles a todos los usuarios registrados participantes del sitio.<br />
#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.<br />
#La foto de perfil debe mostrar el rostro de la persona.<br />
<br />
====Normas de Valoración====<br />
#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.<br />
#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ó.<br />
<br />
====Normas de Votación====<br />
#Los resultados de la votación sólo serán visibles después de que el usuario emita su voto.<br />
#No se puede deshacer ni eliminar el voto emitido.<br />
<br />
====Normas de Proyectos====<br />
#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.<br />
#Un usuario registrado en el sitio puede unirse a un proyecto solicitándolo o bien puede ser invitado por el autor de éste.<br />
#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.<br />
#Si el autor borra el proyecto, todos los miembros serán notificados vía mail.<br />
#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.<br />
<br />
==Plugins==<br />
'''Perfil'''<br />
#[http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
<br />
'''Publicaciones'''<br />
#[http://wordpress.org/extend/plugins/related-posts-via-categories/ Related Posts]<br />
#*Relaciona las publicaciones por categoría<br />
#[http://wordpress.org/extend/plugins/seo-alrp/ SEO Auto Links & Related Posts]<br />
#*Crea links entre publicaciones relacionadas según <br />
[http://wordpress.org/extend/plugins/all-in-one-seo-pack/ Seo Pack]<br />
#*Genera Meta tags automáticamente<br />
#*Optimiza títulos para buscadores<br />
#*Evita el duplicado de contenidos<br />
<br />
<br />
'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
<br />
'''Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
<br />
'''Eventos'''<br />
#[http://wordpress.org/extend/plugins/the-events-calendar/ The Events Calendar]<br />
<br />
'''Dispositivos Móviles'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Permite visualizar el sitio desde dispositivos móviles (iPhone)<br />
<br />
'''LightBox'''<br />
#[http://wordpress.org/extend/plugins/lightbox-plus/ Light Plus]<br />
#*Permite añadir "light box" a wordpress para visualizar diferentes contenidos (imagenes, videos, formularios)<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
[http://dl.dropbox.com/u/23634815/home.html Mapa de divs Home]<br />
<br />
<pre><br />
<nowiki><br />
<br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><br />
<meta name="generator" content="Adobe GoLive" /><br />
<title>Wireframe 00</title><br />
<link rel="stylesheet" type="text/css" href="style.css" /><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div id="contenedor"><br />
<div id="header"><br />
"header"<br />
<div id="logo"><br />
"logo"<br />
</div><br />
<div id="login"><br />
"login"<br />
</div><br />
<br />
<div id="buscador"><br />
"buscador"<br />
</div><br />
<div id="menu"><br />
"menu"<br />
</div><br />
</div><br />
<br />
<div id="contenido"><br />
"contenido"<br />
<div id="crear"><br />
<br />
"crear"<br />
</div><br />
<div id="proyectos"><br />
<div id="proyecto_3"><br />
"proyecto 3"<br />
</div><br />
<div id="proyecto_2"><br />
"proyecto 2"<br />
</div><br />
<div id="proyecto_1"><br />
<br />
"proyecto 1"<br />
</div><br />
</div><br />
<br />
<div id="notas"><br />
"notas"<br />
</div><br />
<div id="discusion"><br />
"discusion"<br />
</div><br />
<div id="eventos"><br />
<br />
"eventos"<br />
</div><br />
</div><br />
<br />
<div id="footer"><br />
"footer"<br />
<div id="suscripcion"><br />
"suscripcion"<br />
</div><br />
<div id="ayuda"><br />
"ayuda"<br />
</div><br />
<br />
<div id="contacto"><br />
"contacto"<br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</body><br />
<br />
</html><br />
<br />
<br />
</nowiki><br />
</pre><br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=138046Propuesta para Plataforma de Organización Estudiantil2011-10-25T18:58:36Z<p>Valeuche: /* Tercera etapa: Unión de las experiencias */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
=Primera Etapa=<br />
<br />
''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'''''<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
[[Archivo:Partitura de Interacción Perfil.png|300px]]<br />
[[Archivo:Partitura de Interacción Mensajes.png|350px]]<br />
[[Archivo:Partitura de Interacción Grupos-03.png|250px]]<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
=Segunda Etapa: Cambio del core=<br />
<br />
''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'''.<br />
El trabajo se divide en equipos, los cuales prefundizan y diseñan la experiencia del diálogo de acuerdo a cuatro ejes principales:<br />
#Publicar<br />
#Participar<br />
#Deliberar<br />
#Gestionar''<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
==Maquetas: Propuesta de Acciones en Videos==<br />
<br />
===Wireframe Prototipo Móvil===<br />
<br />
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. <br />
<br />
====Navegación Completa====<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
====Crear un Evento====<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
====Sección Proyectos====<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
====Sección Discusiones====<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
====Perfil y Suscripción====<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Tercera etapa: Unión de las experiencias=<br />
<br />
''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.''<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
===Normas Generales===<br />
#Sólo participan alumnos reconocidos como tal en el sistema de [http://personas.ead.pucv.cl/ Personas e.ad].<br />
#No participan profesores, ex-alumnos o amigos de la escuela.<br />
#Los alumnos del centro de alumnos son usuarios comunes y corrientes.<br />
#Cualquier persona puede ver toda la actividad del sitio, las publicaciones y los proyectos.<br />
#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.<br />
<br />
===Normas de Publicación===<br />
#Todas las publicaciones pueden ser compartidas. <br />
#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.<br />
#Todas las publicaciones tienen obligatoriamente título, texto y categoría.<br />
<br />
===Normas de Valoración===<br />
#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.<br />
#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ó.<br />
<br />
===Normas de Proyectos===<br />
#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.<br />
#Un usuario registrado en el sitio puede unirse a un proyecto solicitándolo o bien puede ser invitado por el autor de éste.<br />
#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.<br />
<br />
===Normas del Perfil===<br />
#Todos los perfiles son completamente visibles a todos los usuarios registrados participantes del sitio.<br />
<br />
==Plugins==<br />
'''Perfil'''<br />
#[http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
<br />
'''Publicaciones'''<br />
#[http://wordpress.org/extend/plugins/related-posts-via-categories/ Related Posts]<br />
#*Relaciona las publicaciones por categoría<br />
#[http://wordpress.org/extend/plugins/seo-alrp/ SEO Auto Links & Related Posts]<br />
#*<br />
<br />
'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
<br />
'''Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
<br />
'''Eventos'''<br />
#[http://wordpress.org/extend/plugins/the-events-calendar/ The Events Calendar]<br />
<br />
'''Dispositivos Móviles'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Permite visualizar el sitio desde dispositivos móviles (iPhone)<br />
<br />
'''LightBox'''<br />
#[http://wordpress.org/extend/plugins/lightbox-plus/ Light Plus]<br />
#*Permite añadir "light box" a wordpress para visualizar diferentes contenidos (imagenes, videos, formularios)<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
<pre><br />
<nowiki><br />
<br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><br />
<meta name="generator" content="Adobe GoLive" /><br />
<title>Wireframe 00</title><br />
<link rel="stylesheet" type="text/css" href="style.css" /><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div id="contenedor"><br />
<div id="header"><br />
"header"<br />
<div id="logo"><br />
"logo"<br />
</div><br />
<div id="login"><br />
"login"<br />
</div><br />
<br />
<div id="buscador"><br />
"buscador"<br />
</div><br />
<div id="menu"><br />
"menu"<br />
</div><br />
</div><br />
<br />
<div id="contenido"><br />
"contenido"<br />
<div id="crear"><br />
<br />
"crear"<br />
</div><br />
<div id="proyectos"><br />
<div id="proyecto_3"><br />
"proyecto 3"<br />
</div><br />
<div id="proyecto_2"><br />
"proyecto 2"<br />
</div><br />
<div id="proyecto_1"><br />
<br />
"proyecto 1"<br />
</div><br />
</div><br />
<br />
<div id="notas"><br />
"notas"<br />
</div><br />
<div id="discusion"><br />
"discusion"<br />
</div><br />
<div id="eventos"><br />
<br />
"eventos"<br />
</div><br />
</div><br />
<br />
<div id="footer"><br />
"footer"<br />
<div id="suscripcion"><br />
"suscripcion"<br />
</div><br />
<div id="ayuda"><br />
"ayuda"<br />
</div><br />
<br />
<div id="contacto"><br />
"contacto"<br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</body><br />
<br />
</html><br />
<br />
<br />
</nowiki><br />
</pre><br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=138043Propuesta para Plataforma de Organización Estudiantil2011-10-25T18:54:13Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
=Primera Etapa=<br />
<br />
''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'''''<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
[[Archivo:Partitura de Interacción Perfil.png|300px]]<br />
[[Archivo:Partitura de Interacción Mensajes.png|350px]]<br />
[[Archivo:Partitura de Interacción Grupos-03.png|250px]]<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
=Segunda Etapa: Cambio del core=<br />
<br />
''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'''.<br />
El trabajo se divide en equipos, los cuales prefundizan y diseñan la experiencia del diálogo de acuerdo a cuatro ejes principales:<br />
#Publicar<br />
#Participar<br />
#Deliberar<br />
#Gestionar''<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
==Maquetas: Propuesta de Acciones en Videos==<br />
<br />
===Wireframe Prototipo Móvil===<br />
<br />
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. <br />
<br />
====Navegación Completa====<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
====Crear un Evento====<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
====Sección Proyectos====<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
====Sección Discusiones====<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
====Perfil y Suscripción====<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Tercera etapa: Unión de las experiencias=<br />
<br />
''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.''<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
#Todas las publicaciones pueden ser compartidas <br />
#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.<br />
#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.<br />
#Un usuario registrado en el sitio puede unirse a un proyecto solicitándolo o bien puede ser invitado por el autor de éste.<br />
#Todas las publicaciones tienen obligatoriamente título, texto y categoría.<br />
#El autor del proyecto puede borrar miembros de éste justificando su decisión, la que le llegará por mail al miembro eliminado.<br />
<br />
==Plugins==<br />
'''Perfil'''<br />
#[http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
<br />
'''Publicaciones'''<br />
#[http://wordpress.org/extend/plugins/related-posts-via-categories/ Related Posts]<br />
#*Genera publicaciones relacionados por categoría<br />
#[http://wordpress.org/extend/plugins/seo-alrp/ SEO Auto Links & Related Posts]<br />
#*<br />
<br />
'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
<br />
'''Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
<br />
'''Eventos'''<br />
#[http://wordpress.org/extend/plugins/the-events-calendar/ The Events Calendar]<br />
<br />
'''Dispositivos Móviles'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Permite visualizar el sitio desde dispositivos móviles (iPhone)<br />
<br />
'''LightBox'''<br />
#[http://wordpress.org/extend/plugins/lightbox-plus/ Light Plus]<br />
#*Permite añadir "light box" a wordpress para visualizar diferentes contenidos (imagenes, videos, formularios)<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
<pre><br />
<nowiki><br />
<br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><br />
<meta name="generator" content="Adobe GoLive" /><br />
<title>Wireframe 00</title><br />
<link rel="stylesheet" type="text/css" href="style.css" /><br />
<br />
<br />
</head><br />
<br />
<body><br />
<br />
<div id="contenedor"><br />
<div id="header"><br />
"header"<br />
<div id="logo"><br />
"logo"<br />
</div><br />
<div id="login"><br />
"login"<br />
</div><br />
<br />
<div id="buscador"><br />
"buscador"<br />
</div><br />
<div id="menu"><br />
"menu"<br />
</div><br />
</div><br />
<br />
<div id="contenido"><br />
"contenido"<br />
<div id="crear"><br />
<br />
"crear"<br />
</div><br />
<div id="proyectos"><br />
<div id="proyecto_3"><br />
"proyecto 3"<br />
</div><br />
<div id="proyecto_2"><br />
"proyecto 2"<br />
</div><br />
<div id="proyecto_1"><br />
<br />
"proyecto 1"<br />
</div><br />
</div><br />
<br />
<div id="notas"><br />
"notas"<br />
</div><br />
<div id="discusion"><br />
"discusion"<br />
</div><br />
<div id="eventos"><br />
<br />
"eventos"<br />
</div><br />
</div><br />
<br />
<div id="footer"><br />
"footer"<br />
<div id="suscripcion"><br />
"suscripcion"<br />
</div><br />
<div id="ayuda"><br />
"ayuda"<br />
</div><br />
<br />
<div id="contacto"><br />
"contacto"<br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</body><br />
<br />
</html><br />
<br />
<br />
</nowiki><br />
</pre><br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=138033Propuesta para Plataforma de Organización Estudiantil2011-10-25T18:37:43Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
=Primera Etapa=<br />
<br />
''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'''''<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
=Segunda Etapa: Cambio del core=<br />
<br />
''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'''.<br />
El trabajo se divide en equipos, los cuales prefundizan y diseñan la experiencia del diálogo de acuerdo a cuatro ejes principales:<br />
#Publicar<br />
#Participar<br />
#Deliberar<br />
#Gestionar''<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
==Maquetas: Propuesta de Acciones en Videos==<br />
<br />
===Wireframe Prototipo Móvil===<br />
<br />
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. <br />
<br />
====Navegación Completa====<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
====Crear un Evento====<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
====Sección Proyectos====<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
====Sección Discusiones====<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
====Perfil y Suscripción====<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Tercera etapa: Unión de las experiencias=<br />
<br />
''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.''<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
#Todas las publicaciones pueden ser compartidas <br />
#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.<br />
#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.<br />
#Un usuario registrado en el sitio puede unirse a un proyecto solicitándolo o bien puede ser invitado por el autor de éste.<br />
#Todas las publicaciones tienen obligatoriamente título, texto y categoría.<br />
#El autor del proyecto puede borrar miembros de éste justificando su decisión, la que le llegará por mail al miembro eliminado.<br />
<br />
==Plugins==<br />
'''Perfil'''<br />
#[http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
<br />
'''Publicaciones'''<br />
#[http://wordpress.org/extend/plugins/related-posts-via-categories/ Related Posts]<br />
#*Genera publicaciones relacionados por categoría<br />
<br />
'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
<br />
'''Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
<br />
'''Calendario Eventos'''<br />
#[http://wordpress.org/extend/plugins/the-events-calendar/ The Events Calendar]<br />
<br />
'''Dispositivos Móviles'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Permire visualizar el sitio desde dispositivos móviles (iPhone)<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=138016Propuesta para Plataforma de Organización Estudiantil2011-10-25T18:18:01Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
=Primera Etapa=<br />
<br />
''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.''<br />
<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
==Casos de Estudio==<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Proyectos Relacionados:: {{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
=Maquetas: Propuesta de Acciones en Videos=<br />
<br />
==Wireframe Prototipo Móvil==<br />
<br />
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. <br />
<br />
===Navegación Completa===<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
===Crear un Evento===<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
===Sección Proyectos===<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
===Sección Discusiones===<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
===Perfil y Suscripción===<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Últimas definiciones=<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
#Todas las publicaciones pueden ser compartidas <br />
#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.<br />
#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.<br />
#Un usuario registrado en el sitio puede unirse a un proyecto solicitándolo o bien puede ser invitado por el autor de éste.<br />
#Todas las publicaciones tienen obligatoriamente título, texto y categoría.<br />
#El autor del proyecto puede borrar miembros de éste justificando su decisión, la que le llegará por mail al miembro eliminado.<br />
<br />
==Plugins==<br />
'''Perfil'''<br />
#[http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
<br />
'''Publicaciones'''<br />
#[http://wordpress.org/extend/plugins/related-posts-via-categories/ Related Posts]<br />
#*Genera publicaciones relacionados por categoría<br />
<br />
'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
<br />
'''Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
<br />
'''Calendario Eventos'''<br />
[http://wordpress.org/extend/plugins/the-events-calendar/ The Events Calendar]<br />
<br />
'''Edición CSS'''<br />
[http://wordpress.org/extend/plugins/my-custom-css/ My Custom CSS]<br />
<br />
'''Dispositivos Móviles'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Permire visualizar el sitio desde dispositivos móviles (iPhone)<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=137979Propuesta para Plataforma de Organización Estudiantil2011-10-25T16:58:27Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
==Casos de Estudio==<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Proyectos Relacionados:: {{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
=Maquetas: Propuesta de Acciones en Videos=<br />
<br />
==Wireframe Prototipo Móvil==<br />
<br />
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. <br />
<br />
===Navegación Completa===<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
===Crear un Evento===<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
===Sección Proyectos===<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
===Sección Discusiones===<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
===Perfil y Suscripción===<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Últimas definiciones=<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
==Plugins==<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=137978Propuesta para Plataforma de Organización Estudiantil2011-10-25T16:58:02Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
==Casos de Estudio==<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Proyectos Relacionados:: {{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
=Maquetas: Propuesta de Acciones en Videos=<br />
<br />
==Wireframe Prototipo Móvil==<br />
<br />
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. <br />
<br />
===Navegación Completa===<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
===Crear un Evento===<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
===Sección Proyectos===<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
===Sección Discusiones===<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
===Perfil y Suscripción===<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Últimas definiciones=<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
==Plugins==<br />
'''Administración Perfil y Grupos'''<br />
#[http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#'''Contactar, Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
#'''Móvil'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Transforma el sitio en app para móviles<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=137977Propuesta para Plataforma de Organización Estudiantil2011-10-25T16:49:09Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
==Casos de Estudio==<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Proyectos Relacionados:: {{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
=Maquetas: Propuesta de Acciones en Videos=<br />
<br />
==Wireframe Prototipo Móvil==<br />
<br />
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. <br />
<br />
===Navegación Completa===<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
===Crear un Evento===<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
===Sección Proyectos===<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
===Sección Discusiones===<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
===Perfil y Suscripción===<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Últimas definiciones=<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
==Plugins==<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=137976Propuesta para Plataforma de Organización Estudiantil2011-10-25T16:48:37Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
==Casos de Estudio==<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Proyectos Relacionados:: {{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
=Maquetas: Propuesta de Acciones en Videos=<br />
<br />
==Wireframe Prototipo Móvil==<br />
<br />
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. <br />
<br />
===Navegación Completa===<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
===Crear un Evento===<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
===Sección Proyectos===<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
===Sección Discusiones===<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
===Perfil y Suscripción===<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Últimas definiciones=<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
==Plugins==<br />
#'''Administración Perfil y Grupos'''<br />
[http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#'''Contactar, Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
#'''Móvil'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Transforma el sitio en app para móviles<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=137975Propuesta para Plataforma de Organización Estudiantil2011-10-25T16:48:16Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
==Casos de Estudio==<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Proyectos Relacionados:: {{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
=Maquetas: Propuesta de Acciones en Videos=<br />
<br />
==Wireframe Prototipo Móvil==<br />
<br />
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. <br />
<br />
===Navegación Completa===<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
===Crear un Evento===<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
===Sección Proyectos===<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
===Sección Discusiones===<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
===Perfil y Suscripción===<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Últimas definiciones=<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
==Plugins==<br />
#'''Administración Perfil y Grupos'''<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#'''Valoración'''<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#'''Contactar, Compartir'''<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
#'''Móvil'''<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Transforma el sitio en app para móviles<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=137974Propuesta para Plataforma de Organización Estudiantil2011-10-25T16:42:47Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
==Casos de Estudio==<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Proyectos Relacionados:: {{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
=Maquetas: Propuesta de Acciones en Videos=<br />
<br />
==Wireframe Prototipo Móvil==<br />
<br />
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. <br />
<br />
===Navegación Completa===<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
===Crear un Evento===<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
===Sección Proyectos===<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
===Sección Discusiones===<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
===Perfil y Suscripción===<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Últimas definiciones=<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
==Plugins==<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
#[http://wordpress.org/extend/plugins/wptouch/ WPTouch]<br />
#*Transforma el sitio en app para móviles<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=137972Propuesta para Plataforma de Organización Estudiantil2011-10-25T16:35:16Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
==Casos de Estudio==<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Proyectos Relacionados:: {{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
=Maquetas: Propuesta de Acciones en Videos=<br />
<br />
==Wireframe Prototipo Móvil==<br />
<br />
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. <br />
<br />
===Navegación Completa===<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
===Crear un Evento===<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
===Sección Proyectos===<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
===Sección Discusiones===<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
===Perfil y Suscripción===<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Últimas definiciones=<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
==Plugins==<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
#[http://crowdfavorite.com/wordpress/plugins/wordpress-mobile-edition/ Wordpress Mobile Edition]<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=137971Propuesta para Plataforma de Organización Estudiantil2011-10-25T16:33:55Z<p>Valeuche: /* Plugins */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
==Casos de Estudio==<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Proyectos Relacionados:: {{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
=Maquetas: Propuesta de Acciones en Videos=<br />
<br />
==Wireframe Prototipo Móvil==<br />
<br />
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. <br />
<br />
===Navegación Completa===<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
===Crear un Evento===<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
===Sección Proyectos===<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
===Sección Discusiones===<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
===Perfil y Suscripción===<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Últimas definiciones=<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
==Plugins==<br />
#BuddyPress<br />
#*Perfiles<br />
*Mensajes Privados<br />
*Crear Grupos<br />
*Foros de Discusión<br />
*Cambios de estados en tiempo real<br />
*Notificaciones por correo electrónico<br />
#*Rating Widget<br />
#*Baw-Like-Unlike<br />
*Valorar las Publicaciones (Valoración + y -)<br />
*Cambiar tu Valoración<br />
#*Share This<br />
*Compartir en Facebook<br />
*Compartir en Twitter<br />
*Enviar por Correo Electrónico<br />
*Compartir en otras Redes Sociales<br />
#*SFC - Find us on Facebook Widget<br />
*Conectar con Facebook<br />
#*Contact Form 7<br />
#*[[Wordpress Mobile Edition]]<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Propuesta_para_Plataforma_de_Organizaci%C3%B3n_Estudiantil&diff=137970Propuesta para Plataforma de Organización Estudiantil2011-10-25T16:31:13Z<p>Valeuche: /* Últimas definiciones */</p>
<hr />
<div>{{Proyecto<br />
|Título=Propuesta para Plataforma de Organización Estudiantil<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Año de Inicio=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, Lenguaje Computacional 3, <br />
|Cursos Relacionados=Taller de Construcción DG 4 - 2011, LC3 2011<br />
|Profesor=Herbert Spencer, Jorge Barahona, <br />
|Alumnos=Macarena Álamos R, Antonia Góngora, Karen Carrera, Andrea Cifuentes, Valeria Cerón, Joaquín Martel, Jaime Pérez Moena, Begoña Vargas,<br />
}}<br />
==Plugins==<br />
<br />
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.<br />
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.<br />
<br />
===Plugins instalados===<br />
<br />
# [http://buddypress.org/ BuddyPress]<br />
#*Perfiles<br />
#*Mensajes Privados<br />
#*Crear Grupos<br />
#*Foros de Discusión<br />
#*Cambios de estados en tiempo real<br />
#*Notificaciones por correo electrónico<br />
#[http://wordpress.org/extend/plugins/rating-widget/ Rating Widget]<br />
#[http://wordpress.org/extend/plugins/baw-like-unlike/ Baw-Like-Unlike]<br />
#*Valorar las Publicaciones (Valoración + y -)<br />
#*Cambiar tu Valoración<br />
#[http://sharethis.com/ Share This]<br />
#*Compartir en Facebook<br />
#*Compartir en Twitter<br />
#*Enviar por Correo Electrónico<br />
#*Compartir en otras Redes Sociales<br />
#[http://ottopress.com/wordpress-plugins/simple-facebook-connect/ SFC - Find us on Facebook Widget]<br />
#*Conectar con Facebook<br />
#[http://contactform7.com/ Contact Form 7]<br />
<br />
===Acciones sin Plugin===<br />
#Muro<br />
#*Convertir los links en títulos<br />
<br />
==Casos de Estudio==<br />
{{#ask: [[Categoría:Caso de Estudio]] [[Proyectos Relacionados:: {{PAGENAME}}]]<br />
|format=ol<br />
|}}<br />
<br />
==Partituras de interacción==<br />
Se definen los espacios del Sitio, y con ello las acciones que se llevarán a cabo<br />
<br />
===Agenda===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Agenda.png|450px ]]<br />
<br />
===Muro===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Muro.png|450px]]<br />
<br />
===Noticias===<br />
[[Archivo: SitioEstorninos_Partituras_de_interacción-Noticias.png|450px]]<br />
<br />
===Debate===<br />
[[Archivo: Agongora partituras debates.png|450px]]<br />
<br />
===Feria===<br />
[[Archivo:Bv Partituras feria.png|500px]]<br />
<br />
===Perfil===<br />
<br />
==Wireframes==<br />
<gallery><br />
Image: Home_plataforma_estorninos_01.png|Home<br />
Image: Noticia_plataforma_estorninos_01.png|Noticias<br />
Image: Agenda_plataforma_estorninos_01.png|Agenda<br />
Image: Debate_plataforma_estorninos_01.png|Debate<br />
Image: Feria_plataforma_estorninos_01.png|Feria<br />
Image: Formulario_noticias_plataforma_estorninos_01.png|Formulario Noticias<br />
Image: Formulario_agenda_plataforma_estorninos_01.png|Formulario Agenda<br />
Image: Formulario_debate_plataforma_estorninos_01.png|Formulario Debate<br />
Image: Formulario_feria_plataforma_estorninos_01.png|Formulario Feria<br />
</gallery><br />
<br />
==Mapa==<br />
<br />
[http://www.ead.pucv.cl:8080/servlet/SBReadResourceServlet?rid=1JLBNFK45-12GCK71-1Q3&partName=htmltext Mapa Colaborativo Plataforma Estorninos]=Wireframes de Acciones=<br />
<br />
==Publicar==<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/12_2,5.html Maqueta Navegable Acciones de Publicar], en baja intensidad.<br />
<gallery><br />
Archivo:Wireframe 01 Publicar 00 Inicial.png|Publicar<br />
Archivo:Wireframe 01 Publicar 01 Contenido.png|Publicar Contenido<br />
Archivo:Wireframe 01 Publicar 01b Contenido.png|Contenido publicado<br />
Archivo:Wireframe 01 Publicar 02 Debate.png|Publicar Debate<br />
Archivo:Wireframe 01 Publicar 02b Debate.png|Debate publicado<br />
Archivo:Wireframe 01 Publicar 03 Evento.png|Publicar Evento<br />
Archivo:Wireframe 01 Publicar 03b Evento.png|Evento publicado<br />
Archivo:Wireframe 01 Publicar 04 Proyecto.png|Publicar Proyecto<br />
Archivo:Wireframe 01 Publicar 04b Proyecto.png|Proyecto publicado<br />
Archivo:Wireframe 01 Publicar 05 Crear Grupo.png|Crear Grupo<br />
Archivo:Wireframe 01 Publicar 05b Crear Grupo.png|Sugerencias de Usuarios para el grupo<br />
Archivo:Wireframe 01 Publicar 05c Grupo.png|Espacio Grupo<br />
</gallery><br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Maqueta Navegable Completa baja Intensidad]<br />
<br />
==Participar==<br />
===Maqueta Navegable===<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Intensidad Navegable]<br />
<br />
==Deliberar==<br />
[[Macarena Álamos]],[[Karen Carrera]]<br />
<br />
{{#widget:SlideShare<br />
|doc=wireframesexperienciadedeliberar-111010204952-phpapp02<br />
|width=720<br />
|height=590<br />
}}<br />
<br />
==Gestionar==<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/24641679/Experiencia%20Proyecto/Inicio.htm Maqueta Navegable de Baja Resolución]<br />
<br />
=Maquetas: Propuesta de Acciones en Videos=<br />
<br />
==Wireframe Prototipo Móvil==<br />
<br />
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. <br />
<br />
===Navegación Completa===<br />
<br />
{{#widget:Vimeo|id=30827311|width=480|height=360}}<br />
<br />
===Crear un Evento===<br />
<br />
{{#widget:Vimeo|id=30825431|width=480|height=360}}<br />
<br><br />
--[[Jaime Pérez Moena]] 21:04 19 oct 2011 (CLST)<br />
--[[Joaquín Martel]] 21:05 19 oct 2011 (CLST)<br />
<br />
===Sección Proyectos===<br />
<br />
{{#widget:Vimeo|id=30833720|width=480|height=360}}<br />
<br />
===Sección Discusiones===<br />
<br />
{{#widget:Vimeo|id=30823306|width=480|height=360}}<br />
<br />
===Perfil y Suscripción===<br />
<br />
{{#widget:YouTube|id=rBafX1qfsa0|width=480|height=360}}<br />
<br />
=Últimas definiciones=<br />
<br />
==Tabla de conceptos==<br />
<br />
{|cellpadding="10" cellspacing="2" border="0"<br />
|+ style="font-size:18px; margin-bottom:10px" |<br />
|-<br />
! rowspan="2" style="background:#999; color:#fff;" | Dimensión<br />
! colspan="4" style="background:#999; color:#fff;" | Experiencia<br />
! rowspan="2" style="background:#D11919; color:#fff;" | Concepto Transversal<br />
|-<br />
!style="background-color:#F4F4F4;" |Publicación<br />
!style="background-color:#F4F4F4;" |Participación<br />
!style="background-color:#F4F4F4;" |Deliberación<br />
!style="background-color:#F4F4F4;" |Gestión<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Conceptos <br />
|<br />
*Compartir ideas/temas <br />
*Revelar ideas/temas<br />
|<br />
*Potenciar idea<br />
|<br />
*Consensuar<br />
*Definir acción <br />
*El paso de la idea a la acción<br />
|<br />
*Planificar la acción <br />
*Evidenciar la acción <br />
|Se revelan ideas que son potenciadas, direccionadas y concretadas en acciones<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Retribución<br />
|Pertenecer<br />
|Construir reputación <br />
|<br />
*Me hace participe de "algo" más grande <br />
*Compromete con la acción<br />
|<br />
*Se valida la reputación<br />
*Construye liderazgo<br />
|El usuario adquiere un sentido de pertenencia dentro de la comunidad, y al comprometerse y concretar sus acciones construye su reputación y liderazgo<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Herramientas<br />
|<br />
*Crear nuevo <br />
*Editor de publicaciones<br />
|<br />
*Valorar publicación <br />
*Comentar <br />
*Compartir por redes<br />
|<br />
*Voto público <br />
*Argumento<br />
|<br />
*Etapas <br />
*Participantes <br />
*Relacionar publicaciones <br />
*Crear publicaciones<br />
|<br />
|-style="color:#777;background-color:#F4F4F4;" valign="top"<br />
!style="color:#000" | Transición de Estado<br />
|<br />
|Sugerimos publicaciones por interés<br />
|Sugerimos crear nuevo proyecto<br />
|Heramientas externas<br />
|}<br />
<br />
<br />
==Normas del sitio==<br />
<br />
==Plugins==<br />
<br />
==Mapa de navegación==<br />
<br />
==Mapa de clases==<br />
<br />
[[Archivo:Bv Mapa de clases sitioestorninos definitivo.jpg |800px ]]<br />
<br />
==Mapa de divs==<br />
<br />
<br />
==Wireframes==</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Tareas_LC3_2011&diff=135698Tareas LC3 20112011-10-12T15:00:30Z<p>Valeuche: /* ¿Cómo? */</p>
<hr />
<div>=Encargo 01: Replanteamiento de Plataforma Estudiantil=<br />
<br />
==Desarrollo del brief==<br />
<br />
El Brief es la pauta que define el encargo. En este caso, el brief se ha replanteado, ya que después de los acontecimientos ocurridos en torno a las movilizaciones estudiantiles en nuestro país, hemos detectado que la propuesta inicial no satisfacía las reales necesidades del cuerpo de estudiantes de la escuela, ya que los objetivos eran muy genéricos y debíamos especificarlos. <br />
<br />
===Presentación comparativa del Brief===<br />
<br />
{{#widget:SlideShare<br />
|doc=replanteamientodebrief-110920142320-phpapp02<br />
|width=425<br />
|height=348<br />
}}<br />
<br />
==Estudio de plataformas==<br />
<br />
Una plataforma es una sistema operativo que utiliza las redes sociales para facilitar la distribución de la información que nos interesa.<br />
Así, las diferentes plataformas existentes permiten a los usuarios realizar procesos de publicación, edición, intercambio, deliberación u organización de prácticamente cualquier clase de información existente.<br />
<br />
{{#widget:SlideShare<br />
|doc=plataformas-110920150108-phpapp01<br />
|width=425<br />
|height=348<br />
}}<br />
<br />
===BetterMeans===<br />
Es una plataforma que permite generar empresas con códigos de gobierno abiertos donde la organización comunitaria está basada en el compromiso y la confianza entre los participantes.<br />
<br />
[[Archivo:ModeloLc3BM.png|thumb|300px|none|Modelo Explicativo BetterMeans]]<br />
<br />
*Sistema de gobierno<br />
Dentro de la comunidad emergen líderes espontáneamente, aportando y realizando las tareas necesarias para el bien común. Es así como la autoridad dentro de este sistema, se va entregando a quienes demuestran tener mayor capacidad de llevar a cabo las ideas del grupo general.<br />
En ese proceso, se origina la confianza del grupo por estas personas que poco a poco van adquiriendo mayor status y poder dentro de la organización en base al compromiso que han demostrado por la causa y esa misma capacidad de hacer las cosas; esto les entrega la posibilidad tomar decisiones estratégicas que finalmente se traducen en avances del proyecto y a su vez en un beneficio para todos. Para que se sostenga ese estado de confianza en el grupo, es de vital importancia la transparencia de los procedimientos, así cualquier involucrado en el proyecto puede estar al tanto y manifestar sus apreciaciones al respecto, lo que se traduce en el enriquecimiento del proyecto mismo.<br />
<br />
*Conclusiones<br />
La organización se sostiene sobre la confianza y el compromiso de los usuarios en concretar trabajos.<br />
<br />
· Esto genera reputación entre la comunidad a través de la repartición de créditos al terminar cada elemento de trabajo. (valoración)<br />
<br />
· Se premia el compromiso y el trabajo de los miembros con cierta autoridad, que se traduce en acceso directo a los recursos de la empresa (humanos, financieros, etc), y así poder diseñar nuevas estrategias que favorezcan al grupo en total.<br />
<br />
Es interesante como, a pesar de que se entrega autoridad a un grupo de personas, esto ocurre gracias a su diligencia, sin embargo el poder de decisión permanece en la comunidad, a través de deliberaciones donde participan todos los interesados en el proyecto.<br />
<br />
===Disqus=== <br />
http://disqus.com/<br />
<br />
Es una plataforma de comentarios que ayuda a crear una comunidad activa de la audiencia del sitio web del usuario, de manera que descubra su comunidad web.<br />
<br />
*Características<br />
<br />
· Sistema de comentarios en y notificaciones tiempo real.<br />
<br />
· Integración completa con servicios media (como Youtube, Flickr) y redes sociales. Permite asociar fotos y videos junto con los comentarios y que las personas participen comentando y compartiendo desde Facebook, Twitter, etc.<br />
<br />
· Compatible con sitios web móviles.<br />
<br />
· Perfiles de usuarios que muestran la completa actividad de las personas, incluyendo a que comunidades pertenece, cuantos comentarios ha realizado (con la posibilidad de verlos todos), entre otras cosas. Este sistema hace posible que el usuario pueda conocer a las personas de su comunidad.<br />
<br />
· Herramientas para la moderación de comentarios y discusiones de manera que sea posible mantener cierto control, además de restricción de palabras y la posibilidad de "lista negra" que permite mantener al margen situaciones no deseadas como el spam entre otros.<br />
<br />
· La caja de la comunidad, es un ítem que muestra un resumen de las actividades de la comunidad, exponiendo cuales son las personas mas activas, las personas nuevas, entre otras cosas.<br />
<br />
Puedes ver [http://disqus.com/features/ aquí] todas las características de Disqus<br />
<br />
La manera en que este sistema se propone crear una comunidad y conocerla, pero aún así mantenerla bajo control creando herramientas para ello, es muy valorable y podemos tomarlo como un punto de partida para crear nuestras propias herramientas que satisfagan las necesidades que tengamos con nuestros sistemas a futuro.<br />
<br />
==Tácticas y soluciones para la plataforma==<br />
<br />
===Gestión de Publicaciones===<br />
<br />
#Categorización<br />
#*Tags<br />
#Búsqueda<br />
#Valoración<br />
#Calendarización<br />
#Vínculación a redes sociales<br />
<br />
El proceso de Publicación es la instancia donde el usuario revela una información a otros miembros del sitio. Su importancia entonces, radica en que éste se desarrolle en un curso enmarcado por la simpleza y facilidad de uso. <br />
<br />
Cada noticia debiese pertenecer a una categoría mayor, de manera tal que las posibles búsquedas que se realicen en el sitio puedan llegar al éxito. Asimismo, la valoración de una publicación ayuda a que ésta tenga una trascendencia mayor y pueda trascender, en ciertas oportunidades, a lo virtual. <br />
<br />
Todos sabemos de la importancia de las Redes Sociales en la actualidad y en particular a la relación que pueda tomar a este sitio; difusión de información e inmediatez de los contenidos expuestos.<br />
<br />
===Gestión de Usuarios===<br />
<br />
#Perfiles<br />
#*Administración<br />
#**Actividades y eventos<br />
#**Publicaciones<br />
#**Participaciones y comentarios<br />
#**Grupos a los que pertence<br />
#*Mensajería interna<br />
<br />
Los usuarios del sitio surgen a partir de los usuarios de la Wiki, ser parte de esta comunidad es un pre-requisito para participar de él.<br />
<br />
Desde su perfil el usuario debe ser capaz de administrar su participación dentro del sitio y que este le informe de lo que a ocurrido con cada una de estas a través de la mensajería instantanea. Administra sus actividades y eventos, las publicaciones que ha hecho o en las que a participado y los grupos a los que pertenece.<br />
<br />
===Gestión de Comunidades===<br />
#Administración de Grupos<br />
#*Creación de Grupos<br />
#*Privacidad del Grupo<br />
#*Administración de los Usuarios dentro del Grupo<br />
#*Notificación a los Usuarios del Grupo<br />
#Administración de Temas de Discusión<br />
<br />
La creación y administración de grupos responde a gestionar cómo los Usuarios se hacen parte de una comunidad, compartiendo, contribuyendo y tomando decisiones sobre temas específicos.<br />
<br />
Gracias a [http://buddypress.org/ BuddyPress] cualquier usuario puede crear grupos, pero el administrador de un grupo puede realizar acciones como agregar nuevos miembros o expulsarlos así como agregar a nuevos administradores.<br />
<br />
===Gestión de Deliberación===<br />
Consideramos que deliberar responde a una situación mayor al valorizar, en donde este último puede o no caer en el concepto de deliberación.<br />
Por definición, deliberar implica una "consideración o reflexión sobre un asunto antes de tomar una decisión sobre él", por lo mismo, se habla de una gestión con muchas implicancias que para nosotros es aun desconocida.<br />
<br />
===Presentación===<br />
<br />
{{#widget:SlideShare<br />
|doc=presentacion-110920140601-phpapp02<br />
|width=425<br />
|height=348<br />
}}<br />
<br />
=Encargo 02: Mapa de Clases y Partituras de Interacción ¿Qué queremos que ocurra en la Plataforma?=<br />
<br />
==Grupo 01==<br />
<br />
[[Andrea Cifuentes]], [[Begoña Vargas]],[[ Karen Carrera]], [[Macarena Álamos R]]<br />
===Mapa de Clases===<br />
<br />
[[Archivo:Mapa de clases grupo 1 segundo sitio estorninos.png|800px]]<br />
<br />
===Partituras de Interacción===<br />
<br />
Estas partituras de Interacción muestran algunas de las acciones que se pueden dar dentro de cuatro espacios propuestos para el nuevo sitio Estorninos a partir de un mapa de Navegación.<br />
<br />
====Perfil====<br />
<br />
Partitura que muestra la acción de editar los Datos de Perfil<br />
<br />
[[image:Partitura acciones de perfil segundo sitio estorninos grupo 01.png|800px]]<br />
<br />
====Publicaciones====<br />
Esta Partitura muestra como:<br />
* buscar publicaciones por medio del filtro "autor"<br />
* seleccionarla como Publicación de Interés<br />
* comentarla<br />
* compartirla por Facebook.<br />
[[Archivo:Partitura de interacción publicaciones lc3 grupo 1.png|800px]]<br />
<br />
====Proyectos====<br />
Esta Partitura muestra como:<br />
* Ingresar y verificar los datos de usuario <br />
* cómo sumarse a un proyecto<br />
* colaborar en él<br />
* compartirlo<br />
[[Archivo:Partitura de interacción proyectos lc3 grupo1.jpg|800px]]<br />
<br />
<br />
====Debates====<br />
* Publicar un nuevo debate <br />
* Comentar un debate creado<br />
* Cerrar debate<br />
* Enlazar a un proyecto nuevo<br />
[[Archivo:Partituras interaccion debate bvlc3-02.png|800px]]<br />
<br />
==Grupo 02==<br />
<br />
[[Antonia Góngora]], [[Joaquín Martel]], [[Jaime Pérez Moena]]<br />
<br />
===Mapa de Clases===<br />
<br />
[[Archivo:00 Mapa de Clases Plataforma 01.png|600px]]<br />
<br />
===Partituras de Interacción===<br />
<br />
Las partituras de Interacción responden a situaciones más específicas sobre qué y cómo queremos que ocurran determinadas acciones en el sitio. Estas acciones están dadas dentro del Perfil, cómo publico, y que operaciones ejecuto para administrar los grupos. <br />
<br />
====Perfil====<br />
<br />
[[Archivo:01 Partitura Interacción PERFIL-02.png|800px]]<br />
<br />
====Publicación====<br />
<br />
[[Archivo:02 Partitura Interacción PUBLICACION-01.png|800px]]<br />
<br />
====Administración de Grupos====<br />
<br />
[[Archivo:03 Partitura Interacción GRUPOS -02.png|800px]]<br />
<br />
===Mapa de Privilegios===<br />
<br />
<br />
{|cellpadding="10" cellspacing="3" border="0" <br />
!style="background-color:#F4F4F4;" align="right" |Privilegios<br />
!style="background-color:#F4F4F4;color:#777;" |Persona Común<br />
!style="background-color:#F4F4F4;color:#777;" |Usuario<br />
!style="background-color:#F4F4F4;color:#777;" |Usuario con Grupo<br />
!style="background-color:#F4F4F4;color:#777;" |Administrador de Grupo<br />
!style="background-color:#F4F4F4;color:#777;" |Cuerpo Coordinador<br />
|-style="color:#777;background-color:#F4F4F4;" align="center"<br />
!style="color:#000;" align="right" |Leer Publicaciones<br />
|Si<br />
|Si<br />
|Si<br />
|Si<br />
|Si<br />
|-style="color:#777;background-color:#F4F4F4;" align="center"<br />
!style="background-color:#F4F4F4;color:#000;" align="right" |Escribir Comentarios<br />
|No<br />
|Si<br />
|Si<br />
|Si<br />
|Si<br />
|-style="color:#777;background-color:#F4F4F4;" align="center"<br />
!style="color:#000;background-color:#f4f4f4;" align="right" |Crear Grupos<br />
|No<br />
|Si<br />
|Si<br />
|Si<br />
|Si<br />
|-style="color:#777;background-color:#F4F4F4;" align="center"<br />
!style="color:#000;background-color:#f4f4f4;" align="right" |Ingresar a Grupos<br />
|No<br />
|Si<br />
|Si<br />
|Si<br />
|Si<br />
|}<br />
<br />
==Grupo 3==<br />
[[Valeria Cerón]], [[Diego Reyes]], [[Alejandra Salinas Varas]]<br />
<br />
===Mapa de Clases===<br />
<br />
[[Archivo:Mapa clases dkvc.png|700px]]<br />
<br />
===Partituras de Interacción===<br />
====Proyectos====<br />
*Navegación de Proyectos<br />
*Edición Proyectos según usuario<br />
[[Archivo:Partit_proyvcr.png|600px]]<br />
<br />
====Ingreso usuario====<br />
[[Archivo:Partitura_lc3_ingreso-G3.png|600px]]<br />
<br />
====Publicar====<br />
[[Archivo:Partitura_interacion_drv_4dg.jpg|600px]]<br />
<br />
=Encargo 03: Wireframes y Fundamentos de la Plataforma=<br />
==Grupo 1==<br />
[[Joaquin Martel]], [[Diego Reyes]], [[Jaime Pérez]]<br />
<br />
===Wireframes===<br />
<br />
[http://dl.dropbox.com/u/8757255/navegable/wireframe%206.html Wireframes de baja resolución navegables]<br />
<br />
==Grupo 2==<br />
[[Andrea Cifuentes]], [[Begoña Vargas]]<br />
<br />
===Replanteamiento de la plataforma web===<br />
<br />
Al analizar el encargo anterior nos preguntamos, ¿cuál es el core de nuestro proyecto?, ¿cuál es el dolor que pretende curar?; en otras palabras; ¿cuál es nuestra prioridad?, respondiendo esta pregunta llegamos a una nueva propuesta de plataforma web en donde el enfoque principal está en la etapa de la gestión.<br />
<br />
====¿Para qué sirve la plataforma?====<br />
<br />
Este sistema en línea permite contactar con personas dentro de la comunidad (alumnos, ex-alumnos y profesores de la Escuela de Arquitectura y Diseño de la PUCV) y crear grupos de interés para generar proyectos. <br />
<br />
====¿Cómo se lleva a cabo esta gestión?====<br />
<br />
'''Ingreso'''<br />
<br />
Para ser parte de este sistema es imprescindible que el usuario escoja por lo menos 3 de los 13 intereses que se le presentan a la hora de hacerse una cuenta en el sitio, estos intereses son:<br />
#Arte<br />
#Deporte<br />
#Medioambiente<br />
#Política<br />
#Vida Sana<br />
#Cultura<br />
#Tecnología<br />
#Educación<br />
#Sociedad<br />
#Religión<br />
#Ciudad y territorio<br />
#Ocio<br />
#Todas las anteriores<br />
<br />
<br />
'''Escritorio'''<br />
<br />
Una vez ingresado al sistema, el usuario es redireccionado a su escritorio, desde el cual puede administrar los grupos de interés que ha creado o a los que se haya unido, como también los proyectos en los que está participando.<br />
<br />
'''Perfil Público'''<br />
<br />
Además del escritorio existe este perfil que corresponde a cómo ve el resto de la comunidad las acciones que realiza una persona en particular, de esta manera existe un registro de la actividad que se realiza y se obtiene una visión generada a partir de la participación directa.<br />
<br />
'''Creación y administración de grupos y proyectos'''<br />
<br />
A través de estas acciones se obtiene una participación directa por parte de los usuarios quienes a partir de los intereses que escogieron en la primera etapa, pueden contactarse con sus pares y organizar grupos de acción, pudiendo administrar sus actividades a través de la plataforma. De esta manera se pretende dar importancia al sentido de compromiso que hace falta dentro de la comunidad actual de la escuela. <br />
<br />
'''Noticias y eventos'''<br />
<br />
Esta es la manera en la que un grupo puede dar a conocer su actividad al resto de la comunidad con la que no comparte los mismos intereses, es la instancia en la que todos pueden ver lo de todos de manera más fácil, a través de la publicación de noticias y/o eventos en el caso de que tengan fecha de realización, que pasan a agendarse inmediatamente en el calendario de actividades que se muestra en el home.<br />
<br />
'''Gratificaciones inmediatas'''<br />
<br />
Existe un sistema de puntuación de acuerdo a las acciones del usuario, se le gratifica con puntos positivos cuando realiza una actividad productiva, como por ejemplo, documentar el proyecto en el que está participando, subir fotografías, cumplir con una tarea asignada, ect., mientras que se le sumarán puntos negativos cuando realice acciones que vayan en desmedro de los compromisos que ha adquirido con sus compañeros. El resultado de esta puntuación se ve reflejado en un status de usuario que puede ir en aumento o puede estancarse.<br />
<br />
'''Debates-voto'''<br />
<br />
Dentro de los grupos existe la posibilidad de dar inicio a un debate, el cual puede ser votado y comentado solo por las personas que comparten el mismo interés, de otra manera, solo tiene la opción de ser leído. La persona que crea el debate, publica los dos puntos de vista que se presentan a votación y es el encargado de cerrarlo y de presentarse una eventual idea resolutiva que pueda verse reflejada en actos, también tiene la facultad de enlazar el debate a un nuevo proyecto.<br />
<br />
===Wireframes Navegables===<br />
<br />
[http://dl.dropbox.com/u/24012925/wireframes%20navegable/home.htm Wireframes de Baja Resolución Navegable]<br />
<br />
==Grupo 3==<br />
[[Macarena Álamos]], [[Karen Carrera]]<br />
<br />
===¿Qué es?===<br />
Es una aplicación que permite una ágil interacción, sin la necesidad de conectarse a internet por un computador. La idea es facilitar el acceso a los contenidos, y crear una red de cooperación entre distintas personas de una determinada comunidad.<br />
<br />
===¿Por qué?===<br />
Debido a los recientes acontecimientos relacionados con la movilización estudiantil, hemos identificado la necesidad de establecer contacto con otros, por medio de distintos grupos de interés organizado y la necesidad de crear canales de comunicación de fácil y rápido acceso.<br />
<br />
===¿Para quiénes?===<br />
Para cualquier comunidad que necesite una organización rápida y transparente, y que quiera promover la participación por medio de intereses transversales.<br />
<br />
===¿Cómo?===<br />
La aplicación permite realizar algunas de las acciones que existen en el sitio como publicar, votar, unirme y crear grupos. Estas son las que hemos clasificado como acciones inmediatas.<br />
<br />
Para realizar estas acciones, es necesario tener una cuenta en el sistema personas de la escuela, ya que solo puedes leer desde la aplicación si es que estas logueado. El Nombre de usuario siempre aparece en pantalla, junto con un pequeño menú que me da la opción de ver los grupos de los que participo, la totalidad de grupos existentes, y la posibilidad de crear uno nuevo.<br />
<br />
====Acciones====<br />
<br />
=====Crear Grupo=====<br />
Para realizar cualquier acción, debe primero existir un grupo. Para esto, creas un nuevo grupo, el cual siempre debe tener por lo menos un área de interés de las que se muestran en la lista:<br />
*Fotografía<br />
*Estructuras<br />
*Ciudad<br />
*Territorio<br />
*Acción social<br />
*Editorial<br />
*Grabados<br />
*Deporte<br />
*Medio ambiente<br />
*Tecnologías<br />
*Política<br />
*Cine<br />
*Materiales<br />
*Cocina<br />
*Salud<br />
<br><br />
*Al crear el grupo existe la posibilidad de describir y adjuntar una fotografía, además de invitar a otros usuarios del sistema a unirte a él.<br />
<br />
*Todos los grupos y las publicaciones tienen un autor, quien está encargado de mantenerlo activo o eliminarlo cuando sea necesario.<br />
<br />
*La popularidad del grupo depende del número de acciones promediado por el número de integrantes del grupo durante los últimos 7 días, esta popularidad queda graficada en un indicador junto a la descripción de cada grupo.<br />
<br />
*Existe una fecha de expiración de los grupos, la que es resultado de un determinado tiempo de inactividad.<br />
<br />
=====Suscribirse a un Grupo=====<br />
<br />
Cualquier usuario puede suscribirse o abandonar un grupo cuando estime necesario. Así también puede ser expulsado del grupo por el Autor.<br />
<br />
=====Publicar=====<br />
<br />
Existen cuatro tipo de Publicaciones: Evento, Discusión, Proyecto, Contenido. <br />
<br />
Todas las publicaciones pueden realizarse dentro de un grupo, ya que de esa manera mis potenciales receptores podrían tener más interés.<br />
<br />
Todas estas publicaciones especifican el autor, el tipo y fecha de publicación, y pueden contener Texto, Imagen, Video, Link.<br />
<br />
=====Votar=====<br />
<br />
La publicaciones de Discusión tienen un formato de encuesta, por el cual se puede votar directamente, pero este voto solo es un indicador estadístico y no determina un resultado final ya que el sistema diseñado para eso se basa en la vinculación de distintos argumentos, [[Jornada Co-diseño: Deliberación#Wireframe de la Propuesta|proceso]] que está pensado para la web.<br />
<br />
=== Mapa de Clases ===<br />
<br />
[[Archivo:Mapa de clases apliaccion compromisum grupo 3.png|700px]]<br />
<br />
=== Wireframes ===<br />
<br />
<gallery><br />
Imagen: KCarrera_MAlamos_WireframesLC3_Iniciosinlogueado.jpg | Inicio sin logueado<br />
Imagen: KCarrera_MAlamos_WireframesLC3_Iniciologueado.jpg | Inicio logueado<br />
Imagen: KCarrera_MAlamos_WireframesLC3_Misgrupos.jpg | Mis grupos<br />
Imagen: KCarrera_MAlamos_WireframesLC3_Todoslosgrupos.jpg | Todos los grupos<br />
Imagen: KCarrera_MAlamos_WireframesLC3_Nuevogrupo.jpg | Nuevo grupo<br />
Imagen: KCarrera_MAlamos_WireframesLC3_Ungrupo.jpg | Un grupo<br />
Imagen: KCarrera_MAlamos_WireframesLC3_Publicarenungrupo.jpg | Publicar en un grupo<br />
Imagen:Publicación de debate aplicacion compromisum grupo 3.png |Publicar una Discusión <br />
</gallery><br />
<br />
==Grupo 4==<br />
[[Valeria Cerón]], [[Antonia Góngora]]<br />
===Fundamento y Reglas de la Plataforma===<br />
====¿Qué es?====<br />
La plataforma es un sistema en línea que permite la participación a través del compromiso que se genera en la realización de acciones concretas en la vida comunitaria; a través de esta situación en común, se busca el liderazgo mediante un sistema de valorización. Así, quien propone, comenta o participa activamente en las acciones grupales va adquiriendo prestigio entre sus pares hasta alcanzar así el liderazgo.<br />
<br />
====¿Por qué?====<br />
La Democracia Universitaria se vió fuertemente cuestionada, en particular en la Escuela por la falta de participación efectiva y la carencia de liderazgo responsable que permita elevar la participación a través del hacer concreto de acciones de beneficio común. Esto trajo consigo, fuerte divisiones que dejan como resultado entre el alumnado una pérdida de liderazgo y carencia de conducción, lo que repercutió en el ánimo de participar.<br />
<br />
====¿Para quiénes?====<br />
En un principio se plantea para la Escuela pero se piensa que puede ser utilizada en cualquier comunidad que busca organizarse a través del compromiso en la realización de acciones concretas sobre un interés común. <br />
<br />
====¿Cómo?====<br />
Se ingresa a través del usuario y clave de Casiopea, la Wiki de la Escuela. El Perfil requiere de la mayor cantidad e información disponibilizada de manera responsable y Universitaria (no a los avatares chistoso, ni la falta de información del Perfil). Los usuarios irán generando grupos en torno a intereses que deberán generar proyectos y actividades.<br />
<br />
====¿Cómo es la gestión del proyecto?====<br />
'''Perfil:'''<br />
*El usuario es alguien de la Comunidad Escuela porque sabemos en su perfil si es Profesor, Alumno, Ex-Alumno u otro.<br />
*Si no pertenece a la Comunidad sólo puede realizar un recorrido general por el sitio y leer algunos elementos pero no participar de ninguno de ellos.<br />
*Al ingresar con el Perfil de la Wiki, sabemos ciertos datos e intereses transversales de la persona, como la carrera y la posición.<br />
*Para crear el Perfil en la plataforma debe marcar, de una lista de 11 intereses. al menos 3 de estos o la opción todos. Los interéses son un listado que se obtiene de manera manual y vienen por defecto desde el administrador del sistema.<br />
*Estos intereses son:<br />
*#Política<br />
*#Música<br />
*#Cine y Televisión<br />
*#Deporte<br />
*#Religión<br />
*#Tecnología<br />
*#Medio Ambiente<br />
*#Lectura<br />
*#Fotografía<br />
*#Dibujo y Pintura<br />
*#Gastronomía<br />
*Cuando haya ingresado los intereses se dirigirá al perfil y deberá rellenar los campos obligatorios que no se hayan podido llenar con la información de la Wiki.<br />
*Desde el perfil la persona puede administrar sus acciones en la plataforma. Puede modificar sus intereses, agregando o borrando algunos. Puede ir directamente a los grupos a los que pertenece, a las publicaciones que ha hecho, a los proyectos y eventos en los que participa. Las fechas importantes dentro de un proyecto o un evento se van agregando de manera que sean siempre visibles para la persona. Además puede saber como lo están valorizando los demás usuarios. <br />
<br />
'''Inicio:'''<br />
*Se ingresa a una pantalla que le presenta al usuario sus intereses, grupos, proyectos y eventos además de la actividad reciente.<br />
<br />
'''Intereses:'''<br />
*Al ingresar a la pantalla de uno de los intereses se encontrara con su actividad reciente, separada por grupos, publicaciones, proyectos y eventos. Además se de los miembros que comparten ese interés.<br />
<br />
'''Grupos:'''<br />
*Los grupos se generan en torno a un interés y comienzan con un líder y al menos dos otros usuarios a los que el líder invita desde el sistema que reconoce quienes están asociados al interés y por lo tanto podrían querer ser parte del grupo.<br />
*Si al cabo de un mes el grupo no tiene nuevos integrantes y no ha generado ningún tipo de acción (publicaciones, proyectos o eventos) otros usuarios pueden entregar puntos negativos, si a los dos meses continúan sin generar actividades la plataforma misma le entregara un punto negativo y si después de tres meses sigue sin hacer nada el grupo puede ser eliminado.<br />
*Al contrarío, cuando los grupos generan acciones dentro y fuera de la plataforma comienzan a ganar puntos positivos y presencia dentro de la comunidad lo que les va entregando un prestigio.<br />
<br />
'''Publicaciones'''<br />
*Cualquier usuario de la plataforma puede crear una publicación.<br />
*La publicación puede contener videos, fotografías o texto.<br />
*Esta debe ser vinculada a un interés y puede también ser vinculada a un grupo.<br />
*Al igual que los grupos y las personas, pueden obtener puntos negativos y positivos.<br />
<br />
'''Eventos:'''<br />
*Cualquier miembro de un grupo puede crear un evento.<br />
*Este evento debe estar vinculado con uno o más intereses y debe vincularse con uno o más grupos.<br />
*Si a la semana de crear el evento no hay usuarios que digan que asistirán se le advierte al autor de este que si en una semana más no obtiene participantes el evento será eliminado.<br />
*Una vez que el evento ha sido llevado a cabo permanecerá dos semanas más en la plataforma para llevar a caba un proceso de valorización en el que los que participaron podrán decir que les pareció y le otorgaran puntos, los que irán directamente al grupo y al autor.<br />
<br />
'''Proyectos:'''<br />
*Cualquier miembro de un grupo puede crear un proyecto.<br />
*Este proyecto debe estar vinculado con uno o más intereses y debe vincularse con uno o más grupos.<br />
*El creador del proyecto se convierte en el "Encargado de Proyecto" y debe invitar a por lo menos 3 usuarios para formar el equipo de trabajo.<br />
*El Encargado crea las etapas de proyecto y designa los trabajos que cada miembro del equipo debe realizar.<br />
*A cada etapa del proyecto se le van agregando los deadlines y si estos no son llevados a cabo el proyecto va perdiendo prestigio.<br />
<br />
'''Modalidad Premios:'''<br />
*El usuario va ganado prestigio con cada una de las cosas que hace y lo va perdiendo si no las mantiene o administra.<br />
*El sistema funciona a través de puntos negativos y puntos positivos que permiten de manera gráfica reconocer un líder o un miembro que promete pero no se compromete.<br />
*Para incentivar la participación en el sistema, este debe validarse con los miembros fuera de él. Esto quiere decir que el sistema no es un fin en sí mismo si no un medio para lograr la participación responsable y con liderazgo en la Escuela.<br />
<br />
===Wireframes===<br />
[http://dl.dropbox.com/u/39918727/Maqueta%20Navegable/Inicio_1.htm Wireframes de Baja Resolución Navegables]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Tareas_LC3_2011&diff=135542Tareas LC3 20112011-10-10T16:42:13Z<p>Valeuche: </p>
<hr />
<div>=Encargo 01: Replanteamiento de Plataforma Estudiantil=<br />
<br />
==Desarrollo del brief==<br />
<br />
El Brief es la pauta que define el encargo. En este caso, el brief se ha replanteado, ya que después de los acontecimientos ocurridos en torno a las movilizaciones estudiantiles en nuestro país, hemos detectado que la propuesta inicial no satisfacía las reales necesidades del cuerpo de estudiantes de la escuela, ya que los objetivos eran muy genéricos y debíamos especificarlos. <br />
<br />
===Presentación comparativa del Brief===<br />
<br />
{{#widget:SlideShare<br />
|doc=replanteamientodebrief-110920142320-phpapp02<br />
|width=425<br />
|height=348<br />
}}<br />
<br />
==Estudio de plataformas==<br />
<br />
Una plataforma es una sistema operativo que utiliza las redes sociales para facilitar la distribución de la información que nos interesa.<br />
Así, las diferentes plataformas existentes permiten a los usuarios realizar procesos de publicación, edición, intercambio, deliberación u organización de prácticamente cualquier clase de información existente.<br />
<br />
{{#widget:SlideShare<br />
|doc=plataformas-110920150108-phpapp01<br />
|width=425<br />
|height=348<br />
}}<br />
<br />
===BetterMeans===<br />
Es una plataforma que permite generar empresas con códigos de gobierno abiertos donde la organización comunitaria está basada en el compromiso y la confianza entre los participantes.<br />
<br />
[[Archivo:ModeloLc3BM.png|thumb|300px|none|Modelo Explicativo BetterMeans]]<br />
<br />
*Sistema de gobierno<br />
Dentro de la comunidad emergen líderes espontáneamente, aportando y realizando las tareas necesarias para el bien común. Es así como la autoridad dentro de este sistema, se va entregando a quienes demuestran tener mayor capacidad de llevar a cabo las ideas del grupo general.<br />
En ese proceso, se origina la confianza del grupo por estas personas que poco a poco van adquiriendo mayor status y poder dentro de la organización en base al compromiso que han demostrado por la causa y esa misma capacidad de hacer las cosas; esto les entrega la posibilidad tomar decisiones estratégicas que finalmente se traducen en avances del proyecto y a su vez en un beneficio para todos. Para que se sostenga ese estado de confianza en el grupo, es de vital importancia la transparencia de los procedimientos, así cualquier involucrado en el proyecto puede estar al tanto y manifestar sus apreciaciones al respecto, lo que se traduce en el enriquecimiento del proyecto mismo.<br />
<br />
*Conclusiones<br />
La organización se sostiene sobre la confianza y el compromiso de los usuarios en concretar trabajos.<br />
<br />
· Esto genera reputación entre la comunidad a través de la repartición de créditos al terminar cada elemento de trabajo. (valoración)<br />
<br />
· Se premia el compromiso y el trabajo de los miembros con cierta autoridad, que se traduce en acceso directo a los recursos de la empresa (humanos, financieros, etc), y así poder diseñar nuevas estrategias que favorezcan al grupo en total.<br />
<br />
Es interesante como, a pesar de que se entrega autoridad a un grupo de personas, esto ocurre gracias a su diligencia, sin embargo el poder de decisión permanece en la comunidad, a través de deliberaciones donde participan todos los interesados en el proyecto.<br />
<br />
===Disqus=== <br />
http://disqus.com/<br />
<br />
Es una plataforma de comentarios que ayuda a crear una comunidad activa de la audiencia del sitio web del usuario, de manera que descubra su comunidad web.<br />
<br />
*Características<br />
<br />
· Sistema de comentarios en y notificaciones tiempo real.<br />
<br />
· Integración completa con servicios media (como Youtube, Flickr) y redes sociales. Permite asociar fotos y videos junto con los comentarios y que las personas participen comentando y compartiendo desde Facebook, Twitter, etc.<br />
<br />
· Compatible con sitios web móviles.<br />
<br />
· Perfiles de usuarios que muestran la completa actividad de las personas, incluyendo a que comunidades pertenece, cuantos comentarios ha realizado (con la posibilidad de verlos todos), entre otras cosas. Este sistema hace posible que el usuario pueda conocer a las personas de su comunidad.<br />
<br />
· Herramientas para la moderación de comentarios y discusiones de manera que sea posible mantener cierto control, además de restricción de palabras y la posibilidad de "lista negra" que permite mantener al margen situaciones no deseadas como el spam entre otros.<br />
<br />
· La caja de la comunidad, es un ítem que muestra un resumen de las actividades de la comunidad, exponiendo cuales son las personas mas activas, las personas nuevas, entre otras cosas.<br />
<br />
Puedes ver [http://disqus.com/features/ aquí] todas las características de Disqus<br />
<br />
La manera en que este sistema se propone crear una comunidad y conocerla, pero aún así mantenerla bajo control creando herramientas para ello, es muy valorable y podemos tomarlo como un punto de partida para crear nuestras propias herramientas que satisfagan las necesidades que tengamos con nuestros sistemas a futuro.<br />
<br />
==Tácticas y soluciones para la plataforma==<br />
<br />
===Gestión de Publicaciones===<br />
<br />
#Categorización<br />
#*Tags<br />
#Búsqueda<br />
#Valoración<br />
#Calendarización<br />
#Vínculación a redes sociales<br />
<br />
El proceso de Publicación es la instancia donde el usuario revela una información a otros miembros del sitio. Su importancia entonces, radica en que éste se desarrolle en un curso enmarcado por la simpleza y facilidad de uso. <br />
<br />
Cada noticia debiese pertenecer a una categoría mayor, de manera tal que las posibles búsquedas que se realicen en el sitio puedan llegar al éxito. Asimismo, la valoración de una publicación ayuda a que ésta tenga una trascendencia mayor y pueda trascender, en ciertas oportunidades, a lo virtual. <br />
<br />
Todos sabemos de la importancia de las Redes Sociales en la actualidad y en particular a la relación que pueda tomar a este sitio; difusión de información e inmediatez de los contenidos expuestos.<br />
<br />
===Gestión de Usuarios===<br />
<br />
#Perfiles<br />
#*Administración<br />
#**Actividades y eventos<br />
#**Publicaciones<br />
#**Participaciones y comentarios<br />
#**Grupos a los que pertence<br />
#*Mensajería interna<br />
<br />
Los usuarios del sitio surgen a partir de los usuarios de la Wiki, ser parte de esta comunidad es un pre-requisito para participar de él.<br />
<br />
Desde su perfil el usuario debe ser capaz de administrar su participación dentro del sitio y que este le informe de lo que a ocurrido con cada una de estas a través de la mensajería instantanea. Administra sus actividades y eventos, las publicaciones que ha hecho o en las que a participado y los grupos a los que pertenece.<br />
<br />
===Gestión de Comunidades===<br />
#Administración de Grupos<br />
#*Creación de Grupos<br />
#*Privacidad del Grupo<br />
#*Administración de los Usuarios dentro del Grupo<br />
#*Notificación a los Usuarios del Grupo<br />
#Administración de Temas de Discusión<br />
<br />
La creación y administración de grupos responde a gestionar cómo los Usuarios se hacen parte de una comunidad, compartiendo, contribuyendo y tomando decisiones sobre temas específicos.<br />
<br />
Gracias a [http://buddypress.org/ BuddyPress] cualquier usuario puede crear grupos, pero el administrador de un grupo puede realizar acciones como agregar nuevos miembros o expulsarlos así como agregar a nuevos administradores.<br />
<br />
===Gestión de Deliberación===<br />
Consideramos que deliberar responde a una situación mayor al valorizar, en donde este último puede o no caer en el concepto de deliberación.<br />
Por definición, deliberar implica una "consideración o reflexión sobre un asunto antes de tomar una decisión sobre él", por lo mismo, se habla de una gestión con muchas implicancias que para nosotros es aun desconocida.<br />
<br />
===Presentación===<br />
<br />
{{#widget:SlideShare<br />
|doc=presentacion-110920140601-phpapp02<br />
|width=425<br />
|height=348<br />
}}<br />
<br />
=Encargo 02: Mapa de Clases y Partituras de Interacción ¿Qué queremos que ocurra en la Plataforma?=<br />
<br />
==Grupo 01==<br />
<br />
[[Andrea Cifuentes]], [[Begoña Vargas]],[[ Karen Carrera]], [[Macarena Álamos R]]<br />
===Mapa de Clases===<br />
<br />
[[Archivo:Mapa de clases grupo 1 segundo sitio estorninos.png|800px]]<br />
<br />
===Partituras de Interacción===<br />
<br />
Estas partituras de Interacción muestran algunas de las acciones que se pueden dar dentro de cuatro espacios propuestos para el nuevo sitio Estorninos a partir de un mapa de Navegación.<br />
<br />
====Perfil====<br />
<br />
Partitura que muestra la acción de editar los Datos de Perfil<br />
<br />
[[image:Partitura acciones de perfil segundo sitio estorninos grupo 01.png|800px]]<br />
<br />
====Publicaciones====<br />
Esta Partitura muestra como:<br />
* buscar publicaciones por medio del filtro "autor"<br />
* seleccionarla como Publicación de Interés<br />
* comentarla<br />
* compartirla por Facebook.<br />
[[Archivo:Partitura de interacción publicaciones lc3 grupo 1.png|800px]]<br />
<br />
====Proyectos====<br />
Esta Partitura muestra como:<br />
* Ingresar y verificar los datos de usuario <br />
* cómo sumarse a un proyecto<br />
* colaborar en él<br />
* compartirlo<br />
[[Archivo:Partitura de interacción proyectos lc3 grupo1.jpg|800px]]<br />
<br />
<br />
====Debates====<br />
* Publicar un nuevo debate <br />
* Comentar un debate creado<br />
* Cerrar debate<br />
* Enlazar a un proyecto nuevo<br />
[[Archivo:Partituras interaccion debate bvlc3-02.png|800px]]<br />
<br />
==Grupo 02==<br />
<br />
[[Antonia Góngora]], [[Joaquín Martel]], [[Jaime Pérez Moena]]<br />
<br />
===Mapa de Clases===<br />
<br />
[[Archivo:00 Mapa de Clases Plataforma 01.png|600px]]<br />
<br />
===Partituras de Interacción===<br />
<br />
Las partituras de Interacción responden a situaciones más específicas sobre qué y cómo queremos que ocurran determinadas acciones en el sitio. Estas acciones están dadas dentro del Perfil, cómo publico, y que operaciones ejecuto para administrar los grupos. <br />
<br />
====Perfil====<br />
<br />
[[Archivo:01 Partitura Interacción PERFIL-02.png|800px]]<br />
<br />
====Publicación====<br />
<br />
[[Archivo:02 Partitura Interacción PUBLICACION-01.png|800px]]<br />
<br />
====Administración de Grupos====<br />
<br />
[[Archivo:03 Partitura Interacción GRUPOS -02.png|800px]]<br />
<br />
===Mapa de Privilegios===<br />
<br />
<br />
{|cellpadding="10" cellspacing="3" border="0" <br />
!style="background-color:#F4F4F4;" align="right" |Privilegios<br />
!style="background-color:#F4F4F4;color:#777;" |Persona Común<br />
!style="background-color:#F4F4F4;color:#777;" |Usuario<br />
!style="background-color:#F4F4F4;color:#777;" |Usuario con Grupo<br />
!style="background-color:#F4F4F4;color:#777;" |Administrador de Grupo<br />
!style="background-color:#F4F4F4;color:#777;" |Cuerpo Coordinador<br />
|-style="color:#777;background-color:#F4F4F4;" align="center"<br />
!style="color:#000;" align="right" |Leer Publicaciones<br />
|Si<br />
|Si<br />
|Si<br />
|Si<br />
|Si<br />
|-style="color:#777;background-color:#F4F4F4;" align="center"<br />
!style="background-color:#F4F4F4;color:#000;" align="right" |Escribir Comentarios<br />
|No<br />
|Si<br />
|Si<br />
|Si<br />
|Si<br />
|-style="color:#777;background-color:#F4F4F4;" align="center"<br />
!style="color:#000;background-color:#f4f4f4;" align="right" |Crear Grupos<br />
|No<br />
|Si<br />
|Si<br />
|Si<br />
|Si<br />
|-style="color:#777;background-color:#F4F4F4;" align="center"<br />
!style="color:#000;background-color:#f4f4f4;" align="right" |Ingresar a Grupos<br />
|No<br />
|Si<br />
|Si<br />
|Si<br />
|Si<br />
|}<br />
<br />
==Grupo 3==<br />
[[Valeria Cerón]], [[Diego Reyes]], [[Alejandra Salinas Varas]]<br />
<br />
===Mapa de Clases===<br />
<br />
[[Archivo:Mapa clases dkvc.png|700px]]<br />
<br />
===Partituras de Interacción===<br />
====Proyectos====<br />
*Navegación de Proyectos<br />
*Edición Proyectos según usuario<br />
[[Archivo:Partit_proyvcr.png|600px]]<br />
<br />
====Ingreso usuario====<br />
[[Archivo:Partitura_lc3_ingreso-G3.png|600px]]<br />
<br />
====Publicar====<br />
[[Archivo:Partitura_interacion_drv_4dg.jpg|600px]]</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Antonia_G%C3%B3ngora&diff=135489Antonia Góngora2011-10-06T19:57:07Z<p>Valeuche: </p>
<hr />
<div>{{Persona<br />
|Nombre=Antonia<br />
|Apellido=Góngora Venegas<br />
|Sexo=Femenino<br />
|Año de Ingreso a la Escuela=2008<br />
|Fecha de Nacimiento=1990/06/06<br />
|Relación con la Escuela=Alumno<br />
|Carreras Relacionadas=Diseño Gráfico<br />
}}<br />
{{Mis Talleres}}<br />
{{Mis Proyectos}}<br />
{{Mis Travesías}}</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Valeria_Cer%C3%B3n:_Proyecto_GD_2011&diff=135486Valeria Cerón: Proyecto GD 20112011-10-06T15:35:53Z<p>Valeuche: /* ¿Cuál es el futuro laboral de las diferentes carreras? */</p>
<hr />
<div>{{Proyecto<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Palabras Clave=gráfica digital, diseño gráfico, 2011, educación, visualización,<br />
|Año de Inicio=2011<br />
|Año de Término=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Gráfica Digital,<br />
|Cursos Relacionados=Gráfica Digital 2011, <br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Valeria Cerón<br />
|Nombre=<br />
}}<br />
[[Categoría:Gráfica Digital]]<br />
=Propuestas del Proyecto=<br />
<br />
==Propuesta 1: Futuro Laboral==<br />
===¿Cuál es el futuro laboral de las diferentes carreras?===<br />
La visualización está enfocada a comprender la relación existente entre el gasto por alumno en las diferentes instituciones de educación superior y las proyecciones laborales con que cuentan los alumnos una vez titulados.<br />
<br />
'''Variables'''<br />
*Años<br />
*Tipo de Institución<br />
*Carreras/Área Conocimiento<br />
**44 carreras/11 Áreas<br />
*Evolución Matricula total de alumnos<br />
*Número Titulados<br />
*Rango de Arancel Anual y Matrícula<br />
** < a 500.000<br />
** > a 500.000 a 1.000.000<br />
** > a 1.000.0000 a 1.500.000<br />
** > a 1.500.000 a 2.000.000<br />
** > a 2.000.0000 a 2.500.000<br />
** > a 2.500.0000 a 3.000.000<br />
** > a 3.000.000<br />
*Empleabilidad<br />
*Ingresos<br />
<br />
==Propuesta 2==<br />
===¿Qué tanta libertad tenemos para elegir nuestro futuro educacional?===<br />
'''Datos Disponibles'''<br />
*Número de estudiantes durante el período 2000-2009, que solicitaron un crédito (público o privado)<br />
**Percentil al que pertenecen<br />
*Carreras/Área Conocimiento<br />
**44 carreras/11 Áreas<br />
**Evolución Número de Matrículas<br />
*Rango de Arancel Anual y Matrícula<br />
** < a 500.000<br />
** > a 500.000 a 1.000.000<br />
** > a 1.000.0000 a 1.500.000<br />
** > a 1.500.000 a 2.000.000<br />
** > a 2.000.0000 a 2.500.000<br />
** > a 2.500.0000 a 3.000.000<br />
** > a 3.000.000</div>Valeuchehttps://wiki.ead.pucv.cl/index.php?title=Valeria_Cer%C3%B3n:_Proyecto_GD_2011&diff=135485Valeria Cerón: Proyecto GD 20112011-10-06T15:35:25Z<p>Valeuche: /* Propuestas del Proyecto */</p>
<hr />
<div>{{Proyecto<br />
|Tipo de Proyecto=Proyecto de Taller, Proyecto de Curso<br />
|Palabras Clave=gráfica digital, diseño gráfico, 2011, educación, visualización,<br />
|Año de Inicio=2011<br />
|Año de Término=2011<br />
|Carreras Relacionadas=Diseño Gráfico<br />
|Asignaturas Relacionadas=Gráfica Digital,<br />
|Cursos Relacionados=Gráfica Digital 2011, <br />
|Profesor=Herbert Spencer,<br />
|Alumnos=Valeria Cerón<br />
|Nombre=<br />
}}<br />
[[Categoría:Gráfica Digital]]<br />
=Propuestas del Proyecto=<br />
<br />
==Propuesta 1: Futuro Laboral==<br />
===¿Cuál es el futuro laboral de las diferentes carreras?===<br />
La visualización está enfocada a comprender la relación existente entre el gasto por alumno en las diferentes instituciones de educación superior y las proyecciones laborales con que cuentan los alumnos una vez titulados.<br />
<br />
'''Variables'''<br />
*Años<br />
*Tipo de Institución<br />
*Carreras/Área Conocimiento<br />
**44 carreras/11 Áreas<br />
*Evolución Matricula total de alumnos<br />
*Número Titulados<br />
*Rango de Arancel Anual y Matrícula<br />
** < a 500.000<br />
** > a 500.000 a 1.000.000<br />
** > a 1.000.0000 a 1.500.000<br />
** > a 1.500.000 a 2.000.000<br />
** > a 2.000.0000 a 2.500.000<br />
** > a 2.500.0000 a 3.000.000<br />
** > a 3.000.000<br />
*Empleabilidad<br />
*Ingresos<br />
**Primer Año<br />
**Segundo Año<br />
**Tercer Año<br />
**Cuarto Año<br />
==Propuesta 2==<br />
===¿Qué tanta libertad tenemos para elegir nuestro futuro educacional?===<br />
'''Datos Disponibles'''<br />
*Número de estudiantes durante el período 2000-2009, que solicitaron un crédito (público o privado)<br />
**Percentil al que pertenecen<br />
*Carreras/Área Conocimiento<br />
**44 carreras/11 Áreas<br />
**Evolución Número de Matrículas<br />
*Rango de Arancel Anual y Matrícula<br />
** < a 500.000<br />
** > a 500.000 a 1.000.000<br />
** > a 1.000.0000 a 1.500.000<br />
** > a 1.500.000 a 2.000.000<br />
** > a 2.000.0000 a 2.500.000<br />
** > a 2.500.0000 a 3.000.000<br />
** > a 3.000.000</div>Valeuche