<?xml 
version="1.0" encoding="utf-8"?><?xml-stylesheet title="XSL formatting" type="text/xsl" href="https://wiki.backendlid.com.ar/spip.php?page=backend.xslt" ?>
<rss version="2.0" 
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:atom="http://www.w3.org/2005/Atom"
>

<channel xml:lang="es">
	<title>WikiLIDs</title>
	<link>http://wiki.backendlid.com.ar/</link>
	<description></description>
	<language>es</language>
	<generator>SPIP - www.spip.net</generator>
	<atom:link href="https://wiki.backendlid.com.ar/spip.php?id_mot=8&amp;page=backend" rel="self" type="application/rss+xml" />




<item xml:lang="es">
		<title>Comunidad La Izquierda Diario - Documentaci&#243;n</title>
		<link>https://wiki.backendlid.com.ar/spip.php?page=article&amp;id_article=196</link>
		<guid isPermaLink="true">https://wiki.backendlid.com.ar/spip.php?page=article&amp;id_article=196</guid>
		<dc:date>2017-11-14T18:29:48Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>es</dc:language>
		<dc:creator>Leonardo V&#225;zquez</dc:creator>


		<dc:subject>Uso de sitios</dc:subject>
		<dc:subject>LID Argentina</dc:subject>

		<description>
&lt;p&gt;Comunidad La Izquierda Diario &lt;br class='autobr' /&gt; https://comunidad.laizquierdadiario.com &lt;br class='autobr' /&gt;
Atenci&#243;n de consultas y suscripciones sobre la Comunidad &lt;br class='autobr' /&gt;
Es necesario prestar especial atenci&#243;n a las consultas sobre la Comunidad tanto de miembros como de usuarios que nos pregunten sobre la misma. Una de las principales v&#237;a de consulta sobre la Comunidad que hay que revisar y responder peri&#243;dicamente, es el Whatsapp del celular de LID por donde llegan consultas de todo tipo. A su vez es necesario consultar y (&#8230;)&lt;/p&gt;


-
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=rubrique&amp;id_rubrique=8" rel="directory"&gt;Documentos Internos&lt;/a&gt;

/ 
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=mot&amp;id_mot=2" rel="tag"&gt;Uso de sitios&lt;/a&gt;, 
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=mot&amp;id_mot=8" rel="tag"&gt;LID Argentina&lt;/a&gt;

		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;strong&gt;Comunidad La Izquierda Diario&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt; &lt;a href=&#034;https://comunidad.laizquierdadiario.com&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://comunidad.laizquierdadiario.com&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_232 spip_documents spip_documents_center'&gt;
&lt;img src='https://wiki.backendlid.com.ar/local/cache-vignettes/L500xH450/diagrama_comunidad_lid-0d791.jpg?1688271051' width='500' height='450' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Atenci&#243;n de consultas y suscripciones sobre la Comunidad&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Es necesario prestar especial atenci&#243;n a las consultas sobre la Comunidad tanto de miembros como de usuarios que nos pregunten sobre la misma.&lt;br class='autobr' /&gt;
Una de las principales v&#237;a de consulta sobre la Comunidad que hay que revisar y responder peri&#243;dicamente, es el Whatsapp del celular de LID por donde llegan consultas de todo tipo. A su vez es necesario consultar y responder las consultas que puedan llegar al celular del diario y al mail de la comunidad, habr&#225; que definir responsables de estas tareas. A su vez armaremos una p&#225;gina de preguntas frecuentes en el sitio que se ir&#225; actualizando de manera permanente para poder tambi&#233;n responder con el link correspondiente.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;0) Notificaciones Push&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Cualquier usuario puede desde el sitio de la comunidad suscribirse de manera gratuita a las notificaciones de La Izquierda Diarios, esta herramienta permite enviar mensajes instant&#225;neos a m&#243;viles y navegadores y monitorear cantidad de suscritos y cuantos vieron las notificaciones. La siguiente &lt;a href=&#034;http://www.laizquierdadiario.com/No-te-pierdas-nunca-las-noticias-mas-urgentes-recibilas-directo-en-tu-celular&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;nota de LID&lt;/a&gt; que arm&#243; Mar&#237;a Renci explica muy bien su funcionamiento y el env&#237;o de las notificaciones se puede realizar desde el administrador del Wordpress de la Comunidad. Para ello estaremos haciendo la documentaci&#243;n y capacitaci&#243;n correspondiente para que esto pueda ser realizado directamente desde la redacci&#243;n. Ver docuentaci&#243;n: &lt;a href=&#034;https://wiki.backendlid.com.ar/spip.php?page=article&amp;id_article=198&#034;&gt;Notificaciones Push&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;1) Suscripci&#243;n&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;El usuario presiona el bot&#243;n de suscripci&#243;n de Mercado Pago, que est&#225; en la p&#225;gina principal de la comunidad pero que tambi&#233;n puede estar en &lt;a href=&#034;http://www.laizquierdadiario.com/Aporta-para-La-Izquierda-Diario&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;cualquier nota de LID como &#233;sta que habr&#237;a que actualizar&lt;/a&gt; (tambi&#233;n tienen la posibilidad de compartirse en redes sociales). &lt;br class='autobr' /&gt;
Se le abre una ventana de mercado pago, las opciones de suscripci&#243;n por un monto determinado son pagos mensuales y requieren tarjeta de cr&#233;dito.&lt;br class='autobr' /&gt;
Tambi&#233;n agregamos una opci&#243;n de pago &#250;nico, que permite realizar un &#250;nico aporte por un monto fijo de $100 (no hay opci&#243;n de pago &#250;nico por monto variable), esta opci&#243;n permite otros medios de pago en efectivo como Rapipago, etc.&lt;br class='autobr' /&gt;
El usuario completa las opciones de pago con sus datos, DNI, email, tarjeta de cr&#233;dito, nombre y apellido. Desde la ventana de Mercado Pago se le confirma que el pago se realiz&#243; de manera exitosa. Al instante el usuario recibe un correo en la cuenta que complet&#243; con un comprobante del pago realizado y el usuario se registra en la base de datos de Mercado Pago. En todas las opciones, los pagos suelen quedar pendientes de que la acreditaci&#243;n se acredite efectivamente, cuesti&#243;n que podr&#237;a no suceder, por ejemplo si hay problemas con la tarjeta o si la persona no paga el comprobante en rapipago, etc.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;2) Actualizar Base de Datos de la Comunidad&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Por lo menos una vez cada 24hs David U., responsable de la cuenta de la cooperativa, actualizar&#225; la base de datos de la Comunidad con los pagos que efectivamente se hayan acreditado en Mercado Pago, la misma se mantendr&#225; en una hoja de c&#225;lculos (excel) de Google.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;3) Enviar mensaje de bienvenida&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Una vez por hora, se revisa autom&#225;ticamente el excel para detectar nuevos suscriptos. Y a cada uno se le env&#237;a un correo de bienvenida personalizado con su nombre y se le adjunta la credencial en PDF que tiene dise&#241;o predeterminado de tama&#241;o carnet y en la que consta el nombre, n&#250;mero de socio y una imagen con un &lt;a href=&#034;https://es.wikipedia.org/wiki/C%C3%B3digo_QR&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;c&#243;digo QR&lt;/a&gt; que permite con un lector de c&#243;digos QR, consultar on-line el n&#250;mero de socio y su estado para saber si el mismo est&#225; activo. En el mismo correo de bienvenida se le env&#237;a una &lt;a href=&#034;https://docs.google.com/forms/d/e/1FAIpQLSckllht8MAtS8blcw0n0ue6BB_ZZajP9aQ81V7COdwG3vvVBA/viewform&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;encuesta para miembros de la Comunidad&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;4) Enviar promociones semanales o por evento&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Una vez por semana o cuando se defina, se generar&#225; una gacetilla con las promociones y novedades semanales de la Comunidad, que deber&#225;n mantenerse actualizadas en el sitio de la Comunidad. Dichas promociones tambi&#233;n se podr&#225;n difundir por redes sociales como &#034;gancho&#034;, junto al eje que es la necesidad de sostener a La Izquierda Diario y un periodismo de izquierda. Habr&#225; que pensar en promociones regionales para que los usuarios de todo el pa&#237;s puedan acceder a los beneficios.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;5) Encuesta para miembros de la Comunidad&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Esta opci&#243;n ser&#225; optativa y vendr&#225; la invitaci&#243;n a completarla junto al correo de bienvenida, esto permitir&#225; contar con mayor informaci&#243;n de los usuarios para conocer, escuchar que es lo que les interesa. Adem&#225;s a la encuesta a su vez se le agreg&#243; la opci&#243;n de enviar la credencial plastificada a domicilio. Es importante revisar peri&#243;dicamente dicha encuesta y efectivizar el env&#237;o comprometido de la credencial a domicilio, local o sucursal de correo m&#225;s cercana (seg&#250;n las opciones de la encuesta).&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;6) Consultar estado de suscripci&#243;n&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Ya tenemos un primer servicio online para poder consultar mediante la credencial y la lectura de su c&#243;digo QR, si una persona es miembro de la comunidad y su estado de pago. Esta consulta puede hacerla cualquiera p&#250;blicamente que tenga la tarjeta de socio con la imagen correspondiente. Esta consulta devuelve el n&#250;mero de socio de la tarjeta y el contenido de la columna &#034;Estado&#034; que nosotros podremos mantener manualmente independientemente del estado de pago de la comunidad. &lt;br class='autobr' /&gt;
Luego desarrollaremos(en unas semanas) otro servicio que permita una consulta por n&#250;mero de socio, pero cuyo acceso sea restringido por clave. Otro dato por el cual podemos consultar es por el correo ingresado (pero no por DNI porque no es obligatorio ese dato).&lt;br class='autobr' /&gt;
Tambi&#233;n podemos analizar la posibilidad de generar listados de miembros (con nro de socio, nombre y estado de pago) para poder consultar o enviar quienes tengan que chequear su estado para otorgar una promoci&#243;n. &lt;br class='autobr' /&gt;
En cuanto a las promociones es importante precisar en cada caso concretamente como ser&#225; el mecanismo de otorgamiento de los beneficios a los miembros de la comunidad y proveer las herramientas que fueran necesarias. Esto teniendo en cuenta que mucho socios es posible que sean de provincias o lugares alejados.&lt;br class='autobr' /&gt;
En el caso de que un beneficio requiera generar y enviarles una especie de cup&#243;n por correo, habr&#225; que ver que se requiere pero podr&#237;amos ver tambi&#233;n la posibilidad de enviarles nosotros dichos cupones de descuento.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;7) Baja de suscripci&#243;n&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;La baja de una suscripci&#243;n se podr&#225; realizar por correo al email a la comunidad, o si el usuario cancela los pagos de la tarjeta de cr&#233;dito. No tendr&#225; tanta urgencia como el alta y deberemos pensar una forma de consultarles el motivo e intentar retener a los que se quieran dar de baja.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;8) Suscripciones por pago &#250;nico&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Las suspcripciones de pago &#250;nico (de $100) se dar&#225;n de alta como el resto de las suscripciones, aunque en la columna de observaciones, del excel de la Comunidad se informar&#225; que el mismo corresponder a un pago &#250;nico. Unos d&#237;as antes de cumplirse el mes desde que se dio de alta a la suscripci&#243;n le enviaremos un correo de recordatorio para que renueve su suscripci&#243;n. Luego de una semana, en el caso de no haberse acreditado a&#250;n el pago le enviaremos un segundo correo, avisandole que no hemos recibido el pago para renovar su suscripci&#243;n que en el caso de no renovarla la misma quedar&#225; INACTIVA y que en el caso de tener alg&#250;n problema para realizar el pago puede ponerse en contacto para que podamos ayudarle. A la tercer semana, en el caso de no recibir respuesta podremos intentar otro medio de contacto como enviarle un mensaje por whatsapp en el caso de que tengamos su celular. Al mes de no haber recibido la renovaci&#243;n podemos dejar el estado INACTIVO (que realizaremos manualmente desde el excel) hasta recibir un nuevo pago que vuelva a dejarlo como socio ACTIVO. En el caso de recibir un nuevo pago, de un socio que era de p&#225;go &#250;nico, actualizaremos la nueva Fecha de Pago del socio y el Estado en el caso de ser necesario.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		
		<enclosure url="https://wiki.backendlid.com.ar/IMG/html/bienvenida.html" length="21376" type="text/html" />
		
		<enclosure url="https://wiki.backendlid.com.ar/IMG/pdf/credencial-1009-20171125.pdf" length="92338" type="application/pdf" />
		
		<enclosure url="https://wiki.backendlid.com.ar/IMG/html/invitacion.html" length="22106" type="text/html" />
		
		<enclosure url="https://wiki.backendlid.com.ar/IMG/html/promociones.html" length="37891" type="text/html" />
		
		<enclosure url="https://wiki.backendlid.com.ar/IMG/xml/diagrama_comunidad_lid.xml" length="2448" type="application/xml" />
		

	</item>
<item xml:lang="es">
		<title>Ejercicios de SPIP</title>
		<link>https://wiki.backendlid.com.ar/spip.php?page=article&amp;id_article=195</link>
		<guid isPermaLink="true">https://wiki.backendlid.com.ar/spip.php?page=article&amp;id_article=195</guid>
		<dc:date>2017-10-25T19:47:53Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>es</dc:language>
		<dc:creator>Iv&#225;n, Keila, Leonardo V&#225;zquez</dc:creator>


		<dc:subject>Programaci&#243;n</dc:subject>
		<dc:subject>LID Argentina</dc:subject>
		<dc:subject>SPIP</dc:subject>

		<description>
&lt;p&gt;&#8211; Para hacer los ejercicios, probar desde el esqueleto para pruebas /squelettes/ejercicios.html que se prueba: ... /spip.php?page=ejercicios Tomar como referencia, los links del manual SPIP del siguiente art&#237;culo http://wiki.backendlid.com.ar/spip.php?page=article&amp;id_article=3 y seguir buscando en caso de ser necesario. Para cada prueba eliminar del archivo las consultas anteriores as&#237; ejecutamos una s&#243;la por vez. IMPORTANTE: LIMITAR SIEMPRE LOS RESULTADOS DE LOS BUCLES PARA QUE NO (&#8230;)&lt;/p&gt;


-
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=rubrique&amp;id_rubrique=11" rel="directory"&gt;Programaci&#243;n y dise&#241;o&lt;/a&gt;

/ 
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=mot&amp;id_mot=3" rel="tag"&gt;Programaci&#243;n&lt;/a&gt;, 
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=mot&amp;id_mot=8" rel="tag"&gt;LID Argentina&lt;/a&gt;, 
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=mot&amp;id_mot=13" rel="tag"&gt;SPIP&lt;/a&gt;

		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Para hacer los ejercicios, probar desde el esqueleto para pruebas /squelettes/ejercicios.html que se prueba: ... /spip.php?page=ejercicios&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Tomar como referencia, los links del manual SPIP del siguiente art&#237;culo &lt;a href=&#034;http://wiki.backendlid.com.ar/spip.php?page=article&amp;id_article=3&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;http://wiki.backendlid.com.ar/spip.php?page=article&amp;id_article=3&lt;/a&gt; y seguir buscando en caso de ser necesario.&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Para cada prueba eliminar del archivo las consultas anteriores as&#237; ejecutamos una s&#243;la por vez.&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; IMPORTANTE: LIMITAR SIEMPRE LOS RESULTADOS DE LOS BUCLES PARA QUE NO EJECUTE CONSULTAS DEMASIADO GRANDES.&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Para encontrar una palabre clave hacerlo desde LID-Ecrire/Edicion/Palabras Clave y guiarse para acceder desde el bloque de la izquierda que dice &#034;Palabras clave&lt;br class='autobr' /&gt;
Grupos de palabras claves&#034;.&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Recordar que si se indica que se ordenen de forma &#034;inverse&#034; se tiene que indicar un parametro como &#034;par popularite&#034; o &#034;par date&#034;, para que tenga un criterio por el cual ordenarlas de forma inversa.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Ejemplo: Listar las primeras 3 notas de pol&#237;tica.&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;BOUCLE_ejemplo(ARTICLES){id_mot=12}{0,3}&gt; - #TITRE&lt;/br&gt; &lt;/BOUCLE_ejemplo&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 1: Listar las &#250;ltimas 3 notas de g&#233;nero.&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;BOUCLE_ejemplo1(ARTICLES){id_mot=17}{par date}{inverse}{0,3}&gt; - #TITRE&lt;/br&gt; &lt;/BOUCLE_ejemplo1&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Tener en cuenta que en el caso de tener la misma fecha, ordena por hora.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 2: Listar las &#250;ltimas 3 notas de la carpeta Venezuela. A las notas ponerle el link que abra en una ventana aparte. Poner los links dentro de un p&#225;rrafo.&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;BOUCLE_ejemplo2(ARTICLES){id_rubrique=5442}{par date}{inverse}{0,3}&gt; &lt;p&gt;&lt;a href=&#034;#URL_ARTICLE&#034; target=&#034;_blank&#034;&gt;#TITRE&lt;/a&gt;&lt;/p&gt; &lt;/BOUCLE_ejemplo2&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 3: Listar las &#250;ltimas 3 notas de la carpeta Venezuela que sean tambi&#233;n de g&#233;nero. Listarlas usando una lista de html (con un s&#243;lo ul para toda la lista y un li por cada art&#237;culo o sea quedar&#237;a con 3 li). Agregar tambi&#233;n el link, la volanta (antet&#237;tulo) y la descripci&#243;n breve.&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;ul&gt; &lt;BOUCLE_ejemplo3(ARTICLES){id_rubrique=5442}{id_mot=17}{par date}{inverse}{0,3}&gt; &lt;li&gt; &lt;p&gt;#SURTITRE&lt;/p&gt; &lt;p&gt;&lt;a href=&#034;#URL_ARTICLE&#034; target=&#034;_blank&#034;&gt;#TITRE&lt;/a&gt;&lt;/p&gt; &lt;p&gt;#DESCRIPTIF&lt;/p&gt; &lt;/li&gt; &lt;/BOUCLE_ejemplo3&gt; &lt;/ul&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 4: Listar las &#250;ltimas 3 notas de la carpeta Venezuela que sean de g&#233;nero o de mundo obrero venezuela. Usar tambi&#233;n listas, pero hacer que si no hay art&#237;culos (con li) tampoco haya ul. Agregar tambi&#233;n el link, la volanta (antet&#237;tulo) y la descripci&#243;n breve, pero s&#243;lo los primeros 200 caracteres usando el filtro couper.&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;B_ejemplo4&gt; &lt;ul&gt; &lt;BOUCLE_ejemplo4(ARTICLES){id_rubrique=5442}{id_mot IN 12,9627}{par date}{inverse}{0,3}&gt; &lt;li&gt; &lt;p&gt;#SURTITRE&lt;/p&gt; &lt;p&gt;&lt;a href=&#034;#URL_ARTICLE&#034; target=&#034;_blank&#034;&gt;#TITRE&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[(#DESCRIPTIF|couper{200})]&lt;/p&gt; &lt;/li&gt; &lt;/BOUCLE_ejemplo4&gt; &lt;/ul&gt; &lt;/B_ejemplo4&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Para hacer una simulaci&#243;n para comprobar que en el caso de que no hubiese art&#237;culos para mostrar el BOUCLE de hecho no traer&#237;a nada, hay que utilizar la condici&#243;n que se indica en el c&#243;digo HTML:&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;B_n&gt; ... &lt;BOUCLE_n(TYPE){id_rubrique=x}{id_mot=x}&gt; ... &lt;/BOUCLE_n&gt; ... &lt;/B_n&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Luego indicarle que traiga art&#237;culos de una carpeta inexistente, y as&#237; vamos a poder ver que el BOUCLE no traer&#225; nada. Ver &lt;a href=&#034;https://www.spip.net/es_article87.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;sintaxis completade los bucles&lt;/a&gt;&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 5: Listar las &#250;ltimas 3 notas de la carpeta Espa&#241;a que sean de g&#233;nero y de mundo obrero espa&#241;a. Usar tambi&#233;n listas, pero hacer que si no hay art&#237;culos (con li) tampoco haya ul. Agregar tambi&#233;n el link, la volanta (antet&#237;tulo) y la descripci&#243;n breve, pero s&#243;lo los primeros 200 caracteres usando el filtro couper.&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;B_ejemplo5&gt; &lt;ul&gt; &lt;BOUCLE_ejemplo5(ARTICLES){id_rubrique=2653}{id_mot=17}{id_mot=7866}{par date}{inverse}{0,3}&gt; &lt;li&gt; &lt;p&gt;#SURTITRE&lt;/p&gt; &lt;p&gt;&lt;a href=&#034;#URL_ARTICLE&#034; target=&#034;_blank&#034;&gt;#TITRE&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[(#DESCRIPTIF|couper{200)]&lt;/p&gt; &lt;/li&gt; &lt;/BOUCLE_ejemplo5&gt; &lt;/ul&gt; &lt;/B_ejemplo5&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 6: Listar las 3 primeras palabras clave de la carpeta Espa&#241;a. Con t&#237;tulo y link, con ul y li (si no hay datos no mostrar nada).&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;B_ejemplo6&gt; &lt;ul&gt; &lt;BOUCLE_ejemplo6(MOTS){id_rubrique=2653}{par id_mot}{0,3}&gt; &lt;li&gt;&lt;a href=&#034;#URL_MOT&#034;&gt;#TITRE&lt;/a&gt;&lt;/li&gt; &lt;/BOUCLE_ejemplo6&gt; &lt;/ul&gt; &lt;/B_ejemplo6&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 7: Listar las 3 primeras palabras clave de la carpeta Jujuy, que s&#243;lo sean del grupo de palabras clave Locales del partido. Con t&#237;tulo y link, con ul y li (si no hay datos no mostrar nada). Las palabras claves de locales est&#225;n en el grupo de palabras clave correspondiente (ver cual es en el administrador).&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;B_ejemplo7&gt; &lt;ul&gt; &lt;BOUCLE_ejemplo7(MOTS){id_rubrique=6445}{id_groupe=6}{par id_mot}{0,3}&gt; &lt;li&gt;&lt;a href=&#034;#URL_MOT&#034;&gt;#TITRE&lt;/a&gt;&lt;/li&gt; &lt;/BOUCLE_ejemplo7&gt; &lt;/ul&gt; &lt;/B_ejemplo7&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 8: Listar todas las palabras clave de la carpeta Jujuy, que no sean Locales. Con t&#237;tulo y link, con ul y li (si no hay datos no mostrar nada).&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;B_ejemplo8&gt; &lt;ul&gt; &lt;BOUCLE_ejemplo8(MOTS){id_rubrique=6445}{id_groupe!=6}&gt; &lt;li&gt;&lt;a href=&#034;#URL_MOT&#034;&gt;#TITRE&lt;/a&gt;&lt;/li&gt; &lt;/BOUCLE_ejemplo8&gt; &lt;/ul&gt; &lt;/B_ejemplo8&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 9: Listar las 5 notas m&#225;s &#034;populares&#034; de G&#233;nero y Sexualidades.&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;BOUCLE_ejemplo09 (ARTICLES){id_mot=17}{par popularite}{inverse}{0,5}&gt; &lt;ul&gt; &lt;p&gt;#SURTITRE&lt;/p&gt; &lt;p&gt;&lt;a href=&#034;#URL_ARTICLE&#034; target=&#034;_blank&#034;&gt;#TITRE&lt;/a&gt;&lt;/p&gt; &lt;/ul&gt; &lt;/BOUCLE_ejemplo09&gt; &lt;/body&gt; &lt;/html&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 10: Listar las 5 notas m&#225;s &#034;populares&#034; de G&#233;nero y Sexualidades, con antet&#237;tulo, t&#237;tulo, descripci&#243;n breve (cortar si tiene m&#225;s de 200 caracteres).&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;BOUCLE_ejemplo10 (ARTICLES){id_mot=17}{par popularite}{inverse}{0,5}&gt; &lt;ul&gt; &lt;p&gt;#SURTITRE&lt;/p&gt; &lt;p&gt;&lt;a href=&#034;#URL_ARTICLE&#034; target=&#034;_blank&#034;&gt;#TITRE&lt;/a&gt;&lt;/p&gt; &lt;p&gt;[(#DESCRIPTIF|couper{200)]&lt;/p&gt; &lt;/ul&gt; &lt;/BOUCLE_ejemplo10&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 11: Al bucle anterior agregar que muestre el logo principal del art&#237;culo. Que quede bien el logo y que reduzca el ancho de la misma a un ancho de 500px. Verificar que se generen las miniaturas correspondientes.&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;B_ejemplo10&gt; &lt;ul&gt; &lt;BOUCLE_ejemplo11 (ARTICLES){id_mot=17}{par popularite}{inverse}{0,5}&gt; &lt;li&gt; &lt;p&gt;&lt;a href=&#034;#URL_ARTICLE&#034; target=&#034;blank&#034;&gt;#TITRE&lt;/a&gt;&lt;/p&gt; &lt;p&gt;#SURTITRE&lt;/p&gt; &lt;p&gt;[(#DESCRIPTIF|couper{200})]&lt;/p&gt;&lt;/li&gt; &lt;li&gt;&lt;p&gt;[(#LOGO_ARTICLE|left|image_reduire{500})]&lt;/p&gt;&lt;/li&gt; &lt;/BOUCLE_ejemplo11&gt; &lt;/ul&gt; &lt;/B_ejemplo10&gt; &lt;/body&gt; &lt;/html&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 12: Partiendo del bucle anterior probar y armar un ejemplo con los filtros del logo que se muestran en el ejemplo &lt;a href=&#034;https://www.spip.net/es_article4861.html&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://www.spip.net/es_article4861.html&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;div&gt; &lt;B_ejemplo12&gt; &lt;ul&gt; &lt;BOUCLE_ejemplo10x (ARTICLES){id_mot=17}{par popularite}{inverse}{0,1}&gt; &lt;li&gt; [(#LOGO_ARTICLE|left|fichier)] &lt;/li&gt;&lt;/BOUCLE_ejemplo10x&gt; &lt;/ul&gt; &lt;/B_ejemplo10x&gt; &lt;/div&gt; &lt;div&gt; &lt;B_ejemplo12a&gt; &lt;ul&gt; &lt;BOUCLE_ejemplo12b (ARTICLES){id_mot=17}{par popularite}{inverse}{0,1}&gt; &lt;li&gt; [(#LOGO_ARTICLE||image_reduire{50,50})] &lt;/li&gt; &lt;/BOUCLE_ejemplo12b&gt; &lt;/B_ejemplo12a&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div&gt; &lt;B_ejemplo12c&gt; &lt;ul&gt; &lt;BOUCLE_ejemplo10c (ARTICLES){id_mot=17}{par popularite}{inverse}{0,1}&gt; &lt;li&gt; [(#LOGO_ARTICLE|#URL_ARTICLE||inserer_attribut{alt,#TITRE})] &lt;/li&gt; &lt;/BOUCLE_ejemplo10c&gt; &lt;/ul&gt; &lt;/B_ejemplo12c&gt; &lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 13: Listar las 10 notas m&#225;s &#034;populares&#034; de la secci&#243;n Enfoque Rojo. Agregar autor si tiene. Y en el caso de que tenga m&#225;s de uno autor mostrarlos separador por coma.&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;B_ejemplo13&gt; &lt;ul&gt; &lt;BOUCLE_ejemplo13(ARTICLES){id_mot=128}{par popularite}{inverse}{0,10}&gt; &lt;li&gt; &lt;h3&gt; &lt;p&gt;#TITRE&lt;/p&gt; &lt;/h3&gt; &lt;/li&gt; &lt;h4&gt;&lt;p&gt;Autor/es: &lt;/p&gt; &lt;/h4&gt; &lt;BOUCLE_auteurs(AUTEURS){id_article}{&#034;, &#034;}&gt; #NOM &lt;/BOUCLE_auteurs&gt; &lt;/BOUCLE_ejemplo13&gt; &lt;/ul&gt; &lt;/B_ejemplo13&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Para probar si muestra con coma, cambiar id_mot por 16(secci&#243;n Juventud) que se suelen escribir notas de a dos.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 14: Al bucle anterior en el bucle de los autores agregar que se muestren nombre del autor, descripci&#243;n e imagen principal.&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;B_ejemplo14&gt; &lt;ul&gt; &lt;BOUCLE_ejemplo14(ARTICLES){id_mot=128}{par popularite}{inverse}{0,10}&gt; &lt;li&gt; &lt;h3&gt; &lt;p&gt;#TITRE&lt;/p&gt;&lt;/h3&gt; &lt;/li&gt; &lt;h4&gt;&lt;p&gt;Autor/es: &lt;/p&gt;&lt;/h4&gt; &lt;BOUCLE_auteurs(AUTEURS){id_article}{&#034;, &#034;}&gt; #NOM &lt;/BOUCLE_auteurs&gt; &lt;p&gt;#DESCRIPTIF&lt;/p&gt; &lt;p&gt;#LOGO_ARTICLE|&lt;/p&gt; &lt;/BOUCLE_ejemplo14&gt; &lt;/ul&gt; &lt;/B_ejemplo14&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 15: Al bucle anterior, mostrar las im&#225;genes adjuntas del art&#237;culo si tiene galer&#237;a, generando miniaturas de un ancho de 300px.&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;B_ejemplo15&gt; &lt;ul&gt; &lt;BOUCLE_ejemplo15(ARTICLES){id_mot=128}{par date}{inverse}{0,5}&gt; &lt;li&gt; &lt;h3&gt; &lt;p&gt;#TITRE&lt;/p&gt;&lt;/h3&gt; &lt;/li&gt; &lt;h4&gt;&lt;p&gt;Autor/es: &lt;/p&gt;&lt;/h4&gt; &lt;BOUCLE_auteurs(AUTEURS){id_article}{&#034;, &#034;}&gt; #NOM &lt;/BOUCLE_auteurs&gt; &lt;p&gt;#DESCRIPTIF&lt;/p&gt; &lt;BOUCLE_galeria(DOCUMENTS){id_article}{mode=image}&gt; #LOGO_DOCUMENT [(#FICHIER|image_reduire{300})] &lt;/BOUCLE_galeria&gt; &lt;/BOUCLE_ejemplo15&gt; &lt;/ul&gt; &lt;/B_ejemplo15&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 16: Partiendo del ejercicio anterior, mostrar las im&#225;genes en forma circular usando bootstrap como este ejemplo &lt;a href=&#034;https://www.w3schools.com/bootstrap/bootstrap_images.asp&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://www.w3schools.com/bootstrap/bootstrap_images.asp&lt;/a&gt;.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 17: Dividir el html anterior en dos nuevos sub-esqueletos ejercicios_sub1.html con el t&#237;tulo en html est&#225;tico, ejercicios_sub2.html con el bucle, inclu&#237;dos ambos en el esqueleto principal ejercicios.html. Ver &lt;a href=&#034;https://www.spip.net/es_article147.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;bloques de c&#243;digo con INCLURE&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;INCLURE{fond=ejercicios_sub1}&gt; &lt;INCLURE{fond=ejercicios_sub2}&gt; &lt;/body&gt; &lt;/html&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;h1&gt; Ejercicio 17 &lt;/h1&gt; &lt;/body&gt; &lt;/html&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;B_ejemplo17&gt; &lt;ul&gt; &lt;BOUCLE_ejemplo17(ARTICLES){id_mot=128}{par popularite}{inverse}{0,10}&gt; &lt;li&gt; &lt;h3&gt; &lt;p&gt;#TITRE&lt;/p&gt;&lt;/h3&gt; &lt;/li&gt; &lt;h4&gt;&lt;p&gt;Autor/es: &lt;/p&gt;&lt;/h4&gt; &lt;BOUCLE_auteurs(AUTEURS){id_article}{&#034;, &#034;}&gt; #NOM &lt;/BOUCLE_auteurs&gt; &lt;p&gt;#DESCRIPTIF&lt;/p&gt; &lt;p&gt;#LOGO_ARTICLE|&lt;/p&gt; &lt;/BOUCLE_ejemplo17&gt; &lt;/ul&gt; &lt;/B_ejemplo17&gt; &lt;/body&gt; &lt;/html&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 18: Modificar el bucle del subesqueleto ejercicios_sub2.html, para que reciba como par&#225;metro el id_mot de la secci&#243;n correspondiente y que el bucle muestre los art&#237;culos de la palabra clave que recibe como par&#225;metro. Y modificar el esqueleto principal, agregando 3 llamados al mismo sub esquleto, con distintas palabras clave. De esta manera se puede reutilizar el c&#243;digo del nuevo bloque creado.&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;INCLURE{fond=ejercicios_sub1}&gt; &lt;INCLURE{fond=ejercicios_sub2}{id_mot=36}&gt; &lt;INCLURE{fond=ejercicios_sub2}{id_mot=44}&gt; &lt;/body&gt; &lt;/html&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;h1&gt;Ejercicio 18&lt;/h1&gt; &lt;/body&gt; &lt;/html&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;B_ejemplo18&gt; &lt;ul&gt; &lt;BOUCLE_ejemplo18(ARTICLES){id_mot}{par date}{inverse}{0,3}&gt; &lt;li&gt; &lt;h3&gt;&lt;p&gt;#TITRE&lt;/p&gt;&lt;/h3&gt; &lt;/li&gt; &lt;h4&gt;&lt;p&gt;Autor/es:&lt;/p&gt;&lt;/h4&gt; &lt;BOUCLE_auteurs(AUTEURS){id_article}{&#034;, &#034;}&gt; #NOM &lt;/BOUCLE_auteurs&gt; &lt;p&gt;#DESCRIPTIF&lt;/p&gt; &lt;p&gt;#LOGO_ARTICLE&lt;/p&gt; &lt;/BOUCLE_ejemplo18&gt; &lt;/ul&gt; &lt;/B_ejemplo18&gt; &lt;/body&gt; &lt;/html&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Ejercicio 19: Al nuevo subesqueleto o bloque del ejemplo anterior, agregarle que adem&#225;s reciba como par&#225;metro id_rubrique, id_auteur y probar en los tres llamados distintos valores verificando los distintos resultados en cada caso.&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;INCLURE{fond=ejercicios_sub1}&gt; &lt;INCLURE{fond=ejercicios_sub2}{id_rubrique=1}{id_mot=507}{id_auteur=559}&gt; &lt;INCLURE{fond=ejercicios_sub1}&gt; &lt;INCLURE{fond=ejercicios_sub2}{id_mot=13}&gt; &lt;INCLURE{fond=ejercicios_sub1}&gt; &lt;INCLURE{fond=ejercicios_sub2}{id_mot=13}{id_auteur=81}&gt; &lt;/body&gt; &lt;/html&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;ul&gt; &lt;B_muestraVariosCriterios&gt; &lt;BOUCLE_muestraVariosCriterios(ARTICLES){id_rubrique?}{id_mot?}{id_auteur?}{par date}{inverse}{0,3}&gt; &lt;li&gt; &lt;h3&gt;&lt;a href=&#034;#URL_ARTICLE&#034; target=&#034;_blank&#034;&gt;#TITRE&lt;/a&gt;&lt;/h3&gt; &lt;p&gt;#ID_ARTICLE&lt;/p&gt; &lt;/li&gt; &lt;h4&gt;&lt;p&gt;Autor/es:&lt;/p&gt;&lt;/h4&gt; &lt;BOUCLE_auteurs(AUTEURS){id_article}{&#034;, &#034;}&gt; #NOM &lt;/BOUCLE_auteurs&gt; &lt;p&gt;#DESCRIPTIF&lt;/p&gt; &lt;/BOUCLE_muestraVariosCriterios&gt; &lt;/B_muestraVariosCriterios&gt; &lt;h2&gt;SIN RESULTADOS&lt;/h2&gt; &lt;//B_muestraVariosCriterios&gt; &lt;/ul&gt; &lt;/body&gt; &lt;/html&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="es">
		<title>PWA: Notificaciones push</title>
		<link>https://wiki.backendlid.com.ar/spip.php?page=article&amp;id_article=193</link>
		<guid isPermaLink="true">https://wiki.backendlid.com.ar/spip.php?page=article&amp;id_article=193</guid>
		<dc:date>2017-10-06T21:07:19Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>es</dc:language>
		<dc:creator>Leonardo V&#225;zquez</dc:creator>


		<dc:subject>Programaci&#243;n</dc:subject>
		<dc:subject>LID Argentina</dc:subject>
		<dc:subject>Javascript</dc:subject>

		<description>
&lt;p&gt;Desarrollo: https://www.laizquierdadiario.com/push/app/ &lt;br class='autobr' /&gt;
Tutorial en castellano: https://developers.google.com/web/fundamentals/codelabs/push-notifications/ Tiene el link para enviar notificaciones push desactualizado que no funciona: https://web-push-codelab.appspot.com/ &lt;br class='autobr' /&gt;
La nueva versi&#243;n del tutorial en ingl&#233;s: https://codelabs.developers.google.com/codelabs/push-notifications Tiene nuevo link para enviar notificaciones: https://web-push-codelab.glitch.me/ &lt;br class='autobr' /&gt;
Seguir con la siguiente (&#8230;)&lt;/p&gt;


-
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=rubrique&amp;id_rubrique=11" rel="directory"&gt;Programaci&#243;n y dise&#241;o&lt;/a&gt;

/ 
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=mot&amp;id_mot=3" rel="tag"&gt;Programaci&#243;n&lt;/a&gt;, 
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=mot&amp;id_mot=8" rel="tag"&gt;LID Argentina&lt;/a&gt;, 
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=mot&amp;id_mot=21" rel="tag"&gt;Javascript&lt;/a&gt;

		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;Desarrollo:&lt;br class='autobr' /&gt;
&lt;a href=&#034;https://www.laizquierdadiario.com/push/app/&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://www.laizquierdadiario.com/push/app/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Tutorial en castellano: &lt;a href=&#034;https://developers.google.com/web/fundamentals/codelabs/push-notifications/&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://developers.google.com/web/fundamentals/codelabs/push-notifications/&lt;/a&gt;&lt;br class='autobr' /&gt;
Tiene el link para enviar notificaciones push desactualizado que no funciona: &lt;a href=&#034;https://web-push-codelab.appspot.com/&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://web-push-codelab.appspot.com/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;La nueva versi&#243;n del tutorial en ingl&#233;s: &lt;a href=&#034;https://codelabs.developers.google.com/codelabs/push-notifications&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://codelabs.developers.google.com/codelabs/push-notifications&lt;/a&gt;&lt;br class='autobr' /&gt;
Tiene nuevo link para enviar notificaciones: &lt;a href=&#034;https://web-push-codelab.glitch.me/&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://web-push-codelab.glitch.me/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Seguir con la siguiente documentaci&#243;n:&lt;br class='autobr' /&gt;
&lt;a href=&#034;https://developers.google.com/web/fundamentals/push-notifications/&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://developers.google.com/web/fundamentals/push-notifications/&lt;/a&gt;&lt;/p&gt;
&lt;hr class=&#034;spip&#034; /&gt;&lt;h2 class=&#034;spip&#034;&gt;Segunda parte&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;1) Web Push Notifications: Timely, Relevant, and Precise&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Qu&#233; es un service worker&lt;br class='autobr' /&gt;
&lt;a href=&#034;https://developers.google.com/web/fundamentals/primers/service-workers/&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://developers.google.com/web/fundamentals/primers/service-workers/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Ejemplos:&lt;br class='autobr' /&gt;
&lt;a href=&#034;https://github.com/GoogleChrome/samples/tree/gh-pages/push-messaging-and-notifications&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://github.com/GoogleChrome/samples/tree/gh-pages/push-messaging-and-notifications&lt;/a&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Ver &lt;a href=&#034;https://www.chromestatus.com/feature/5416033485586432&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Push API&lt;/a&gt; y &lt;a href=&#034;https://www.chromestatus.com/feature/5480344312610816&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Notifications using Service Workers&lt;/a&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;a href=&#034;https://console.firebase.google.com/?pli=1&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Firebase Console&lt;/a&gt; y &lt;a href=&#034;https://firebase.google.com/?hl=es-419&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Firebase&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;a href=&#034;https://tests.peter.sh/notification-generator/&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://tests.peter.sh/notification-generator/&lt;/a&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;a href=&#034;https://serviceworke.rs/push-payload_demo.html&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://serviceworke.rs/push-payload_demo.html&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;2) How Push Works&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Ver si puedo hacer funcionar un ejemplo con la API Key que saqu&#233; desde la cuenta de LID.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="es">
		<title>Ca&#237;da del sitio de 02/10/17 por problemas en servidores de DNS de Iplan</title>
		<link>https://wiki.backendlid.com.ar/spip.php?page=article&amp;id_article=194</link>
		<guid isPermaLink="true">https://wiki.backendlid.com.ar/spip.php?page=article&amp;id_article=194</guid>
		<dc:date>2017-10-02T19:12:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>es</dc:language>
		<dc:creator>ElRRenegau, Leonardo V&#225;zquez</dc:creator>


		<dc:subject>LID Argentina</dc:subject>
		<dc:subject>Servidores</dc:subject>

		<description>
&lt;p&gt;Documento: &lt;br class='autobr' /&gt;
https://docs.google.com/document/d/1UHsjIzTSB4ti7LUUfW-ovL0EmsbFhYxQaI4&#8212;WsNkO8/edit?usp=sharing&lt;/p&gt;


-
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=rubrique&amp;id_rubrique=8" rel="directory"&gt;Documentos Internos&lt;/a&gt;

/ 
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=mot&amp;id_mot=8" rel="tag"&gt;LID Argentina&lt;/a&gt;, 
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=mot&amp;id_mot=22" rel="tag"&gt;Servidores&lt;/a&gt;

		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;Documento:&lt;/p&gt;
&lt;p&gt;&lt;a href=&#034;https://docs.google.com/document/d/1UHsjIzTSB4ti7LUUfW-ovL0EmsbFhYxQaI4--WsNkO8/edit?usp=sharing&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://docs.google.com/document/d/1UHsjIzTSB4ti7LUUfW-ovL0EmsbFhYxQaI4--WsNkO8/edit?usp=sharing&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="es">
		<title>Generaci&#243;n de contenido multiplataforma (1ra etapa) - Publicador en Twitter</title>
		<link>https://wiki.backendlid.com.ar/spip.php?page=article&amp;id_article=144</link>
		<guid isPermaLink="true">https://wiki.backendlid.com.ar/spip.php?page=article&amp;id_article=144</guid>
		<dc:date>2016-11-10T19:32:46Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>es</dc:language>
		<dc:creator>Ariel Leucipo, Leonardo V&#225;zquez</dc:creator>


		<dc:subject>Programaci&#243;n</dc:subject>
		<dc:subject>LID Argentina</dc:subject>
		<dc:subject>PHP</dc:subject>

		<description>
&lt;p&gt;Generaci&#243;n de contenido multiplataforma (1ra etapa) - Publicador en Twitter &lt;br class='autobr' /&gt;
1- En Twitter estamos publicando cada media hora, de manera autom&#225;tica (con un delay de 30 segundos) las nota de esta secci&#243;n http://www.laizquierdadiario.com/Seccion-Mundo-Obrero &lt;br class='autobr' /&gt;
2- Esto lo obtenemos de un feed de este tipo: http://www.laizquierdadiario.com/spip.php?page=ultimos_articulos_ejemplo (ultimos_articulos_ar.html). Es un &#034;bucle&#034; de art&#237;culos en SPIP. &lt;br class='autobr' /&gt;
3- Este bucle trae los &#250;ltimos art&#237;culos (&#8230;)&lt;/p&gt;


-
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=rubrique&amp;id_rubrique=2" rel="directory"&gt;Tareas&lt;/a&gt;

/ 
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=mot&amp;id_mot=3" rel="tag"&gt;Programaci&#243;n&lt;/a&gt;, 
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=mot&amp;id_mot=8" rel="tag"&gt;LID Argentina&lt;/a&gt;, 
&lt;a href="https://wiki.backendlid.com.ar/spip.php?page=mot&amp;id_mot=18" rel="tag"&gt;PHP&lt;/a&gt;

		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;h2 class=&#034;spip&#034;&gt;Generaci&#243;n de contenido multiplataforma (1ra etapa) - Publicador en Twitter&lt;/h2&gt;
&lt;p&gt;1- En Twitter estamos publicando cada media hora, de manera autom&#225;tica (con un delay de 30 segundos) las nota de esta secci&#243;n &lt;a href=&#034;http://www.laizquierdadiario.com/Seccion-Mundo-Obrero&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;http://www.laizquierdadiario.com/Seccion-Mundo-Obrero&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;2- Esto lo obtenemos de un feed de este tipo: &lt;a href=&#034;http://www.laizquierdadiario.com/spip.php?page=ultimos_articulos_ejemplo&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;http://www.laizquierdadiario.com/spip.php?page=ultimos_articulos_ejemplo&lt;/a&gt; (ultimos_articulos_ar.html). Es un &#034;bucle&#034; de art&#237;culos en SPIP.&lt;/p&gt;
&lt;p&gt;3- Este bucle trae los &#250;ltimos art&#237;culos publicados cada media hora y ejecuta mediante un CRON a nivel del servidor cada dicho intervalo.&lt;/p&gt;
&lt;p&gt;4- Lo que se ejecuta es un php &lt;strong&gt;TWAutoPublic.php&lt;/strong&gt; que se alimenta de esa entrada. Y usando la librer&#237;a codebird.php publica en una cuenta de Twitter usando la API y tokens correspondientes en la cuenta &lt;a href=&#034;https://twitter.com/MapaResistencia&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;https://twitter.com/MapaResistencia&lt;/a&gt; de esta manera la cuenta se mantiene actualizada con los art&#237;culos publicados en esa secci&#243;n.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Objetivos:&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Buscamos poder generar distintos tipos de tuits en distintas cuentas, de manera segmentada seg&#250;n sus intereses, etc.&lt;/p&gt;
&lt;p&gt;El objetivo es mejorar la funci&#243;n para poder configurar n cuentas, agregando f&#225;cilmente en el c&#243;digo sus atributos, que incluir&#225;n la informaci&#243;n necesaria para publicar(claves de acceso o tokens), una URL del feed o alimentaci&#243;n de notas para cada cuenta. Lo importante es que sea sencillo para agregar cuentas. M&#225;s adelante en una segunda etapa, esta informaci&#243;n para cada cuenta podremos leerla de otro lado como un archivo o una base de datos.&lt;/p&gt;
&lt;p&gt;Queremos mejorar la funci&#243;n de manera modular, distribuyendo los comportamientos, de manera que nos permita flexibilidad y reutilizaci&#243;n del c&#243;digo. Tambi&#233;n es importante para nosotros que el c&#243;digo aunque sea sencillo est&#233; lo m&#225;s claro, ordenado y &#034;autodocumentado&#034; posible, para facilitar su mantenimiento.&lt;/p&gt;
&lt;p&gt;Queremos ver tambi&#233;n que alternativas podemos utilizar en lugar del delay que estamos usando en php, que lo usamos para no quede como spam. Por ejemplo alg&#250;n tipo de cola (FIFO) que vayamos alimentando por un lado y consumiendo por el otro, sin que tenga que ser sincr&#243;nico el proceso.&lt;/p&gt;
&lt;p&gt;Queremos investigar adem&#225;s que otras mejora podemos hacer al respecto, en relaci&#243;n a las publicaciones, por ejemplo mejorar el contenido del tuit a publicar. La informaci&#243;n a publicar por cada art&#237;culo Twitter la toma de los metatags de cada art&#237;culo. Por ejemplo nos falta analizar la posibilidad de agregar Hashtags, agregando un campo&lt;/p&gt;
&lt;p&gt;&lt;code class='spip_code spip_code_inline' dir='ltr'&gt;&lt;meta name= &#034;hash&#034; content=&#034;hash1, hash2, hash3&#034; &gt;&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;. Lo mismo con los art&#237;culos que tienen videos adjuntos, habr&#237;a que ver como hacemos para generar un tuit con video en esos casos.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Estructura de datos&lt;/h2&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;ID de la cuenta:&lt;/strong&gt; &#034;maparesistencia&#034;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;Token de la API - Clave:&lt;/strong&gt; &#034;9MyLzrtZJmgfUkkz9OK5449F4&#034;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;Token de la API - Valor:&lt;/strong&gt; &#034;o7k6Tbkx83yx7EReubmUB....&#034;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;Token de la cuenta- Clave:&lt;/strong&gt; &#034;4847390206-6n29BGGg48u3TOqZazRs3UlllaqkicndBumWtxt&#034;&lt;br class='autobr' /&gt;
&lt;strong&gt;Token de la cuenta - Valor:&lt;/strong&gt; &#034;QXoRTuwWIifFSxvHM0b7WyR5Yypsd...&#034;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;URL:&lt;/strong&gt; &#034;&lt;a href=&#034;http://www.laizquierdadiario.com/spip.php?page=ultimos_articulos_ar&amp;id_mot=15&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;http://www.laizquierdadiario.com/spip.php?page=ultimos_articulos_ar&amp;id_mot=15&lt;/a&gt;.&#034;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>



</channel>

</rss>
