lunes, 2 de mayo de 2016


el spam ha arruinado Google Analytics

Este NO es un tema sobre software libre, pero si sobre el blog.


Las estadisticas de visitas del este blog se han convertido en datos inservibles gracias a que la mayoria son alguna forma de publicidad, "referal spam" (supuestas visitas que vienen de sitios que reenvian a sitios, algunos se ven bastante turbios).

Como no le he dedicado tiempo a generar material y a promocionar posts relavantes, hoy tengo más visitas falsas que reales, y no tengo como filtrarlas.


Los consejos que sugiere Google usar filtros para no mostrarlos, pero es demasiado complicado y no sirve demasiado porque los spammers van cambiando,  y tampoco sirve que se descarte todas las visitas que duren menos de 1 segundo, porque hay algunas que aparecen sin tiempo, pero que son de una fuente confiable.



domingo, 1 de mayo de 2016


Software en el ámbito educativo

El debate sobre que contenidos y que herramientas utilizar en el ámbito educativo me parece muy interesante. Yo estudié en un ámbito donde el tema de software no se encaraba de manera frontal, y luego de las encuestas que hicimos pudimos comprobar que algunos eran autodidactas mientras que otros habían estudiado por fuera de la Universidad.

Eso no es nada con las historias de terror que me han comentado en otros ámbitos donde les dan un CD con los programas truchos, o les dicen que se copien una versión portable de un programa propietario, incluso toda una sala de informática con programas instalados ilegalmente que un día se bloquaron.

No solo es una cuestión de precio y legalidad, incluso sin ser programador, puedo tener mucha mejor comprensión sobre como funcionan las herramientas, y en algunos casos mucha más cercanía para pedir funcionalidades.

Sobre las herramientas de diseño he intentado investigar cada funcionalidad que me parecía importante, encontrar una herramienta libre que sea equivalente, en lo posible mejores a software pago.

Lo que no sé como comprobar es porque me dicen que no se pueden acostumbrar a usar ciertas aplicaciones. Por ejemplo GIMP resulta muy incomodo para algunos, y no sé si es que no tiene instalado los plugins que necesita, la interfaz es demasiado diferente a lo que está acostumbrado. Mi problema es que llevo casi 10 años usando GIMP, y tengo exactamente el mismo problema cuando me ponen detrás del soft privativo lider. (Hace un tiempo escribí que no encontré como rotar la capa, cosa que seguro se puede, pero si lo hubiera juzgado como lo suelen hacer con el S.L. hubiera dicho "no se puede hacer"). En la Universidad Paris 8 están usando Krita, y en la UNLP aparece 5º en un ranking sobre compromiso con el  Software Libre (supongo que en Informática, no sé en otras Facultades)

Después entra en discusión porque enseñar estos programas "si la industria pide X" y entramos en una profunda cuestión ideologica, casí política sobre quien es la industria, si las empresas o la masa trabajadora, si intentamos replicar modelos extranjeros o crear los propios basados en las necesidades del país. El primero genera mano de obra que puede trabajar en Argentina, India o Canadá, pero que también es facilmente reemplazable por gente de otro país. Si pensamos solamente en el mercado local, dependemos que este esté activo todo el tiempo.

Todavía creo que nos falta un debate serio entre gente que está convencido sobre el Software libre y los que los desprecia, sobre como se enseña de manera LEGAL y coherente con la educación pública, pagando el software que se tenga que pagar, con carreras de postgrado aranceladas para costearlo, o lo que sea necesario, si es que no se puede hacer todo con Software Libre, pero analizando resultados y no desde un prejuicio de esta herramienta es mejor porque es la única que conozco.

sábado, 23 de abril de 2016


[charla] Diseño Gráfico con Software Libre - abril 2016

Esta charla está orientada a estudiantes y profesionales de Diseño gráfico y multimedia, pero que quizás no conozcan el software libre o licencias Creative Commons, no como un antagonismo con el software comercial y el copywright, sino como recursos que tenemos que tener en cuenta para nuestro beneficio, el de nuestros colegas y la comunidad en general.





Online:


Charla SVG (Inkscape con jessyink):




Versión 4


Más enlaces en la sección créditos a blogs amigos, manuales y videos online. Reparada la tipografía en FAQ, cambio plataformas OpenShot, títulos en enlaces.

 

Version 3



Version 2


Version 1







Charla en capturas PNG:



viernes, 22 de abril de 2016


Flisol 2016

Flisol en Mar del Plata 2016:  https://www.facebook.com/events/1712429819046245/?ref=46

Flisol en Tandil 2016: https://www.facebook.com/events/1069377799751456/?ref=46



Hago la cuenta una y otra vez para asegurarme de estar contando bien...

La Plata: 2007, 2008, y 2010
Mar del Plata: 2009, 2010, 2011, 2012, 2013, 2015
Tandil: 2014 y ... 2016

Pensé que hace 9 años que voy a los Flisol, pero haciendo bien las cuentas descubro que el próximo será mi 11º Festival Latinoamericano de Software Libre, quizás el evento más conocido dentro y fuera de la comunidad de Software Libre.

Cada año ha sido diferente, por el lugar, el rol que he tenido en cada evento. Y este año iba a ser el que cortara la racha, dado que por cuestiones personales no tengo el tiempo para ponerme a coordinar un evento así, y parecía que nadie lo iba a organizar. Sin embargo un mensaje a invitarme a dar una charla en Tandil hizo que decidiera dedicarle un poco de tiempo al evento, pero no tanto como años anteriores.

Esto me hizo poner muy reflexivo sobre porque participo en este evento: Al principio fue aprender, ayudar un poco desde la gráfica a promocionar el evento, luego intentando dar charlas, y quizás el rol del que más me arrepiento... coordinando el evento.

Pasé de hacer una actividad para conocer gente y socializar a ser el tipo obsesionado con que todo salga bien, ser puntuales, que no falte nada (ahora aprendí que ni en eventos internacionales pagos son tan pesados como era yo). Esto implica que no disfrutaba el evento, y veía como año a año la gente se iba alejando de los eventos. Por lo menos es lo que yo siento que he fallado.


Flisol en Google Trends



¿Cuanto de eso es mi culpa? ¿Cuanto es culpa de otras peleas internas? ¿Cuanto es culpa que no hay interés del público? Hace algunos días alguien me decía, en otras palabras, que la batalla por el escritorio estaba perdida.

Otra persona me decía que teniendo tanto tutoriales en la web, ya no hacía falta ir a un evento a ver como se instala una distro GNU/Linux.

Otros culpan a "la grieta" pero de eso ya hablé acá, siempre ha habido peleas y divisiones en el Software Libre.

...


Yo estoy tratando de seguir participando de los eventos, como una cuestión socialaportando mis conocimientos sobre diseño, y a lo sumo concejos sobre como NO organizar un evento.

miércoles, 20 de abril de 2016


[Tutorial] Inkscape + JessyInk = presentaciones dinamicas



Introducción

Esta es una guía para explicar como utilizar las funciones de JessyInk, es necesario tener un poco de experiencia usando Inkscape


Que es inkscape?

Un programa de ilustración vectorial, que utiliza como formato nativo el Standard Vector Graphic (SVG) que es norma ISO y es posible verlo en un navegador web.


Que es JessyInk?


Una extensión para inkscape que agrega código javascript al archivo SVG. Le agrega funcionalidades que lo convierten en una presentación, similar a Prezi o Sozi (también disponible en inkscape), Cada capa se convierte en una página, y también se puede agregar movimiento de cámara similar a Prezi.


Definiciones básicas

En el menú extensiones de inkscape podemos ver un item JessyInk, y dentro algunos items:


Instalar/Actualizar: Instalar el código de JessyInk en el archivo SVG

Efectos: Animación que tiene un objeto o grupo de objetos.

Combinaciones de tecla: Ver / modificar los atajos de teclado.

Transiciones: Efecto de transición entre una página y la siguiente.

Gestos de ratón: Ver / modificar los controles para modificar la presentación con el mouse. Es importante desactivarlo si se van a hacer presentaciones con enlaces, pero es muy práctico para controlar la presentación con un mouse inalambrico como si fuera un control remoto.

Auto textos: Campos dinámicos de texto como el número de página.

Diapositiva maestra: una hoja hoja cuyo contenido se repite en todas las páginas de la presentación.

Resumen: información del archivo.

Desinstalar/eliminar: Eliminar el código de JessyInk para que vuelva a ser un documento con capas.

Video: herramienta para incrustar videos en la presentación.

Vista: define el movimiento de la cámara a través de objetos que definen la posición, rotación y tamaño.




Funcionalidades


Modo Dispositiva
Por defecto, es el modo de navegación de la presentación. Es posible avanzar la presentación con las flechas o la barra espaciadora, Las teclas de inicio y fin irán a la primera y última página.

Modo dibujo (tecla d)
Es un modo que permite dibujar sobre la presentación, como para hacer notas, aclaraciones, o usarlo como un pizarrón digital.

Modo indice (tecla i)
Sirve para ver varias páginas a la vez, seleccion con el teclado o mouse a cual queremos ir.

Control a través del mouse
Puede ser más cómodo maneja la presentación con el click del mouse o con la rueda de scroll (en este último las vistas no tienen animación).



Ventajas

  • Libertad de dibujo de Inkscape, sin tener que exportar a otro programa.
  • Cómodo para convertir otros diseños en presentaciones.
  • Cada capa se convierte en una página, y se puede hacer vistas (movimiento de cámara)
  • Es posible generar enlaces internos y links externos.
  • Es posible controlarla con teclado o mouse.
  • Modo dibujo para usarlo como pizzarón digital.


Desventajas


  • Es más complejo que usar Impress.
  • Efectos de transiciones simples.
  • Los cuadros de texto con formato no funcionan en algunos navegadores.
  • El visor de video no funciona bien en Chrome.
  • No tenemos ninguna referencia visual cuando ponemos una vista o efecto.


Crear presentaciones



Pasos previos



Instalar jessyInk en el archivo SVG



Menú extensiones / JessyInk / Instalar-actualizar...

Click en Aplicar.



Preparar el documento



Cambie el formato de la presentación para que se vea bien a pantalla completa.

Menú  Archivo / Propiedades del documento

En el tamaño elija un formato 4:3 o 16:9 dependiendo de la resolución en la que se proyectará.




Agregar metadatos


Archivo / Metadatos del documento

Al verlo en un navegador, es posible cambiar el titulo de la presentación, y agregar campos que ayuden a indexar la presentación en ellos buscadores web.








Diseño básico

La ventaja de usar Inkscape es la libertad para generar gráficos y textos. Podemos usar una grilla y guias para organizar y mantener el estilo.

Es posible organizar toda la presentación en una sola capa, cambiando la posición de la cámara, en diferentes páginas, o una combinación de ambos.

Se le puede poner cualquier nombre a las capas, personalmente prefiero poner algo fácil de escribir porque después hay que escribir el nombre de las capas para agregar transiciones. Además prefiero numerarlas empezando por el número 0, para tener una referencia cuando quiera agrear links entre páginas.




Vistas



Una de las funcionalidades que más deseadas de Jessyink es poder hacer zoom y rotación sobre la presentación, que al ser vectorial no pierde calidad. Para lograrlo se le asigna a un grupo de objeto el rol de vista, que durante la presentación es invisible. Personalmente uso rectángulos en proporción 16:9 para tener control sobre la vista.

Además es posible asignar la vista a un grupo de objetos, cosa que es útil para generar un grupo con un número que sor sirva para ver el orden.
Por defecto la vista 0 es la vista de la página completa.


Efectos



Es posible hacer que un grupo de objetos sea invisible y que luego aparezca o viceversa. En conjunto con las vistas se puede utilizar para diferentes efectos como mostrar textos al hacer zoom a un detalle o hacer desaparecer objetos al alejarse.

No tenemos muchas opciones, pero son bastante prácticas:
  • Ninguno: no hay efecto, siempre es visible. Sirve para sacarle un efecto a un grupo.
  • Aparecer: visible de manera instantánea.
  • Desvanecer:  fade-in o fade-out al que podemos asignar la duración
  • Saltar: el grupo de objetos se mueve hasta su posición.




Transiciones (entre páginas)

Entre página y página es posible definiar la transición de entrada y salida. Las opciones disponibles son las mismas que en efectos.
La diferencia es que es necesario indicar el nombre de la capa, por eso prefiero mantener nombres simples en el que solo cambie el número.


Control por teclado / mouse

Por defecto se activan controles para manejar la presentación, cambiar de modos y otras funcionalidades.






Agregar links

En inkscape es posible crear enlaces que funcionan al ver el SVG en un navegador web. En combinación con jessyInk se convierte es una poderosa herramienta para generar contenido interactivo y evitar la navegación lineal que es uno de los problemas que tienen los slides convencionales.

Importante: desactive los controles por mouse, sino al hacer click va a cambiar de hoja en vez de abrir el link



Agregar enlaces a sitios externos





En un objeto o grupo, haga click derecho “Crear enlace”.

Nuevamente botón derecho, propiedades del enlace.

Los nombres de los campos les van a sonar conocidos a quienes trabajen en diseño web:


  • href: la dirección web “http://...”
  • Objetivo: Si queremos que el enlace se abra en otra ventana, hay que poner “_blank”
  • Titulo: Descripción que queremos que aparezca cuando pasamos el mouse sobre el enlace.


Enlace entre páginas del documento


Se crea un enlace de la misma manera que en el paso anterior, pero en href debe poner

javascript:slideSetActiveSlide(0)

Donde “0” debe ser reemplazado por el número de la página.



Video



El applet de video permite poner un clip en un formato que soporte nuestro navegador web, como por ejemplo OGG. Al agregar un objeto video, aparece un grupo de objetos,  con un cuadro gris y un campo de texto. El primero debe ajustarse al tamaño del clip y el segundo la dirección al archivo.

CONSEJO: Recuerde que en inkscape puede elegir un objeto que está dentro de un grupo, presionando la tecla “Ctrl” + click izquierdo.



Página maestra


Podemos definir una capa para que quede se repita en el fondo de las demás páginas.


Funciones extras

(Requiere saber algo de código XML / CSS) Como se trata de un archivo SVG, hay algunos cambios que se pueden hacer editando el código XML, cosa que no es demasiado difícil si saben algo de diseño web.



Linkear tipografías



El problema que tienen las presentaciones de Inkscape + JessyInk es que usan las fuentes tipográficas que estén en el sistema, si el que lo ve no las tiene instaladas puede tener problemas con algunos textos.

La solución más convencional es convertir todos los textos a trayectos, pero eso tiene dos problemas: el archivo es mucho más pesado y el texto no se puede editar.

La solución que encontré es linkear las fuentes con un poco de código CSS, insertado entre las definiciones básica del archivo
y las definiciones de degradados


En este caso usé la fuente Roboto. También podría haberlo linkeado con Google Fonts, pero de esta manera la presentación funciona completamente offline.

Imágenes con enlaces relativos






Cuando uno agrega una imagen a la presentación y la linkea, el enlace es absoluto, es decir en linux va a ser “home/usuario/carpeta/archivo”, o en windows “C: /capeta/...”

Si la presentación solo se va a ver en su máquina, no va a tener problema, pero si quiere ponerla en la web es necesario que los enlaces sean relativos al SVG, por ejemplo si pongo la imagen en una subcarpeta, el enlace sería “images/imagen.jpg”.

Personalmente uso el editor web Geany, pero se puede usar cualquier editor de texto que tenga la función de buscar y reemplazar, para cambiar los enlaces absolutos a relativos, y que la presentación funcione en otras máquinas y online.

Advertencia: Cuando abra el SVG con inkscape es posible que vuelva a cambiar las direcciones de las imágenes.
Links