https://wiki.ead.pucv.cl/api.php?action=feedcontributions&user=Gabriela.zett&feedformat=atomCasiopea - Contribuciones del usuario [es]2024-03-29T07:26:35ZContribuciones del usuarioMediaWiki 1.39.6https://wiki.ead.pucv.cl/index.php?title=Gabriela_Zett&diff=1218488Gabriela Zett2021-11-15T13:34:12Z<p>Gabriela.zett: </p>
<hr />
<div>{{Persona<br />
|Nombre=Gabriela<br />
|Apellido=Zett Sabioncello<br />
|Imagen=Luluuuu.jpg<br />
|Año de Ingreso a la Escuela=2016<br />
|Fecha de Nacimiento=1997/05/03<br />
|Página Web=https://barriopanal.cl/<br />
|País=Chile<br />
|Ciudad=Boco, Quillota<br />
|Relación con la Escuela=Alumno, Exalumno<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
}}<br />
{{Mis Talleres}}<br />
<br />
{{Mis Tareas}}<br />
<br />
{{Mis Proyectos}}<br />
<br />
{{Mis Travesías}}<br />
<br />
=Mi wiki - Gabs=<br />
<br />
Te invito a conocer mis trabajos en mi portafolio: [[Archivo:Portafoliogzs.pdf]]<br />
<br />
En este espacio, me gustaría compartir mis reflexiones:<br />
<br />
La tecnofobia:<br />
La mente no se permite el descanso sabiendo que estamos estudiando mientras el mundo se está acabando. <br />
Se acaba por lo que hemos construido, faltas que nos hemos inventado y necesidades reales que hemos <br />
ocultado.<br />
El mundo está en crisis, o quizás siempre lo estuvo, pero no podemos permitir seguir diseñando artefactos <br />
que irán a parar al océano o a un basurero. <br />
Ya basta de diseñar para el ego o para algunos que cargan el dinero. <br />
Nos han arrebatado la consciencia, <br />
todo aquello que viene de la ciencia<br />
¿cómo es posible que no te espante la tecnología? <br />
Si algún día, ella tendrá todo lo que alguna vez, fue mía.<br />
<br />
(Extracto ensayo Diseño de Servicio 2019)<br />
<br />
<br />
<br />
En Chile;<br />
Érase una vez<br />
una tierra de nadie<br />
vendida por unos<br />
y agonía para muchos.<br />
Corazones teñidos <br />
de violencia<br />
habitaban,<br />
sin clemencia.<br />
Se hablaba<br />
de demencia.<br />
De repente<br />
la cosa estalló,<br />
la gente <br />
loca se volvió.<br />
Reclamaban<br />
lo que les pertenecía<br />
y a la vez no.<br />
Igualdad,<br />
Señor Presidente,<br />
Igualdad <br />
es lo que quiero yo<br />
Que la gente viva<br />
dignamente.<br />
Pues la impunidad <br />
se acabó.<br />
Exigimos compasión<br />
a quienes nos gobiernan<br />
y de privilegios, nunca<br />
se trató.<br />
Al cambio apuntamos<br />
y para allá vamos.<br />
La sociedad por fin<br />
evolucionó.<br />
Mientras unos<br />
se quedan en el olvido<br />
Pues su mente<br />
los limitó.<br />
Esperamos <br />
Algún día encuentren la razón.<br />
(Apuntes de la contingencia nacional, octubre 2019)</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Gabriela_Zett&diff=1188855Gabriela Zett2021-10-18T01:22:37Z<p>Gabriela.zett: </p>
<hr />
<div>{{Persona<br />
|Nombre=Gabriela<br />
|Apellido=Zett Sabioncello<br />
|Imagen=Luluuuu.jpg<br />
|Año de Ingreso a la Escuela=2016<br />
|Fecha de Nacimiento=1997/05/03<br />
|País=Chile<br />
|Ciudad=Boco, Quillota<br />
|Relación con la Escuela=Alumno, Exalumno<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
}}<br />
{{Mis Talleres}}<br />
<br />
{{Mis Tareas}}<br />
<br />
{{Mis Proyectos}}<br />
<br />
{{Mis Travesías}}<br />
<br />
=Mi wiki - Gabs=<br />
<br />
Te invito a conocer mis trabajos en mi portafolio: [[Archivo:Portafoliogzs.pdf]]<br />
<br />
En este espacio, me gustaría compartir mis reflexiones:<br />
<br />
La tecnofobia:<br />
La mente no se permite el descanso sabiendo que estamos estudiando mientras el mundo se está acabando. <br />
Se acaba por lo que hemos construido, faltas que nos hemos inventado y necesidades reales que hemos <br />
ocultado.<br />
El mundo está en crisis, o quizás siempre lo estuvo, pero no podemos permitir seguir diseñando artefactos <br />
que irán a parar al océano o a un basurero. <br />
Ya basta de diseñar para el ego o para algunos que cargan el dinero. <br />
Nos han arrebatado la consciencia, <br />
todo aquello que viene de la ciencia<br />
¿cómo es posible que no te espante la tecnología? <br />
Si algún día, ella tendrá todo lo que alguna vez, fue mía.<br />
<br />
(Extracto ensayo Diseño de Servicio 2019)<br />
<br />
<br />
<br />
En Chile;<br />
Érase una vez<br />
una tierra de nadie<br />
vendida por unos<br />
y agonía para muchos.<br />
Corazones teñidos <br />
de violencia<br />
habitaban,<br />
sin clemencia.<br />
Se hablaba<br />
de demencia.<br />
De repente<br />
la cosa estalló,<br />
la gente <br />
loca se volvió.<br />
Reclamaban<br />
lo que les pertenecía<br />
y a la vez no.<br />
Igualdad,<br />
Señor Presidente,<br />
Igualdad <br />
es lo que quiero yo<br />
Que la gente viva<br />
dignamente.<br />
Pues la impunidad <br />
se acabó.<br />
Exigimos compasión<br />
a quienes nos gobiernan<br />
y de privilegios, nunca<br />
se trató.<br />
Al cambio apuntamos<br />
y para allá vamos.<br />
La sociedad por fin<br />
evolucionó.<br />
Mientras unos<br />
se quedan en el olvido<br />
Pues su mente<br />
los limitó.<br />
Esperamos <br />
Algún día encuentren la razón.<br />
(Apuntes de la contingencia nacional, octubre 2019)</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Gabriela_Zett&diff=1110460Gabriela Zett2021-08-17T16:16:25Z<p>Gabriela.zett: </p>
<hr />
<div>{{Persona<br />
|Nombre=Gabriela<br />
|Apellido=Zett Sabioncello<br />
|Imagen=Luluuuu.jpg<br />
|Año de Ingreso a la Escuela=2016<br />
|Fecha de Nacimiento=1997/05/03<br />
|País=Chile<br />
|Ciudad=Boco, Quillota<br />
|Relación con la Escuela=Alumno, Exalumno<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Biografía=Cuando chica me gustaba compartir mis tardes en la casa de mis perritos, ellos están dispuestos a entregar un amor infinito.<br />
}}<br />
{{Mis Talleres}}<br />
<br />
{{Mis Tareas}}<br />
<br />
{{Mis Proyectos}}<br />
<br />
{{Mis Travesías}}<br />
<br />
=Mi wiki - Gabs=<br />
<br />
Te invito a conocer mis trabajos en mi portafolio: [[Archivo:Portafoliogzs.pdf]]<br />
<br />
En este espacio, me gustaría compartir mis reflexiones:<br />
<br />
La tecnofobia:<br />
La mente no se permite el descanso sabiendo que estamos estudiando mientras el mundo se está acabando. <br />
Se acaba por lo que hemos construido, faltas que nos hemos inventado y necesidades reales que hemos <br />
ocultado.<br />
El mundo está en crisis, o quizás siempre lo estuvo, pero no podemos permitir seguir diseñando artefactos <br />
que irán a parar al océano o a un basurero. <br />
Ya basta de diseñar para el ego o para algunos que cargan el dinero. <br />
Nos han arrebatado la consciencia, <br />
todo aquello que viene de la ciencia<br />
¿cómo es posible que no te espante la tecnología? <br />
Si algún día, ella tendrá todo lo que alguna vez, fue mía.<br />
<br />
(Extracto ensayo Diseño de Servicio 2019)<br />
<br />
<br />
<br />
En Chile;<br />
Érase una vez<br />
una tierra de nadie<br />
vendida por unos<br />
y agonía para muchos.<br />
Corazones teñidos <br />
de violencia<br />
habitaban,<br />
sin clemencia.<br />
Se hablaba<br />
de demencia.<br />
De repente<br />
la cosa estalló,<br />
la gente <br />
loca se volvió.<br />
Reclamaban<br />
lo que les pertenecía<br />
y a la vez no.<br />
Igualdad,<br />
Señor Presidente,<br />
Igualdad <br />
es lo que quiero yo<br />
Que la gente viva<br />
dignamente.<br />
Pues la impunidad <br />
se acabó.<br />
Exigimos compasión<br />
a quienes nos gobiernan<br />
y de privilegios, nunca<br />
se trató.<br />
Al cambio apuntamos<br />
y para allá vamos.<br />
La sociedad por fin<br />
evolucionó.<br />
Mientras unos<br />
se quedan en el olvido<br />
Pues su mente<br />
los limitó.<br />
Esperamos <br />
Algún día encuentren la razón.<br />
(Apuntes de la contingencia nacional, octubre 2019)</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Portafoliogzs.pdf&diff=1110455Archivo:Portafoliogzs.pdf2021-08-17T16:10:23Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Gabriela_Zett&diff=1110449Gabriela Zett2021-08-17T16:07:13Z<p>Gabriela.zett: </p>
<hr />
<div>{{Persona<br />
|Nombre=Gabriela<br />
|Apellido=Zett Sabioncello<br />
|Imagen=Luluuuu.jpg<br />
|Año de Ingreso a la Escuela=2016<br />
|Fecha de Nacimiento=1997/05/03<br />
|País=Chile<br />
|Ciudad=Boco, Quillota<br />
|Relación con la Escuela=Alumno, Exalumno<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Biografía=Cuando chica me gustaba compartir mis tardes en la casa de mis perritos, ellos están dispuestos a entregar un amor infinito.<br />
}}<br />
{{Mis Talleres}}<br />
<br />
{{Mis Tareas}}<br />
<br />
{{Mis Proyectos}}<br />
<br />
{{Mis Travesías}}<br />
<br />
=Mi wiki - Gabs=<br />
<br />
En este espacio, me gustaría compartir mis reflexiones:<br />
<br />
La tecnofobia:<br />
La mente no se permite el descanso sabiendo que estamos estudiando mientras el mundo se está acabando. <br />
Se acaba por lo que hemos construido, faltas que nos hemos inventado y necesidades reales que hemos <br />
ocultado.<br />
El mundo está en crisis, o quizás siempre lo estuvo, pero no podemos permitir seguir diseñando artefactos <br />
que irán a parar al océano o a un basurero. <br />
Ya basta de diseñar para el ego o para algunos que cargan el dinero. <br />
Nos han arrebatado la consciencia, <br />
todo aquello que viene de la ciencia<br />
¿cómo es posible que no te espante la tecnología? <br />
Si algún día, ella tendrá todo lo que alguna vez, fue mía.<br />
<br />
(Extracto ensayo Diseño de Servicio 2019)<br />
<br />
<br />
<br />
En Chile;<br />
Érase una vez<br />
una tierra de nadie<br />
vendida por unos<br />
y agonía para muchos.<br />
Corazones teñidos <br />
de violencia<br />
habitaban,<br />
sin clemencia.<br />
Se hablaba<br />
de demencia.<br />
De repente<br />
la cosa estalló,<br />
la gente <br />
loca se volvió.<br />
Reclamaban<br />
lo que les pertenecía<br />
y a la vez no.<br />
Igualdad,<br />
Señor Presidente,<br />
Igualdad <br />
es lo que quiero yo<br />
Que la gente viva<br />
dignamente.<br />
Pues la impunidad <br />
se acabó.<br />
Exigimos compasión<br />
a quienes nos gobiernan<br />
y de privilegios, nunca<br />
se trató.<br />
Al cambio apuntamos<br />
y para allá vamos.<br />
La sociedad por fin<br />
evolucionó.<br />
Mientras unos<br />
se quedan en el olvido<br />
Pues su mente<br />
los limitó.<br />
Esperamos <br />
Algún día encuentren la razón.<br />
(Apuntes de la contingencia nacional, octubre 2019)</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Acto_de_Examen,_Taller_de_Titulaci%C3%B3n_de_Dise%C3%B1o_S1_2021&diff=1098692Acto de Examen, Taller de Titulación de Diseño S1 20212021-07-13T21:24:11Z<p>Gabriela.zett: /* Proyectos de Título */</p>
<hr />
<div>{{Acto<br />
|Título=Acto de Examen, Taller de Titulación de Diseño S1 2021<br />
|Fecha=2021/07/14<br />
|Tipo de Acto=Acto de Examen<br />
|Lugar=https://meet.google.com/zxt-zydm-uvq<br />
}}<br />
Miércoles 14 de Julio, 11:15 AM<br><span class="wiki-btn green">[https://meet.google.com/zxt-zydm-uvq Link Meet]</span><br />
<br />
== Taller de Titulación ==<br />
# [[Francisca Cortés]] y [[Michelle McIsaac]]<br>'''[[Diseño para la escritura]]''', ''[https://www.youtube.com/watch?v=ShjeSkUQrCU/wertre ver presentación]''<br />
# [[Catalina Jorquera Kruberg]] y [[Dominique Gago]]<br>'''[[Apoyos para el autocuidado en adultos con discapacidad intelectual]]''', ''[https://www.youtube.com/watch?v=u4ULYy8v3fQ&ab_channel=CATALINAJORQUERAKRUBERG ver presentación]''<br />
# [[Omar Nuñez]]<br>'''[[Desarrollo sistema pictográfico PICTOS]]'''<br />
# [[Catalina Torres]]<br>'''[[Diseño del Habitar un Espacio Mínimo, Sincronía en Extensión Focal en Simultaneidad]]''', ''[https://www.youtube.com/watch?v=vJhErKryY7w&ab_channel=CatalinaTorres ver presentación]''<br />
# [[Elizabeth Bustos]]<br>'''[[Diseño del Habitar un Espacio Mínimo, Diálogo de los objeto, espacio y cuerpo, Fluidez en el vacío]]''', ''[https://www.youtube.com/watch?v=7Ftc3FIkWdw ver presentación]''<br />
# [[Pedro Filún]]<br>'''[[Parámetros de Diseño en Sistemas de Señalización Visual para evacuaciones en la ciudad de Puerto Montt]]''', ''[https://www.youtube.com/watch?v=9Yw3vLo9iO0&t=90s&ab_channel=PedroFilun ver presentación]''<br />
# [[Rocío Castillo]]<br>'''[[Las realidades paralelas del fenómeno hídrico]]''', ''[https://www.youtube.com/watch?v=YBlpUGjWyzg&ab_channel=ROCIOCASTILLOROJAS ver presentación]''<br />
# [[Daniela Murillo]]<br>'''[[Comunidades botánicas del humedal de Mantagua]]''', ''[https://www.youtube.com/watch?v=EiSPb1ZTAUQ&ab_channel=DanielaMurillo ver presentación]''<br />
# [[Javiera Prado Barriga]]<br>'''[[Luz , Como volumen guía de la Mudanza.]]''', ''[https://www.youtube.com/watch?v=peok7fpTsdY&feature=youtu.be ver presentación]''<br />
# [[Antonia Gallardo]] y [[Jaime Morales Salazar]] <br>'''[[DIOGEORAMA]]'''<br />
<br />
== Proyectos de Título ==<br />
=== [[Proyecto Fondecyt: Apoyos a la vida independiente]], por [[Antonia Escudero]], [[Valentina López]] ===<br />
{{#widget:YouTube|id=iubTpN0PahQ}}<br />
<br />
=== [[Proyecto Bibliotecas PUCV 2020|Proyecto Bibliotecas PUCV]], por [[Gonzalo Rojas]] ===<br />
{{#widget:YouTube|id=JM8Na5wec08}}<br />
<br />
=== [[Proyecto Pétalos de Luz]], por [[Nicolás Astorquiza]] ===<br />
{{#widget:YouTube|id=QCJ1j_D4VAI}}<br />
<br />
=== [[Barrio Panal]], por [[Gabriela Zett]] ===<br />
{{#widget:YouTube|id=6NsekP_ePP0}}</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Bases_para_la_investigaci%C3%B3n,_Laguna_de_Zapallar&diff=1098376Bases para la investigación, Laguna de Zapallar2021-07-13T06:15:31Z<p>Gabriela.zett: /* Video de presentación */</p>
<hr />
<div>{{Proyecto<br />
|Título=Bases para la investigación, Laguna de Zapallar<br />
|Tipo de Proyecto=Proyecto de Titulación, Proyecto de Pregrado<br />
|Palabras Clave=inundación, arquitectura, mitigación<br />
|Año de Inicio=2021<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Arquitectura, Ciudad y Territorio<br />
|Asignaturas Relacionadas=Taller de Titulación - Primer Semestre 2021 - Felipe Igualt<br />
|Cursos Relacionados=Taller de Titulación - Primer Semestre 2021 - Felipe Igualt<br />
|Profesor=Felipe Igualt<br />
|Alumnos=Gianfranco Carretta Moller<br />
}}<br />
=Video de presentación=<br />
<br />
{{#widget:YouTube|id=oCqGawAmiLs}}</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Bases_para_la_investigaci%C3%B3n,_Laguna_de_Zapallar&diff=1098360Bases para la investigación, Laguna de Zapallar2021-07-13T05:54:54Z<p>Gabriela.zett: /* Carpeta de Título */</p>
<hr />
<div>{{Proyecto<br />
|Título=Bases para la investigación, Laguna de Zapallar<br />
|Tipo de Proyecto=Proyecto de Titulación, Proyecto de Pregrado<br />
|Palabras Clave=inundación, arquitectura, mitigación<br />
|Año de Inicio=2021<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Arquitectura, Ciudad y Territorio<br />
|Asignaturas Relacionadas=Taller de Titulación - Primer Semestre 2021 - Felipe Igualt<br />
|Cursos Relacionados=Taller de Titulación - Primer Semestre 2021 - Felipe Igualt<br />
|Profesor=Felipe Igualt<br />
|Alumnos=Gianfranco Carretta Moller<br />
}}<br />
=Video de presentación=</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Bases_para_la_investigaci%C3%B3n,_Laguna_de_Zapallar&diff=1098359Bases para la investigación, Laguna de Zapallar2021-07-13T05:52:07Z<p>Gabriela.zett: Página creada con «{{Proyecto |Título=Bases para la investigación, Laguna de Zapallar |Tipo de Proyecto=Proyecto de Titulación, Proyecto de Pregrado |Palabras Clave=inundación, arquitectu…»</p>
<hr />
<div>{{Proyecto<br />
|Título=Bases para la investigación, Laguna de Zapallar<br />
|Tipo de Proyecto=Proyecto de Titulación, Proyecto de Pregrado<br />
|Palabras Clave=inundación, arquitectura, mitigación<br />
|Año de Inicio=2021<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Arquitectura, Ciudad y Territorio<br />
|Asignaturas Relacionadas=Taller de Titulación - Primer Semestre 2021 - Felipe Igualt<br />
|Cursos Relacionados=Taller de Titulación - Primer Semestre 2021 - Felipe Igualt<br />
|Profesor=Felipe Igualt<br />
|Alumnos=Gianfranco Carretta Moller<br />
}}<br />
=Carpeta de Título=</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Taller_de_Titulaci%C3%B3n_-_Primer_Semestre_2021_-_Felipe_Igualt&diff=1098355Taller de Titulación - Primer Semestre 2021 - Felipe Igualt2021-07-13T05:47:41Z<p>Gabriela.zett: /* Título I */</p>
<hr />
<div>{{Curso<br />
|Asignaturas Relacionadas=Taller de titulo<br />
|Año=2021<br />
|Tipo de Curso=Taller de Título<br />
|Talleres=Tit. ARQ<br />
|Profesores=Felipe Igualt<br />
|Alumnos=Ilai Milega, Fernando González, Dante Letelier, Gianfranco Carretta, Carlos Rey<br />
|Palabras Clave=zona costera, vulnerabilidad, resiliencia, adaptabildidad<br />
|Carreras Relacionadas=Arquitectura<br />
}}<br />
<br />
[[Archivo:DJI_0023.JPG|thumb|1000px|center|Vista a la costa de Viña del Mar, desde Cochoa]]<br />
<br />
=Título I=<br />
<br />
=Título II=<br />
<br />
{{Los Proyectos}}</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Taller_de_Titulaci%C3%B3n_-_Primer_Semestre_2021_-_Felipe_Igualt&diff=1098352Taller de Titulación - Primer Semestre 2021 - Felipe Igualt2021-07-13T05:46:22Z<p>Gabriela.zett: /* Título I */</p>
<hr />
<div>{{Curso<br />
|Asignaturas Relacionadas=Taller de titulo<br />
|Año=2021<br />
|Tipo de Curso=Taller de Título<br />
|Talleres=Tit. ARQ<br />
|Profesores=Felipe Igualt<br />
|Alumnos=Ilai Milega, Fernando González, Dante Letelier, Gianfranco Carretta, Carlos Rey<br />
|Palabras Clave=zona costera, vulnerabilidad, resiliencia, adaptabildidad<br />
|Carreras Relacionadas=Arquitectura<br />
}}<br />
<br />
[[Archivo:DJI_0023.JPG|thumb|1000px|center|Vista a la costa de Viña del Mar, desde Cochoa]]<br />
<br />
=Título I=<br />
<br />
'''Gianfranco Carretta'''<br />
<br />
* Carpeta<br />
<br />
=Título II=<br />
<br />
{{Los Proyectos}}</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1097989Barrio Panal2021-07-13T01:17:27Z<p>Gabriela.zett: /* Aplicación: Prototipo Barrio Panal */</p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Imagen=Logoamarillo-barriopanal1.png<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
|PDF=Memoriadetitulo-Barrio Panal.pdf<br />
|URL=https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
* Presentación Título II<br />
<br />
{{#widget:YouTube|id=6NsekP_ePP0}}<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
El logotipo es la imagen con la que nos presentamos a las personas, por esta razón, para la construcción del isotipo nos basamos en la vista superior de una abeja y desde la taxonomía de la abeja, a través de la unidad mínima de nuestra identidad gráfica, el hexágono, realizamos la abstracción de la figura de una abeja, jugando con el contraste de las líneas que construyen la geometría del logo, todo esto fue realizado con una grilla que nos otorga la cualidad de la simetría.<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]][[Archivo:Formulario crear-barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfazbp1.png]]<br />
[[Archivo:Interfazbp2.png]]<br />
[[Archivo:Interfazbp4.png]]<br />
[[Archivo:Interfazbp5.png]]<br />
[[Archivo:Interfazbp6.png]]<br />
[[Archivo:Interfazbp7.png]]<br />
[[Archivo:Interfazbp8.png]]<br />
[[Archivo:Interfazbp9.png]]<br />
[[Archivo:Interfazbp10.png]]<br />
[[Archivo:Interfazbp11.png]]<br />
[[Archivo:Interfazbp12.png]]<br />
[[Archivo:Interfazbp13.png]]<br />
[[Archivo:Interfazbp14.png]]<br />
[[Archivo:Interfazbp15.png]]<br />
[[Archivo:Interfazbp16.png]]<br />
[[Archivo:Interfazbp17.png]]<br />
[[Archivo:Interfazbp18.png]]<br />
[[Archivo:Interfazbp19.png]]<br />
[[Archivo:Interfazbp20.png]]<br />
[[Archivo:Interfazbp21.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp21.png&diff=1097988Archivo:Interfazbp21.png2021-07-13T01:17:16Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp20.png&diff=1097987Archivo:Interfazbp20.png2021-07-13T01:16:46Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp19.png&diff=1097985Archivo:Interfazbp19.png2021-07-13T01:16:10Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp18.png&diff=1097984Archivo:Interfazbp18.png2021-07-13T01:15:40Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp17.png&diff=1097981Archivo:Interfazbp17.png2021-07-13T01:15:02Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp16.png&diff=1097980Archivo:Interfazbp16.png2021-07-13T01:14:33Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp15.png&diff=1097979Archivo:Interfazbp15.png2021-07-13T01:13:55Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp14.png&diff=1097978Archivo:Interfazbp14.png2021-07-13T01:13:24Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp13.png&diff=1097977Archivo:Interfazbp13.png2021-07-13T01:12:46Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp12.png&diff=1097976Archivo:Interfazbp12.png2021-07-13T01:12:17Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp11.png&diff=1097974Archivo:Interfazbp11.png2021-07-13T01:11:48Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp10.png&diff=1097973Archivo:Interfazbp10.png2021-07-13T01:11:14Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1097972Barrio Panal2021-07-13T01:10:56Z<p>Gabriela.zett: /* Aplicación: Prototipo Barrio Panal */</p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Imagen=Logoamarillo-barriopanal1.png<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
|PDF=Memoriadetitulo-Barrio Panal.pdf<br />
|URL=https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
* Presentación Título II<br />
<br />
{{#widget:YouTube|id=6NsekP_ePP0}}<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
El logotipo es la imagen con la que nos presentamos a las personas, por esta razón, para la construcción del isotipo nos basamos en la vista superior de una abeja y desde la taxonomía de la abeja, a través de la unidad mínima de nuestra identidad gráfica, el hexágono, realizamos la abstracción de la figura de una abeja, jugando con el contraste de las líneas que construyen la geometría del logo, todo esto fue realizado con una grilla que nos otorga la cualidad de la simetría.<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]][[Archivo:Formulario crear-barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfazbp1.png]]<br />
[[Archivo:Interfazbp2.png]]<br />
[[Archivo:Interfazbp4.png]]<br />
[[Archivo:Interfazbp5.png]]<br />
[[Archivo:Interfazbp6.png]]<br />
[[Archivo:Interfazbp7.png]]<br />
[[Archivo:Interfazbp8.png]]<br />
[[Archivo:Interfazbp9.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp9.png&diff=1097971Archivo:Interfazbp9.png2021-07-13T01:10:39Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp8.png&diff=1097969Archivo:Interfazbp8.png2021-07-13T01:10:03Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1097968Barrio Panal2021-07-13T01:09:39Z<p>Gabriela.zett: /* Aplicación: Prototipo Barrio Panal */</p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Imagen=Logoamarillo-barriopanal1.png<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
|PDF=Memoriadetitulo-Barrio Panal.pdf<br />
|URL=https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
* Presentación Título II<br />
<br />
{{#widget:YouTube|id=6NsekP_ePP0}}<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
El logotipo es la imagen con la que nos presentamos a las personas, por esta razón, para la construcción del isotipo nos basamos en la vista superior de una abeja y desde la taxonomía de la abeja, a través de la unidad mínima de nuestra identidad gráfica, el hexágono, realizamos la abstracción de la figura de una abeja, jugando con el contraste de las líneas que construyen la geometría del logo, todo esto fue realizado con una grilla que nos otorga la cualidad de la simetría.<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]][[Archivo:Formulario crear-barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfazbp1.png]]<br />
[[Archivo:Interfazbp2.png]]<br />
[[Archivo:Interfazbp4.png]]<br />
[[Archivo:Interfazbp5.png]]<br />
[[Archivo:Interfazbp6.png]]<br />
[[Archivo:Interfazbp7.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp7.png&diff=1097966Archivo:Interfazbp7.png2021-07-13T01:09:25Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp6.png&diff=1097964Archivo:Interfazbp6.png2021-07-13T01:08:56Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp5.png&diff=1097962Archivo:Interfazbp5.png2021-07-13T01:08:24Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp4.png&diff=1097960Archivo:Interfazbp4.png2021-07-13T01:07:56Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp2.png&diff=1097956Archivo:Interfazbp2.png2021-07-13T01:07:17Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Interfazbp1.png&diff=1097955Archivo:Interfazbp1.png2021-07-13T01:06:40Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1097922Barrio Panal2021-07-13T00:46:33Z<p>Gabriela.zett: /* Acciones */</p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Imagen=Logoamarillo-barriopanal1.png<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
|PDF=Memoriadetitulo-Barrio Panal.pdf<br />
|URL=https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
* Presentación Título II<br />
<br />
{{#widget:YouTube|id=6NsekP_ePP0}}<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
El logotipo es la imagen con la que nos presentamos a las personas, por esta razón, para la construcción del isotipo nos basamos en la vista superior de una abeja y desde la taxonomía de la abeja, a través de la unidad mínima de nuestra identidad gráfica, el hexágono, realizamos la abstracción de la figura de una abeja, jugando con el contraste de las líneas que construyen la geometría del logo, todo esto fue realizado con una grilla que nos otorga la cualidad de la simetría.<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]][[Archivo:Formulario crear-barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfaz-crearcuenta-barriopanal1.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta2.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta3.png]]<br />
[[Archivo:Interfaz-barriopanal-inicio1.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1097921Barrio Panal2021-07-13T00:45:50Z<p>Gabriela.zett: /* Acciones */</p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Imagen=Logoamarillo-barriopanal1.png<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
|PDF=Memoriadetitulo-Barrio Panal.pdf<br />
|URL=https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
* Presentación Título II<br />
<br />
{{#widget:YouTube|id=6NsekP_ePP0}}<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
El logotipo es la imagen con la que nos presentamos a las personas, por esta razón, para la construcción del isotipo nos basamos en la vista superior de una abeja y desde la taxonomía de la abeja, a través de la unidad mínima de nuestra identidad gráfica, el hexágono, realizamos la abstracción de la figura de una abeja, jugando con el contraste de las líneas que construyen la geometría del logo, todo esto fue realizado con una grilla que nos otorga la cualidad de la simetría.<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]]<br />
[[Archivo:Formulario crear-barriopanal.png|300px|left]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfaz-crearcuenta-barriopanal1.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta2.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta3.png]]<br />
[[Archivo:Interfaz-barriopanal-inicio1.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1097915Barrio Panal2021-07-13T00:39:37Z<p>Gabriela.zett: /* Barrio Panal */</p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Imagen=Logoamarillo-barriopanal1.png<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
|PDF=Memoriadetitulo-Barrio Panal.pdf<br />
|URL=https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
* Presentación Título II<br />
<br />
{{#widget:YouTube|id=6NsekP_ePP0}}<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
El logotipo es la imagen con la que nos presentamos a las personas, por esta razón, para la construcción del isotipo nos basamos en la vista superior de una abeja y desde la taxonomía de la abeja, a través de la unidad mínima de nuestra identidad gráfica, el hexágono, realizamos la abstracción de la figura de una abeja, jugando con el contraste de las líneas que construyen la geometría del logo, todo esto fue realizado con una grilla que nos otorga la cualidad de la simetría.<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]]<br />
[[Archivo:Formulario crear-barriopanal.png|300px|left]][[Archivo:Formulario reciclar-Barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfaz-crearcuenta-barriopanal1.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta2.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta3.png]]<br />
[[Archivo:Interfaz-barriopanal-inicio1.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1097912Barrio Panal2021-07-13T00:37:39Z<p>Gabriela.zett: </p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Imagen=Logoamarillo-barriopanal1.png<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
|PDF=Memoriadetitulo-Barrio Panal.pdf<br />
|URL=https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
El logotipo es la imagen con la que nos presentamos a las personas, por esta razón, para la construcción del isotipo nos basamos en la vista superior de una abeja y desde la taxonomía de la abeja, a través de la unidad mínima de nuestra identidad gráfica, el hexágono, realizamos la abstracción de la figura de una abeja, jugando con el contraste de las líneas que construyen la geometría del logo, todo esto fue realizado con una grilla que nos otorga la cualidad de la simetría.<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]]<br />
[[Archivo:Formulario crear-barriopanal.png|300px|left]][[Archivo:Formulario reciclar-Barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfaz-crearcuenta-barriopanal1.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta2.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta3.png]]<br />
[[Archivo:Interfaz-barriopanal-inicio1.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1097909Barrio Panal2021-07-13T00:36:11Z<p>Gabriela.zett: </p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Imagen=Logoamarillo-barriopanal1.png<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
|PDF=Memoriadetitulo-Barrio Panal.pdf<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
El logotipo es la imagen con la que nos presentamos a las personas, por esta razón, para la construcción del isotipo nos basamos en la vista superior de una abeja y desde la taxonomía de la abeja, a través de la unidad mínima de nuestra identidad gráfica, el hexágono, realizamos la abstracción de la figura de una abeja, jugando con el contraste de las líneas que construyen la geometría del logo, todo esto fue realizado con una grilla que nos otorga la cualidad de la simetría.<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]]<br />
[[Archivo:Formulario crear-barriopanal.png|300px|left]][[Archivo:Formulario reciclar-Barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfaz-crearcuenta-barriopanal1.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta2.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta3.png]]<br />
[[Archivo:Interfaz-barriopanal-inicio1.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Memoriadetitulo-Barrio_Panal.pdf&diff=1097902Archivo:Memoriadetitulo-Barrio Panal.pdf2021-07-13T00:33:02Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1096352Barrio Panal2021-07-12T05:58:40Z<p>Gabriela.zett: /* Aplicación: Prototipo Barrio Panal */</p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Imagen=Logoamarillo-barriopanal1.png<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
El logotipo es la imagen con la que nos presentamos a las personas, por esta razón, para la construcción del isotipo nos basamos en la vista superior de una abeja y desde la taxonomía de la abeja, a través de la unidad mínima de nuestra identidad gráfica, el hexágono, realizamos la abstracción de la figura de una abeja, jugando con el contraste de las líneas que construyen la geometría del logo, todo esto fue realizado con una grilla que nos otorga la cualidad de la simetría.<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]]<br />
[[Archivo:Formulario crear-barriopanal.png|300px|left]][[Archivo:Formulario reciclar-Barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfaz-crearcuenta-barriopanal1.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta2.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta3.png]]<br />
[[Archivo:Interfaz-barriopanal-inicio1.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=521%3A184&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1096346Barrio Panal2021-07-12T05:50:05Z<p>Gabriela.zett: /* Aplicación: Prototipo Barrio Panal */</p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Imagen=Logoamarillo-barriopanal1.png<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
El logotipo es la imagen con la que nos presentamos a las personas, por esta razón, para la construcción del isotipo nos basamos en la vista superior de una abeja y desde la taxonomía de la abeja, a través de la unidad mínima de nuestra identidad gráfica, el hexágono, realizamos la abstracción de la figura de una abeja, jugando con el contraste de las líneas que construyen la geometría del logo, todo esto fue realizado con una grilla que nos otorga la cualidad de la simetría.<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]]<br />
[[Archivo:Formulario crear-barriopanal.png|300px|left]][[Archivo:Formulario reciclar-Barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfaz-crearcuenta-barriopanal1.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta2.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta3.png]]<br />
[[Archivo:Interfaz-barriopanal-inicio1.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=232%3A4&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1096339Barrio Panal2021-07-12T05:47:26Z<p>Gabriela.zett: </p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Imagen=Logoamarillo-barriopanal1.png<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
El logotipo es la imagen con la que nos presentamos a las personas, por esta razón, para la construcción del isotipo nos basamos en la vista superior de una abeja y desde la taxonomía de la abeja, a través de la unidad mínima de nuestra identidad gráfica, el hexágono, realizamos la abstracción de la figura de una abeja, jugando con el contraste de las líneas que construyen la geometría del logo, todo esto fue realizado con una grilla que nos otorga la cualidad de la simetría.<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]]<br />
[[Archivo:Formulario crear-barriopanal.png|300px|left]][[Archivo:Formulario reciclar-Barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfaz-crearcuenta-barriopanal1.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta2.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta3.png]]<br />
[[Archivo:Interfaz-barriopanal-inicio1.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=232%3A4&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]<br />
<br />
En este link podrás ver las interfaces de nuestro prototipo<br />
<br />
[https://www.figma.com/file/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=232%3A0 Para ver las interfaces click acá]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Logoamarillo-barriopanal1.png&diff=1096338Archivo:Logoamarillo-barriopanal1.png2021-07-12T05:47:19Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1096337Barrio Panal2021-07-12T05:45:34Z<p>Gabriela.zett: </p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Imagen=[Archivo:Logotipobarriopanal5.png]<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
El logotipo es la imagen con la que nos presentamos a las personas, por esta razón, para la construcción del isotipo nos basamos en la vista superior de una abeja y desde la taxonomía de la abeja, a través de la unidad mínima de nuestra identidad gráfica, el hexágono, realizamos la abstracción de la figura de una abeja, jugando con el contraste de las líneas que construyen la geometría del logo, todo esto fue realizado con una grilla que nos otorga la cualidad de la simetría.<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]]<br />
[[Archivo:Formulario crear-barriopanal.png|300px|left]][[Archivo:Formulario reciclar-Barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfaz-crearcuenta-barriopanal1.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta2.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta3.png]]<br />
[[Archivo:Interfaz-barriopanal-inicio1.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=232%3A4&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]<br />
<br />
En este link podrás ver las interfaces de nuestro prototipo<br />
<br />
[https://www.figma.com/file/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=232%3A0 Para ver las interfaces click acá]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1096336Barrio Panal2021-07-12T05:45:07Z<p>Gabriela.zett: </p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Imagen=[[Archivo:Logotipobarriopanal5.png]]<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
El logotipo es la imagen con la que nos presentamos a las personas, por esta razón, para la construcción del isotipo nos basamos en la vista superior de una abeja y desde la taxonomía de la abeja, a través de la unidad mínima de nuestra identidad gráfica, el hexágono, realizamos la abstracción de la figura de una abeja, jugando con el contraste de las líneas que construyen la geometría del logo, todo esto fue realizado con una grilla que nos otorga la cualidad de la simetría.<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]]<br />
[[Archivo:Formulario crear-barriopanal.png|300px|left]][[Archivo:Formulario reciclar-Barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfaz-crearcuenta-barriopanal1.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta2.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta3.png]]<br />
[[Archivo:Interfaz-barriopanal-inicio1.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=232%3A4&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]<br />
<br />
En este link podrás ver las interfaces de nuestro prototipo<br />
<br />
[https://www.figma.com/file/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=232%3A0 Para ver las interfaces click acá]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1096334Barrio Panal2021-07-12T05:42:08Z<p>Gabriela.zett: /* Isologotipo */</p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
El logotipo es la imagen con la que nos presentamos a las personas, por esta razón, para la construcción del isotipo nos basamos en la vista superior de una abeja y desde la taxonomía de la abeja, a través de la unidad mínima de nuestra identidad gráfica, el hexágono, realizamos la abstracción de la figura de una abeja, jugando con el contraste de las líneas que construyen la geometría del logo, todo esto fue realizado con una grilla que nos otorga la cualidad de la simetría.<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]]<br />
[[Archivo:Formulario crear-barriopanal.png|300px|left]][[Archivo:Formulario reciclar-Barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfaz-crearcuenta-barriopanal1.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta2.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta3.png]]<br />
[[Archivo:Interfaz-barriopanal-inicio1.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=232%3A4&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]<br />
<br />
En este link podrás ver las interfaces de nuestro prototipo<br />
<br />
[https://www.figma.com/file/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=232%3A0 Para ver las interfaces click acá]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1096331Barrio Panal2021-07-12T05:41:07Z<p>Gabriela.zett: /* Sistema iconográfico */</p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
Siguiendo la misma lógica de la construcción del logo y bajo los mismos atributos gráficos, levantamos todo un sistema iconográfico. Cada ícono está compuesto por nuestra unidad mínima por excelencia, el hexágono, de distintos tamaños, superpuestos unos con otros, pero hexágonos al fin y al cabo. Esto permite capturar más el concepto aún y presentar la abstracción del panal en cada arista de la plataforma.<br />
En el siguiente diagrama se presenta el proceso de construcción de tres íconos a modo de mostrar el ejercicio realizado para cada uno de ellos:<br />
<br />
En la primera columna se logra observar la composición geométrica de cada ícono, en este caso, los íconos que se muestran son el de geo localización, cosechar miel y notificaciones. En la segunda columna se añade la coordenada del color, jugando con el naranjo y el amarillo, siguiendo la paleta de colores propuesta. Finalmente, en la tercera columna añadimos la dimensión del trazo, jugando al igual que el trazo del logo, con el contraste que éste genera con los tonos naranjos y amarillos.<br />
<br />
Mientras que la construcción de la alerta a través del color se basa en un tono más universal y de fácil comprensión, como lo es el rojo.<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]]<br />
[[Archivo:Formulario crear-barriopanal.png|300px|left]][[Archivo:Formulario reciclar-Barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfaz-crearcuenta-barriopanal1.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta2.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta3.png]]<br />
[[Archivo:Interfaz-barriopanal-inicio1.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=232%3A4&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]<br />
<br />
En este link podrás ver las interfaces de nuestro prototipo<br />
<br />
[https://www.figma.com/file/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=232%3A0 Para ver las interfaces click acá]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Barrio_Panal&diff=1096322Barrio Panal2021-07-12T05:36:55Z<p>Gabriela.zett: /* Sistema iconográfico */</p>
<hr />
<div>{{Proyecto<br />
|Título=Barrio Panal<br />
|Tipo de Proyecto=Proyecto de Titulación<br />
|Palabras Clave=co-diseño, sustentabilidad, educación ambiental, participación ciudadana, innovación pública<br />
|Año de Inicio=2020<br />
|Año de Término=2021<br />
|Carreras Relacionadas=Diseño, Diseño Gráfico, Diseño Industrial, Ciudad y Territorio, Interacción y Servicios<br />
|Asignaturas Relacionadas=Taller de Titulación: Personas y Territorios<br />
|Cursos Relacionados=Taller de Titulación: Personas y Territorios<br />
|Profesor=Michèle Wilkomirsky<br />
|Alumnos=Gabriela Zett<br />
}}<br />
=Barrio Panal=<br />
'''Antecedentes'''<br />
<br />
* [https://wiki.ead.pucv.cl/Educaci%C3%B3n_para_la_emergencia Estudio y fundamento de la propuesta: ver en el link]<br />
<br />
<br />
* Presentación Título I<br />
<br />
{{#widget:YouTube|id=NsxqqA3AcuE}}<br />
<br />
<br />
* Presentación Barrio Panal<br />
<br />
{{#widget:YouTube|id=bKv9wMpPaS8}}<br />
<br />
<br />
==Introducción==<br />
===Marco teórico===<br />
<br />
[[Archivo:Principaleshitosmmazett.jpg]]<br />
Fuente: Principales hitos - Ministerio del Medio Ambiente | Educación ambiental y Participación ciudadana Imagen: [elaboración propia]<br />
<br />
[[Archivo:Mapaterritoriogabs.png|600px|center]]<br />
[[Archivo:Educacionemergenciaclimatico.jpg]]<br />
[[Archivo:PERSONASYTERRITORIOSXGABS.png]]<br />
[[Archivo:Ciudadanomapagabz.jpg]]<br />
[[Archivo:Derechosfundamentaleszett.png]]<br />
[[Archivo:Personasyterritorio-gabizett.jpg]]<br />
[[Archivo:Gabellajijiji.jpg|550px|center]]<br />
[[Archivo:Ecoapp 1.jpg|400px|center]]<br />
[[Archivo:Ecociudadanopensamiento6.png]]<br />
[[Archivo:Educacionecociudades.png]]<br />
[[Archivo:Ecotecnologiasxlulita.jpg|300px|center]]<br />
[[Archivo:Accionecociudadana.png]]<br />
<br />
===Metodologías===<br />
<br />
* Objetivo general<br />
<br />
El objetivo de este proyecto de título es instalar prácticas ambientales en comunidades de Viña del Mar, mediante un '''espacio digital para co - diseñar ciudades más sostenibles entre las personas e instituciones.'''<br />
<br />
* Objetivo específico<br />
<br />
Se analizan datos secundarios, otorgados por el Ministerio del Medio Ambiente y el Ministerio de Educación, con el fin de conocer y comprender el nivel en el que se encuentra instalado la educación ambiental en los establecimientos educacionales y la sociedad civil.<br />
<br />
Se realizan entrevistas con directoras de jardínes y colegios certificados en la región con el motivo de estudiar los procesos que se llevan dentro de los establecimientos y los distintos roles que juegan los actores (directivos - docentes - estudiantes - apoderados - vecinos)<br />
Se realiza entrevista con el encargado del departamento municipal de Viña del Mar, con la finalidad de entender el trabajo que realizan, sus dolores y sus proyecciones.<br />
<br />
Fuente: ''Base de Datos Directorio de Establecimientos Educacionales 2019 - Ministerio de Educación [elaboración propia]''<br />
[[Archivo:Totalestablecimientosregion2019.png|700px|center]]<br />
[[Archivo:Provinciascertificadas2020.png|700px|center]]<br />
[[Archivo:RegionValparaísocertificados2020.png|450px|center]]<br />
[[Archivo:Region de Valparaísonivelescertificacion2020.png|450px|center]]<br />
<br />
Se estudian distintos municipios de nuestro país, sumado a la alcaldía de Medellín cuyo desarrollo ha sido un referente a nivel de Latinoamérica. Para ello, se busca conocer y comprender los distintos programas que operan desde el municipio hacia la gente y también observar el comportamiento con alianzas de tipo colaborativas con algún ente, ya sea privado o público.<br />
<br />
Fuente: ''Datos recopilados de respectivas páginas digitales de Municipalidades [elaboración propia]''<br />
[[Archivo:Munifinalgabs.png]]<br />
<br />
=Propuesta: Municipios y Personas=<br />
<br />
Se propone una plataforma virtual para el co-diseño de ciudades más sostenibles, mediante el vínculo de las personas y sus territorios. Haciendo especial énfasis en los líderes y en los saberes locales. Comprendemos la autoridad municipal como un agente más cercano a las unidades vecinales o a las personas, en comparación al Ministerio del Medio Ambiente y sus respectivas secretarías, por consiguiente, con este espacio, apuntamos a generar una comunicación más directa y eficiente con las figuras del departamento medioambiental de los municipios y los vecinos/las vecinas.<br />
<br />
Barrio Panal es un espacio de revalorización a las acciones generadas por las personas en sus territorios, posicionándolos en un rol activo como ciudadanos, otorgándoles la posibilidad de imaginar y crear, de manera colaborativa, un espacio más amigable con el medio ambiente.<br />
<br />
Al igual que el sentido propio del panal, cuyo propósito es preservar la especie y proteger el resto de la colmena, donde cada abeja trabaja en función del mismo propósito y cada abeja tiene un rol trascendental dentro de la sociedad-panal, tal como la abeja recolectora, que se encarga de buscar néctar y polen para alimentar el panal, la abeja nodriza que se encarga de cuidar las larvas en su periodo de crecimiento o los zánganos (drones) que son encargados de procrear con la abeja reina, y así, cada figura en el panal tiene su rol. Consideramos esencial proyectar cada perfil de esta aplicación y sus respectivas interacciones como un agente que se desplaza de forma horizontal y carece de una jerarquía vertical.<br />
<br />
Las personas cumplen el rol de contribuir al panal mediante acciones, detalladas en la siguiente lista:<br />
* '''Aletear:''' desplazarse por medios sustentables, aportando mediante los kilometros recorridos.<br />
* '''Saber:''' generar instancias de participación y educación ambiental. (Ej. Jornada de identificación de aves, Taller de huerto en casa, Taller de separación de residuos, Jornada de limpieza a microbasurales, etc)<br />
* '''Reciclar:''' material y darle un segundo uso. <br />
* '''Crear:''' proyectos comunitarios con un sentido socioambiental. (Ej. Invernadero barrial, Huerta comunitaria, Reforestación de quebradas, etc)<br />
<br />
Todo aquellas acciones crean una especie de sinergia en el territorio, de manera que nos parece fundamental que las personas pudieran visualizar el espectro y contribuir a reconocer la participación como algo positivo no solo para la persona sino que también para su comunidad. <br />
<br />
Como una manera de incentivar esta interacción, que se pueda traducir en un sentido de satisfacción para la persona, se propone un espacio generado por la municipal para el área emprendedora, con la forma de emporio, destinado a aquellas personas que más participan en la plataforma. Esto se propone debido a que la municipalidad puede otorgar permisos para ferias en su Departamento de Rentas y Permisos. El espacio generado por la municipalidad llevará la forma de feria; bio-feria (idea tomada a partir del Municipio de Quillota) de ésta manera apuntamos a ser un incentivo en la compra del producto local, que a su vez tiene sus bases en la sustentabilidad. Generando una herramienta que tiene la finalidad de otorgar empoderamiento a la ciudadanía. A este modelo de gestión la nombraremos como '''empoderar-emprendedor-emporio'''.<br />
<br />
Por otro lado, como forma de incentivo, se plantea disponer recursos del departamento de cultura y el departamento de cinematografía de la municipalidad, el cual cuenta con teatros, museos, escuela de bellas artes, orquesta sinfónica del Marga - Marga, los usuarios que más participan en la aplicación podrían acceder de forma gratuita u obtener un descuento, ya sea en talleres de escritura, talleres de dibujo, cursos de guitarra, entradas a museos, etc. Además el programa de cultura de Viña del Mar, cuenta con un festival de cine, el cual ofrece una actividad de formación en el arte cinematográfico. De ésta manera proponemos un beneficio y satisfacción para aquellas personas que se preocupan por cuidar su territorio y hacerse parte del patrimonio de su ciudad. <br />
<br />
Finalmente, proponemos un vínculo con el departamento de deporte de la municipalidad, con el cual los usuarios podrían acceder a un programa de vida sana, disponer de talleres y clases, incentivando una cultura del cuidado, ya sea del entorno (otros - territorio) como de ellos mismos, alimentando su salud física y mental a través de estas acciones. A todos estos beneficios, se podría incorporar además, la coordenada de Universidades que se encuentran en la comuna, de manera que estas instituciones podrían aportar con incentivos de la misma naturaleza, nutriendo el capital cultural de las personas de la Viña del Mar.<br />
<br />
[[Archivo:Modelobarriopanal-zett.png]]<br />
<br />
==Arquetipos==<br />
<br />
* Abeja reina<br />
[[Archivo:Journeymap-Marcelacontreras.jpg]]<br />
<br />
* Abeja obrera<br />
[[Archivo:Journeymap-javierhndz.jpg]]<br />
<br />
* Abeja nodriza<br />
[[Archivo:Journeymap-constanzaalvarado.jpg]]<br />
<br />
* Abeja recolectora<br />
[[Archivo:Journeymap-mariovergara.jpg]]<br />
<br />
* Apicultor<br />
[[Archivo:Journeymap-soniapacheco.jpg]]<br />
<br />
==Arquitectura de la información==<br />
<br />
[[Archivo:Propuesta arq 1 (2)gabizett.png]]<br />
[[Archivo:Propuesta arq 1 (3)casifinal.png]]<br />
[[Archivo:Propuesta arq 1 (BARRIOPANAL).png]]<br />
[[Archivo:Arqinfo-barriopanalfinal.png]]<br />
<br />
==Identidad gráfica==<br />
* '''Look & Feel'''<br />
<br />
Barrio Panal tiene la intensión de traer a presencia elementos naturales del panal y combinarlos con la ciudad, buscamos crear un espacio donde viven en armonía la naturaleza y la ciudad. Desde ahí nace la propuesta gráfica para este proyecto, además de la gráfica que compone el panal a través de sus elementos geométricos hexagonal. [Las imágenes fueron tomadas de Internet]<br />
<br />
[[Archivo:Look&feel-barriopanal.png]]<br />
[[Archivo:Look&feel2.png]]<br />
[[Archivo:Look&feel3.png]]<br />
[[Archivo:Look&feel4.png]]<br />
<br />
* '''Entrando en la propuesta del color'''<br />
<br />
A raíz del fundamento del proyecto, se escogen colores que estén ligados al verde y amarillos/ naranjos por su relación con el panal y las abejas. Por otro lado, se le añade la coordenada de ciudad con una tonalidad más gris, llegando casi al negro.<br />
<br />
[[Archivo:Paleta de colores 1zett.png|520px|left]]<br />
[[Archivo:Paleta de colores 2zett.png|520px|right]]<br />
<br />
* '''Exploración de la geometría (Abstracción del panal)'''<br />
<br />
A modo de ejercicio, para entrar en la materia de la geometría que inscriben los panales en el espacio y las posibles combinaciones de tonalidades, se juega con elementos hexagonales, y sus posibles formas interiores. <br />
[[Archivo:JuegográficoC1zett.png|300px|left]]<br />
[[Archivo:JuegográficoB1.png|300px|right]]<br />
[[Archivo:JuegográficoA1.png|300px|center]]<br />
<br />
[[Archivo:JuegográficoA2.png|300px|left]]<br />
[[Archivo:JuegográficoB2.png|300px|right]]<br />
[[Archivo:JuegográficoC2.png|300px|center]]<br />
<br />
<br />
* '''Construcción de patrones'''<br />
<br />
A partir del juego de color con la forma, se seleccionan dos posibles paletas de colores con las que se trabajará en el proyecto.<br />
<br />
[[Archivo:Patrón1C1.png|300px|left]]<br />
[[Archivo:Patrón1C2.png|300px|right]]<br />
[[Archivo:Geometriadelpanal1.png|300px|center]]<br />
<br />
[[Archivo:Patrón2C1zett.png|300px|left]]<br />
[[Archivo:Patrón2C2zett.png|300px|right]]<br />
[[Archivo:Geometriadelpanalzett2.png|300px|center]]<br />
<br />
===Paleta de colores===<br />
<br />
La propuesta cromática está compuesta por 5 tonos: dos de ellos levantan el concepto del panal/ anaranjado y amarillo los que construyen los íconos y destacar en la aplicación. Un tono neutro que será utilizada como el fondo de la interfaz. El verde que representa ''ecología'', tiene el fin de formar los botones de la aplicación. Finalmente un color que genera mayor contraste el que será utilizado como texto y líneas, un negro azulado, tiene la intención de traer a presencia la ciudad.<br />
<br />
[[Archivo:PaletadecoloresBarriopanal5.png]]<br />
<br />
'''avance'''<br />
<br />
[[Archivo:Paletabarriopanal2.png]]<br />
<br />
===Tipografía===<br />
<br />
[[Archivo:Tiposora-barriopanal1.png]]<br />
[[Archivo:Tiposora-barriopanal2.png]]<br />
<br />
===Isologotipo===<br />
<br />
[[Archivo:Logo-proceso1-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso2-barriopanal.png|500px|right]]<br />
[[Archivo:Logo-proceso3-barriopanal.png|500px|left]]<br />
[[Archivo:Logo-proceso4-barriopanal.png|500px|right]]<br />
[[Archivo:Logobarriopanal-colorsecundario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorsecundario2.png|500px|right]]<br />
<br />
[[Archivo:Barriopanal-blanco&negro.png|500px|left]]<br />
[[Archivo:Logobarriopanal-negro&blanco.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal-colorterciario1.png|500px|left]]<br />
[[Archivo:Logobarriopanal-colorterciario2.png|500px|right]]<br />
<br />
[[Archivo:Logobarriopanal.gif|500px|left]]<br />
[[Archivo:Logobarriopanal2.gif|500px|right]]<br />
[[Archivo:Barriopanallogotipooo.png|500px|left]]<br />
[[Archivo:Barriopanaltienelogo.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal1.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal2.png|500px|right]]<br />
[[Archivo:Logotipobarriopanal5.png|500px|left]]<br />
[[Archivo:Logotipobarriopanal4.png|500px|right]]<br />
<br />
===Sistema iconográfico===<br />
<br />
* Proceso constructivo<br />
[[Archivo:Procesoconstructivo-icono-barriopanal.png|680px|left]]<br />
[[Archivo:Tricono-barriopanal.png|300px|right]]<br />
<br />
<br />
[[Archivo:Sistema iconográfico barriopanal-cosechar(3).png]]<br />
<br />
* Sistema de notificaciones: Propuestas<br />
[[Archivo:SISTEMADENOTIFICACIONES-barriopanal.png]]<br />
<br />
===Propuesta interfaz===<br />
<br />
[[Archivo:Vistalogotipo-barriopanalnegativo.jpeg|350px|left]][[Archivo:Home-pantalladebienvenida-bp.png|350px|right]][[Archivo:Vistalogotipo-barriopanalpositivo.jpeg|350px|center]]<br />
<br />
[[Archivo:Home (3)bienvenidabp.png|350px|left]][[Archivo:Home (2)bienvenidabp2.png|350px|right]][[Archivo:Home (1)bienvenidabp1.png|350px|center]]<br />
<br />
[[Archivo:Pantallabienvenida-logobarriopanal1.png|350px|left]][[Archivo:Pantallabienvenida-logobarriopanal3.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal2.png|350px|center]]<br />
<br />
[[Archivo:Mi-perfil-barriopanal.png|350px|left]][[Archivo:Menú-barriopanal.png|350px|right]][[Archivo:Pantallabienvenida-logobarriopanal4.png|350px|center]]<br />
<br />
[[Archivo:Crear cuenta - clave única-barriopanal.png|350px|center]]<br />
<br />
<br />
{{#widget:YouTube|id=EovJLSSfAfQ}}<br />
<br />
{{#widget:YouTube|id=RX-nya09Q38}}<br />
<br />
<br />
* Proceso "crear cuenta de abeja obrera"<br />
<br />
[[Archivo:Entradabarriopanal1.png|300px|left]][[Archivo:Claveunica2barriopanal.png|300px|right]][[Archivo:Claveunica1-barriopanal.png|300px|center]]<br />
<br />
[[Archivo:Elegirperfilabejaobrera-barriopanal.png|300px|left]][[Archivo:Pedirdatos-barriopanal1.png|300px|right]][[Archivo:Pedirdatos-abejaobrera1.png|300px|center]]<br />
<br />
====Mi perfil====<br />
<br />
[[Archivo:Miabeja-barriopanal1.png|300px|left]][[Archivo:Miabejaobrera-barriopanal3.png|300px|right]][[Archivo:Miabejaobrera-barriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Miabejaobrera-barriopanal4.png|300px|left]][[Archivo:Minido-barriopanal1.png|300px|right]][[Archivo:Misaleteos-barriopanal.png|300px|center]]<br />
<br />
====Inicio====<br />
<br />
[[Archivo:Feedinicio-barriopanal.png|300px|center]]<br />
<br />
====Notificaciones====<br />
[[Archivo:Notificaciones-barriopanal1.png|300px|left]][[Archivo:Notificaciones barriopanal2.png|300px|right]][[Archivo:Notificaciones barriopanal3.png|300px|center]]<br />
<br />
====Menú====<br />
<br />
[[Archivo:Menudeacciones-barriopanal1.png|300px|center]]<br />
<br />
====¿Cómo se construye la gráfica de la colmena?====<br />
<br />
[[Archivo:Barriopanal colmena.jpg|500px|left]][[Archivo:Barriopanal colmenagrafica.jpg|500px|right]]<br />
<br />
[[Archivo:Estudiograficabarriopanal.jpeg|500px|left]][[Archivo:Estudiograficabarriopanal1).jpeg|500px|right]]<br />
<br />
[[Archivo:Verbarriopanal1.png|300px|left]][[Archivo:Verbarriopanal3.png|300px|right]][[Archivo:Verbarriopanal2.png|300px|center]]<br />
<br />
[[Archivo:Ver energíabarriopanal1.png|500px|left]][[Archivo:Ver energíabarriopanal (2).png|500px|right]]<br />
<br />
====Acciones====<br />
<br />
[[Archivo:Ver aleteos2 BArriopanal(1).png|300px|left]][[Archivo:Formulario reciclar Barriopanal(1).png|300px|right]]<br />
[[Archivo:Formulario crear-barriopanal.png|300px|left]][[Archivo:Formulario reciclar-Barriopanal.png|300px|center]]<br />
<br />
=Aplicación: Prototipo Barrio Panal=<br />
<br />
[[Archivo:Interfaz-crearcuenta-barriopanal1.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta2.png]]<br />
[[Archivo:Interfaz-barriopanal-crearcuenta3.png]]<br />
[[Archivo:Interfaz-barriopanal-inicio1.png]]<br />
<br />
En el siguiente link podrás navegar por nuestro prototipo:<br />
<br />
[https://www.figma.com/proto/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=232%3A4&scaling=scale-down&page-id=232%3A0 Para navegar click en este link]<br />
<br />
En este link podrás ver las interfaces de nuestro prototipo<br />
<br />
[https://www.figma.com/file/AYyZ9lsAOh2n6iXtGexrXR/Barrio-Panal?node-id=232%3A0 Para ver las interfaces click acá]</div>Gabriela.zetthttps://wiki.ead.pucv.cl/index.php?title=Archivo:Tricono-barriopanal.png&diff=1096317Archivo:Tricono-barriopanal.png2021-07-12T05:34:16Z<p>Gabriela.zett: </p>
<hr />
<div></div>Gabriela.zett