Postinga 0.5 con previsualizador de posts!

Buenas gente. Hace casi un mes atras publique la primera version de PosT!NGA y luego de todos estos dias le incorpore funcionalidades que me parecian utiles y otras que me sugirieron. Con este post quiero mostrarles como se encuentra el proyecto hoy dia.

Para los que no estaban al tanto...





¿Que es PosT!NGA?


Es una aplicacion multriplataforma que facilita la creacion de posts y la posibilidad de hacerlos offline sin la necesidad de estar logueado en T!.





La interfaz


En la parte superior se encuentra:

Botones para definir la justificacion, negrita, italica o subrayado del texto
(Tienen asociados los mismos shortcuts del editor de T! (ctrl-B, ctrl-I y ctrl-U))




Selectores de fuente, color y tamaño del texto




Botones para insertar videos de youtube, imagenes,links,flash, codigo y quote




Botones para insertar imagenes con link, videos desde megavideo, blip.tv, vimeo, google video y musica desde goear.




4 Botones para insertar codigos predefinidos (mas abajo se explica bien)




8 Botones para insertar imagenes predefinidas (tambien se explica mas abajo)



En la parte central se encuentra el panel para escribir el post y en la parte inferior tenemos:


Accesos rapidos a emoticones




Dentro de "mas emoticones" se encuentran los restantes. Pulsando sobre alguno de ellos se agrega al post




Botones para aumentar o disminuir la fuente del editor y 2 checkbox para incluir (opcionalmente) un titulo y fuente al post




Por ultimo, controles para guardar el post como borrador (en forma local), copiarlo al portapapeles (no hace falta seleccionar el texto), generar codigo bbcode automatico (luego se explica esta funcion) y el aclamado boton de previsualizar el post






Algunas mejoras con respecto al editor de Taringa


Postinga permite agregar mas tipografias y tamaño de las mismas a los posts.
Las tipografias que se incluyen son:

Arial
Arial Black
American Typewriter
Calibri
Century
Comic Sans MS
Courier New
Chiller
FixedSys
French Script MT
Georgia
Impact
Lucida Console
Lucida Sans
Monotype Corsiva
Times New Roman
Traditional Arabic
Trebuchet MS
Ubuntu
Verdana


Los tamaños de letra son:

Fuente de 9px
Fuente de 12px
Fuente de 14px
Fuente de 16px

Fuente de 18px

Fuente de 20px

Fuente de 22px
y
Fuente de 24px

Para facilitar la edicion pulsando clic derecho sobre el panel editor se desplega el menu contextual con las opciones del panel superior



Para insertar musica de Goear, videos de Youtube, Vimeo, Megavideo y Google Video se pulsa sobre el boton correspondiente y se pega el link que aprarece en la barra del navegador. No hay que ingresar ni el ID del video, ni una parte de la direccion ni nada, solo el LINK COMPLETO como se muestra en las imagenes a continuacion

En el navegador se ve:


Copiar y pegar a la aplicación


y queda como resultado

PosT!NGA dijo:

[ swf=http://www.youtube.com/v/tNra957RtXo]
Link: [ url]http://www.youtube.com/watch?v=tNra957RtXo[ /url]

(Los espacios son para que ahora no me coloque el video)





Como insertar videos desde Blip.tv


En el video pulsan el boton y pulsan copy embed code



luego pegan el codigo en el campo de texto que aparece al pulsar sobre el boton Blip.tv







Como insertar videos desde Vimeo


Los videos de Vimeo pueden insertarse pegando en el cuadro de texto el link completo


o pegando el codigo embebido del video


luego pegan el codigo en el campo de texto que aparece al pulsar sobre el boton Vimeo



¿Que son y como utilizar los códigos predefinidos?




Muchos (incluyendome) utilizan en sus posts algun tipo de firma personalizada, encuestas, banners de seguir usuario, etc. Para facilitar la insercion del codigo que se utiliza comúnmente se pueden guardar hasta 4 fragmentos de codigo para insertarlos rapidamente.

¿Como guardar un fragmento de codigo?


Con el editor vacio colocan el fragmento de codigo deseado. Luego pulsan el boton Guardar y a continuacion el slot donde quieran guardarlo.

PosT!NGA dijo:

Tengan cuidado que si habia otro fragmento almacenado se sobreescribirá por el nuevo

Para eliminar un fragmento pulsan el boton Borrar y luego el slot donde se encuentra el mismo.

Para utilizar un fragmento en la edicion solo deben pulsar el boton del slot correspondiente.



¿Que son y como utilizar las iamgenes predefinidas?


Algo similar a lo anterior suele suceder pero con imagenes. Generalmente se utilizan separadores, barras, viñetas, etc y estos botones permiten acceder rapidamente a esas imagenes.

Para utilizar una imagen predefinida primero deben setearla desde el MENU - Configurar Imagenes



En la ventana de configuracion cuentan con campos para almacenar las url de las imagenes y una breve descripción de la misma. Al pulsar sobre la lupa se muestra una previsualizacion de la imagen seleccionada.



Desde el editor si colocan el puntero del mouse sobre el boton de la imagen se muestra la descripcion almacenada anteriormente







¿Que es la generacion automatica de codigo?


Para facilitar aun mas la creacion de posts, la aplicacion permite que no sea necesario insertar imagenes, links o videos pulsando sobre los botones correspondientes. Con solo colocar el link en el editor al pulsar generar codigo en otra ventana se muestra el mismo codigo que si se hubiese insertado individualmente. Una imagen para aclarar la idea.
En el panel hay 3 links. Un video de youtube, una imagen y la direccion www.google.com



Si hubiese querido agregar el video, la imagen y el link al post tendria que haber insertado uno a uno.
Pero si pulso "GENERAR CODIGO" la aplicacion detecta automaticamente de que se trata cada elemento y le agrega los tags necesarios como se muestra en la imagen



En este modo, las imagenes y videos se las coloca centradas. Si no desean este comportamiento deben insertarlas manualmente.
Los campos de texto Titulo y Fuente tambien pueden ser utilizados en la generacion automatica. Si esta tildado el checkbox "Añadir titulo" en el codigo autogenerado se agregará un titulo al post con el texto del campo Titulo.
Analogamente sucede lo mismo con la fuente. Si posteamos alguna noticia y no queremos olvidar colocar la fuente, se puede pegar el link de la fuente en el campo correspondiente, tildar la opcion "Añadir fuente" y cuando se autogenere el codigo se colocará en la esquina inferior izquierda del post un link a la fuente.





Previsualizando los posts



Una opcion reciente es la posibilidad de previsualizar los posts en un navegador. Para poder hacer esto es necesario configurar de antemano el navegador que utilizaremos para esta tarea.

Para configurar el navegador ir a MENU - Configurar Navegador
En el campo ejecutable se debe colocar el path completo del ejecutable o pueden seleccionarlo pulsando Buscar





Si queremos ver que sea correcto pulsando Probar ejecutará el navegador

Una vez que este configurado el navegador es posible previsualizar nuestro post y ver como se veria exactamente igual por los usuarios.







PosT!NGA version netbook


Para los usuarios de netbooks, hay una version que cuenta con las mismas caracteristicas pero con una interfaz adaptada para pantallas pequeñas. Por ahora no se encuentra disponible la posibilidad de previsualizar los posts pero en breve lo estará







Ventajas de usar PosT!NGA

No necesita instalarse
Corre sobre Windows y Linux
Soporte para mas tamaños y estilos de fuentes.
Insertar facilmente elementos de Megavideo, Goear, Blip.tv, Google video, etc
Previsualizacion de los posts en el navegador sin depender de Taringa






Requerimientos


PosT!NGA funciona tanto en Linux como en Windows siempre y cuando tengan instalado JAVA JRE
(Si usas JDownloader, te anda seguro)



Descarga


PosT!NGA 0.5 (Archivo .jar)


PosT!NGA 0.5 Fuente (Archivo .zip)



PosT!NGA 0.32-Netbook (Archivo .jar)






Ejecucion


Linux

Asegurense que el archivo tenga permisos de ejecucion.
Click derecho sobre el archivo/propiedades/permisos y debe estar tildada la opcion "Permitir ejecutar..."



Luego clic derecho y seleccionen abrir con Java (OpenJDK, o Sun Java)



Windows

Si tienen Java instalado doble clic sobre el archivo .jar

PosT!NGA dijo:

Si tienen Windows 7 x64 puede sucederles que al hacer doble clic no se abra con Java. La solución es instalar Jarx.
El link para descargarlo es

Gracias imperiocesariano

PosT!NGA dijo:

Si tenes alguna duda, sugerencia, queres estar al tanto de novedades o reportar un bug podes unirte a la comunidad de PosT!NGA

PosT!NGA dijo:

La aplicación no esta libre de bugs asi que acepto reportes de los mismos via MP o por comentario. Sugerencias y criticas también son bien recibidas

Espero que les sea util
Hasta pronto!