Hola queridos estudiantes del Luis Carlos Galán esta guía ha sido diseñada para explicar de forma más detallada el ejercicio de creación de historias ramificadas y de cómo convertirlas en historias Interactivas a través de la plataforma Twinery.
Recuerden estudiantes de grados 6o y 7o ustedes solo deben llevar a cabo el ejercicio en su cuaderno o en una hoja de cartulina junto con la portada alusiva a su historia. Aunque si desean explorar la plataforma Twinery sean bienvenidos a hacerlo.
Así que organicémonos:
.Grados 6o y 7o hacen su historia en el cuaderno y ahí será revisada junto con la portada que harán en un hoja a parte. Recomiendo que lean el PRIMER PASO de esta guía.
Grados 8 y 9o Hacen su historia en el cuaderno, la pasan a la plataforma twinery y suben a drive la historia en formato HTML. Presentan presencialmente la Portada de la Historia. Se recomienda leer todos los pasos de la guía
Grados 10 o y 11o Hacen su historia en el cuaderno, la pasan a la plataforma twinery junto con la fotografía de su portada en el primer pasaje y suben a drive la historia en formato HTML. También Presentan físicamente el dibujo de su portada en la case de artes. Se recomienda leer todos los pasos de la guía.
PASO 1/ ESCRIBIR LA HISTORIA
Empecemos por ver como debemos organizar los momentos de nuestra historia:
![](https://static.wixstatic.com/media/b1eda1_2b4816e6bb9c4431af6e9e672945c4c7~mv2.jpg/v1/fill/w_980,h_1544,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/b1eda1_2b4816e6bb9c4431af6e9e672945c4c7~mv2.jpg)
El enlace a continuación los llevará a la historia que programé en Twinery, se las ofrezco como ejemplo, descarguen el archivo desde drive y ábranlo en su computador o celular. Una vez hayan explorado la historia vuelvan a la guía y revisa el guion tal como lo escribí originalmente.
![](https://static.wixstatic.com/media/b1eda1_c270f067430c4c43baf873b94499e8e2~mv2.jpg/v1/fill/w_980,h_792,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/b1eda1_c270f067430c4c43baf873b94499e8e2~mv2.jpg)
Paso 2/ Convertir historia ramificada en historia interactiva a través de twinery
Una vez tienen un guion ya solo deben copiarlo en Twinery. Si quieren saber cuales deben ser sus primeros pasos en https://twinery.org/ revisa la otra entrada de esta página: https://nikolaiarteslcg.wixsite.com/website/post/aprend%C3%A9-a-escribir-juegos-de-texto-con-twine-en-10-pasos ahí aprenderán lo esencial para empezar.
Una vez copies el guion dentro de Twinery deben lograr una estructura con esta apariencia:
![](https://static.wixstatic.com/media/b1eda1_7750a524b0e24f20af3e20e5d89c5b3c~mv2.png/v1/fill/w_974,h_748,al_c,q_90,enc_auto/b1eda1_7750a524b0e24f20af3e20e5d89c5b3c~mv2.png)
Paso 3/Testeen o pongan a prueba su historia
Ahora comprueben que su historia funciona, solo pongan el cursor sobre el primer pasaje y verán que aparecerá un menú emergente, presionen el botón Play y verán su historia en su versión interactiva, es decir como si fuese una App. Verán que las palabras que han encerrado entre corchetes se han convertido en botones, presiónenlos para explorar la historia y ver si hay errores o si funciona como debería.
![](https://static.wixstatic.com/media/b1eda1_d4ce4a9ba3ce4415bd013799c62eba12~mv2.png/v1/fill/w_243,h_177,al_c,q_85,enc_auto/b1eda1_d4ce4a9ba3ce4415bd013799c62eba12~mv2.png)
Finalmente solo queda publicar su trabajo a un archivo HTML para subirlo en la carpeta Drive correspondiente a su salón, para ello deben volver al panel de menú en Twinery: Las historias que van creando aparecerán a la izquierda del menú,
![](https://static.wixstatic.com/media/b1eda1_29207f490e904999945b25a27430d3a3~mv2.png/v1/fill/w_980,h_433,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/b1eda1_29207f490e904999945b25a27430d3a3~mv2.png)
Paso 4/Montar portada en el primer Pasaje
Este paso se realiza a través de cuatro procesos:
A. Hacer portada (obviamente)
Revisa la siguiente entrada en Wix: Proceso de creación de portadas:
https://nikolaiarteslcg.wixsite.com/website/post/crea-tu-portada-de-forma-sencilla
B. Fotografiar la portada
![](https://static.wixstatic.com/media/b1eda1_1a7fb83c810a45cdaa157800d05e6a7d~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/b1eda1_1a7fb83c810a45cdaa157800d05e6a7d~mv2.png)
Recuerda que debes tomar la foto sosteniendo firmemente el celular y frontalmente, ademas procura que hay buena iluminación que evite sombras sobre el dibujo.
C. Subir la fotografía a Pinterest
Si aun no tienes un perfil y no sabes usar pitnerest te recomiendo el siguiente tutorial
D. Montar la portada en twinery
El programa Twine permite agregar en los relatos hipertexuales imágenes y videos tomados de otros sitios web. Para poder agregar y ver estos elementos en nuestros relatos, debemos estar conectados a Internet.
A continuación, las instrucciones para agregar imagen y video:
Para agregar imágenes
Primero, copien y peguen el siguiente código en el recuadro destinado al primer pasaje del relato:
<img src="the URL of your image" width="500" height="300">
Una vez que pegaron este código en el recuadro, borren el texto que dice: the URL of your image. No borren las comillas “” que rodean ese fragmento de texto.
Luego, copien y peguen la dirección de la imagen que quieren utilizar entre los “”. Para obtener la dirección de una imagen, abran el sitio web Pinterest, busquen su portada y hagan clic con el botón derecho del mouse sobre ella. Entre las opciones que les aparecerán, van a encontrar la de copiar la dirección de la imagen.
Por último, para modificar el ancho (width) y el alto (height) de la imagen, pueden modificar las cifras que se encuentran entre los corchetes que presentan esos valores, 500 y 300.
Paso 5/Descargar historia interactiva y publicar en DRIVE
![](https://static.wixstatic.com/media/b1eda1_043b6511022b46f2b73f0691a9821abb~mv2.png/v1/fill/w_192,h_234,al_c,q_85,enc_auto/b1eda1_043b6511022b46f2b73f0691a9821abb~mv2.png)
1. Cuando lleguen al menú, den clic en el botón de opciones de la historia que desean publicar:
![](https://static.wixstatic.com/media/b1eda1_00fd70c8db1645e69bbcad922bd42575~mv2.png/v1/fill/w_314,h_452,al_c,q_85,enc_auto/b1eda1_00fd70c8db1645e69bbcad922bd42575~mv2.png)
2. En cuanto se abra este menú seleccionaran la opción "publicar a archivo". Esto hará que se descargué un archivo HTML.
![](https://static.wixstatic.com/media/b1eda1_04050888110542c7869261913e094a14~mv2.png/v1/fill/w_456,h_242,al_c,q_85,enc_auto/b1eda1_04050888110542c7869261913e094a14~mv2.png)
3. Una vez el archivo se descargue, búscalo dentro de tus archivos y cámbienle el nombre, por ejemplo:
nikolairubio902.
![](https://static.wixstatic.com/media/b1eda1_975080f24b9b446d9e57354373c802d7~mv2.png/v1/fill/w_118,h_147,al_c,q_85,enc_auto/b1eda1_975080f24b9b446d9e57354373c802d7~mv2.png)
4. Una vez hayan cambiado el nombre del archivo cópienlo y péguenlo en la carpeta Drive correspondiente a tu curso.
Link de la carpeta de DRIVE: https://drive.google.com/drive/u/1/folders/1HjD-86KTP6LJ2Kru5vHGozFW-KMrtIER
Comments