Home > Bing, Desarrollo, Recursos, Visual Studio > Integrar Microsoft Translator en Sitio Web

Integrar Microsoft Translator en Sitio Web


image

Hoy en dia, las aplicaciones web buscan tener un mayor flujo de usuarios y visitantes, pero uno de los problemas mas frecuentes que se presenta es el hecho de que estas son construidas en la lengua nativa del equipo que ideo el sitio, aunque las herramientas actuales ofrecen tools que permiten manejar diversas culturas al momento de desarrollo y puesta en produccion del sitio, estas en algunas ocasiones son un poco complicadas de manejar.

Desde el 2008, Microsoft Translator ha ido posicionandose como una herramienta muy buena, desde su salida, ha ido evolucionando y ofreciendo diversos tools para integrar este traductor en nuestros sitios.

Desarrolladores: http://www.microsofttranslator.com/dev/

Herramientas: http://www.microsofttranslator.com/tools/

Para integrar esa herramienta en un sitio web sin importar en que lenguaje o herramienta este construido, existe un widget el cual consiste en un tag Html que al integrarlo en nuestro sitio, nos dara la posibilidad de utilizar el servicio de traduccion en nuestro site.

Este proceso se puede realizar en 2 sencillos pasos.

1. Generar Widget

Para ello ir a http://www.microsofttranslator.com/widget/ en esta pagina de manera muy sencilla y dinamica se personalizara el widget y se indicaran parametros iniciales como lenguaje nativo del sitio y url de la pagina, color y tamano.

image

image

Algo interesante es a medida que se va personalizando, se genera una vista previa del elemento en tiempo real.

Un vez terminado, simplemente se da clic en el boton “Generate code” ubicado en la parte inferior, y Listo!!!.

image

En cuestion de segundos se generara el codigo pertinente para el widget construido.

Como vemos es un tag <div> que contiene los parametros y los script necesarios para la traduccion, ahora es colocarlo en el sitio.

2. Insertar Wigdet en la pagina

En esta ocasion voy a colocar un widget personalizado en un sitio asp.net, en visual studio simplemente es colocar el contenido del tag del widget y colocarlo dentro del tag form en nuestro sitio, posteriormente ejecutar y Listo!!!!.

Aunque en vista de diseno no se va a ver el control, ya al momento de ejecutarlo este sera visible.

Diseno Ejecucion
image image

algo muy interesante de este control, es que al momento de seleccionar un idiomay dar la opcion de traducir, TODO el sitio va a permanecer con el idioma seleccionado.

Vale la pena resaltar que cuando se traduce la pagina, se presenta una barra de traduccion ubicada en la parte superior del sitio que permite la posibilidad de cambiar el idioma o de traducir el proceso de traduccion cuando hay mucho contenido, mientras esta no se cierre haciendo clic en la image ubicada en la parte superior derecha, este sitio continuara con la traduccion.

Sitio Original

image

Traducido a Italiano, ver la barra de traduccion en la parte superior.

image

Todas las paginas del sitio quedaran traducidas mientras no se cierre la barra.

image

Cuando se coloca el raton sobre un texto, encima se mostrara este en el lenguaje original.

image

Asi mismo existe todo un SDK para los desarrolladores en caso de que se desee realizar un proceso de traduccion mas personalizado y detallado.

Interactive SDK: http://sdk.microsofttranslator.com/

Microsoft Translator Blog: http://blogs.msdn.com/b/translation/

Bueno un tool la verdad bastante util para nuestros sitios web. La invitacion es a conocerlo y a ampliar el rango de alcance de nuestras aplicaciones.

Gerardo Ramos – Microsoft Student Partner

  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: