Ver el código de «C3 - Creación Bitácora digital - Gabriela Márquez Álamos»

{{Tarea
|Título=C3 Creación Bitácora digital - Gabriela Márquez Álamos
|Número=3
|Asignaturas Relacionadas=Taller Diseño de Ediciones Digitales
|Cursos Relacionados=Taller Diseño de Ediciones Digitales 2024
|Carreras Relacionadas=Diseño
|Alumnos=Gabriela Márquez Alamos
|URL=https://drive.google.com/drive/folders/18l3FpEMH1TJiDd8_hUS7PVLET5VT4STu?usp=drive_link
}}
[[Archivo:Ted pf gma 000.png|1000px|center]]
[[Archivo:Ted pf gma 01.png|450px|center]]
<hr style="width: 0%; clear:both;" />
<br>
<br>
<p style="margin-left: 0%; margin-right: 8%; text-align: left;"> 
<span class='mw-customtoggle-1s title-toggle' style='color: #808080; font-size:20px;'> 1. Travesía </span>
<div class='mw-collapsible mw-collapsed' id='mw-customcollapsible-1s'>

<p style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#3c3c3b"> La travesía llevada a cabo por los talleres de Ediciones Digitales y Máquinas Expresivas se realizó en el camping Los Yugos, en San Fabián de Alico. Para el taller de Ediciones Digitales, esta travesía constó en realizar un trabajo de observación de el todo y las partes, y además, en unión al otro taller, el trabajo de construcción de una obra.<br> <br>

El trabajo de obra tuvo una duración de 10 días, comenzando con la limpieza del terreno en el que se llevaría a cabo la construcción, para posteriormente dividirse en dos grupos generales. Por un lado un grupo se encargó de construir la estructura base de la obra; el piso y barandas, y  por otro lado, el segundo grupo tuvo la tarea de diseñar y crear piezas de madera que servirían como respaldo para la zona de descanso y estar del mirador. <br> <br>

Es en esta segunda parte en la que se encuentra una materia de estudio rica en contenido y que tiene relación con la tarea de observación, y  en consecuencia, la que permite realizar una propuesta fundamentada de la edición digital a presentar como proyecto final. </p>
<br>

 [[File:ted_pf_gma_02.jpg|400px]][[File:ted_pf_gma_03.jpg|400px]][[File:ted_pf_gma_05.JPG|400px]][[File:ted_pf_gma_06.JPG|400px]][[File:ted_pf_gma_07.JPG|400px]][[File:ted_pf_gma_08.JPG|400px]][[File:ted_pf_gma_09.JPG|400px]][[File:ted_pf_gma_10.JPG|400px]] 
</div>

<p style="margin-left: 0%; margin-right: 8%; text-align: left;"> 
<span class='mw-customtoggle-2s title-toggle' style='color: #fcbf3d; font-size:20px;'> 2. Observación </span>
<div class='mw-collapsible mw-collapsed' id='mw-customcollapsible-2s'>

<p style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#3c3c3b"> La observación inicia una semana antes de la travesía, enfocándose en analizar tanto el "todo" como sus partes. Desde la primera tarea, se investiga el momento del encuentro, que se define inicialmente como "el todo". A medida que avanza la travesía, se revela una serie de reacciones que no solo hacen posible el encuentro, sino que también le dan su cualidad distintiva. <hr style="width: 0%; clear:both;" />

<strong style="font-size: 18px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#454545"> Croquis: </strong> <p style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#3c3c3b"> Para exponer cómo fue el trabajo de observación realizado desde antes de la travesía, y durante esta, se exponen los croquis y observaciones más relevantes. </p>

[[File:ted_pf_gma_11.png|thumb|400px|center|El primer acercamiento al concepto del encuentro, se da cuando se observa la dinámica del compartir.]]
<hr style="width: 0%; clear:both;" />
[[File:ted_pf_gma_12.jpg|thumb|400px|center|Al observar las dinámicas de trabajo, se da cuenta de que el encuentro es el responsable de una pausa significativa, es decir, que lleva a tomar acuerdos, no solo a la reunión de las personas.]]
<hr style="width: 0%; clear:both;" />
[[File:Ted pf gma 17.png|thumb|400px|center|La observación del todo permite dar cuenta que hay un momento clave que permite la unión y el encuentro de situaciones, y ese momento es el encuentro. ]]
<hr style="width: 0%; clear:both;" />
[[File:Ted pf gma 18.png|thumb|400px|center|Una vez que se trabaja dentro de la construcción de la obra, se relacionan estos momentos de movimiento, pausa y encuentro con la propia estructura de la obra, la que se divide en dos situaciones, una que permite el fluir de las personas y otra que permite el pausar y estar, o sea, el encontrarse. Es por lo anterior que se comienza a profundizar más en la forma de la estructura como fundamento para lo observado dentro de la dinámica de trabajo de ella.]]
</div>

<p style="margin-left: 0%; margin-right: 8%; text-align: left;"> 
<span class='mw-customtoggle-3s title-toggle' style='color: #d86712; font-size:20px;'> 3. Fundamento </span>
<div class='mw-collapsible mw-collapsed' id='mw-customcollapsible-3s'>
<p style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#3c3c3b"> El siguiente proyecto centra el inicio de su fundamento en la observación del todo y las partes, y cómo éste último se va construyendo a medida que avanza la travesía. En este caso, “el todo” hace referencia al encuentro, que estuvo presente en diferentes ámbitos de la travesía, tanto dentro de la obra como fuera de ella, y las partes hacen alusión a qué cosas componen ese encuentro, por qué él se da y qué cosas provoca. <br> <br> 

Según lo observado, el encuentro es un momento significativo dentro del flujo de trabajo, ya que marca momentos de pausa y descanso, y este mismo es el que da forma a la obra construida. Estas irrupciones, lejos de ser meras interrupciones del proceso, juegan un papel crucial, ya que se unen directamente en el cómo está construida la estructura, y cómo esta da paso a la cese del movimiento para que las personas se permitan el estar y el pausar, y lo más importante, a encontrarse. <br> <br> 

Es por lo mencionado, que se trabajará la bitácora digital en torno a esta observación general y cómo ésta se relaciona con el proceso de construcción de la obra. Lo anterior será explicado en tres momentos, en los que se expondrá, a través de croquis y textos, en primer lugar, la observación de dinámicas de trabajo, contemplando en estas el movimiento de las personas. En segundo lugar, se busca exponer la unión que tiene la dinámica observada con la construcción de la obra que, en este caso, comienza siendo un mirador que potencia el movimiento y flujo de las personas. Y, en tercer lugar, se busca mostrar cómo la pausa e interrupción del flujo se dan paso al encuentro, gracias a la construcción de respaldos asimétricos, que forman parte del mirador. </p>
<hr style="width: 0%; clear:both;" />

<strong style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#d86712"> Línea Narrativa: </strong> <p style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#3c3c3b"> Para el desarrollo de la línea narrativa presente en la edición, se hace una lista de conceptos que se repiten en las observaciones realizadas durante travesía, y además una búsqueda de aquellas que se mantienen en relación con las anteriores. Cada concepto se engloba dentro de tres palabras generales que componen el fundamento y lo encontrado a través de la observación. </p>

[[Archivo:Ted pf gma 19.png|400px|center]]

<p style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#3c3c3b"> En cuanto a la línea narrativa en sí, se propone que la edición permita comprender cómo es esta colisión de situaciones en la construcción de la obra y, posteriormente en su infraestructura misma. Con el objetivo de mostrar con mejor detalle se define con un nombre cada uno de los momentos más relevantes de las observaciones. <br><br>

Momento 1: El movimiento constante y fluido del obrar<br>
Momento 2: Fluidez ininterrumpida de la unión simétrica<br>
Momento 3: La asimetría como encuentro, pausa y ruptura del flujo<br><br>

Con estos tres momentos se busca exponer cómo es que, dentro del flujo de trabajo y, además, en la estructura de la obra, el movimiento da paso a un encuentro intensionado y asimétrico que quiebra la fluidez y permite el encuentro. </p>
</div>

<p style="margin-left: 0%; margin-right: 8%; text-align: left;"> 
<span class='mw-customtoggle-4s title-toggle' style='color: #cc1424; font-size:20px;'> 4. Forma </span>
<div class='mw-collapsible mw-collapsed' id='mw-customcollapsible-4s'>

<p style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#3c3c3b"> En obra, el respaldo de las bancas fueron pintados con amarillo, naranja y rojo, inspirados por un fragmento del poema “Las ventanas” de Guillaume Apollinaire . Debido a que, dentro de la edición, la banca y su respaldo serán parte fundamental para enfatizar el encuentro y la pausa, se busca generar una coherencia gráfica que mantenga estos colores presentes a lo largo de toda la edición. Estos serán utilizados para poder enfatizar ciertas características de los croquis, y a modo de unión y transformación de la edición desde el movimiento hasta la pausa como elemento transformador. <br> <br>

[[File:ted_pf_gma_20.png|400px|left]]
[[File:ted_pf_gma_21.png|400px|right]] 
<br>
<hr style="width: 0%; clear:both;" />
<br>
<strong style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#cc1424"> Decisiones gráficas : </strong> <p style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#3c3c3b"> Debido a que el objetivo principal de este proyecto es exponer una bitácora digital, se utiliza como fondo un color que pueda ser relacionado a las hojas de la bitácora, en reemplazo de un blanco. Por otro lado, se utiliza como tipografía la propia caligrafía, para poder dar un toque más análogo a lo digital, y mantener el lenguaje gráfico que se ve en la completitud de la bitácora. </p>

<strong style="font-size: 16 px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#cc1424"> Paleta de colores:
<br>
[[Archivo:Ted pf gma 22.png|400px|center]]
<br>
<hr style="width: 0%; clear:both;" />

<strong style="font-size: 16 px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#cc1424"> Tipografía:
 [[File:ted_pf_gma_50.png|400px]][[File:ted_pf_gma_51.png|400px]][[File:ted_pf_gma_53.png|400px]] 
<hr style="width: 0%; clear:both;" />
<br>

<strong style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#cc1424"> Cuerpo gráfico: </strong> <p style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#3c3c3b"> A continuación, se muestra un resumen de los croquis que se van a exponer para representar cada momento. Como se mencionó anteriormente, y como se ve en la parte inferior, los croquis van a contar con una tonalidad de color que corresponde al momento que se captura con ellos, es decir, los croquis que tienen tonalidades amarillas pertenecen al momento en el que se da cuenta de una dinámica de trabajo dada por el movimiento, mientras que los croquis con rojo representan el encuentro en la asimetría, dada por la banca que se construye. Lo anterior se propone como forma de dar un énfasis no explícito a los momentos, sino que más bien gráficos. </p>

<strong style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#cc1424"> Momento 1: El movimiento constante y fluido del obrar 
 [[File:ted_pf_gma_26.png|400px]][[File:ted_pf_gma_27.png|400px]][[File:ted_pf_gma_28.png|400px]][[File:ted_pf_gma_29.png|400px]][[File:ted_pf_gma_30.png|400px]][[File:ted_pf_gma_31.png|400px]] 

<strong style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#cc1424"> Momento 2: Fluidez ininterrumpida de la unión simétrica 
 [[File:ted_pf_gma_54.png|400px]][[File:ted_pf_gma_55.png|400px]][[File:ted_pf_gma_56.png|400px]][[File:ted_pf_gma_57.png|400px]][[File:ted_pf_gma_58.png|400px]][[File:ted_pf_gma_59.png|400px]] 

<strong style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#cc1424"> Momento 3: La asimetría como encuentro, pausa y ruptura del flujo
 [[File:ted_pf_gma_60.png|400px]][[File:ted_pf_gma_61.png|400px]][[File:ted_pf_gma_62.png|400px]][[File:ted_pf_gma_63.png|400px]][[File:ted_pf_gma_64.png|400px]][[File:ted_pf_gma_65.png|400px]] 


<strong style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#cc1424"> Portada: </strong> <p style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#3c3c3b"> Al ser el proyecto final la digitalización de la bitácora, se propone una portada que mantenga ese lenguaje y reúna en ella las anotaciones que se hacen durante la travesía. Estas notas, listas, croquis, dibujos, entre otras, no mantienen un orden específico y son más bien un avance de los días a través de las hojas.<br> 

[[File:ted_pf_gma_71.png|500px|center]] 
<br> 

<strong style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#cc1424"> Especificaciones: </strong> <p style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#3c3c3b"> En cuanto a las especificaciones, se acuerda previo a la travesía que el público objetivo de lectura de la bitácora serán de la Escuela de Arquitectura y Diseño y, además, público general. <br> 
<br>
El formato de salida de la bitácora se adapta tanto a celulares como tablets y computador, logrando que la visualización sea adaptable a todos los medios de lectura. </p>
</div>

<p style="margin-left: 0%; margin-right: 8%; text-align: left;"> 
<span class='mw-customtoggle-5s title-toggle' style='color: #808080; font-size:20px;'> 5. Bitácora digital </span>
<div class='mw-collapsible mw-collapsed' id='mw-customcollapsible-5s'>

<strong style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#808080"> Link a Epub: https://drive.google.com/drive/folders/18l3FpEMH1TJiDd8_hUS7PVLET5VT4STu?usp=drive_link

<strong style="font-size: 16px; display: block; text-align: left; margin-left: 0%; font-family: Aptos; color:#808080"> Video: {{#widget:YouTube|id=G9WiKkGcG9s}}