SlideShare a Scribd company logo
1 of 24
Iñtërnâçiônàlizæçiøn deaplicaciones web Pedro Hernández. Blog: http://blog.phpleo.com/ twitter: @phpleo
¿Por qué aplicaciones como Facebook o Twitter pueden llegar a tantos usuarios? http://www.flickr.com/photos/marmotte73/2485775993/
“Internacionalización: Adaptar las aplicaciones a diferentes idiomas y culturas” http://www.flickr.com/photos/russelljsmith/3747387/
i18n
Cultura del usuario es es_ES es_AR en_US en_GB ISO 639-1 (Idioma) 3166-1 (País)
Detectando la cultura del usuario Cabecera HTTP Accept-Language(no es muy fiable). Geolocalizaciónde la IP.
Usando la Internacionalización http://www.flickr.com/photos/torek/857931903/
Cultura en la Url http://www.mysite.com/es/acerca-de/ http://www.mysite.com/es-es/acerca-de/ http://en.mysite.com/about/ http://en-us.mysite.com/about/ Almacenamiento en cache. Indexado en motores de búsqueda (SEO).
Información textual en la base de datos
Traducción de la interfaz Mostrar etiquetas, mensajes y la navegación en diferentes idiomas. Herramientas: Diccionarios. Gettext. XLIFF. r3.
Herramientas para I18N la Interfaz http://www.flickr.com/photos/jamingray/935197028/
Diccionarios lang/en_US.php templates/index.php $lang = array(     'nombre'   => 'Name',     'apellidos' => 'Lastname',     'email'       => 'E-mail'     ); <?php echo $lang[‘nombre’]; ?> <?php echo $lang[‘apellidos’]; ?> <?php echo $lang[‘email’]; ?>
Gettext Biblioteca GNU de i18n. Archivo .po (texto plano) compilado en un archivo binario .mo. Función de traducción: _(‘’)
Gettext templates/index.php lang/en_US.mo #: templates/index.php:15 msgid “Nombre“ msgstr “Name“ #: templates/index.php:16 msgid “Apellidos“ msgstr “Lastname“ #: templates/index.php:17 msgid “E-mail“ msgstr “E-mail“ <?php echo _(‘Nombre’); ?> <?php echo _(‘Apellidos’); ?> <?php echo _(‘E-mail’); ?> en_US.po
XLIFF XLIFF (XML LocalizationInterchangeFileFormat). Formato estándar basado en XML. Función de traducción: __(‘’) Archivo xml: messages.[codigo_de_idioma].xml messages.en_US.xml
XLIFF lang/messages.en_US.xml <?xmlversion="1.0" ?> <xliffversion="1.0">   <fileorginal="global" source-language=“es_ES" datatype="plaintext">     <body>       <trans-unit id="1">         <source>Nombre</source>         <target>Name</target>       </trans-unit>       <trans-unit id="2">         <source>Apellidos</source>         <target> Lastname </target>       </trans-unit>     </body>   </file> </xliff>
r3 Utilizado por Yahoo. Función de traducción: <r3:trans>hello</r3:trans> vs __(‘hello’)
Español: Guiando la web hacia su máximopotencial…� Alemán:AlleMöglichkeiten des Web erschließen… Chino: 引发网络的全部潜能… Árabe: ...لإيصال الشبكة المعلوماتية إلىأقصى إمكانياتها
Juego de carácteres (charset) & codificación (encoding) http://www.flickr.com/photos/sedah/3203954495/
Juego de carácteres Probablemente se usó ISO-8859-1 (ISO-Latin-1). ISO-8859-1: € en lugar de € Familia ISO-8859 sólo contienen 255 caracteres.
http://www.flickr.com/photos/mumpfpuffel/2763886252/
Uniformizar Apache:AddDefaultCharset utf-8 MySQL:create database `midb`character set utf8 collate utf8_unicode_ci; HTML:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Clientes y editores por defecto "editando y guardando" en UTF8.
Español: Guiando la web hacia su máximo potencial… Alemán: Alle Möglichkeiten des Web erschließen… Chino:引发网络的全部潜能… Árabe: ...لإيصال الشبكة المعلوماتية إلىأقصى إمكانياتها
Gracias. Pedro Hernández. Blog: http://blog.phpleo.com/ twitter: @phpleo

More Related Content

Similar to Internacionalización web en

Visio 2011 Umap
Visio 2011 UmapVisio 2011 Umap
Visio 2011 UmapCodeSyntax
 
Visio 2011 Umap - presentación
Visio 2011 Umap - presentaciónVisio 2011 Umap - presentación
Visio 2011 Umap - presentaciónCodeSyntax
 
Tripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El ConocimientoTripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El ConocimientoGabriela Puglla
 
Tripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El ConocimientoTripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El ConocimientoGabriela Puglla
 
Tripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El ConocimientoTripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El ConocimientoGabriela Puglla
 
Tripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El ConocimientoTripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El ConocimientoGabriela Puglla
 
Busqueda Informacion
Busqueda InformacionBusqueda Informacion
Busqueda Informacionigustavo
 

Similar to Internacionalización web en (11)

Visio 2011 Umap
Visio 2011 UmapVisio 2011 Umap
Visio 2011 Umap
 
Visio 2011 Umap - presentación
Visio 2011 Umap - presentaciónVisio 2011 Umap - presentación
Visio 2011 Umap - presentación
 
Tripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El ConocimientoTripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El Conocimiento
 
Tripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El ConocimientoTripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El Conocimiento
 
Tripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El ConocimientoTripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El Conocimiento
 
Tripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El ConocimientoTripletas De Sistemas Basados En El Conocimiento
Tripletas De Sistemas Basados En El Conocimiento
 
Datos En La Web - Clase 1
Datos En La Web - Clase 1Datos En La Web - Clase 1
Datos En La Web - Clase 1
 
PHP
PHPPHP
PHP
 
Busqueda Informacion
Busqueda InformacionBusqueda Informacion
Busqueda Informacion
 
Step by step developing with Facebook PHP API by Bruno Kamiche
Step by step developing  with Facebook PHP API by Bruno KamicheStep by step developing  with Facebook PHP API by Bruno Kamiche
Step by step developing with Facebook PHP API by Bruno Kamiche
 
Conociendo PHP
Conociendo PHPConociendo PHP
Conociendo PHP
 

Recently uploaded

MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 

Recently uploaded (20)

MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 

Internacionalización web en

  • 1. Iñtërnâçiônàlizæçiøn deaplicaciones web Pedro Hernández. Blog: http://blog.phpleo.com/ twitter: @phpleo
  • 2. ¿Por qué aplicaciones como Facebook o Twitter pueden llegar a tantos usuarios? http://www.flickr.com/photos/marmotte73/2485775993/
  • 3. “Internacionalización: Adaptar las aplicaciones a diferentes idiomas y culturas” http://www.flickr.com/photos/russelljsmith/3747387/
  • 5. Cultura del usuario es es_ES es_AR en_US en_GB ISO 639-1 (Idioma) 3166-1 (País)
  • 6. Detectando la cultura del usuario Cabecera HTTP Accept-Language(no es muy fiable). Geolocalizaciónde la IP.
  • 7. Usando la Internacionalización http://www.flickr.com/photos/torek/857931903/
  • 8. Cultura en la Url http://www.mysite.com/es/acerca-de/ http://www.mysite.com/es-es/acerca-de/ http://en.mysite.com/about/ http://en-us.mysite.com/about/ Almacenamiento en cache. Indexado en motores de búsqueda (SEO).
  • 9. Información textual en la base de datos
  • 10. Traducción de la interfaz Mostrar etiquetas, mensajes y la navegación en diferentes idiomas. Herramientas: Diccionarios. Gettext. XLIFF. r3.
  • 11. Herramientas para I18N la Interfaz http://www.flickr.com/photos/jamingray/935197028/
  • 12. Diccionarios lang/en_US.php templates/index.php $lang = array( 'nombre' => 'Name', 'apellidos' => 'Lastname', 'email' => 'E-mail' ); <?php echo $lang[‘nombre’]; ?> <?php echo $lang[‘apellidos’]; ?> <?php echo $lang[‘email’]; ?>
  • 13. Gettext Biblioteca GNU de i18n. Archivo .po (texto plano) compilado en un archivo binario .mo. Función de traducción: _(‘’)
  • 14. Gettext templates/index.php lang/en_US.mo #: templates/index.php:15 msgid “Nombre“ msgstr “Name“ #: templates/index.php:16 msgid “Apellidos“ msgstr “Lastname“ #: templates/index.php:17 msgid “E-mail“ msgstr “E-mail“ <?php echo _(‘Nombre’); ?> <?php echo _(‘Apellidos’); ?> <?php echo _(‘E-mail’); ?> en_US.po
  • 15. XLIFF XLIFF (XML LocalizationInterchangeFileFormat). Formato estándar basado en XML. Función de traducción: __(‘’) Archivo xml: messages.[codigo_de_idioma].xml messages.en_US.xml
  • 16. XLIFF lang/messages.en_US.xml <?xmlversion="1.0" ?> <xliffversion="1.0"> <fileorginal="global" source-language=“es_ES" datatype="plaintext"> <body> <trans-unit id="1"> <source>Nombre</source> <target>Name</target> </trans-unit> <trans-unit id="2"> <source>Apellidos</source> <target> Lastname </target> </trans-unit> </body> </file> </xliff>
  • 17. r3 Utilizado por Yahoo. Función de traducción: <r3:trans>hello</r3:trans> vs __(‘hello’)
  • 18. Español: Guiando la web hacia su máximopotencial…� Alemán:AlleMöglichkeiten des Web erschließen… Chino: 引发网络的全部潜能… Árabe: ...لإيصال الشبكة المعلوماتية إلىأقصى إمكانياتها
  • 19. Juego de carácteres (charset) & codificación (encoding) http://www.flickr.com/photos/sedah/3203954495/
  • 20. Juego de carácteres Probablemente se usó ISO-8859-1 (ISO-Latin-1). ISO-8859-1: € en lugar de € Familia ISO-8859 sólo contienen 255 caracteres.
  • 22. Uniformizar Apache:AddDefaultCharset utf-8 MySQL:create database `midb`character set utf8 collate utf8_unicode_ci; HTML:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Clientes y editores por defecto "editando y guardando" en UTF8.
  • 23. Español: Guiando la web hacia su máximo potencial… Alemán: Alle Möglichkeiten des Web erschließen… Chino:引发网络的全部潜能… Árabe: ...لإيصال الشبكة المعلوماتية إلىأقصى إمكانياتها
  • 24. Gracias. Pedro Hernández. Blog: http://blog.phpleo.com/ twitter: @phpleo