[Review] EmotiConverter: una extensión para Firefox

[JackSparrow]

Índice

1. Resumen
2. Primeros pasos
3. Funciones
4. Otras opciones
5. Usando EmotiConverter
6. Video
7. Futuras opciones
8. Descarga
9. Soporte y sugerencias

Resumen

Imagina que tienes varios emoticons subidos a algún host (p.ej: imageshack, photobucket, deviantart, etc) y que cada vez que quieres usarlos tienes que ir al host, buscar tu emoticon, copiar su url, y pegarlo en donde quieres publicarlo.

Imagina que el foro al que frecuentas tiene emoticons que te gustan, pero que sus atajos o palabras clave (p.ej: ":D", ":mrgreen:", etc) son muy largos o difíciles de escribir.

Ahora imagina que existe una extensión que resuelve todos esos problemas.

Eso es EmotiConverter: una extensión que ayuda a los usuarios de cualquier foro a poder poner los emoticons que quieran con las palabras clave que quieran, y de una manera súper fácil y rápida.


Primeros pasos

Una vez instalado EmotiConverter en nuestro Firefox, debemos cargarlo con los emoticons que necesitemos.
Para lograr eso podemos proceder de dos maneras diferentes:

Una es viendo nuestro emoticon en nuestro navegador, con lo cual si tocamos clic derecho sobre el emoticon, en el menú desplegable que aparece habrá un botón que dice "Agregar emoticon al EC".
Si lo presionamos, aparecerá una ventana en la cual podemos ingresar el atajo que queremos darle a ese emoticon. Por defecto aparece el nombre de la imagen sin la extensión, pero podemos poner el que queramos.

Debajo del atajo se encuentra la URL del emoticon. Es posible modificarlo, con lo cual la vista previa se actualizará, aunque generalmente no es necesario.

Al presionar "Aceptar" el emoticon se agregará a nuestra lista, con lo cual ya está listo para usar.

Para aquel que no le interese mucho el atajo del emoticon, o quiera agregarlos rápidamente, se puede desactivar la opción "Preguntar atajo al agregar emoticon", en la ventana de opciones, con lo que no se preguntará por un atajo para el emoticon, sino que se agregará de manera automática con el nombre de la imagen, o una variante del mismo.

La otra forma de agregar un emoticon es yendo a Herramientas -> EmotiConverter y presionar Opciones con lo cual aparecerá una ventana como la siguiente:

En donde dice "Ingrese atajo" tenemos que ingresar el atajo, y donde dice "Ingrese URL de la imagen" debemos ingresar la url de la imagen (emoticon). Más simple imposible xP

Una vez ingresada ambas, hay que presionar el botón "Añadir" para que el emoticon sea agregado a nuestra lista.

Para que los cambios surjan efecto, hay que tocar el botón "Aplicar" o "Aceptar".


Si la imagen tiene algún error, o la URL es incorrecta, aparecerá una imagen como la siguiente indicando que se produjo un error:


Si se quiere agregar un emoticon con el mismo atajo que otro, o que el atajo de uno contenga a otro (P.ej: "casanova" y "casa", "casanova" contiene a "casa" ), EmotiConverter nos alertará de esto, y exigirá un cambio de atajo. Esto se hace para evitar problemas a la hora de agregar un emoticon en un post.
En el MSN o similares es muy común tener un emoticon como "hola" y otro como "hola2", con lo cual se pueden presentar complicaciones, ya que es posible que el usuario haya querido que aparezca el emoticon que corresponde a "hola" con un 2 al costado, como también pudo haber querido que aparezca el emoticon "hola2".


Funciones

EmotiConverter cuenta con una ventana de opciones en la cual se pueden realizar todas las acciones necesarias para administrar nuestros emoticons:


Cada fila de la tabla representa a un emoticon.
La 1º columna muestra el número de emoticon.
La 2º columna el atajo de ese emoticon.
La 3º columna contiene la URL del emoticon.

Presionando clic derecho en alguna fila es posible modificar los datos de esa fila, seleccionar todas las filas, invertir la selección, o eliminar la/s fila/s seleccionada/s.
También es posible seleccionar todas las filas con Ctrl + A.

Seleccionando una u otra fila se obtiene una vista previa del emoticon de esa fila. Si el emoticon es muy grande, la vista previa lo achicará automáticamente manteniendo el aspecto. Para ver el emoticon en tamaño real, solo es necesario hacer un clic encima de la imagen, con lo cual aparecerá una ventana con el emoticon en tamaño real.

Si el emoticon es muy largo, aparecerán unas flechas para poder desplazarse a lo largo del emoticon.

Como se ve en la imagen, debajo de la tabla aparece la URL de la imagen. Ésta no es modificable, es simplemente para vistas rápidas o si se necesita copiar la misma con Ctrl + C, o clic derecho -> Copiar.

Justo arriba de la tabla, y debajo de los espacios para ingresar atajo y URL se encuentran 4 botones a la izquierda, y un quinto a la derecha.

El primero (Guardar tabla como...) sirve para guardar la tabla, ya sea a modo de copia de seguridad, o para compartir con otra persona/computadora. Solo es necesario presionarlo y elegir el directorio. Si se lo desea, es posible cambiar el nombre del archivo.
También se puede guardar la tabla con Ctrl + S.

El segundo (Añadir tabla) sirve para agregar tablas guardadas previamente. Para agregar una tabla hay que presionar este botón, buscar el archivo que contenga los datos, y presionar aceptar.
Una vez hecho esto, aparecerá una ventana con la lista de emoticons que contiene ese archivo. Por defecto aparecen todos seleccionados para agregar, pero si no se quieren todos esos emoticons, es posible seleccionarlos/deseleccionarlos para agregar únicamente los que se desean.

Presionando clic derecho sobre la lista es posible invertir los elementos marcados, seleccionarlos a todos, invertir la selección, marcar los elementos seleccionados o viceversa.
Con presionar Aceptar los emoticons marcados con el círculo verde serán agregados a la tabla principal.

Con el tercer botón (Modificar fila) es posible modificar los datos de la fila seleccionada, como son el atajo o la URL. También es posible modificar la fila haciendo doble clic sobre la misma, o clic derecho -> Modificar fila.

El cuarto botón (Eliminar) se encarga de eliminar la/s fila/s seleccionada/s. También es posible acceder a esta opción con el botón "Suprimir" del teclado, o con clic derecho -> Eliminar.

El quinto y último botón (Guardar imagen como...) sirve para guardar el emoticon en nuestro disco duro. Para hacer esto solo hay que presionarlo, elegir el directorio de destino, si se lo desea, cambiar el nombre, y presionar Aceptar.


Otras opciones

En la misma ventana que antes, podemos ver que hay 2 solapas en la parte de arriba. Una corresponde a la tabla y los botones previamente descriptos (General), y la otra es la solapa de Opciones.


En donde dice "Complementos del link" tenemos dos casilleros que contienen "[img.]" y "[/img.]".
Éstos son lo que se agregará a la url del emoticon adelante y atrás para que se vea la imagen en el post. Generalmente no necesitan ser modificados.
Donde dice "Ejemplo" muestra cómo quedaría la url del emoticon en el post.

Luego tenemos 2 opciones para checkear.

La primera es "Emoticonvertir en modo seguro". La misma se encarga de que no se tomen como emoticons cosas caracteres que estén entre los tags elegidos anteriormente, en nuestro caso: "[img.]" y "[/img.]".
Esto es útil para cuando EmotiConvertimos más de una vez en un mismo post, y no queremos que se generen problemas.

La segunda es "Preguntar atajo al agregar emoticon". Ésta fue explicada previamente, en la donde se mostraba las diferentes formas de agregar un emoticon a nuestra lista.

Por último, arriba a la derecha hay un botón que se encarga de cargar los valores por defecto. Si por accidente modificamos alguna de estas opciones y no recordamos cómo eran, presionándolo volverán al valor que tenían ni bien instalaron la extensión.


Usando EmotiConverter

Ésta es la parte más fácil de todas.

Primero debemos ir al foro en donde vallamos a postear.

Mientras escribimos el mensaje, vamos poniendo los atajos de los emoticons que queramos. Por ejemplo:

Hola! :hi:
Cómo están todos?

Realmente no puedo esperar a ver la nueva película de Keanu Reeves -pup-pup-pup parece que va a ser realmente estupenda.

Por otro lado he escuchado rumores de que se va a suspender -grito, espero que no sea cierto!

Saludos! -byes

En donde:
:hi: > es el atajo de >
-pup > es el atajo de >
-grito > es el atajo de >
-byes > es el atajo de >

Como ve, suelo ponerle algún símbolo al principio/final del atajo. Esto lo hago para que no sea cosa que quiera escribir la palabra "byes" y me la tome como el atajo de un emoticon.

Una vez escrito el post, tenemos 2 opciones para convertir los atajos en emoticons:
La primera consiste en tocar clic derecho sobre el post y presionar "Emoticonvertir".

La segunda y más rápida es presionar Ctrl + Alt + E.

Si solo se quiere “emoticonvertir” una parte del post, se selecciona ese texto, y luego se “emoticonvierte” de cualquiera de las dos maneras anteriores.

Una vez hecho esto, el post quedaría algo así:

Hola! [img.]http://fc00.deviantart.com/fs38/f/2008/360/0/2/Hi_emoticon_by_LecJackS.gif[/img.]
Cómo están todos?

Realmente no puedo esperar a ver la nueva película de Keanu Reeves [img.]http://img144.imageshack.us/img144/2015/071vo6.gif[/img.][img.]http://img144.imageshack.us/img144/2015/071vo6.gif[/img.][img.]http://img144.imageshack.us/img144/2015/071vo6.gif[/img.] parece que va a ser realmente estupenda.

Por otro lado he escuchado rumores de que se va a suspender [img.]http://i38.photobucket.com/albums/e109/Zoychi/cebollitas/15f254751394f42425f4975757146734370.gif[/img.], espero que no sea cierto!

Saludos! [img.]http://img361.imageshack.us/img361/9671/osakakg4.gif[/img.]

Tocando el botón de vista previa del foro, o enviándolo, se terminará viendo así:

Hola!
Cómo están todos?

Realmente no puedo esperar a ver la nueva película de Keanu Reeves parece que va a ser realmente estupenda.

Por otro lado he escuchado rumores de que se va a suspender , espero que no sea cierto!

Saludos!

Los símbolos que se pueden utilizar como atajos son todos los que se pueden ingresar por teclado. Hasta el momento no hay ninguno que haya presentado problemas en esta versión del EmotiConverter, así que no tiene por qué limitarse a la hora de inventar atajos xD


Video

El siguiente video muestra cómo utilizar el EmotiConverter, agregando emoticons copiando el link de la imagen y agregándolo a la extensión.
http://www.youtube.com/watch?v=qKrHTPY6pyk&fmt=18


Futuras opciones

• Click derecho sobre el post mostraría un submenú con los emoticons disponibles para poder agregar con un click. Así se evitaría tener que acordarse de todos los atajos guardados.
  También podría ponerse un botón opcional en la barra de herramientas o en la de estado con la tabla de emoticons.
  
• Colorear fondo del texto que es tomado como atajo mientras se escribe, para así saber dónde van a aparecer, y poder evitar emoticons no deseados.
  
• EmotiConvertir en modo seguro no solo se encargaría de no emoticonvertir lo que esté entre "[img.]" y "[/img.]", sino que también se puedan agregar todas las etiquetas que se deseen (como por ejemplo [url.], [code.], [quote.], etc).

Descarga

https://addons.mozilla.org/firefox/addon/8687

Actualmente EmotiConverter se encuentra como pública, por lo tanto cualquiera puede descargarla sin ningún tipo de restricción, y con la garantía de que colaboradores de Mozilla la han revisado y aprobado, como se ve en este post.


Cualquier tipo de error, por más mínimo que parezca, por favor repórtenmelo, ya que gracias a esa pequeña colaboración puedo brindarles una mejor calidad en la extensión. No es molestia para nada, todo lo contrario ;D


Soporte y sugerencias

http://emoticonverter.forumotion.net/

[ElTxolo]

Excelente! ... JackSparrow

Gracias.


Un Saludo.

[JackSparrow]

Excelente! ... JackSparrow

Gracias.


Un Saludo.

De nada ;D

Pasaba para comentar algo, pero vi que Photobucket se retovó con uno de los emoticons de arriba, así que ahora me pongo a solucionarlo.


A lo que venía era a esto: Hoy me llegó un mail de mozilla addons. Al parecer alguien se puso a leer el código para ver si la extensión era apta para hacerla pública, este es el mail:

Your nominated add-on, EmotiConverter, has been reviewed by a Mozilla Add-ons editor who decided to retain your add-on in the sandbox.

Review Information:
Reviewer: Sid Kalra
Comments: In order to prevent conflicts with other addons that may be installed by users, you need to wrap your 'loose' variables and functions within a JavaScript object. You can see an example of how to do this @ http://blogger.ziesemer.com/2007/10/res ... space.html.

Así que me voy a tener que poner a pasar el código a OOP, o al menos una parte (cosa que quería evitar porque no me llevo muy bien, pero al recibir esta nota, se hace necesario, y me da una excusa para practicar algo del tema ;D).

Más que nada dejo esto para todo aquel que este comenzando con una extensión, o le interese hacerlo, posea un poco más de información de cómo es el proceso de pasar una extensión de "experimental" a "pública".

Saludos

[Altair]

Buena noticia

Funciones, funciones, funciones, funciones.

[BlackRider]

Nice extension!
Y no te preocupes por lo otro... solo personas registradas pueden descargar la extension pero igual promete bastante

[JackSparrow]

Solucionado el problema que me aquejaba(?).

Al final lo hice de una manera bastante simple:
Antes estaba así:

Código: Seleccionar todo

function name01() {
    .....
    .....
}
function name02() {
    .....
    .....
}
function name03() {
    .....
    .....
}

Y ahora encapsulado quedó así:

Código: Seleccionar todo

var ecOverlayFunctions = {
    name01: function() {
        .....
        .....
    },
    name02: function() {
        .....
        .....
    },
    name03: function() {
        .....
        .....
    }
};

Está bueno porque es bastante simple de modificar, y apenas cambia la manera de llamar a una función. Lo único es que es algo largo. Me llevó unas 2-3hs encapsular todo y modificar las llamadas a funciones, y después un tiempito más darme cuenta que una estaba mal llamada, y reparar otro problema que había surgido por los nombres.


En fin, subida la nueva versión de EmotiConverter (0.9.9.4), en la cual se solucionaron posibles problemas con otras extensiones, y se le agregó la compatibilidad para Seamonkey2.


PD: Gracias BlackRider por el cumplido ;D

[Altair]

Excelente noticia, probaré la nueva versión en SeaMonkey y te digo.

[JackSparrow]

Gracias Космонавт por avisar del bug. No fue muy complicado de solucionar, pero se me había pasado por alto, ya que una vez que se usa EmotiConverter, automáticamente se crea un archivo en el perfil de Firefox (EmotiConverter.xml), el cual contiene tanto los emoticons como la configuración de la extensión, y no se me había ocurrido eliminarlo y probar diferentes cosas para ver qué pasaba.

El problema con esto es que si se hacía click derecho sobre una imagen y se la agregaba ni bien se instalaba la extensión, el archivo en el cual se deben guardar los datos no existía, y los datos no se guardaban.
Si se trataba de emoticonvertir sin ese archivo, pasaba algo parecido.

La solución fue hacer que una vez que se trata de agregar un emoticon, se cree el archivo correspondiente, como pasaba cuando se abría la ventana de opciones, y cuando se trate de emoticonvertir sin ese archivo, simplemente que verifique que el archivo exista, y si no es así, que no haga nada.

En teoría ya está solucionado, pero cualquier cosa me avisan denuevo, que me ayuda mucho un dato como este.

En fin, nueva versión de EmotiConverter:
Emoticonverter 0.9.9.4.1

[Loqus]

Saludos Jack

Bueno. Pasaba por aquí y ví el anuncio. Ya he pasado por el foro de Jack también. Le deseo toda la suerte y se que la tendrá.

Estoy seguro de que el script será una alternativa, un complemento y una mejora a la oferta actual para los que somos aficionados al mundo de los emoticones.

[JackSparrow]

Mozilla Add-ons: EmotiConverter Nomination‏
From: Mozilla Add-ons ()
Medium riskYou may not know this sender.Mark as safe|Mark as junk
Sent: Wednesday, March 25, 2009 11:29:28 AM
To: mi_mail

Congratulations! Your nominated add-on, EmotiConverter, has been reviewed by a Mozilla Add-ons editor who approved your add-on to be public.

Your most recent version (0.9.9.4.3) has also been made public.

You can view your public add-on now at: http://addons.mozilla.org/addon/8687

Review Information:
Reviewer: Zadkiel M
Comments: Congratulations, your addon has been approved for public status.<br />
<br />
Keep up the good work!

If you have questions about this review, please e-mail or join #addons on irc.mozilla.org.

Mozilla Add-ons
http://addons.mozilla.org

Así que listo, la extensión ya es pública =D!

Saquenme de una duda. Alguno que la haya tenido instalada hasta ahora, pero una versión vieja, recibió avisos de actualización? porque al ser instalada mientras estaba como experimental no se si funciona el sistema. Supongo que sí, pero buep.

Posteé el mail para el que le interese conocer el proceso de publicación de una extensión.

Saludos ;D!

[Altair]

Primero que todo, Felicitaciones.

No apareció el mensaje de actualización automática, tuve que actualizarlo a través del administrador de extensiones de SeaMonkey 2 Alpha 3.

[JackSparrow]

Jajajajajaja! Buenísimo el approbed xP

Gracias!

Y sobre las actualizaciones, supongo que solo cada tanto las revisa, por lo que se puede atrasar un par de días, porque si anduvo dándole a "buscar actualizaciones" debe funcionar para lo otro.

Además descargaron como 150 veces la extensión en las últimas 24hs, lo que me hace pensar que muchos la actualizaron xP

[ElTxolo]

Enhorabuena ... JackSparrow

Excelente trabajo ... Estoy usando tú extensión, con la última versión Nighly Trunk de SeaMonkey 2.0
[Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1b4pre) Gecko/20090326 SeaMonkey/2.0b1pre]
y funciona perfectamente, con solo editar/modificar el .rdf


Un Saludo.

[perezpzz]

Probando, probando 1 2 3 probando hola, hola, hola

Космонавт por ar del bugNo fue muy complicado de solucionarpero se me había pasado por altoya que una vez que se usa mente se un archivo en el perfil de Firefox (xml)el cual contiene tanto los ns como la configuración de la exióny no se me había ocurridolo y prodiferentes cosas para ver qué pasaba

El con esto es que si se hacía click derecho una y se la agregaba ni bien se instalaba la exiónel archivo en el cual se deben guardar los no existíay los no se guardaban
Si se trataba de rtir sin ese archivopasaba algo parecido

La solución fue hacer que una vez que se trata de agun nse cree el archivo ientecomo pasaba cuando se a la de oionesy cuando se trate de rtir sin ese archivo simplemente que verifique que el archivo existay si no es asíque no haga nada

En ya está solucionadopero cualquier cosa me an denuevoque me ayuda mucho un dato como este

En finnueva versión de :
[urlhttps://addonsmozillaorg/addons/versions/#version-]Emotirter [/url]

[JackSparrow]

D:!

Debería poner en algún lado "usarse con responsabilidad" xP


En cuanto a la extensión, la fui modificando varias veces, y fue hecha pública unas 4 (al rededor de 1-2 meses después de hacer la petición, aunque con la última versión tardaron unos pocos días).

Hice un par más de videos con nuevas funcionalidades, así que al que le interese:
http://emoticonverter.mozdev.org/


Saludos.