#ejemplo con Vue

[hackathonlovers]

Retrospectiva del #HackAccesibilidad

El pasado 28 de octubre se celebró en las oficinas de Liferay  #HackAccesiblidad, un Hackathon sobre accesibilidad web que trataba de dar solución al reto: “crear un minijuego tipo aventura escape room virtual, con un escenario del que hay que lograr salir resolviendo puzzles más o menos sencillos.”

Las reglas que el juego tenía que seguir eran las siguientes:

La tecnología será HTML+CSS+JS. Se podrá usar algún framework de front tipo Angular, React o Vue, pero nunca un framework de desarrollo de juegos. Lo importante no es el juego en sí, aunque también, pero sobre todo que sea accesible.

En el escenario habrá diversos objetos con los que el jugador puede interactuar de distintas formas. Una de las primeras cosas que deberán hacer es pensar en un método accesible de recorrer el escenario para descubrir e interactuar con los objetos.

Las acciones obligatorias deberían ser al menos: mirar y usar; esta última acción debería permitir usar un objeto con otro.

Todos los objetos deben de tener una respuesta para cada acción, aún cuando ese objeto no se pueda usar.

Ni que decir tiene que el reto es sobre accesibilidad, evidentemente también se valorarán otras cosas, como la jugabilidad, la historia, la dificultad, pero es preferible gráficos “cutres” y juego accesible antes que unos gráficos del copón y un juego inaccesible.

Como ayuda a los participantes se desarrollo un ejemplo de juego no accesible https://github.com/angelisco1/prueba-hackaccesibilidad

El hackathon se compuso de dos jornadas:

25 de octubre.-

Con carácter previo a la celebración de hackathon y, para que los participantes tuvieran unas nociones básicas sobre accesibilidad y las pudieran utilizar en su desarrollo, Ramón Corominas (Twitter: @tinitun) impartió un taller presencial y online sobre nociones básicas para la creación de interfaces accesibles, que podéis ver en el enlace:  https://www.youtube.com/live/HhdUlP15NM4?si=VqUvnofsjtgGO71p

Taller de cerca de 2 horas de duración, donde se explicaron aspectos tan interesantes como las 5 reglas de ARIA para ayudar a decidir cómo hacer que los elementos sean accesibles:

(1) No  uses ARIA, (2) No cambies la semántica nativa, (3) Siempre admitir la navegación con teclado, (4) No ocultes los elementos enfocables, (5) Usar nombres accesibles para los elementos interactivos.

A partir de este momento los participantes podían empezar a desarrollar sus juegos con las reglas propuestas, o bien mejorar el código del ejemplo/juego propuesto.

27 de octubre.-

A las 9:30 empezó la recepción de los participantes en las oficinas de Liferay Durante cerca de tres horas terminaron de desarrollar sus juegos.

A las 12:30 se inició la presentación de los mismos. En concreto fueron tres juegos:

Juego de recolección de monedas en el que había que llegar al final a tiempo y recolectar las monedas que se encontraran en el camino. Desarrollado por Alicia (Buzkall).

Bienvenido al Museo Liferay, donde había una misión: robar el diamante negro Orlov. Desarrollado por Bárbara Cabrera Castro y Victor Galán Grande.

Bienvenido a Escape Bros!, Desarrollado por Valpa Bros (Rubén y Javier Valseca).

Después de la exposición se pasó a deliberar los juegos, teniendo en cuenta aspectos como: nivel de accesibilidad, originalidad de la historia, la jugabilidad, el grado de finalización del proyecto y su dificultad técnica.

Nuestro jurado estaba formado por:

Ramón Corominas: apasionado de la accesibilidad, así como consultor freelance, formador y asesor a todo tipo de empresas e instituciones.

Marcos Castro Vallejo: diseñador de producto / UX y desarrollador frontend, formado en accesibilidad por la ONCE hace casi 15 años.  En los últimos años ha estado centrado en el gran reto que supone convertir Liferay DXP en un producto accesible.

El orden de los ganadores fue: 

Primer premio: Bienvenido a Escape Bros

Segundo premio: Bienvenido al Museo Liferay

Tercer premio: Juego de recolección de monedas

Todos los participantes se llevaron 200 € de descuento en la compra de cualquier producto de Slimbook salvo los minipcs ZERO y los portátiles Essential, un Hosting Uno de Cyberneticos durante un año, y LViS Lite gratis durante 3 meses.

Para el ganador un Dominio y servidor VPS Básico de Cyberneticos durante un año.

Dar las gracias a Liferay por prestarnos sus instalaciones y colaborar con nosotros, así como a su equipo que nos apoyo durante las jornadas: Álex Arjomandi, Sergio Jiménez, Jesús Domínguez, Luis Díaz Royuela y Elena Bodas. 

Dar las gracias a nuestros sponsors: Slimbook, Cyberneticos, Murena, y LVIS.

Tenéis todas las fotos que hicimos en Flickr.

Vídeo resumen

Nos vemos en la próxima.

[misterdust]

15/05/2023 village de Herran 31160 suppression compte flickr pro par Dust... Via Flickr : posé devant la colline du Montagnat et la vallée de la Garonne village of Herran posed in front of the Montagnat hill and the Garonne valley pueblo de Herran posa frente a la colina de Montagnat y el valle del Garona cela fait un moment que j'ai cette désagréable impression que flickr pro se moque de moi... des années ou il ne se passe rien à par le prix qui n'arrête pas de monter, 30% voir plus en 4 ans ha si, il y a un truc qui a changé, c'est la manière de poster un commentaire, qui est nouvelle certes mais nulle puisque cela rajoute 2 clics sans amener quoique ce soit ne pas pouvoir changer de page de galerie en haut de page est par exemple une chose très agaçante surtout depuis que le stockage n'est plus limité et multiplie les pages d'ailleurs le stockage illimité ne risque pas de m'intéresser tant que je ne pourrait pas télécharger des photos sans qu'elles n'apparaissent dans ma galerie qui est aussi importante que les photos qu'elle contient. ne pas avoir de plein écran sur le site web quand on navigue avec une tablette ou un téléphone est aussi nul il y a quelques semaines j'ai effacé l'application flickr de mon téléphone car elle n'était pas stable et manquait de fonctionnalités. mais là ou je trouve que l'équipe flickr ne fait pas son travail, c'est dans le référencement de nos photos sur le web. déjà à l'époque ou flickr appartenait à yahoo, nos photos ne remontaient pas dans leur propre moteur de recherche et depuis rien n'a changé même si on tague correctement et géolocalise nos photos... à la vue de tout ça je préfère faire des économies et me taper la pub.... Hace tiempo que tengo la desagradable sensación de que flickr pro se ríe de mi.... años en los que no pasa nada aparte del precio que no para de subir, un 30% o más en 4 años ah sí, hay una cosa que ha cambiado, y es la forma de poder publicar un comentario, que es nueva pero inútil porque añade 2 clics sin hacer nada por ejemplo, no poder cambiar la página de la galería en la parte superior de la página es muy molesto, especialmente ahora que el almacenamiento ya no es limitado y hay más páginas. además, el almacenamiento ilimitado no me va a interesar mientras no pueda subir fotos sin que aparezcan en mi galería, que es tan importante como las fotos que contiene. no tener pantalla completa en el sitio web cuando se navega con una tableta o un teléfono también apesta hace unas semanas borré la aplicación de flickr de mi teléfono porque no era estable y le faltaba funcionalidad. pero donde me parece que el equipo de flickr no está haciendo su trabajo es a la hora de referenciar nuestras fotos en la web. ya cuando flickr pertenecía a yahoo, nuestras fotos no aparecían en su propio buscador y nada ha cambiado desde entonces, aunque etiquetemos y geolocalicemos correctamente nuestras fotos... en vista de todo esto prefiero ahorrar dinero y hacer el advert.... I've had this unpleasant feeling for a while now that flickr pro is laughing at me... years where nothing happens apart from the price which keeps going up, 30% or more in 4 years oh yes, there's one thing that's changed, and that's the way you can post a comment, which is new but useless because it adds 2 clicks without doing anything for example, not being able to change the gallery page at the top of the page is very annoying, especially now that storage is no longer limited and there are more pages. besides, unlimited storage isn't likely to interest me as long as I can't upload photos without them appearing in my gallery, which is just as important as the photos it contains. not having a full screen on the website when browsing with a tablet or phone also sucks a few weeks ago I deleted the flickr application from my phone because it wasn't stable and lacked functionality. but where i find that the flickr team isn't doing its job is when it comes to referencing our photos on the web. already when flickr belonged to yahoo, our photos didn't show up in their own search engine and nothing has changed since then, even if we tag and geolocate our photos correctly... in view of all this I'd rather save money and do the advert....

[laravelvuejs]

Cómo empezar con Vue.js | Primeros pasos con Vue Vue es una librería JavaScript para el desarrollo de aplicaciones web. Cada vez está tomando más fuerza y su uso se está extendiendo mucho. Su comunidad ... source

[jardindecristo]

Devocional 1: Oración por su pueblo y por sí mismo

Una de las lecciones más importantes que nos deja el libro de Nehemías es la oración. Cuando leemos los escritos de este hombre nos damos cuenta que ante cualquier situación que se le presentaba él se ponía a orar presentándole su causa a Dios. Tomando su ejemplo, los cristianos deben hoy en día buscar a Dios en oración independientemente de la circunstancia o problema. La oración es el arma más efectiva que todo creyente tiene en sus manos ya que es comunicarse directamente con Su Creador y Salvador. Sin más que decir comencemos estudiando las oraciones de Nehemías.

Desde el primer capítulo, Nehemías se encuentra con un problema. Su hermano ha llegado de Jerusalén y le cuenta el mal estado en el que están el remanente que ha quedado en la ciudad. Ante esta situación, Nehemías es quebrantado delante de Dios y es movido a clamar por su nación.

Hoy en día nuestros países pasan por muchísimas situaciones que los agitan y hacen que los ciudadanos hagan o dejen de hacer cosas. Cada nación tiene sus propios conflictos, ya sean económicos, políticos y sociales y es allí cuando nosotros como ciudadanos y nativos debemos doblar rodillas ante Dios exponiéndole cada problema que como parte de un país nos afecta directa u indirectamente.

Nehemías no estaba en Jerusalén, pero el hecho de no estar allí presencialmente no fue limitante para que él no orara; más bien, fue su ubicación una de las herramientas que Dios permitió para que este hombre obtuviese la bendición. Hoy, aunque tú no estes físicamente en tu nación de origen también puedes orar por ella. Recuerda que de allí saliste y que en ella se encuentran tus familiares, amigos, conocidos y pueblo que necesita tanto de la misericordia de Dios como tú.

Veamos las características de la oración que Nehemías hizo por su pueblo:

1.- Además de la oración, Nehemías realizó un ayuno delante de Dios: Esto le añade fuerza a aquello que estamos pidiendo y es agradable delante del Señor ya que Él está viendo nuestra humillación y quebranto.

“Cuando oí esto, me senté a llorar. De hecho, durante varios días estuve de duelo, ayuné y oré al Dios del cielo,” (Nehemías 1:4, NTV)

2.- Comenzó dándole la gloria a Dios: Tal como enseñó Jesús, Nehemías también comenzó alabando al Señor:

“Y dije: «Oh Señor, Dios del cielo, Dios grande y temible que cumples tu pacto de amor inagotable con los que te aman y obedecen tus mandatos” (Nehemías 1:5, NTV)

3.- Fue una oración constante: Bien dijo el Espíritu Santo a través del Apostol Pablo en 1 Tesalonicenses 5:17 “Orad sin cesar” y esto fue exactamente lo que hizo este hombre muchos siglos antes; oró de día y de noche por Israel, su pueblo, el pueblo escogido de Dios.

 “¡escucha mi oración! Mírame y verás que oro día y noche por tu pueblo Israel. Confieso que hemos pecado contra ti. ¡Es cierto, incluso mi propia familia y yo hemos pecado!” (Nehemías 1:6, NTV)

4.- Confesó sus pecados y los de su pueblo delante de Dios: Él sabía la causa de la destrucción de su pueblo, de la dispersión de los habitantes y no lo ocultó o negó delante de Dios, sino que admitió sus pecados y los de su pueblo en conjunto.

El Señor se deleita en oraciones provenientes de corazones arrepentidos que desean cambiar y vivir agradablemente delante de Sus ojos.

“Hemos pecado terriblemente al no haber obedecido los mandatos, los decretos y las ordenanzas que nos diste por medio de tu siervo Moisés.” (Nehemías 1:7, NTV)

5.- Oró conforme a las Escrituras: Así como el Señor Jesucristo echó fuera los demonios citándoles las Escrituras, Dios también se agrada de que recordemos su Palabra cuando estamos orando. Podemos reclamar promesas que están escritas en ellas ya que las mismas tienen poder de Dios para sanar, libertar y cambiar vidas. Nehemías lo sabía y le recordó a Dios las promesas escritas por medio de Moisés, específicamente Levítico 26:33 y Deuteronomio 30:1-5.

“»Te suplico que recuerdes lo que le dijiste a tu siervo Moisés: “Si me son infieles los dispersaré entre las naciones; pero si vuelven a mí y obedecen mis mandatos y viven conforme a ellos, entonces aunque se encuentren desterrados en los extremos más lejanos de la tierra, yo los volveré a traer al lugar que elegí para que mi nombre sea honrado. El pueblo que rescataste con tu gran poder y mano fuerte es tu siervo.” (Nehemías 1:8-10, NTV)”

6.- Concluyó orando por sí mismo: Nehemías fue quebrantado por Dios con un propósito y en medio de su oración recibió la guianza de lo que debía de hacer. Dios lo llamó para que fuese a reconstruir las murallas de Jerusalén aun estando lejos de la ciudad, y siendo un hombre con posición sabía que primero debía Dios confirmarle su llamado y abrirle las puertas para hacer esta obra.

Nehemías concluyó su oración pidiéndole al Señor que abriese puertas para ir a hacer la obra y que lo pusiese en gracia delante del rey. Él sabía que por su cuenta nada lograría, pero si Dios estaba con él entonces conseguiría éxito en su obra. Tú y yo debemos orar para que Dios nos conceda estar en gracia delante de los hombres y que sea Él quien nos abra puertas y nos lleve a cumplir el llamado que nos hizo para que así Su Nombre sea glorificado. Por nuestra cuenta nada podemos hacer pero con Dios todo es posible.

¡Oh Señor, te suplico que oigas mi oración! Escucha las oraciones de aquellos quienes nos deleitamos en darte honra. Te suplico que hoy me concedas éxito y hagas que el rey me dé su favor. Pon en su corazón el deseo de ser bondadoso conmigo».

En esos días yo era el copero del rey. (Nehemías 1:11, NTV)

Recuerda que la oración mueve la mano de Dios y que estamos llamados a orar por nuestra nación, confesando nuestros pecados, pidiendo misericordia, citando las Escrituras y buscando siempre que sea Dios el que nos dirija y abra puertas. Dios te bendiga.

[otroputito]

Leonardo - 4ta parte

Por primera vez en mucho tiempo estaba teniendo una rutina sexual, algo que no me pasaba desde el primer año que empecé a vivir sin mi familia. En ese entonces, solo era activo sin animarme a mucho más que chupar verga y culo, perdiéndome un montón de cosas sin saberlo. Mucho miedo a contagiarme algo, inculcado por años y años de cine culposo y trágico. Además, ser solo activo es algo aburrido pero mucho más fácil. Dia por medio tenia para mi el culo de 3 vecinitos y los fines de semana iba a bailar, me aventuraba a alguna tetera o conseguía un culito nuevo en un barrio cercano. Era frecuente, seguro, cómodo y lo que necesitaba en ese momento. Con Leo siempre supe que las cosas serían diferentes.

De lunes a jueves llegábamos cada uno por su cuenta a la nueva oficina, saludando a la recepcionista rubia e idiota, trabajábamos cada uno en lo suyo durante unas horas, media hora antes de que todo el mundo se fuera a almorzar comenzaba lo primero: nos escondíamos a comernos la boca en el baño de discapacitados durante 10 minutos. A veces ahí también salía una paja rápida. Almorzábamos juntos día por medio para no despertar sospechas y tipo 4 de la tarde llegaba el mensajito tan deseado. — Fijate que llegó email de Kent —Perfecto, ahora le respondo en 10. Leo me escribía en ese código secreto en Slack, en parte de puro perseguido y en parte porque lo calentaba: Kent era el nombre del telo a 8 cuadras de la oficina, lo cual quería decir que nos encontraríamos abajo en 10 minutos e iríamos a coger ahí un medio turno de 30. Si había "reunión con Kent", el turno era completo e íbamos a garchar una hora entera. Luego de que me penetrara en todas las posiciones que se le ocurrieran, volvíamos a la oficina procurando entrar con 10 o 15 minutos de diferencia. Trabajábamos un poco más y luego cada uno a su casa o quedarnos un poco después de hora para besuquearnos mas en la oscuridad de la oficina vacía y ver videos en Youtube. A veces si había paja rápida al mediodía o mucho trabajo, Kent no mandaba emails a la tarde y estaba todo bien igual. Porque Leo lo compensaba el sábado o el domingo, en mi casa o en la suya, donde solo cogíamos una vez pero durante muchas horas. Nada ni nadie nos apuraba ni podía descubrirnos. Ambos nos encargábamos de pagar los preservativos, los jueves y viernes no nos veíamos por el casi obligatorio after office (un posible despertador de sospechas), hasta a veces sobreactuábamos peleas sobre asuntos del trabajo. Todo era armonía de lunes a jueves, el se iba al gimnasio descargado y yo volvía a mi casa con mi perro. Había épocas de gloria, como esa vez que se tomo una semana de vacaciones, fingió ir al sur y en vez de eso se quedó en mi casa. O esa semana que yo me tomé vacaciones, no fui a ningún lado y en vez de Kent pudimos ir a Conde, el hotel mas cercano a la oficina y mucho mas lindo. El se estaba convirtiendo en mi espacio de confort, besarlo y abrazarlo era siempre lo mejor que me pasaba en la semana. También hubo épocas de infierno, como la vez que tuvo faringitis, no lo vi por una semana y media y no supe que carajo hacer. Porque ahí fue cuando se hizo evidente lo que me estaba pasando. Lo empecé a extrañar, no podía concentrarme en ninguna otra cosa porque solo pensaba en él. No tenía sexo con nadie que no fuera Leo hacia 7 meses, no miraba porno para masturbarme: solo lo hacia con el bóxer sucio que había dejado en casa, con su remera bordó, con el recuerdo de su verga entrando en mi culo.

Cuando se recuperó, volvimos a nuestra rutina sexual. Una tarde apenas cruzamos la puerta de la habitación 22 de Kent, me dio un beso tímido y húmedo y me dijo las 3 palabras que me desarmaron. —Te extrañe, guacho. Me reí como una colegiala y dije que yo también. Pero era más, yo sé que era más lo que sentía. La puta que te parió, Leo. Nos tiramos en la cama, nos quedamos solo en ropa interior y Leo dejo de lamerme el pecho para mirarme a los ojos. —¿Qué tenés ganas de hacer hoy? —Lo que vos quieras —Dale, te estoy preguntando boludo... —¿Qué? Me reí nervioso, sin saber qué quería decirme. —Yo te conozco ya, no tenés ganas de algo más? Mi cerebro empezó a maquinar al mil por ciento: no hay manera de que me esté pidiendo un trío porque no se puede entrar de a tres en estos hoteles, no tenemos juguetes ni compró nada, no toma merca hace meses y sabe que no me gusta, que más sabe? No cogí con ningún flaco y aun si así fuera que.. Mis pensamientos se interrumpieron porque Leo agarró una de mis manos y la posó sobre su cola. Su firme, turgente, musculada y hermosa cola. —Me vas a decir que no querés, si me la tocas todo el tiempo... Leo sabía que yo era versátil, aunque jamás en todo esos meses siquiera deslicé la idea de poder culearlo. —Si, obvio que quiero, pero nunca lo hiciste, me dijiste... —Nunca me cogieron así de cogerme. Solo hice cosas... —¿Qué cosas? —Beso negro, algún dedito cuando me pajeo por ejemplo... —¿Ah si? ¿Beso negro de quien, de una mina? —Si, de mi ex y de otra después... —Por eso, de una mina. —Si, por? —Porque no es lo mismo. Con un tipo es otra cosa...y no le decimos "beso negro". —¿Ah no? ¿Cómo se dice? —Comer culo. Leo se río en voz alta, muy pícaro. Me incorporé y comencé a sacarle el bóxer, despacito. Delante de mi cara ahora solo estaban sus glúteos desnudos, duros y blancuzcos. Empecé con besitos de arriba hacia abajo y ya pude escuchar como gemía tímidamente. Me fui acercando hacia su raya sin dejar de respirar, el aire de mi aliento rebotando en el final de la espalda hacia que sus pocos pelitos se erizaban. Llevé una mano a su bajo vientre y entendió que debía ponerse en cuatro patas para mi. Como era su primera vez, no habría nalgadas ni escupidas. Tenía que hacer lo posible para dilatarlo pacientemente. Acaricié todos sus cuartos traseros, desde su culo hasta sus gemelos. Él me dejaba hacer, completamente mudo. Abrí sus glúteos y ahí estaba delante mío, un hoyito rosadito claramente virgen rodeado de pelitos rubios, esperando a ser devorado. Pasé la lengua y se le escapó el primer gemido ahogado. La higiene de la zona delató que Leo había llegado esa tarde con este objetivo en mente, decidido. Mi lengua siguió jugando con todas las zonas de ese culo hasta que seguí con los besos. Sus gemidos ya se habían convertido en ruido constante y habían generado que su preciosa verga se pusiera dura como una piedra. Empecé a pajearlo mientras mi boca no paraba de jugar. —Uuuuuhhh...seeeeh boludo, así! Con una mano lo masturbaba a él, con mi boca comía su hermoso orto y con la otra me masturbaba yo. Seguí así durante unos 5 minutos más, podría haber estado así toda la tarde. Toda la semana. —Este orto quiere carne eh? —Todo tuyo, guacho...

Mis manos lo abrieron más, porque había llegado el momento de mandar lengua adentro. Sentí el sabor a hombre en toda mi boca y él dejó escapar un gritito de aprobación. Mi lengua lo penetraba, todo era calor y humedad entre nuestros cuerpos, ya acostumbrados a calentarse a las apuradas de lunes a jueves. Su culo estaba particularmente calentito esa tarde, su espalda había empezado a transpirar de puro placer. Aumente la frecuencia con la que metía mi lengua en ese ano y Leo empezó a moverse frenéticamente, haciendo de ella un mini pene al cual ya se había entregado por completo. Leo es mío, definitivamente. Volví a sentir su pija, dura y llena de presemen en la punta, baba, de todo. Humedad masculina entregada al placer total de mi mano. —Ufff....seguí, seguí hijo de puta, seguí Intercalé lengua y dedos, primero uno, luego dos. Él ya estaba entregadísimo, todo para mi. —¿Queres que empiece, despacito? —Dale, vos sabés... Me reí en silencio y busque el pomo de gel y un preservativo. El seguía tocándose y meneando de placer su maciza cola con el agujero mas hermoso del mundo. Luego de ponerme el condón y aplicar gel, la cabeza de mi pene empezó a abrirse paso en esa cola, estrecha y mojadita. Costaba, naturalmente. Con caricias le hice saber que no haría nada brusco. Finalmente, mi glande pasó el umbral del ano y llegó a su recto. Gritó de dolor. —Pará pará, sacala, sacala... —La saco despacio....ahí va. —Ufff... —Ahora vas a tener ganas de ir al baño... —Como sabes? Y...son años de desvirgar culos, pelotudo. Pero no le dije eso. —Porque es lo que pasa. Pero ya pasan, no son ganas y se te van al toque. —Bueno. —Igual si querés, siempre puedo parar y hacemos otra cosa. Sentí que ya estaba hablando demasiado y arruinando el momento. —No guacho, todo bien. Con vos está todo bien. La misma frase que me dicen siempre los de culo estrecho o virgen: "con vos está todo bien". El sello de aprobación que siempre me transforma en Iniciador de Culos Profesional, matriculado. Mi glande volvió a ese culo con un poco mas de gel esta vez, logró entrar con un nítido "pop" y una vez dentro de la cuevita de Leo, se movió lentamente. Leo gemía entre excitado y preocupado, aunque su verga nunca había dejado de estar dura. Fui penetrándolo suave y de a poco mientras lamia su espalda y acariciaba sus glúteos. —Ahora empiezo a moverme yo si querés... Su determinación me sorprendió. Igualmente tuve que avisarle. —Mirá que no entró del todo todavía eh.... —Uh..bueno, mandala si queres. Obedecí de golpe, sellando el pacto entre mi chota y su culo. Leo dejó escapar un grito y estrujó con sus manos las sabanas. Me incliné sobre su espalda para darle dulces besos, él tenia la cara enterrada en la almohada. Yo quería verlo a los ojos, moría por verlo a los ojos. Seguí con suaves embestidas que fueron aumentando en ritmo, el ruido del látex entrando y saliendo de su culo solo era interrumpido por sus gemidos. Ya no eran de dolor, era puro placer. Estaba entregado a mi, los músculos de su espalda se estremecían cada vez que metía mi pene hasta el fondo, cada vez que mis bolas chocaban con sus nalgas. Cogerse un culo estrecho es de las cosas mas lindas de la vida y de las que me hacen acabar mas rápido. No quería, quería ver el rostro de mi hombre mientras lo penetraba. —Date vuelta, porfa...

Leo se dio vuelta, estaba completamente colorado: en su cara había una expresión de sumisión extrema. Sus cejas arqueadas y sus ojitos llorosos, su barba de hombre con saliva de haber mordido la almohada y de usarla para lubricar su verga al masturbarse mientras yo estaba dentro suyo. Ahora me había salido unos segundos, podía sentir mi semen a punto de salir en cualquier momento. —Cogeme papi, seguime cogiendo... Esa sola frase casi me hace acabar, también verlo delante mío abierto de piernas ofreciéndome su agujerito dilatado mientras su verga dura golpeaba sus abdominales. En ese momento me pareció el varón mas lindo del mundo. Escupí mi pija, otro poco en su culito y volví a estar dentro suyo en un solo segundo. Ahora el que gritó fui yo, el placer de tenerlo para mi y sentirme unido a su carne de esa manera era demasiado. La metí y saqué dos o tres veces, no pude aguantar mas lo inevitable. —Acabo boludo, acabo... —Dale, llename de leche papi... No había mas "guacho" ni "loco": al parecer, cuando Leo estaba entregado se entregaba del todo con un "papi". Estaba a punto de estallar dentro suyo cuando lo miré a los ojos, notando que me estaba clavando la mirada desde que se habia dado vuelta. Lo besé profundamente y gimiendo con la boca abierta, senti como cuatro chorros de mi semen inflaban su recto, bombeando dentro suyo todo mi placer. Un calor húmedo llegó a mi barbilla, Leo se estaba acabando en sus pectorales y el chorro me había alcanzado. Durante 5 segundos todo fue unión entre nuestros cuerpos, olor a hombre y a sexo que se desarmaba. Con la inevitable risita nerviosa post eyaculación, me salí, lo besé y me pare a buscarle con que limpiarse. Le avisé que faltaba para que termine el turno, mientras hacia un nudo al preservativo y el se pasaba papel higiénico por el pecho en el mas raro de los silencios. Me tumbé a su lado, mirando el techo. —¿Te gustó? —Si, mas vale... —Y si, si no te hubieras acabado encima. Su expresión era mas que seria, era hasta preocupante. —¿Todo bien? —Si si, todo bien... Leo recostó su cabeza en mi pecho y lo abracé con mi brazo derecho. Habíamos hecho eso mismo varias veces, pero esta vez se sentía distinto. No era el Leo de otros días que me cogía como una bestia de parado, ni el que había entrado por esa puerta hacia 15 minutos, ni el que gozaba con mi pija adentro. Este Leo era un gorrión mojado por la lluvia, temeroso de vaya a saberse que cosa. Saqué conversación sobre el trabajo, sobre lo que fuera y respondía con monosílabos. Algo pasaba, pero no me lo iba a decir. Ni esa tarde, ni nunca.

Arreglamos que él llegaría primero a la oficina y yo 15 minutos después, los cuales se transformaron en media hora porque el imbécil de seguridad quería contarme no sé que cosa de sus hijitos. Cuando subí y se abrió el ascensor, para mi sorpresa Leo estaba en la recepción hablando con la rubia tarada de la entrada. Hablaban, reían viendo algo en el celular de ella, cercanos y compinches. Fui hacia mi escritorio y Fran se acercó a darme unos formularios. —Acá está lo de la reunión de mañana —Bueno, ahora lo miro. Las risas de Leo y la rubia tarada llegaban hasta nosotros, Fran no pudo evitar hacer un comentario porque eran demasiado notorias. —Parecen dos tarados, lo mismo hicieron en el after: toda la noche riendo como dos focas. El tarado era yo. Directamente ciego, no me había dado cuenta de nada, obnubilado por tanto delicioso sexo, hipnotizado por haber tenido su aroma en mi piel todas las semanas. El aroma de un hombre que prácticamente se baña todos los días para que ningún aroma se quede en su cuerpo. Las escapadas, jugar a las escondidas, los telos y los celulares apagados. Como se quedó en mi casa pero yo nunca me quedé en la suya. —Para mi ya se la está cogiendo. —Je... La que hice en ese momento debe haber sido la peor sonrisa fingida en la historia del mundo. La puta que te parió, Leo.

[rolmaniacos]

Con esto de los skins les estoy leyendo muchas tonterías desde la barra del bar, sin tener ni idea.

Sí, hay que pelearse con foroactivo, no, no es más difícil por eso y no justifica las malas prácticas y que no se preocupen ni medio segundo en hacer las cosas bien.

Apoyo al que lo haga por hobbie y lo haga mal porque no sepa hacerlo mejor, yo también hacía tremendas mierdas a mis inicios, ya aprenderá, pero que no se escude en esas escusas para no avanzar y hacer siempre lo mismo.

Para foroactivo lo único que se necesita es experimentar y no tenerle miedo a los templates, JavaScript también es básico, porque muchas veces vas a tener que hacer cosas a la fuerza porque FA no te da otra alternativa.

Hasta foroactivo tiene versiones nuevas responsive bastante decentes, si ellos pueden ¿por que los "code makers" no? No se dan cuenta, pero a veces, en vez de un skin gratis presuntuoso y lleno de errores, es más práctico tomar una de estas versiones nuevas y cambiarle los colores. Hace mucho que ya no se lleva el prosilver.

Si queréis más ejemplos, @zatrapa-gaylien también hace diseños responsive / reactive, que se olvidaron mencionarla, con muchos plugins geniales como la multi-sesion, e incluso ha metido el framework Vue para facilitarse la vida. Todo es experimentar, uno no se puede quedar en decir que es muy difícil o que solo es para pc y ya está.

Peace.

Practica error, si fallaron antes pueden aprender y mejorar para no cometer los mismos errores. 𝔐𝔢𝔪𝔬𝔯𝓎.

[guysemua]

Claude Cahun, genialidad sin etiquetas

Anna María Iglesia

«¿Masculino? ¿Femenino? Depende de la situación. El neutro es el único género que siempre me sienta bien», escribió Claude Cahun en 1930 en Aveux non avenus, libro fragmentario de carácter autobiográfico que la editorial Wunderkammer acaba de traducir al castellano con el acertado título de Confesiones inconfesas. Cahun, en efecto, recurre a la negación para avisar al lector desde el propio título de que, en realidad, es un libro no confesional, donde las confesiones aparentemente prometidas no llegarán a realizarse. En este sentido, Cahun aleja a través de la negación su libro del género en el que supuestamente debería inscribirse y lo hace parafraseando el título, igualmente irónico, de las inclasificables memorias de Salvador Dalí, Confesiones inconfesables. El título utilizado por el surrealista catalán nos da, en parte, la clave para comprender el texto de Cahun y a la propia artista, que no solo reniega del género confesional, sino que parece rechazar también la posibilidad de una confesión, es decir, la posibilidad de un yo que, afirmándose como tal, asuma también la posibilidad de decirse y contarse a sí mismo.

Por ello, no hay pregunta más errónea que la que se refiere a la identidad de Claude Cahun. Todo intento de aproximarse a la figura de la artista, fotógrafa, transformista y escritora resulta equivocado, al menos, por lo que se refiere a la cuestión gramatical. Claude Cahun reclamaba para sí el neutro, rehuía de la clasificación binaria de los géneros y renegaba tanto de sus codificaciones como de sus manifestaciones. Dejó de ser muy pronto Lucy Renée Mathilde Schwob para convertirse en Claude, nombre que en francés utilizan tanto hombres como mujeres. En un inicio fue Claude Courlis, apellido con el que firmó su primer libro Vue et visions, pero no tardó en adoptar el apellido de su tío abuelo, un afamado orientalista y conservador de la Bibliothèque Mazarine de París. Con su monóculo, vestida de dandi y con su cabello rapado, Cahun se sentía cómoda en la indeterminación. Su imagen andrógina, sobre todo en la década de los años treinta, cuando decidió raparse por completo, sorprendía en los círculos surrealistas en los que se movía con Marcel Moore, nacida Suzanne Malherbe, su hermanastra, pero, ante todo, su compañera a lo largo de toda su vida.

Ambas despertaban algún recelo cuando se presentaban en las soirées parisinas. André Breton, famoso por su homofobia, las tachaba de «francamente homosexuales», pero no era el único. El círculo surrealista destacaba por su misoginia, de ahí que más de uno mirara con rechazo a Cahun, una mujer lesbiana y judía que era dueña de su propio cuerpo, lo modificaba y lo alteraba, cuestionando tanto el concepto «mujer» como también el de «hombre». Con sus fotografías, de hecho, Cahun denunciaba el carácter performático del género y de los roles ahí asociados. Se interesó especialmente por la obra del médico británico Havelock Ellis, en cuyo reconocido ensayo Woman in Society, que Cahun encontró en la librería Shakespeare and Co., de la que era asidua, Ellis defendía la existencia de un tercer género, así como por la obra y por el activismo de Magnus Hirschfeld, uno de los primeros sexólogos en interesarse por aquellas personas que no se reconocían en el género que se les había concedido al nacer y, asimismo, uno de los pioneros en la defensa de los derechos de los homosexuales y los transexuales. Hirschfeld fue el fundador de Instituto para la Ciencia Sexual, cuyas puertas se cerraron con la llegada al poder de Hitler. Desde su exilio —murió en Niza en 1935—, el médico alemán vio como el nazismo quemaba sus libros y lo declaraba el «judío más peligroso de Alemania».

Las críticas de Cahun a la construcción social de los géneros, a su división binaria y a sus codificaciones se expresaban con particular fuerza en sus reflexiones en torno a lo que significaba ser mujer: para Cahun, la cosificación de la mujer a través de la imposición de un rol y de una imagen concreta era el resultado de una sociedad patriarcal basada en la desigualdad. De ahí que a la mujer se le impusiera un rol o, mejor dicho, una máscara, tras la cual debía esconder su verdadera identidad para representar el papel que la sociedad esperaba de ella. De ahí que, en la misma línea que Joan Ross, que en su programático artículo «Féminité Mascarade» cuestionaba el concepto de feminidad y sostenía que la feminidad no era sino una máscara, Cahun sostuviera que no hay una identidad concreta, sino que el yo está conformado por una serie de máscaras, la mayoría de ellas impuestas: «Bajo esta máscara, otra máscara. Nunca terminaré de quitarme estos rostros».

Es por ello por lo que contestar la pregunta en torno quién fue Claude Cahun es caminar por arenas movedizas, tratando constantemente de no traicionar los principios sobre los que asentó su vida y su obra, que se dieron la mano desde el inicio, cuando comenzó a hacer fotografías con tan solo quince años. Es imposible discernir su obra de ella misma —y aquí reconozco el primer ello: Claude Cahun no es ella ni es él, es simplemente Claude Cahun— de la misma manera que es imposible leer Confesiones inconfesas sin tener presente su trabajo fotográfico: sus libros y sus fotografías son dos formas de escritura. La negación o, si se prefiere, la deconstrucción que hace del género confesional es paralela a la que lleva a cabo con el género del retrato: concibiendo la identidad como una sucesión de máscaras que no tiene fin, Cahun cuestiona el autorretrato desde dentro: se retrata a ella misma —otra vez aquí el incómodo pronombre— pero no es su identidad la que muestra, sino solamente una de sus máscaras. Parafraseando a Rimbaud, hacia el cual siempre mostró gran admiración, Cahun solía decir: «soy siempre otro, siempre un múltiplo».

Esta reivindicación de lo múltiplo ante lo individual tiene reflejo directo en su idea de autoría: para Cahun el trabajo artístico se define por su carácter colectivo, que se expresa tanto en su colaboración directa con Moore como en el uso de distintos materiales, algo que se claramente en Confesiones inconfesas. La obra está ilustrada con fotomontajes realizados por Moore, pero no solo; tal y como señala en la introducción Cristian Crusat, quien también firma la traducción, esta se compone de «collage de textos, yuxtaposición de fogonazos literarios, sueños, aforismos, tentaciones incestuosas, reflexiones sobre el acto de escritura o el sexual, trampantojos semánticos, arritmias del género gramatical, diálogos imaginarios entablados con las sombras escapadas de la mente de la autora, proclamas libertarias…».

En este singular libro que, como dijo el escritor y miembro del Colegio Patafísico Mac Orlan, puede definirse como un conjunto de «poemas-ensayo», Cahun escapa de toda forma de determinación, empezando por la autoral, siguiendo por la de género —el propio y el del libro— hasta terminar en la del sujeto, escondido y, a la vez, escindido en múltiples formas a través de distintas máscaras, casi todas deformantes. «Lo abstracto, lo absoluto, lo absurdo son un elemento dúctil, una materia plástica, el verbo que uno utiliza en su provecho. Que yo arrimo a mi ascua. Entonces, cómodo, asocio, disocio y formulo sin reír la odiosa regla de mi colección de excepciones», leemos en Confesiones inconfesas. Se trata de un afirmación que podríamos, incluso, definir como programática, puesto que resume perfectamente su concepción de la palabra —del verbo, en términos de Cahun—, pero también de la imagen: si la palabra tiende más a lo abstracto, la imagen, más a lo absurdo, pues en lo abstracto y en lo absurdo encuentra Cahun la forma de desactivar toda forma concreta.

Pensemos, por ejemplo, en el autorretrato de 1927 con el que Wunderkammer ilustra la portada: Cahun vestida de boxeadora, pero maquillada casi a modo de clown y con una camiseta en la que leemos: «I am training. Don’t kiss me». Lo absurdo de la puesta en escena, así como el barroquismo que caracteriza los autorretratos de aquellos años —pensemos, por ejemplo, en el de 1928— sirven a Cahun para cuestionar precisamente la manera en que el sujeto sale a la escena pública, la manera en que este se representa y, sobre todo, es asumida su representación. Si lo absurdo desactiva lo normalizado, lo abstracto le permite proyectarse ante lo indeterminado: Cahun no solo modifica las formas de su cuerpo a través de la fotografía, sino que llega incluso a borrarlo: si en su autorretrato de 1925, aparece solamente su rostro detrás de una bola de cristal apoyada sobre una especie de soporte, en el de 1930 distorsiona su cabeza rapada, que adquiere una forma ovoide. Si hay, sin embargo, un autorretrato que resume perfectamente todo lo hasta aquí comentado este es el de 1928: Cahun se muestra como un ser de dos cabezas que se observan la una a la otra. Que me veux-tu? Es el título de este particular autorretrato bicéfalo donde Cahun no solo escenifica el carácter múltiple del sujeto o deconstruye por completo la imagen del cuerpo femenino, sino que cuestiona radicalmente el concepto de representación. ¿Cómo nos vemos y cómo nos ven?, nos obliga a preguntarnos Cahun. Sus fotografías nos hacen tomar conciencia de los pre-juicios a partir de los cuales miramos y a partir de los cuales asumimos lo que es «normal» de lo «extraño».

En sus textos, como se observa perfectamente en Confesiones inconfesas, Cahun plantea estas mismas cuestiones a través de un lenguaje poético, trabajando con lo onírico, puesto que los sueños son el lugar donde trabaja el subconsciente, donde es posible vivir de otra manera, proyectarse sin miedos ni sin obligados maquillajes: «Aprendamos a quedarnos únicamente con lo esencial. Entusiasmos fáciles, incesantes, fieles —pero dureza del corazón», leemos en Confesiones inconfesas, «senos superfluos; dientes irregulares, ineficaces; ojos y cabellos de un tono de lo más banal; manos suficientemente finas, aunque retorcidas, deformes. La cabeza oval del esclavo; la frente demasiado alta… o demasiado baja; una nariz lograda en relación con su género —un género espantoso». La escritura de Cahun es pura imagen; leerla es penetrar con más fuerza si cabe en su universo fotográfico. Imagen y palabra se retroalimentan en un constante ejercicio de écfrasis: la palabra dice la imagen y la imagen proyecta la palabra. Inclasificable, Claude Cahun es un universo aparte, complejo y fascinante al que una solo puede adentrarse dejando atrás todo lo preconcebido, abierta a una exploración del cuerpo en todas sus posibles dimensiones.

[tetradimension2020]

La imagen tetradimensional en la atmósfera religiosa de Chamula

Hace algunos años, un ministro religioso -David Yonggi Cho- cuya relación con el arte podría considerarse nula escribió un libro llamado “La Espiritualidad de la Cuarta Dimensión”, este autor plantea una especie de ensoñación en relación a la fe y sus manifestaciones señalando que la 4ta dimensión es el lugar desde el que Dios y el diablo influyen en la vida humana, para Cho, acercarse a la cuarta dimensión solamente es posible mediante la imaginación, ¿y qué es la imaginación sino la capacidad de crear imágenes?

Durante este tiempo en el que hemos podido contrastar las diferentes propuestas artísticas en derredor del video como lienzo he cuestionado demasiado la pertinencia de este medio dentro del proyecto que actualmente trabajo, la razón es que hablar de los grupos chamulas (tanto aquellos chamulas que continúan con su religión tradicional -un sincretismo entre catolicismo e ideas mayas-, los que han adoptado el protestantismo como nueva forma de creer e incluso aquellos que se han convertido al Islam) y sus transformaciones religiosas es un tanto complicado ya que un pensamiento común en la región es el miedo a que la fotografía y el video robe una parte del alma, incluso en aquellos que se consideran demasiado progresivos la cámara se puede considerar invasiva por lo que aquellos que buscan mediante el video un acercamiento a la imaginación han buscado estrategias un poco menos directas. 

Dominique Jonard fue un artista plástico francés que vivió en México desde 1977, su pasión por los pueblos indigenas le llevó a colaborar con ellos, destacando en este caso el corto animado “Santo Golpe”, este cuenta la historia de 2 individuos que roban un santo de la Iglesia de San Juan Chamula, durante el primer acto, un hombre busca la ayuda de un curandero para sanar a su esposa, el curandero lo logra; puede que esta pareja haya existido o no (nunca lo sabremos), sin embargo expone las dinámicas de la práctica chamánica local desde las actividades económicas, la vestimenta regional, hasta las funciones de mayordomía propias del tempo, de este corto me parece sumamente valioso el testimonio del interior de la iglesia de Chamula, he estado en ese lugar y los mayordomos son sumamente celosos con cualquier intento de representación en el templo desde quien escribe sus notas hasta quien intenta dibujar lo que ahí sucede, la representación que se puede apreciar -me atrevería a decir por experiencia- es privilegiada. Didi Huberman menciona que las imágenes que sirven como ese testimonio de determinada situación son capaces de abrir nuestra mirada sobre sus propias posibilidades, por lo tanto, producir esta “buena memoria”. (Didi Huberman, 2008, pp10

En este sentido, dicho corto se alza como un ejemplo de lo que entiendo por imagen tetradimencional, al moverse en varios planos de la esencia humana y de la escena técnica del video arte logra mostrar una abstracción de la realidad como la hemos revisado, quizá no se valga de grandes instalaciones con figuras complicadas tal es el caso de Pike, o busca formas de proyección complicadas como el caso de Rist, pero si utiliza elementos que invitan a cuestionar la postura de los autores, en especial cuando hablamos de la animación y sus implicaciones estamos conscientes de que hablamos con un testigo que está deformando la información, Barry JC Pures lo explica de esta forma: 

“La animación es la nariz roja de un payaso; el cómplice con una audiencia que permite al personaje transgredir la norma, y salirse con la suya. La animación es inevitable y obviamente falsa y, por lo tanto, perfecta para metáforas”

(Purves en Encinas, 2017, pp7)

Durkheim señalaba que los elementos religiosos tienen como objeto, ante todo, expresar y explicar, no lo que hay de excepcional y anormal en las cosas, sino, al contrario, lo que tiene de constante y regular (Durkheim, 1997, pp34). Bajo esta idea, la forma de expresar la cosmovisión religiosa usualmente muestra experiencias con la imagen de forma cotidiana.

Otro ejemplo de producción religiosa que encuentro sumamente interesante -aunque se aleja del espacio del video arte- son los textiles de las mujeres chamulas, estos cumplen la función de una pantalla, son lienzos en los que se expone la cosmovisión del pueblo, los textiles son formas de lenguaje estrechamente ligadas a los procesos de identificación de los pueblos, no solamente a aquellos que se consideran indígenas, sino que como dice Michel Maffesoli: “La imagen no es el signo de lo lejano, es el emblema de lo que se vive” (Maffesoli, 2007, 104). En este sentido el textil es una forma literal de expresar las creencias ya que las formas son una especie de mapa que guía su relación con las divinidades, pero también su relación con los demás, considero que según las ideas de Cho y los distintos autores, el vestir las ideas -sin lugar a la ambigüedad en el enunciado- es una forma de interacción donde la ausencia de un elemento concreto recuerda los planteamientos de Deleuze donde lo virtual no se alza como opuesto a lo real, sino que se le percibe como un terreno fértil y potente que favorece los procesos de creación, abre horizontes, cava pozos llenos de sentido bajo la superficialidad de la presencia física inmediata (en este caso los textiles).

Existen otras piezas audiovisuales que se podrían citar al momento de reflejar la diversidad religiosa sin embargo no estoy tan seguro de poder llamarlas “artísticas” no por su forma o técnica sino por la intención de su contenido, una de esas piezas es el documental de la televisora indonesia Trans 7: Jazirah Islam, que cuenta a detalle los primeros años del Islam en México.

En estos pequeños párrafos he buscado hacer una radiografía de la pertinencia de ciertos temas en el proyecto de TTG, y quizá lograr establecer una relación entre este concepto tetradimencional y las implicaciones desde las que puedo encontrar una lectura, aunque a decir verdad me ha resultado complicado. En este sentido ha habido un criterio esencial para ligar ambas temáticas y es la utilidad de los sensible dentro del proyecto, ya el núcleo son los sitios que proveen una experiencia espiritual y su iconografía, en este sentido retomo las palabra de Maffesolli, quien dice que: “Lo sensible es fuente de riqueza espiritual, reconforten cuerpo, pero al mismo tiempo permite la plenitud del corazón”, así los elementos que brindan esta pertinencia logran trascender las barreras dimensionales. 

Bibliografía.

Santo Golpe: https://www.filminlatino.mx/corto/santo-golpe?origin=searcher&origin-type=primary

Documental Jazirah Islam de Trans 7: https://www.youtube.com/watch?v=3N_tdrJUD-o

Maffesóli, M. (2007). “En el crisol de las apariencias”. Siglo veintiuno editores. Madrid.

Didi-Huberman, G. (2008). “Imagen, evento, duración”. Images Re-Vues. No. Especial 1.1-11.

Encinas, A. (2017). “Animando lo imposible”. Diábolo Ediciones. Madrid.

[vincenzoreynolds]

Apps, webs y aplicaciones web

A medio camino entre la páginas web y las ya famosísimas Apps, o aplicaciones, nos encontramos las aplicaciones web. Es posible que muchos aún estemos intentando descifrar qué diferencia a las primeras de las segundas, como para entender qué son las terceras. Mi padre, por ejemplo, llama a todo ‘Facebook’, sin importar si realmente está usando o no esa red social. Cualquier cosa que esté en internet es eso para él. De modo que si no diferencias una web de una aplicación web tampoco debes agobiarte.

Las Apps nos han facilitado mucho la vida, eso es indudable, por lo que dar el paso hacia el diseño de aplicaciones web a medida era un paso natural que se tenía que dar. En ellas se combinan lo mejor de ambos mundos. Pero para tener clara la diferencia entre una web normal y una aplicación web, me puse en contacto con un estudio de diseño web en León, ellos están especializados en el diseño de aplicaciones web de gestión, y me hicieron una pequeña explicación que os traslado.

Diferencias entre páginas web y aplicaciones web

 1. En qué se diferencian las aplicaciones web de los sitios web

Un sitio web es principalmente algo informativo y estático: la tarjeta de presentación de una empresa, un sitio de recetas, un portal de la ciudad o un wiki. Un conjunto de archivos HTML preparados previamente que se encuentran en un servidor remoto y se entregan al navegador a pedido.

 Los sitios contienen varias estadísticas que, como un archivo HTML, no se generan sobre la marcha. La mayoría de las veces se trata de imágenes, archivos CSS, scripts JS, pero puede haber otros archivos: mp3, mov, csv, pdf.

 Blogs, tarjetas de visita con formulario de contacto, páginas de destino con un montón de efectos… forman parte de los sitios web, aunque rompan un poco con su estatismo y simplicidad. A diferencia de los sitios completamente estáticos, ya incluyen algún tipo de lógica empresarial.

 Y una aplicación web es algo técnicamente más complejo. Aquí las páginas HTML se generan sobre la marcha según la solicitud del usuario. Clientes de correo electrónico, redes sociales, motores de búsqueda, tiendas en línea, programas de negocios en línea, todas estas son aplicaciones web.

2. ¿Qué son las aplicaciones web?

Las aplicaciones web se pueden dividir en varios tipos, dependiendo de las diferentes combinaciones de sus componentes principales:

El backend (backend o parte del servidor de la aplicación) se ejecuta en una computadora remota, que puede ubicarse en cualquier lugar. Se puede escribir en diferentes lenguajes de programación: PHP, Python, Ruby, C # y otros. Si crea una aplicación utilizando solo el lado del servidor, como resultado de cualquier transición entre secciones, envío de formularios, actualización de datos, el servidor generará un nuevo archivo HTML y se volverá a cargar la página en el navegador.

El frontend (frontend o parte del cliente de la aplicación) se ejecuta en el navegador del usuario. Esta parte está escrita en el lenguaje de programación Javascript. La aplicación solo puede constar de la parte del cliente, si no es necesario almacenar los datos del usuario durante más de una sesión. Estos pueden ser, por ejemplo, editores de fotografías o simples juguetes.

Aplicación de página única (SPA o aplicación de página única). Una opción más interesante cuando se utilizan tanto el backend como el frontend. Usando su interacción, puede crear una aplicación que funcionará sin necesidad de recargar la página en el navegador. O en una versión simplificada, cuando las transiciones entre secciones provocan recargas, pero se prescinde de cualquier acción en la sección.

3. Django python framework, también conocido como backend

En desarrollo, un marco es un conjunto de bibliotecas y herramientas listas para usar que lo ayudan a crear aplicaciones web. Como ejemplo, describiré el principio de funcionamiento del framework Django escrito en el lenguaje de programación Python.

En la primera etapa, la solicitud del usuario va al enrutador (despachador de URL), que decide a qué función llamar para procesar la solicitud. La decisión se toma sobre la base de una lista de reglas que consta de una expresión regular y un nombre de función: si tal o cual url, entonces esta es la función.

La función que llama el enrutador se llama vista. Cualquier lógica empresarial puede estar contenida dentro, pero la mayoría de las veces es una de dos cosas: o los datos se toman de la base de datos, se preparan y se devuelven al frente; o una solicitud vino con datos de algún formulario, estos datos se verifican y se guardan en la base de datos.

Los datos de la aplicación se almacenan en una base de datos (DB). Las bases de datos relacionales más utilizadas. Esto es cuando hay tablas con columnas predefinidas y estas tablas están vinculadas a través de una de las columnas.

Los datos de la base de datos se pueden crear, leer, modificar y eliminar. A veces puede ver la abreviatura CRUD (Create Read Update Delete) para denotar estas acciones. Se utiliza un lenguaje especial SQL (lenguaje de consulta estructurado) para consultar datos en la base de datos.

En Django, los modelos se utilizan para trabajar con la base de datos. Te permiten describir tablas y realizar consultas en el desarrollador de Python habitual, lo cual es mucho más conveniente. Esta conveniencia tiene un precio: consultas como esta son más lentas y limitadas en comparación con SQL puro.

Los datos recibidos de la base de datos se preparan a la vista para enviarlos al frente. Se pueden sustituir en la plantilla y enviar como un archivo HTML. Pero en el caso de una aplicación de una sola página, esto ocurre solo una vez, cuando se genera una página HTML, a la que están conectados todos los scripts JS. De lo contrario, los datos se serializan y se envían en formato JSON.

4. Marcos de Javascript, también conocidos como frontend

El lado del cliente de la aplicación consta de scripts escritos en el lenguaje de programación Javascript (JS) y ejecutados en el navegador del usuario. Anteriormente, toda la lógica del lado del cliente se basaba en el uso de la biblioteca jQuery, que le permite trabajar con el DOM, animaciones en la página y realizar solicitudes AJAX.

DOM (modelo de objeto de documento) es la estructura de una página HTML. Trabajar con DOM se trata de encontrar, agregar, modificar, mover y eliminar etiquetas HTML.

AJAX (javascript asíncrono y XML) es el nombre general de las tecnologías que le permiten realizar solicitudes asíncronas (sin recargar la página) al servidor e intercambiar datos. Dado que las partes cliente y servidor de la aplicación web están escritas en diferentes lenguajes de programación, para intercambiar información es necesario convertir las estructuras de datos (por ejemplo, listas y diccionarios) en las que se almacena en formato JSON.

JSON (JavaScript Object Notation) es un formato universal para intercambiar datos entre un cliente y un servidor. Es una cadena simple que se puede utilizar en cualquier lenguaje de programación.

La serialización es la conversión de una lista o diccionario a una cadena JSON. Por ejemplo:

Diccionario:

  {

     'id': 1,

     'email': 'mail@example.com'

  }

Cadena serializada:

 '{"id": 1, "email": "mail@example.com"}'

La deserialización es la conversión inversa de una cadena a una lista o diccionario.

Con la manipulación DOM, puede controlar completamente el contenido de sus páginas. Con AJAX, puede intercambiar datos entre cliente y servidor. Con estas tecnologías, ya puede crear un SPA. Pero cuando se crea una aplicación compleja, el código frontend basado en jQuery se vuelve rápidamente confuso y difícil de mantener.

Afortunadamente, JQuery ha sido reemplazado por marcos de Javascript: Backbone Marionette, Angular, React, Vue y otros. Tienen una filosofía y sintaxis diferente, pero todas te permiten administrar datos en el frontend con mucha más comodidad, tienen motores de plantilla y herramientas para crear navegación entre páginas.

Una plantilla HTML es una página HTML inteligente que utiliza variables en lugar de valores específicos y proporciona varios operadores: if , for loop y otros. El proceso de obtener una página HTML a partir de una plantilla, cuando se sustituyen las variables y se aplican operadores, se denomina renderización de plantillas.

La página renderizada resultante se muestra al usuario. Pasar a otra sección en SPA es una aplicación de un patrón diferente. Si es necesario utilizar otros datos en la plantilla, se solicitan al servidor. Todos los envíos de formularios con datos son solicitudes AJAX al servidor.

5. Cómo se comunican el cliente y el servidor entre sí

El cliente se comunica con el servidor a través del protocolo HTTP. La base de este protocolo es una solicitud de un cliente a un servidor y una respuesta del servidor a un cliente.

Para las solicitudes, suelen utilizar los métodos GET si queremos recibir datos, y POST si queremos cambiar los datos. La solicitud también contiene el host (dominio del sitio), el cuerpo de la solicitud (si es una solicitud POST) y mucha información técnica adicional.

Las aplicaciones web modernas usan HTTPS, una versión extendida de HTTP compatible con el cifrado SSL / TLS. El uso de un canal de transmisión de datos cifrados, independientemente de la importancia de estos datos, se ha convertido en una buena práctica en Internet.

Hay una solicitud más que viene antes de HTTP. Esta es una solicitud de DNS (sistema de nombres de dominio). Es necesario obtener la dirección IP a la que está vinculado el dominio solicitado. Esta información se guarda en el navegador y ya no perdemos tiempo en ella.

Cuando una solicitud del navegador llega al servidor, no llega inmediatamente a Django. Primero, es procesado por el servidor web Nginx. Si se solicita un archivo estático (por ejemplo, una imagen), Nginx lo envía de vuelta al cliente. Si la solicitud no es estática, Nginx debe enviarla por proxy (transmitirla) a Django.

Desafortunadamente, no sabe cómo. Por lo tanto, se utiliza otro programa de capa: el servidor de aplicaciones. Por ejemplo, para aplicaciones de Python, esto podría ser uWSGI o Gunicorn. Y ahora envían la solicitud a Django.

Una vez que Django ha procesado la solicitud, devuelve una respuesta con una página HTML o datos y un código de respuesta. Si todo está bien, entonces el código de respuesta es 200; si no se encuentra la página, entonces - 404; si ocurrió un error y el servidor no pudo procesar la solicitud, entonces - 500. Estos son los códigos más comunes.

6. Almacenamiento en caché en aplicaciones web

Otra tecnología que encontramos constantemente, que está presente tanto en aplicaciones web y software, como a nivel de procesador en nuestras computadoras y teléfonos inteligentes.

La caché es un concepto en desarrollo cuando los datos de uso frecuente, en lugar de recuperarse de la base de datos cada vez, calcularse o prepararse de una manera diferente, se almacenan en un lugar de fácil acceso.

Todos los navegadores tienen habilitado el almacenamiento en caché de archivos estáticos de forma predeterminada. Gracias a esto, al abrir el sitio no por primera vez, todo se carga notablemente más rápido. La desventaja para el desarrollador es que con la caché habilitada, los cambios realizados en el código no siempre son visibles de inmediato.

[alejandrotoloza-blog1]

Los aspectos importantes que deben tomarse en cuenta a la hora de efectuar un proyecto  instalación eléctrica de tipo residencial,empresarial , es precisar la carga que se va a alimentar, por lo que debe proyectarse todos los aparatos electrodomésticos y electrónicos que se van a utilizar en la residencia o empresa . La puesta a tierra de la instalación eléctrica es una característica que se debe atender, ya que este conductor ofrecerá una mayor seguridad en cuanto a la prevención de algún accidente eléctrico.

Sabemos de la importancia que tiene la electricidad hoy en día en nuestra vida diaria. Podríamos vivir sin televisión, autos, incluso sin teléfono celular, pero sin electricidad simplemente no podríamos subsistir. ¿Conoces las normas y reglamentos que tienes que cumplir para evitar daños en tu instalación eléctrica?

Para lograr una instalación eléctrica segura, se debe contar con dispositivos de protección que actúen en el momento en el que se produce una falla (cortocircuito, sobrecarga o falla de aislación) en algún punto del circuito. De esta forma se evita tanto el riesgo para las personas de sufrir "accidenteseléctricos", como el sobrecalentamiento de los conductores y equipos eléctricos, previniendo así daño en el material y posibles causas de incendio.

 Instalación Eléctrica

   . En Venezuela todo lo concerniente al diseño de Instalaciones Eléctricas en cualquier edificación residencial, comercial institucional y en lugares clasificados, se rige por la Norma Covenín 200: Código Eléctrico Nacional (CEN), el cual es un documento que establece los criterios técnicos para que la instalación a proyectar sea la más segura, sin embargo, no es un Manual de Diseño, pero su uso dentro del territorio nacional es de carácter obligatorio.

Conceptos Generales

Un grupo de personas debe hacer una tarea.

DIRIGIR es conducir (guiar) a un grupo para que se hagan las tareas encomendadas en forma ordenada y armónica.

Dirigir implica las siguientes funciones, indispensables para que exista eficiencia.

PLANEAR, predeterminar sistemáticamente el objetivo y los medios para lograrlo (debe combinarse recursos y tiempo).

La acción de planear responde a las preguntas: que debe hacerse?, como debe hacerse?, con quien debe hacerse?, con que debe hacerse?, que debe haberse hecho antes?.

En esta acción se toman decisiones para acciones futuras.

PROGRAMAR tiene sentido a breve plazo, establece cuando debe hacerse un trabajo.

ORGANIZAR es constituir el organismo necesario (y suficiente) dividiendo el trabajo a realizar en partes relacionadas entre si y que se asignan a distintas personas.

Autoridad, responsabilidad y deberes deben estar definidos claramente en la organización.

COORDINAR es armonizar las acciones y esfuerzos, en especial entre personas de la misma categoría.

MANDAR es ordenar que las cosas se hagan (sucedan).

CONTROLAR es ver si lo sucedido es conforme a las previsiones (verificar), y si hay desvíos actuar para corregir.

Estimación Del Trabajo

Antes de iniciar un trabajo (complejo) debe estimarse su magnitud para poder encararlo con seriedad.

Un trabajo de ingeniería (proyecto) implica el desarrollo de cierta documentación, definida en calidad y cantidad, y que debe estimarse correctamente para poder evaluar los recursos que el trabajo insume (horas hombre, horas computadora, horas... etc.).

El objetivo del trabajo debe estar definido, al menos con un mínimo de información, generalmente existe cierta documentación de base, pliego de condiciones, especificación técnica, que sirve para definir el trabajo.

La experiencia y la imaginación de quien estima el trabajo es la que permite evaluarlo.

Una gran ayuda en la estimación es la experiencia, cuando no existe es necesario proceder a una división fina del trabajo, poniendo en evidencia los documentos que deben desarrollarse y estimando para cada uno las horas de trabajo de cada una de las personas que intervendrán, calculista, dibujante, revisor, dactilógrafo, etc.

Como en cualquier presupuesto se debe tener en cuenta que el trabajo será desarrollado por "operarios" normales que se consiguen en el mercado, luego deben tenerse en cuenta imprevistos, horas perdidas, indisponibilidad del recurso adecuado (especialista) etc.

En las primeras estimaciones se puede evaluar el tiempo en base a hipótesis optimistas, pesimistas, y normales, el tiempo mas probable puede adoptarse con la siguiente formula, que es muy utilizada en los trabajos de detección del camino critico.

Tiempo probable = (Tiempo optimista + 4 * Tiempo normal + Tiempo pesimista) / 6

Finalmente el trabajo queda evaluado en un numero de horas hombre, lo que significa una cierta cantidad de dinero.

En la estimación del trabajo debe por lo menos intentarse una lista de documentación que debe desarrollarse, se tratara de memorias, planos, cálculos, especificaciones, planillas de materiales, etc.

La tabla I sugiere el contenido de la base de datos utilizable para generar el documento que justifica finalmente la estimación realizada.

TABLA I - ESTIMACION DEL TRABAJO

Posición

Identificación

Descripción

Horas hombre

Observaciones.

   Tiempo De Ejecución Del Trabajo

Un trabajo debe ejecutarse en un lapso definido, la magnitud mínima esta dada por el máximo esfuerzo que puede hacerse y que tiene sentido, el máximo plazo esta limitado por necesidades de sacar provecho de la inversión que se pretende hacer.

Un trabajo tiene un tiempo en el cual puede ser realizado en modo natural, tiempos menores significan esfuerzos costosos, y riesgos de no cumplimiento importantes que no pueden asumirse.

Minimizar tiempos de ejecución significa poder coordinar perfectamente el trabajo, identificar el camino critico y definir el tiempo mínimo de ejecución, y eventualmente definir tiempos y probabilidades de cumplirlo (ver tabla II).

TABLA II - DATOS PARA EL PERT - CAMINO CRITICO

Posición

Evento inicial

Evento final

Descripción

Duración

Tiempo de inicio temprano, tardío

Tiempo de terminación temprano, tardío

Margen libre, total

Recursos.

Los trabajos de proyecto, exigen una preparación, estudio del proyectista, por lo que pueden adelantarse al momento en que se disponga de todos los datos.

Concretemos con un ejemplo, si el proyectista debe calcular los cables de los motores de una planta industrial, comenzara definiendo los tipos de cables, las modalidades posibles de tendido, buscando las tablas de cables, etc. llegara a un punto donde necesitara tener definidos los motores y los recorridos de los cables, y entonces comenzara el trabajo de calculo de los cables, si el proyectista definió también el método de calculo, no le restara que trabajar!

Lo dicho sirve para ejemplificar que la excusa "no puedo trabajar, me faltan los ladrillos" en un proyecto no es plenamente valida, pero transcurrido cierto tiempo de preparación el trabajo debe ser efectivamente ejecutado so pena de haber perdido tiempo.

En general el trabajo de preparación, cualitativo, no requiere datos concretos, cuando estos aparecen comienza el trabajo cuantitativo.

Estas ideas sirven para dar rigor (o quitarlo) a las hipótesis, que se hagan respecto a los plazos de ejecución.

Programas - Calculos

En el proyecto hay elementos que se calculan con un único criterio, aplicándolo quedan definidas las características del elemento, por ejemplo la determinación de un cable que alimenta una carga, se deben cumplir distintas condiciones y finalmente queda adoptada la sección del cable (y el tipo).

Hay en cambio elementos que se seleccionan con criterios que no están claramente definidos, por ejemplo la selección de un motor en ciertos casos es muy dependiente de características de la maquina accionada, los cables de una red mallada deben satisfacer distintas condiciones de funcionamiento de la red y distintos estados de carga de las cargas, las barras de un tablero son un ejemplo de adopción las mas de las veces arbitraria.

Normas y unificaciones

En el proyecto y construcción de instalaciones eléctricas las normas y reglamentos tienen gran importancia.

Puede ser entonces conveniente observar algunos aspectos de la organización de las mismas en algunos países industrializados.

Los párrafos siguientes (en letra cursiva) se han extraído del libro Impianti Elettrici de Bossi y Sesto, pero se han agregado comentarios que hacen al estado de la normalización en Argentina.

La normalización en el campo electrotecnico

En campo internacional los trabajos de normalización son competencia del Comité Electrotecnico Internacional (IEC International Electrotechinical Comission).

Para obtener su finalidad el IEC publica recomendaciones internacionales (muchas de las cuales con el nombre de Normas Internacionales) que expresan dentro de los limites mas amplios posibles un acuerdo internacional sobre los argumentos tratados. Tales recomendaciones están destinadas a ayudar a los Comités Nacionales en la elaboración de las normas del propio país, de manera de armonizar las prescripciones técnicas de las distintas naciones y facilitar los intercambios de material eléctrico.

Existe además la Comission International de Reglamentation en vue de l'aprobation de l'Equipment Electrique (CEEI).

Este organismo esta limitado a países europeos y ha asumido la función de formular prescripciones precisas para la Construcción del material eléctrico de uso común generalmente adquirido y utilizado por usuarios inexpertos, a fin de proteger personas y cosas de los riesgos que puedan derivar del uso de material eléctrico de calidad deficiente.

En Argentina el órgano oficial que provee a la normalización es el IRAM Instituto Argentino de Racionalización de Materiales.

Existe también una Asociación Argentina de Electrotecnicos que publico normas y reglamentos aplicables a instalaciones.

El Comité Electrotecnico Argentino CEA es el corresponsal del IEC en argentina y se ocupa de distribuir las normas IEC y de participaren las discusiones en campo internacional.

A modo de ejemplo veamos como esto funciona en Italia:

El órgano oficial que en Italia provee a la normalización en el campo eléctrico es el Comité Electrotecnico Italiano CEI fundado en 1909 por la Asociación Electrotecnica Italiana AEI.

Las atribuciones del CEI son las siguientes:

- Estudiar todos los problemas de carácter científico y técnico que se refieren a los materiales, las maquinas y los aparatos eléctricos como también la ejecución de las correspondientes instalaciones.

- Compilar las normas que conciernen la producción, la instalación, el ensayo, y el servicio de los materiales, maquinas e instalaciones antes citadas.

- Asegurar en el ámbito de la propia competencia la conexión con análogos entes extranjeros e internacionales y con el ente nacional de unificación.

Materiales de las Instalaciones Eléctricas

Conductores

Canalizaciones

Cajetines     normalizados

Cajas     de paso, empalme o derivación.

Tableros 

Dispositivos     de protección

Transformadores     de distribución

Casetas     de transformación

 Conductores: Son todos aquellos materiales o elementos que permiten que los atraviese el flujo de la corriente o de cargas eléctricas en movimiento.

Los materiales más utilizados en la fabricación de conductores eléctricos son 

  Aluminio     reforzado ---------------- líneas aéreas (Instalaciones exteriores)             

Cobre      ----------------- instalaciones aéreas (ya en desuso) y en instalaciones     interiores. 

 Los conductores pueden ser:

Desnudos: utilizados en líneas de distribución, transmisión, subtransmisión, instalaciones internas como neutro o como tierra, siempre y cuando estén por tubería de plástico. Dentro de esta categoría se encuentran las aleaciones de aluminio reforzado: Arvidal, ACAR, ACSR, AAAC y los de Cobre. 

Aislados o cubiertos (cables): son conductores de cobre o aluminio recubiertos con un material aislante cuya conductividad es nula o muy baja. Los materiales aislantes más usados son: los termoplásticos, gomas, cintas barnizadas, plomo, asbesto (en desuso por su toxicidad).

La capa aislante le brinda protección contra:

Agentes     Mecánicos: elongaciones, dobleces, aplastamiento, presión.

Agentes     Químicos: agua, humedad, cambios de temperatura, ácidos, alcaloides, etc.

Agentes     Eléctricos: voltajes mínimos y máximos de prueba.

[newsaboutmavie]

#discoveringaragón No. 3: Afternoon in Huesca

Finalement j’ai passé et aussi réussi tous les examens de ma première année à la fac, ce que signifie que je peux vivre des aventures au dehors de la bibliothèque. Miguel n’est pas encore un homme libre, c’est pour ça que je lui accompagne à Huesca, où il doit terminer encore quelques affaires à la fac. Entretemps je me mets en marche pour découvrir cette petite mais jolie ville.

Mittlerweile sind alle Prüfungen vorbei und auch bestanden, was bedeutet dass ich endlich auch wieder Abenteuer außerhalb der Bibliothek erleben darf. Miguel ist leider noch kein freier Mann, deswegen begleitete ich ihn nach Huesca, wo er an der Uni noch ein paar Sachen erledigen musste. Währenddessen begab ich mich also auf einen kleinen Entdeckungsspaziergang durch diese kleine, aber sehr feine Stadt.

Finalmente he acabado todos los exámenes (y también aprobado), lo que significa que al fin puedo volver a tener aventuras fuera de la biblioteca. Miguel aún no es un hombre libre, así que el jueves pasado lo acompañé a Huesca, donde tenía que acabar alguna cosita en la uni. Mientras tanto me fui a descubrir un poquito esta pequeña pero preciosa ciudad.

Huesca se trouve à une heure en train de Saragosse, aux pieds des Pyrénées, ce qu’on note surtout avec le climat, car il fait beaucoup moins chaud. Elle n’a même pas 53 000 habitants, mais il y a plein d’étudiants et fonctionnaires qui font l’aller-retour tous les jours (l’université de Saragosse à un campus ici, et ceux qui n’entrent pas á Saragosse viennent ici). Le centre ville entière est zone piétonnière et très soigné. A quatre heures et demi de l’aprem il n’y a personne dans les rues et je profite du silence. Tout en haut de la colline se trouve la cathédrale et la mairie. Au milieu de la place entre ces deux édifices se trouve une fontaine, des arbres et quelques bancs. L’ambiance pacifique m’invite à me poser pour une petite heure et lire quelques chapitres de mon livre (The Handmaid’s Tale).

Huesca befindet sich eine Zugstunde von Zaragoza entfernt und liegt am Fuß der Pyrenäen, was man klimatechnisch sehr merkt, da es immer etwas kühler ist. Sie hat nur knapp 53 000 Einwohner, aber es pendeln extrem viele Studenten und Beamte hierher. Das gesamte Stadtzentrum ist Fußgängerzone und sehr gepflegt. Um halb fünf nachmittags ist außer mir keine Menschenseele unterwegs und ich genieße die absolute Stille. Ganz oben auf dem Hügel an dem die Stadt geschmiegt ist, befindet sich die Kathedrale und das Rathaus. Ich verliebe mich sofort in den kleinen Platz dazwischen, mit dem Brunnen, Bänken und schattenspendenden Bäumen und beschließe, dort erstmal ein paar Kapitel in meinem Buch zu lesen (The Handmaid’s Tale).

Huesca está a una hora en tren desde Zaragoza, a los pies de los pirineos, lo que se nota mucho en las temperaturas. Son mucho más agradables. No llega ni a los 53 000 habitantes, pero hay mucho estudiante y funcionario que hace el viaje de ida y vuelta cada día. El casco antiguo es enteramente zona peatonal y muy cuidado. A las cuatro y media de la tarde no hay ni dios en la calle y disfruto  de la tranquilidad. Encima de la colina están la catedral y el ayuntamiento. Me enamoro instantáneamente de la pequeña plaza situada entre ellas, con sus árboles y su fuente. Me quedo una horita leyendo mi libro (actualmente el Cuento de la Criada).

En suite je visite le musée archéologique, au final de la rue. Je ne suis pas seule, mais il n’y a quand même pas un bruit. L’entrée est gratuite pour tous et je suis surprise par la qualité de l’exposition. Chaque côté de cet édifice octogonale présente une époque différente de l’histoire de la région. Les panneaux d’affichages et les textes (qu’en Espagnol, sorry)  sont très simples à entendre et plaisantes à la vue. On ne voit ça pas tous les jours dans des musées si petits! J’apprends beaucoup sur la région: par exemple je ne savais pas qu’il y a des dolmen (comme chez Asterix) aussi dans les Pyrénées ou que les gens d’ici entretenaient des contacts commerciaux avec les Etrusques et les Phéniciens avant de l’arrivée des Romans. Dans le musée se trouve aussi la salle de trône de la reine Petronila, actuellement le lieu d’une exposition temporaire sur “Labitolosa”, une ville romaine très curieuse. Et juste à côté se trouve une petite chapelle, avec une histoire glauque…

Anschließend besuche ich das Archäologische Museum, am Ende der Straße. Ich bin zwar nicht die einzige Besucherin, aber im Innenhof ist es trotzdem totenstill. Der Eintritt ist gratis und das Museum überraschend gut. Jeder Trakt des achteckigen Gebäudes ist einer anderen Epoche in der Geschichte Huescas und seiner Umgebung. Die Schaukästen und dazugehörenden Texte sind einfach zu verstehen und visuell sehr ansprechend. Sowas sieht man selten in so kleinen Museen! Ich lerne erstaunlich viel über die Region: zum Beispiel wusste ich gar nicht dass man Dolmen (wie aus Asterix und Obelix) auch in den Pyrenäen finden kann, oder dass bevor die Römer kamen bereits Handel mit den Etruskern und Phöniziern betrieben wurde. Im Museum befindet sich ebenfalls der Thronsaal von Königin Petronila, in dem gerade eine tempor��re Ausstellung über Labitolosa stattfindet, eine römische Fundstätte in der Nähe. Und gleich daneben befindet sich eine kleine Kapelle, in der sich anscheinend folgende Geschichte abgespielt haben soll…

A continuación visito el museo archeologico al final de la calle. No soy la única visitante pero el patio interior está tranquilísimo. La entrada es gratuita y el museo está sorprendentemente bien. Cada lado de este edificio octogonal cuenta un época diferente de la historia de la región. Las vitrinas y sus textos son muy fáciles deentender y visualmente sugerentes. ¡Es raro verlo en museo tan chiquitos! Aprendo un montón sobre la historia de Huesca y sus alrededores. Por ejemplo, no sabía que había dólmenes (como en Asterix y Obelix) también en los Pirineos -¡Y unos cuantos además!- O que había flujos de comercio con los etruscos y fenicios bastante antes de que llegaran los romanos. En el museo también se encuentra la sala de tronos de la reina Petronila, donde actualmente hay una exposición temporal sobre Labitolosa, una antigua ciudad romana cerca de Huesca. Y justo al lado está una pequeña capilla, donde la gente dice que pasó la siguiente historia…

Ramiro II était très préoccupé de la situation politique en Aragon après la mort de son frère. Surtout les nobles étaient peu obéissants. Désespéré il envoya un messager chez son ancien maître pour lui demander un avis. Le maître demanda au messager de lui accompagner dans le jardin, où il coupa les roses qui plus dépassaient le buisson. Puis, il dit  au messager de répéter le geste devant les yeux du roi. Le roi fit appeler tous les nobles chez soi, sous le prétexte de vouloir construire une cloche tellement grande qu’on l’allait écouter dans tout le règne. Après il fit couper la tête aux nobles les plus rebeldes, arrangea les têtes dans la chapelle en forme de cloche et fit entrer le reste des nobles.

Ramiro II war sehr besorgt um den Zustand Aragons nach dem Tod seines Bruders. Besonders die Adligen waren sehr ungehorsam. Verzweifelt schickte er seinem alten Lehrer einen Boten um ihn um Rat zu beten. Dieser nahm den Boten mit ihn den Garten, wo er die Rosen abschnitt, die am meisten aus dem Gebüsch herausstanden und sagte dem Boten, vor dem König die Geste zu wiederholen. Der König ließ also alle Adeligen zu sich rufen, unter dem Vorwand eine große Glocke bauen zu wollen, die man im ganzen Reich hören würde. Dann ließ er den schlimmsten Rebellen den Kopf abschlagen, legte sie in der Kapelle in Glockenform auf und die anderen Adeligen eintreten.

Ramiro II estaba muy preocupado por la situación política en Aragón después de la muerte de su hermano. Sobre todo porque los nobles eran muy desobedientes. Desesperado mandó un mensajero para demandar ayuda a su antiguo Abad (antes de ser Rey había sido monje en un Monasterio). El maestro llevó al mensajero a su jardín y cortó las rosas que más destacaban del arbusto. Le dijo de repetir este gesto delante del Rey. El Rey llamó entonces a todos los nobles, bajo el pretexto de querer construir una campana tan grande que se iba a escuchar en todo el reino. Luego hizo cortar las cabezas a los noblesmás rebeldes, los colocó en forma de campana en dicha capilla y hizo entrar al resto de los invitados.

A painting of the legend, by José Casado, which you can see in the same museum

Bon, on ne sait pas trop si cette histoire est vraie ou pas, mais les pâtissiers de Huesca ont créé en tout cas une pâtisserie en sa honneur: Les cloches de Huesca. Généralement, les pâtisseries de Huesca sont connues bien dehors de ses murs: Le “Pastel Ruso”, la “Trenza de Almudévar” (mon préféré: de la pâte feuilleté avec des noix et un remplissage crémeux…) les “Alfahares” (des petites nuages de sucre, jaune d’oeuf et huile d’olive) ou les castagnes de massepain.  Ahh, quelle jolie ville!

Ob diese Geschichte wahr ist, ist nicht ganz sicher, aber ihr zu Ehren wurde sogar ein Nachtisch kreiert: Die Campanas de Huesca. Generell ist Huesca was Süßspeisen angeht ziemlich stark unterwegs: der “Pastel Ruso” von der über 100 Jahre alten Konditorei Ascaso ist weit über die Stadtgrenzen hinaus bekannt, genauso wie die “Trenza de Almudévar” (mein Favorit - buttriger Blätterteig mit Nüssen und Cremefüllung), die “Alfahares” (weiche Dotter-Zucker-Olivenöl-Wölkchen) oder Marzipan-Kastanien. So eine schöne Stadt!

Bueno, no se sabe muy bien si esta historia es verdad o no, pero los pasteleros oscenses crearon un postre para conmemorar la leyenda: las Campanas de Huesca. En general, los pasteles de Huesca son bien conocidos también por la gente de fuera: por ejemplo el Pastel Ruso de la Pastelería Ascaso, o la trenza de Almudévar, o los Alfahares y las castañas de mazapán. ¡Me gusta esta ciudad!

Il commence à pleuvoir un peu, mais nous nous promenons encore un peu dans le parc avant de prendre le train de retour. L’escapade a valu la peine!

Es beginnt leicht zu regnen, aber wir spazieren noch durch den Park bevor es zurück nach Zaragoza geht. Der Ausflug war kurz aber auf jeden Fall wert!

Empieza a llover un poco, pero nos paseamos por el parque antes de volver a la estación. ¡La escapada ha valido la pena!

[jcyberspace]

Lenguajes de la Web

Backend

El backend, también conocido como la parte del servidor en desarrollo web, es el área que se encarga de la lógica de negocio, las operaciones de base de datos, la validación de datos y el rendimiento del servidor. Este es un componente crucial de cualquier aplicación web ya que, sin él, la funcionalidad completa de la aplicación no puede ser realizada. Los lenguajes de programación backend populares incluyen Python, PHP, Java y Ruby, entre otros.

Frontend

El frontend, también conocido como la parte del cliente en el desarrollo web, es la interfaz que los usuarios ven y con la que interactúan. Se encarga de la presentación de la información, la interacción del usuario y la experiencia del usuario. Los lenguajes de programación frontend más comunes son JavaScript, HTML y CSS.

JavaScript es el lenguaje principal para la creación de interacciones dinámicas en el frontend. Los frameworks como Angular, Vue y React.js han hecho que el desarrollo con JavaScript sea más eficiente y escalable.

Por ejemplo, Angular, desarrollado por Google, permite a los desarrolladores crear aplicaciones web dinámicas y de una sola página (SPA). Vue, por otro lado, es conocido por su simplicidad y facilidad de uso, lo que lo convierte en una excelente opción para aquellos que están empezando en el desarrollo frontend.

[jebusdoodles]

Vue.js (Capitulo I)

Ocultar/Mostrar Elementos

Usando una variable booleana dentro de nuestra app

`let app = new Vue({ el: '#app', data: { mostrar: true } })`

En caso de ocultar el elemento una vez usamos un template:

  <template v-if="mostrar">     <h1>Si ves esto esta en true</h1>   </template>

En caso de ocultar varias veces usamos v-show:

<div v-show="mostrar"> <h1>Si ves esto la variable esta en true</h1> </div> <div v-show="!mostrar"> <p style="color: red;">Si ves esto la variable esta en false</p> </div>

¿Porqué de este modo? Cuando se usa un elemento template cuya variable resulta ser false, el navegador destruye el elemento de la vista, pero si usamos dos elementos divs y v-show para mostrar o ocultar, estos elementos no se destruyen solo se ocultan con css y la pagina carga más rápido.

Filtros

Con Vuejs se pueden agregar filtros antes de mostrar el elemento, esto significa agregar una función que funciona como filtro antes de dibujar el objeto. 

Como un ejemplo agregamos al titulo una función para hacer las letras mayusculas: 

      let app = new Vue({         el: '#app',         data: {           titulo: 'Nuestro titulo',         },         filters: {           uppercase: function(str){             return str.toUpperCase()           }         }       })

En la app quedaría algo así: 

  <div id="app">    <h1>{{titulo | uppercase}}</h1>   </div>

Otro ejemplo más practico convertir un precio a su variante en dolares  

<p>{{ precio | conversion }}</p>

y en el javascript

      let app = new Vue({         el: '#app',         data: {           precio: 12,         },         filters: {           conversion: function(int){             return int *19           }         }

Métodos

Vuejs de igual forma nos deja agregar métodos para que un elemento funcione de forma reactiva esto en el siguiente ejemplo funciona así: 

HTML 

  <div id="app">     <button type="button" name="button" @click="sumar">Sumar 1</button>     <button type="button" name="button" @click="restar">Restar 1</button>     El contador está en {{ contador }}   </div>

Javascript

      let app = new Vue({         el: '#app',         data: {           contador: 0         },         methods: {           sumar: function(){             this.contador++           },           restar: function(){             this.contador--           }         }       })

Con esto tendremos un contador que actualizara el elemento contador en tiempo real. De igual forma se puede hacer lo mismo en métodos simples insertando el código javascript dentro de @click aunque se recomienda que sea en código corto. 

  <div id="app">     <button type="button" name="button" @click="contador++">Sumar 1</button>     <button type="button" name="button" @click="contador--">Restar 1</button>     El contador está en {{ contador }}   </div>

Objetos

Ahora podemos usar lo que aprendimos para hacer cosas más complejas como obtener una cifra que escribimos en un input y usarla en un método para esto usaremos v-model

HTML

  <div id="app">     <input type="text" name="cifra" value="" placeholder="Ingresa la cantidad" v-model="cifra">     <p>El cambio a dolar es: {{ cifra | dolares }}</p>

  </div>

Javascript

      let app = new Vue({         el: '#app',         data: {           cifra: 0,         },         filters: {           dolares: function(int){             return int*19           }         }       })

O convertir las opciones de un checkbox en un array 

HTML

    <form @submit.prevent="submit" action="" method="get">       <h3>¿Cuál es tu mascota favorita?</h3>       <input v-model="mascota" type="checkbox" id="gatos" value="gatos">       <label for="gatos">Gatos</label>

      <input v-model="mascota" type="checkbox" id="perros" value="perros">       <label for="perros">Perros</label>

      <input v-model="mascota" type="checkbox" id="serpientes" value="serpientes">       <label for="serpientes">Serpientes</label>

      <input v-model="mascota" type="checkbox" id="buho" value="buho">       <label for="buho">Buhos</label>

      <button type="submit">Enviar</button>     </form>

Javascript

      let app = new Vue({         el: '#app',         data: {           mascota: []         },         methods: {           submit: function (){             console.log('Se ejecuto el método submit')             console.log(this.mascota)           }         }       })

Resultado

Ciclos

Para evitar hacer cada uno de los inputs de forma manual podemos crear un  array que encierre cada uno de los elementos con sus id’s y nombres despues usamos v-for en un template para que haga un input por cada elemento del array de la siguiente forma. 

Javascript

let app = new Vue({         el: '#app',         data: {           mascotas: [             { nombre: 'Gatos',               value: 'gatos' },             { nombre: 'Perros',               value: 'perros' },             { nombre: 'Serpientes',               value: 'serpientes' },             { nombre: 'Buho',               value: 'buhos' }           ],            mascotasSeleccionadas: [],         },         methods: {           submit: function (){             console.log('Se ejecuto el método submit')             console.log(this.mascotasSeleccionadas)           }         }       })

HTML 

<form @submit.prevent="submit" action="" method="get">       <h3>¿Cuáles son tus cursos favoritos?</h3>

      <template v-for="mascota in mascotas">         <input v-model="mascotasSeleccionadas" type="checkbox" v-bind:id="mascota.value" v-bind:value="mascota.value">         <label v-bind:for="mascota.value">{{mascota.nombre}}</label>       </template>

      <button type="submit">Enviar</button>     </form>

[laravelvuejs]

#05 Propiedades Computadas (computed) | Curso de Vue.js 😍 Desde Cero

#05 Propiedades Computadas (computed) | Curso de Vue.js 😍 Desde Cero

Curso VUE.JS + FIREBASE [Udemy] aquí: http://curso-vue-js-udemy.bluuweb.cl Hoy veremos las propiedades computadas o computed de Vue js, conoceremos dos ejemplos con su real utilización pero en el resto del curso seguiremos utilizandolas. Curso en Udemy de Vue.js: http://curso-vue-js-udemy.bluuweb.cl Aquí la info en español de Vue.js:…

[alteregodepega]

GRACIAS / THANK YOU/ GRAZIE/MERCI BEAUCOUP.

Mañana 17 de Diciembre daré unas vacaciones a alteregodepega. No voy a borrarlo, pero dejaré de postear cosas por un tiempo.

 He pasado momentos de todo tipo desde que en 2014 empecé con el blog. Al margen de los tumblr considerados temáticos que atrajeron inicialmente mi interés (especializados, por ejemplo, en comics, coches de los años´50, motocicletas antiguas, pin-ups o hot-rods) me llamaba la atención la anarquía y libertad de algunos contenidos, la oportunidad de ver cosas  muy variadas, o simplemente, que no podían verse en ningún otro lugar.

                  Unas mejores, otras peores, sinceramente.

 Así, poco a poco, mi tumblr empezaba a llenarse de imágenes que yo consideraba evocadoras: paisajes, faros, playas, bosques otoñales, lluvia en las ventanas, rostros de bellas mujeres y retratos en ángulos diferentes (entre las imágenes de mi archivo, hay una constante admiración por Marilyn Monroe,Veronica Lake o Eva Green, entre otras). También abundaban los posters antiguos de viajes y lugares exóticos, originales de comics de la edad de oro, o simplemente, artistas digitales de la más rabiosa actualidad. Descubrí así algunos maestros de la fotografía clásica ( más allá del conocido Cartier Bresson) como Fred den Ouden, Brassaï, Vivian Maier, William Vanderson...es hermoso descubrir fotografías que tienen tanta vida, que cuentan historias en silencio.

 Durante todo este tiempo me he acostumbrado a visitaros y a hacerme eco de vuestras mejores o más evocadoras imágenes, para rebloguearlas o simplemente decir que “ me gusta “.

 Ahora, que parece que va a haber un cambio drástico, aprovecharé para detenerme y mirar alrededor. Volveré más adelante, cuando pase la tormenta. Tal vez para entonces algunos ya no estéis aquí. Si es así, lamentaré mucho no volveros a ver.

 Ha sido un enorme placer saber que estabais al otro lado. A los que os sigo.

A los que me habéis seguido. A los que habéis perdido unos segundos de vuestro tiempo mirando “alteregodepega “. A los que alguna vez os ha gustado algo de lo que he reblogueado:

                                         Muchas gracias.

 Hasta pronto.

_______________________________________________________

Tomorrow, December 17, I will take a vacation to alteregodepega.

I'm not going to cancel it, but I'll stop posting things for a while.

 I have spent very special moments since I started blogging in 2014. Apart from the tumblr considered thematic that initially attracted my interest (specialized, for example, in comics, cars of the fifties, old motorcycles, pin-ups or hot-rods) I liked  the variety and freedom of some content , the opportunity to see very different things, or simply, the things that could not be seen anywhere else.             

                               Some better, others worse, honestly.

 So, slowly, my tumblr began to fill with images that I considered evocative: landscapes, lighthouses, beaches, autumn forests, rain in the windows, faces of beautiful women and portraits in different angles (among the images of my file, there are a constant admiration for Marilyn Monroe, Veronica Lake or Eva Green, among others).

There were also plenty of old posters of travel and exotic places, originals of comics of the golden age, or simply, digital artists from today.

I discovered some masters of classic photography (beyond the well-known Cartier Bresson) such as Fred den Ouden, Brassaï, Vivian Maier, William Vanderson ... it is beautiful to discover photographs that almost have “real life”, telling stories in silence.

 During all this time I´m used to visiting some tumblrs to discover your best or most evocative images, to sharing, reblog them or simply to say "I like it".    

 Now, it seems that a drastic change is coming. So, I will take the opportunity to stop and look around. I'll come back later, when the storm passes.

                    Maybe by then some of you are no longer here.

 If so, I'll be very sorry not to see you again.  It has been a great pleasure to know that you were on the other side. To those who follow you.  To those who have followed me. To those who have lost a few seconds of your time watching "alteregodepega".

To those who have ever liked something of what I have:                                          

                          Thank you.

   See you soon.

____________________________________________________________

Demain, le 17 Décembre, je donnerai des vacances à alteregodepega. Je ne vais pas l'effacer, mais je vais arrêter de poster des choses pendant un temps.

  J'ai passé toutes sortes de moments depuis que j'ai commencé à bloguer en 2014. À part le tumblr considéré comme thématique qui a initialement attiré mon intérêt (spécialisé, par exemple, dans la bande dessinée, les voitures des années 50, les vieilles motos, les pin-ups ou les hot-rods), j'ai été frappé par l'anarchie et la liberté de contenu, la possibilité de voir des choses très variées, ou simplement, qui ne pourraient être vues nulle part ailleurs.        

                   Certains mieux, d'autres pire, honnêtement.  

 Ainsi, petit à petit, mon tumblr a commencé à se remplir d'images que je considérais comme évocatrices: paysages, phares, plages, forêts d'automne, pluie aux fenêtres, visages de belles femmes et portraits sous différents angles (parmi les images de mon dossier, il y a une admiration constante pour Marilyn Monroe, Veronica Lake ou Eva Green, entre autres).  Il y avait aussi beaucoup d'anciennes affiches de voyages et de lieux exotiques, des originaux de bandes dessinées de l'âge d'or ou tout simplement des artistes numériques d'actualités des plus enragées. J'ai découvert des maîtres de la photographie classique (au-delà du célèbre Cartier Bresson) tels que Fred den Ouden, Brassaï, Vivian Maier, William Vanderson ... c'est beau de découvrir des photographies qui ont tant de vie, qu'elles racontent des histoires en silence.

 Pendant tout ce temps, je me suis habitué à vous rendre visite et à faire écho à vos images les meilleures ou les plus évocatrices, à les réprimander ou simplement à dire "je les aime".    

 Maintenant, il semble y avoir un changement radical, je vais en profiter pour m'arrêter et regarder autour de moi. Je reviendrai plus tard, quand la tempête passera.

  Peut-être que certains d'entre vous ne sont peut-être plus là.

 Si c'est le cas, je serai très désolé de ne plus vous revoir.  Ce fut un grand plaisir de savoir que vous étiez de l'autre côté. A ceux qui j´ai suivi.  Pour ceux qui m'ont suivi. Pour ceux qui ont perdu quelques secondes de votre temps à regarder "alteregodepega". Pour ceux qui ont déjà aimé quelque chose de ce que j'ai:  

                           Merci beaucoup.

  À bientôt.

________________________________________________

Domani, 17 dicembre, darò una vacanza ad alteregodepega. Non lo cancellerò, ma smetterò di postare le cose per un po '.

   Ho trascorso tutti i tipi di momenti da quando ho iniziato a fare blog nel 2014. A parte tutti il tumblr considerato tematico che inizialmente ha attirato il mio interesse (specializzato, ad esempio, in fumetti, auto degli anni Cinquanta, vecchie moto, pin-up o hot-rods) sono rimasto colpito dall'anarchia e dalla libertà di alcuni contenuti , l'opportunità di vedere le cose molto varie, o semplicemente, che non potevano essere viste da nessun'altra parte.   

                      Alcuni migliori, altri peggiori, onestamente.

 Così, a poco a poco, il mio tumblr ha cominciato a riempirsi di immagini che ho considerato evocative: paesaggi, fari, spiagge, foreste autunnali, pioggia alle finestre, volti di donne bellissime e ritratti in diverse angolazioni (tra le immagini del mio file, ci sono una costante ammirazione per Marilyn Monroe, Veronica Lake o Eva Green, tra gli altri).

 C'erano anche molti vecchi poster di viaggi e luoghi esotici, originali di fumetti dell'età dell'oro, o semplicemente, artisti digitali delle notizie più rabbiose. Ho scoperto alcuni maestri della fotografia classica (oltre al noto Cartier Bresson) come Fred den Ouden, Brassaï, Vivian Maier, William Vanderson ... è bello scoprire fotografie che hanno tanta vita, che raccontano storie in silenzio.

 Durante tutto questo tempo mi sono abituato a visitarti e ad echeggiare le tue immagini migliori o più evocative, a rimproverarle o semplicemente a dire "Mi piace".    

 Ora, sembra che ci sarà un cambiamento drastico, coglierò l'occasione per fermarmi e guardarmi attorno. Tornerò più tardi, quando passerà la tempesta.

 Forse per allora alcuni di voi non sono più qui. Se è così, mi dispiacerà molto non vederti di nuovo. È stato un grande piacere sapere che eri dall'altra parte. A quelli che ti seguono.  A quelli che mi hanno seguito. A quelli che hanno perso qualche secondo del tuo tempo guardando "alteregodepega". A coloro che hanno sempre apprezzato qualcosa di ciò che ho:                            

                Grazie mille  

 A presto.

__________________________________________________________

[debsdaniel03]

  ¿Quieres aprender a desarrollar #FrontEnd con #Vuejs y #BackEnd con #Django de #Python3? | 💰USD 9.99 por tiempo limitado

☟

https://www.udemy.com/course/experto-en-vuejs-con-django-rest-framework/?couponCode=MAYO-2021-1