UDA-Componentes RUP. Idioma (v2.1.1 deprecado)

227 views

Published on

UDA-Utilidades de desarrollo de aplicaciones
• UDA-Componentes RUP. Idioma

http://uda-ejie.github.io/

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
227
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

UDA-Componentes RUP. Idioma (v2.1.1 deprecado)

  1. 1. UDA - Utilidades de Desarrollo de AplicacionesComponentes RUP – IdiomaFecha: 09/01/2013 Referencia:EJIE S.A.Mediterráneo, 14Tel. 945 01 73 00*Fax. 945 01 73 0101010 Vitoria-GasteizPosta-kutxatila / Apartado: 80901080 Vitoria-Gasteizwww.ejie.esUDA – Utilidades de desarrollo de aplicaciones by EJIE is licensed under a Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported License.
  2. 2. Componentes RUP – Idioma ii/7Control de documentaciónTítulo de documento: Componentes RUP – IdiomaHistórico de versionesCódigo: Versión: Fecha: Resumen de cambios:1.0.0 06/06/2011 Primera versión.1.0.1 18/07/2011Correcciones en los números de versión deficheros.1.1.0 14/09/2011Actualización de las versiones de las libreríasJavaScript subyacentes.Añadido el apartado Integración con UDA.2.0.0 11/07/2012 Cambios de formato y correcciones ortográficas.2.1.0 18/09/2012Actualización de las versiones de las libreríasJavaScript subyacentes.2.1.1 09/01/2013 Nuevo formato para el componente Menú.Cambios producidos desde la última versiónActualización de las versiones de las librerías JavaScript subyacentes.Control de difusiónResponsable: Ander MartínezAprobado por:Firma: Fecha:Distribución:Referencias de archivoAutor:Nombre archivo:
  3. 3. Componentes RUP – Idioma iii/7Localización:ContenidoCapítulo/sección Página1. Introducción 42. Ejemplo 43. Casos de uso 44. Infraestructura 54.1. Ficheros 54.2. Dependencias 55. Invocación 66. Parámetros 67. Sobreescritura del theme 68. Internacionalización (i18n) 69. Integración con UDA 7
  4. 4. Componentes RUP – Idioma 4/71. IntroducciónLa descripción del Componente Idioma, visto desde el punto de vista de RUP, es la siguiente:El componente de idioma esta diseñado para permitir al usuario elegir, de forma intuitiva, el idioma en elque se presenta la aplicación.2. EjemploSe muestra a continuación los dos posibles formatos de maquetación dispone en el componente:Modo por defectoModo portal3. Casos de usoSe aconseja la utilización de este componente:• Situaciones en las que se disponga de varias versiones idiomáticas del sitio web y se desee que elusuario pueda cambiar el idioma durante su interacción con la aplicación.Las razones para el uso del componente son las siguientes:• Ocupa poco espacio en la interfaz.• Es fácil de comprender y utilizar.• Es escalable: podemos incluir varios idiomas en el combo desplegable sin afectar al resto de lainterfaz.
  5. 5. Componentes RUP – Idioma 5/74. InfraestructuraA continuación se comenta la infraestructura necesaria para el correcto funcionamiento del componente.Únicamente se requiere la inclusión de los ficheros que implementan el componente (js y css) comentadosen los apartados Ficheros y Dependencias.4.1. FicherosRuta Javascript: rup/scripts/Fichero de plugin: rup.lang-x.y.z.jsRuta theme: rup/basic-theme/Fichero css del theme: theme.rup.lang-x.y.z.css4.2. DependenciasPor la naturaleza de desarrollo de los componentes (patrones) como plugins basados en la libreríaJavaScript jQuery, es necesaria la inclusión del esta. La versión elegida para el desarrollo ha sido laversión 1.8.0.• jQuery 1.8.0: http://jquery.com/La gestión de la ciertas partes visuales de los componentes, se han realizado mediante el plugin jQueryUI que se basa en jQuery y se utiliza para construir aplicaciones web altamente interactivas. Este plugin,proporciona abstracciones de bajo nivel de interacción y animación, efectos avanzados de alto nivel,componentes personalizables (estilos) ente otros. La versión utilizada en el desarrollo ha sido la 1.8.23.• jQuery UI 1.8.23: http://jqueryui.com/Los ficheros necesarios para el correcto funcionamiento del componente son:• jquery-1.8.0.js• jquery-ui-1.8.23.custom.js• jquery-ui-1.8.23.custom.css• rup.base-x.y.z.js• rup.lang-x.y.z.js• theme.rup.lang-x.y.z.css
  6. 6. Componentes RUP – Idioma 6/75. InvocaciónLa creación del componente idioma se realiza de forma automática gracias al wizard de creación deproyectos, ya que este crea el layout correspondiente para la aplicación y esta integrado en el mismo, perosiempre haciendo uso del código de aplicación para crear el id de la capa donde si insertara el componente:$("#idlanguage").rup_language();Los posibles idiomas de la aplicación se cargan a través de la variable AVAILABLE_LANGS que se cargaen el fichero “base-includes.jsp”. Esta variable se genera automáticamente con los idiomas seleccionados enla creación de la aplicación.6. ParámetrosA continuación se muestran los posibles parámetros de configuración que recibe el componente.• languages: Conjunto de idiomas que serán gestionados con el componente. El listado delos mismos, por configuración general, se gestiona a través de la variable jQuery“$.rup.AVAILABLE_LANGS_ARRAY”. Para mas información, consultar el documento“Anexo-Gestion_idiomatica.doc” de la documentación de UDA.languages: $.rup.AVAILABLE_LANGS_ARRAY• modo: determina el tipo de maquetación que utilizara el componente para presentar lasdiferentes opciones idiomáticas. Si el valor especificado es “portal”, los idiomas sepresentaran en un listado horizontal separado por barras (ver ejemplo visual delcapítulo/Sección “2. Ejemplo”). En cualquier otro caso, se mostrara el modo por defecto (verejemplo visual del capítulo/Sección “2. Ejemplo”).7. Sobreescritura del themeEl componente idioma se presenta con una apariencia visual definida en el fichero de estilostheme.rup.lang-x.y.z.css.Si se quiere modificar la apariencia del componente, se recomienda redefinir el/los estilos necesarios en unfichero de estilos propio de la aplicación situado dentro del proyecto de estáticos(codAppStatics/WebContent/codApp/styles).8. Internacionalización (i18n)La gestión de los literales del componente idioma se realiza a través de ficheros json lo que flexibiliza eldesarrollo. Para acceder a los literales se hará uso del objeto base RUP, por el cual se accederá al objetojson correspondiente según el idioma para obtener tanto los literales a través de esta sentencia.$.rup.i18n.rup_language
  7. 7. Componentes RUP – Idioma 7/7Los literales marcados para este componente son los siguientes:"rup_language" : {"es": "Castellano","eu":"Euskara","en":"Ingles","changeLanguage": "Cambiar Idioma"}9. Integración con UDANo aplica.

×