Interacionalizacion de Interfaces

Contenidos
1. Interaccin Hombre-Mquina
2. El Factor Humano
3. Diseo Grfico
4. Estilos de Interaccin
5. Metforas
& 6. Internacionalizacin
7. Soporte al Usuario
8. Usabilidad Web
9. Guas y Estndares
10. Accesibilidad
11. Trabajo cooperativo
12. Evaluacin
Martnez & Cueva Interaccin Persona Ordenador
6. Internacionalizacin
n Definicin
n Internacionalizacin y localizacin
n Niveles
n Modelo de localizacin
n Ventajas de construir aplicaciones internacionales
n Elementos especficos de la localizacin
n Ejemplo
1
Internacionalizacin de las Interfaces
Introduccin
Hace unos aos el software se produca en un nico lenguaje,

normalmente ingls. Si una persona hablaba otro idioma, tena que
aceptar el programa como estaba.
Actualmente, debido sobre todo a los ordenadores personales, han

proliferado los usuarios con una formacin muy diversa. Esto ha
obligado a hacer las aplicaciones ms usables y tambin, como una
parte del proceso de usabilidad, a hacer las aplicaciones en las
lenguas propias de los usuarios.
Internacionalizacin - Localizacin
Internacionalizacin
Proceso de construir un producto para que sea utilizado en el
mercado internacional, especificndolo en el diseo de sus
caractersticas y en el cdigo
Localizacin
Adaptacin de un producto software al lenguaje y a las
convenciones locales y culturales de una regin particular
Cada pas tiene una localizacin nica
2
Niveles de Internacionalizacin y
Localizacin
Nivel1
No hacer localizacin
Nivel2
Localizacin mnima
Nivel3
Traduccin ayuda en lnea, tutoriales,
Nivel4
Cubrir necesidades de hardware especficas de una regin
Nivel5
Internacionalizacin y localizacin completa
Modelo de Localizacin
Bloque de cdigo
+ =
Componentes Componentes
Producto
de lenguaje de de la
localizado
la Interfaz aplicacin
Bloque de datos
Para crear una versin local se cambia
nicamente el bloque de datos
3
Modelo de Localizacin
Bloque de Datos
Contiene datos pero no cdigo
Contiene cadenas de caracteres y grficos
utilizados en la interfaz de usuario
Contiene elementos especficos de diferentes
pases
Modelo de Localizacin(II)
Bloque de Cdigo
Contiene cdigo pero no datos
Contiene cdigo de aplicacin que se ejecuta para
todos los pases y lenguas
4
Ventajas de hacer Aplicaciones
Internacionales
Productos pueden ser puestos en el mercado ms
fcilmente
Se utilizan los recursos ms eficientemente
Mantenimiento del cdigo menos costoso
Crear versiones localizadas es ms fcil y rpido
Especificacin Mundial
Elementos especficos de la localizacin

Calendarios, formatos de fechas, horas, etc.
Formatos de nmeros y monedas
Unidades de medida
Caractersticas internacionales especficas de

una versin
Adaptacin a mercados especficos
Iconos de libros: se abren en la posicin adecuada
Animales sagrados, iconos con posiciones de manos,....
5
Elementos Especficos de la
Localizacin
Calendarios
Gregoriano, budista, chino, hebreo
Diferentes formatos en el gregoriano
aa/mm/dd
aaddd
aaaa/mm/dd
dd/mm/aa
mm/dd/aa
Localizacin (II)
Formatos de Fecha
19 de abril de 1970 ----------- Espaa
1/19/70 ----------- Reino Unido
19/4/70 ----------- Dinamarca
1970-04-19 ----------- Suecia
6
Localizacin (III)
Formatos Monetarios
USA --------------- $1,234.56
Noruega --------------- Kr1.234,56
Suiza --------------- sFr1234,56
Alemania --------------- 1.234,56DM
Localizacin (IV)
Tiempo Horario
USA --------------- 8:32
Canad --------------- 20:32
Suiza --------------- 20,32,00
Alemania --------------- 20.32 Uhr
Noruega --------------- KI 20.32
7
Localizacin (V)
Nmeros y Smbolos numricos
EEUU
Billn, uno seguido de nueve ceros
La coma separa miles
Amrica Latina y Europa
Billn, uno seguido de doce ceros
La coma separa decimales
Unidades de medida
La mayora sistema mtrico decimal (Km, cm,...)
EEUU emplea la milla y la pulgada
Temperatura
Celsius (mayora) pero tambin se emplea Farenheit
Localizacin (VI)
Tamaos de papel
Mayora: DIN A-3, DIN A-4
EEUU: legal, letter, ledger
Formato direcciones postales

Mayora: nombre de la calle + nmero
EEUU: nmero + nombre de la calle
Signos de puntuacin
Algunos smbolos no utilizados: , ,...
Griegos: signo de interrogacin parecido al ;
Colores
Occidentales: rojo parar, verde proseguir
Convencin no vlida en China
Traduccin de Iconos
Cubo de basura de Apple-> buzn postal para los ingles
8
Factores a Considerar en la
Localizacin
Mensajes
Ej. Kit de desarrollo de Microsoft Windows recomienda reservar
200% de espacio extra si el original contiene de 1 a 10 caracteres ingleses
100% cuando en el original hay de 10 a 20 caracteres
30% a partir de 71 caracteres
Gramtica y sintaxis
El orden de las palabras puede ser totalmente diferente
Algunas lenguajes tienen gnero para nombres y adjetivos
Iconos
Smbolos aceptados internacionalmente
Hay que evitar bitmaps con texto
Diseo de los mens, Barras de Estado, Cajas de Dilogo
Escrituras
Conjunto de letras que se utilizan para

escribir una lengua
Se clasifican en :
Ideogramas. Tienen un significado especial pero
no tienen relacin con su pronunciacin.
Escrituras Fonticas. No tienen un significado
especial pero representan determinados sonidos
(Ej. Q).
9
Escrituras (II)
Los ideogramas y las escrituras fonticas

representan los sistemas de escritura en uso
hoy en da.
Los tres sistemas de escritura ms
importantes son:
Occidental
De oriente medio
De lejano oriente
Escrituras Occidentales
Son fonticas
Se leen de izquierda a derecha en una lnea
horizontal
Utilizan letras maysculas y minsculas diferentes
Utilizan numeracin arbiga 0,1,2,3,4,5
Son
Latn
Griego
Cirlico
10
Escrituras Latina
Es la ms ampliamente utilizada hoy en da.
Es empleada por la mayora de las naciones europeas, algunas
asiticas, casi todas las africanas y todas las naciones de Amrica
y Oceana para escribir sus lenguajes.
Inicialmente tena 24 letras incorporndose
despus dos letras ms la J y la W.
Algunas lenguas utilizan ms letras y marcas
diacrticas. Dans y Noruego , ,
Finlands ,
Francs , , , , , , , , , , ,, ,
Alemn , , ,
Italiano , , , , ,
Portugus , , , , , , , , , , , , ,
Castellano , , , , ,
Sueco , ,
Otras Escrituras
Griego
El griego utiliza el sistema de escritura de la antigua Grecia
aunque la versin moderna difiere mucho de la versin
antigua.
Consta de 24 letras y tambin utiliza marcas diacrticas.
Cirlico
Tambin llamada escritura rusa.
Se usa en las lenguas de la Unin Sovitica
Lejano Oriente
Basadas en los caracteres ideogrficos chinos
Hoy en da se utilizan unos cuantos miles de caracteres.
11
Esquemas de Codificacin
Cada tipo de escritura ha de ser representado en el
ordenador.
Los ordenadores trabajan con nmeros (cdigo binario)
El sistema binario permite representar nmeros enteros,
reales, caracteres y valores lgicos.
Esta representacin es un esquema de codificacin.
El principal problema radica en la utilizacin de un
nmero de bits limitado para llevar a cabo estas
representaciones.
Esquemas de Codificacin (II)
La representacin del texto exige asignar un cdigo que

asocie a cada carcter un valor binario.
Dicho cdigo ha de ser conocido por todos los
implicados en el intercambio de informacin.
Esquemas habituales (8 bits) permiten representar 256
smbolos. Suficientes para el alfabeto latino pero no
para los lenguajes ideogrficos.
ASCII
EBCDIC
12
Unicode
Los conjuntos de caracteres utilizados para
programar difieren segn el sistema operativo
y el lenguaje empleado.
Unicode proporciona un cdigo nico para
cada carcter, sin importar la plataforma, sin
importar el software, sin importar el idioma.
Lderes de la industria como Apple, HP, IBM,
JustSystem, Microsoft, Oracle, SAP, Sun,
Sybase, Unisys,... lo han adoptado.
Unicode (II)
La idea inicial era utilizar un cdigo de 16 bits para
representar 65000 caracteres.
Actualmente Unicode soporta tres formatos de
representacin con un conjunto de caracteres comunes
pero capaces de representar millones de caracteres:
UTF-8
UTF-16
UTF-32
http://www.unicode.org/
The Unicode Consortium: The Unicode Standard, Version 3.0
Reading,MA, Addison-Wesley Developers Press, 2000
13
Unicode (III)
UTF (Unicode Transformation Format) es un algoritmo
de traduccin desde cada valor escalar Unicode a una
secuencia de bytes nica.
UTF-8, utilizado por HTML; permite transformar todos los
cdigos Unicode en una secuencia de bytes de longitud
variable.
UTF-16 permite que todos los caracteres utilizados ms
frecuentemente se codifiquen en un solo cdigo empleando el
resto parejas.
UTF-32 codifica directamente todos los caracteres Unicode.
Unicode (IV)
Para escribir una pgina web que emplee varios
idiomas slo es necesario emplear un editor
Unicode para generar un fichero que emplee el
formato UTF-8.
Para un documento HTML se debe indicar al
navegador que se est empleando UTF-8:
<meta http-equiv=Content-Type content=text/html; charset=utf-8>
14
Ejemplo:
Internacionalizacin en Java
n Clases implicadas en la internacionalizacin
n ResourceBundle
n Locale
n Caractersticas
n Ejemplo
Clase sin Internacionalizar
public class NoInternac{

static public void main(String [] args){
System.out.println(Hola a todos);
System.out.println(Mi nombre es Beln);
System.out.println(Universidad de Oviedo);
}
}
15
Clase sin Internacionalizar (II)

public class NoInternac{
static public void main(String [] args){
Double cantidad;
cantidad = new Double(123.33);
System.out.println(cantidad.toString());
}
}

Clases Java para
Internacionalizacin
Clase Locale
Identifica un idioma y un pas concreto
http://www.ics.uci.edu/pub/ietf/http/related/iso639.txt
http://www.chemie.fu-berlin.de/diverse/doc/ISO_3166.html
Los objetos de esta clase son nicamente identificadores que
se pasan a otras clases locale-sensitive
Ejemplo:
Locale localizacion;
localizacion = new Locale (es, ES);
idioma pas
16
Clases Java para
Internacionalizacin (II)
Clase ResourceBundle
Contiene objetos especficos a la localizacin
Tiene dos subclases:
PropertyResourceBundle
ListResourceBundle
Ejemplo:
ResourceBundle datos;
...
datos = ResourceBundle.getBundle(Recursos, localizacion);
Caractersticas
Hay objetos cuyo formato de representacin vara con
la localizacin pero el objeto mismo no lo hace.
Nmeros
Fechas
Horas
Monedas
No se almacenan en un ResourceBundle . Se
formatean con clases sensibles a la localizacin. Ej.
NumberFormat
17
Ejemplo
import java.util.*;
import java.text.*;
....
localizacion = new Locale("en", "US");
Double cantidad = new Double(345678.246);

NumberFormat Formato;
String cantidadString;
Formato = NumberFormat.getNumberInstance(localizacion);
cantidadString = Formato.format(cantidad);
System.out.println(cantidadString+" "+localizacion.toString())
Caractersticas (II)
Hay objetos cuyo contenido vara con la localizacin
String
Image
Color
AudioClip
Son almacenados en un
- PropertyResourceBundle
ResourceBundle
- ListResourceBundle
18
PropertyResourceBundle
Se basa en un fichero de propiedades (de texto)

El fichero de propiedades no es parte de los fuentes Java
Habr un fichero para cada localizacin :
NombreFichero_en_US.properties
NombreFichero_es_ES.properties
nicamente puede contener valores para objetos String
Ejemplo
import java.util.*;
...
Locale localizacion;
ResourceBundle mensajes;
...
idioma = new String("es");
pais = new String("ES");
localizacion = new Locale(idioma, pais);

mensajes = ResourceBundle.getBundle("MisDatos",localizacion);
System.out.println(mensajes.getString("cadena1"));
19
Fichero de Propiedades
// Contenido del fichero MisDatos_es_ES.properties
cadena1 = Hola a todos

cadena2 = Mi nombre es Beln
cadena3 = Universidad de Oviedo
//Contenido del fichero MisDatos_en_US.properties
cadena1 = Hello Everybody!

cadena2 = My name is Beln
cadena3 = University of Oviedo
ListResourceBundle
Se emplea para almacenar cualquier tipo de objeto

Para soportar cualquier localizacin adicional es
necesario crear otro fichero fuente y compilarlo (.class)
20
Ejemplo
import java.util.*;
...
Locale localizacion = new Locale("en", "US");

ResourceBundle Datos= ResourceBundle.getBundle("Recursos",
localizacion);
String nombre = Datos.getString("Nombre");

System.out.println("Nombre = "+nombre);
Integer curso = (Integer) Datos.getObject("Curso");

System.out.println("Curso = "+curso.toString());
Double nota = (Double) Datos.getObject("Nota");

System.out.println("Nota = "+nota.toString());
Ejemplo Clase Localizada (II)

import java.util.*;
public class Recursos_es_ES extends ListResourceBundle{
public Object[][] getContents() { return contents;}

private Object[][] contents ={
{"Nombre",new String ("Ana Beln")},
{"Curso", new Integer(5)},
{"Nota",new Double(4.24)},};
}
21
Ejemplo Clase Localizada (I)

import java.util.*;
public class Recursos_en_US extends ListResourceBundle{
public Object[][] getContents() { return contents;}

private Object[][] contents ={
{"Nombre",new String ("Beln")},
{"Curso", new Integer(3)},
{"Nota",new Double (4.75)},};
}
Bibliografa
Global Interface Design: a Guide to Designing International User Interfaces
T. Fernndez. Academic Press, 1995
International User Interfaces

E. del Galdo y J. Nielsen. John Wiley & Sons, 1996
Internationalization: Developing Software for Global Markets

T.V. Luong y otros. John Wiley & Sons, 1995
Programming for the World: A Guide to Internacionalization

S. Martin ODonnell. Prentice-Hall, 1994
Perspectives on Design and Internationalization

C.M Karat y J. Karat. Boletn de SIGCHI, Vol 28, 1996
ACM SIGCHI Internacionalizacin

http://www.acm.org/sigchi/intercultural
22

Interacionalizacion de Interfaces

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Interacionalizacion de Interfaces

Uploaded by

Copyright:

Available Formats

Contenidos

Martnez & Cueva Interaccin Persona Ordenador

Martnez & Cueva Interaccin Persona Ordenador

Hace unos aos el software se produca en un nico lenguaje,

Actualmente, debido sobre todo a los ordenadores personales, han

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Martnez & Cueva Interaccin Persona Ordenador

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Martnez & Cueva Interaccin Persona Ordenador

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Martnez & Cueva Interaccin Persona Ordenador

Se utilizan los recursos ms eficientemente

Mantenimiento del cdigo menos costoso

Crear versiones localizadas es ms fcil y rpido

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Elementos especficos de la localizacin

Caractersticas internacionales especficas de

Martnez & Cueva Interaccin Persona Ordenador

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Martnez & Cueva Interaccin Persona Ordenador

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Martnez & Cueva Interaccin Persona Ordenador

EEUU emplea la milla y la pulgada

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Formato direcciones postales

Diseo de los mens, Barras de Estado, Cajas de Dilogo

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Conjunto de letras que se utilizan para

Martnez & Cueva Interaccin Persona Ordenador

Los ideogramas y las escrituras fonticas

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Martnez & Cueva Interaccin Persona Ordenador

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Esquemas de Codificacin (II)

La representacin del texto exige asignar un cdigo que

Martnez & Cueva Interaccin Persona Ordenador

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Martnez & Cueva Interaccin Persona Ordenador

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Martnez & Cueva Interaccin Persona Ordenador

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Clase sin Internacionalizar

public class NoInternac{

Martnez & Cueva Interaccin Persona Ordenador

Clase sin Internacionalizar (II)

Martnez & Cueva Interaccin Persona Ordenador

Internacionalizacin de las Interfaces

Martnez & Cueva Interaccin Persona Ordenador

Martnez & Cueva Interaccin Persona Ordenador