{"id":82912,"date":"2018-09-20T16:14:10","date_gmt":"2018-09-20T23:14:10","guid":{"rendered":"https:\/\/www.esri.com\/about\/newsroom\/?post_type=arcuser&#038;p=82912"},"modified":"2024-05-30T16:16:25","modified_gmt":"2024-05-30T23:16:25","slug":"best-practices-for-creating-bilingual-apps","status":"publish","type":"arcuser","link":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps","title":{"rendered":"Best Practices for Creating Bilingual Apps"},"author":1432,"featured_media":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"sync_status":"","episode_type":"","audio_file":"","podmotor_file_id":"","podmotor_episode_id":"","castos_file_data":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","_links_to":"","_links_to_target":""},"categories":[23392,10832,25002],"tags":[238421,271,20392],"arcuser_issues":[63152],"class_list":["post-82912","arcuser","type-arcuser","status-publish","format-standard","hentry","category-cloud-computing","category-developer-technology","category-developers-corner","tag-bilingual-map-app","tag-mapping","tag-web-gis","arcuser_issues-summer-2017"],"acf":{"short_description":"Offering your web app in multiple languages can increase your audience and the app\u2019s overall impact.","pdf":{"host_remotely":false,"file":82972,"file_url":""},"flexible_content":[{"acf_fc_layout":"content","content":"Offering your web app in multiple languages can increase your audience and the app\u2019s overall impact. This article shows two examples of how to configure apps to support a bilingual audience."},{"acf_fc_layout":"image","image":82922,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2><strong>Example 1<\/strong>\r\nConfiguring Two Apps<\/h2>\r\nThe first example uses the Basic Viewer template to showcase a map. For this project, the target audience has both French and English speakers. After the initial map and app were created, the map\u2019s pop-up is configured with custom attributes that explain the data."},{"acf_fc_layout":"image","image":82932,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h3><strong>Step 1:<\/strong>\u00a0Identify the Data to Translate<\/h3>\r\nStart by identifying what Esri translates as part of the localization process and what you will need to handle. Esri handles all application elements, such as search, element labels, and tooltips based on the browser locale or the ArcGIS organization locale. You must translate the web map content. In the example, the web map and data are in English and the browser locale was set to French.\r\n<h3><strong>Step 2:<\/strong>\u00a0Translate Data and Create the Second Map<\/h3>"},{"acf_fc_layout":"image","image":82942,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"The pop-up, app title, and layer titles need to be updated in the French version. Create a second map and update all required data to fully translate your map and app into the language you need.\r\n<h3><strong>Step 3:<\/strong>\u00a0Configure the Second App<\/h3>\r\nWhile configuring your second app, you will be able to change the title, subtitles, and additional information to your language of choice. When finished, publish it."},{"acf_fc_layout":"image","image":82952,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h4>Optional Tips<\/h4>\r\nTo enable users to easily choose the appropriate language, I have added a splash screen to both apps. The splash screen linked to the version of the app that is in the other language.\r\n\r\nIn addition to the splash screen, a URL parameter can be set to force the locale to be in French. In the splash screen hyperlink, a URL parameter can be added to the application URL to force the locale to be set. In this example, \u201c&amp;locale=fr\u201d was added to the end of the French application. For more information, visit the \u201cUse URL parameters to modify maps\u201d topic in the ArcGIS Online help."},{"acf_fc_layout":"image","image":82962,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h3><strong>Step 4:<\/strong>\u00a0Share Your App<\/h3>\r\nReview and test your app in both languages. Verify everything is correctly translated. Translations for this example were generated from Google Translate. You may want to have a fluent speaker verify your translations. Make any configuration or data adjustment and then share your app with your audience.\r\n<h2><strong>Example 2<\/strong>\r\nConfiguring One App to Support Two Languages<\/h2>\r\nThis example illustrates how to configure one app to support two languages. This project collects data from a community of both English and Spanish speakers but uses one application to collect all the information. This example uses the GeoForm, a configurable app template for form-based data editing of a feature service, available from Esri.\r\n<h3><strong>Step 1:<\/strong>\u00a0Configure Data to Support Two Languages<\/h3>\r\nIn this example, four fields in the GeoForm app will be used to collect data. One field contains a domain to drive the drop-down options. The domain values appear in both Spanish and English. Having value choices in both Spanish and English will require a bit of planning or updating your data. These domains were created and published from ArcGIS Pro.\r\n<h3><strong>Step 2:<\/strong>\u00a0Configure the application<\/h3>\r\nDuring the configuration process, you can assign a title and short instructions in both languages. In most cases, you should adjust the layer names in the web map, but GeoForm allows you to change the field name labels in the builder. This is a simple way to add a second language to the field name.\r\n<h3><strong>Step 3:<\/strong> Share Your App<\/h3>\r\nTest your app in both languages to ensure everything that needs to be supplied in two languages by you has been and the rest is localized. An easy way to test the app is to use the URL parameter discussed in the first example. Make any further refinements as needed and then share your app. If you are going to provide links to this app from a website, using the locale parameter to ensure that the app UI is in the correct language for your target audience is a good idea."}],"references":null},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Best Practices for Creating Bilingual Apps | Summer 2017 | ArcUser<\/title>\n<meta name=\"description\" content=\"Offering your web app in multiple languages can increase your audience and the app\u2019s overall impact.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best Practices for Creating Bilingual Apps\" \/>\n<meta property=\"og:description\" content=\"Offering your web app in multiple languages can increase your audience and the app\u2019s overall impact.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps\" \/>\n<meta property=\"og:site_name\" content=\"Esri\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-30T23:16:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2019\/09\/topography-dark-grey-card.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Esri\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps\",\n\t            \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps\",\n\t            \"name\": \"Best Practices for Creating Bilingual Apps | Summer 2017 | ArcUser\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\"\n\t            },\n\t            \"datePublished\": \"2018-09-20T23:14:10+00:00\",\n\t            \"dateModified\": \"2024-05-30T23:16:25+00:00\",\n\t            \"description\": \"Offering your web app in multiple languages can increase your audience and the app\u2019s overall impact.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.esri.com\/about\/newsroom\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Best Practices for Creating Bilingual Apps\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\",\n\t            \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/\",\n\t            \"name\": \"Esri\",\n\t            \"description\": \"Esri Newsroom\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/b7332d419608ac1a0291ec30de119efb\",\n\t            \"name\": \"April Mann\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/image\/\",\n\t                \"url\": \"https:\/\/secure.gravatar.com\/avatar\/28d21cf04453f95cd2d8a0f053e5cd18ccf684320f6a4974f358b8109264e80b?s=96&d=blank&r=g\",\n\t                \"contentUrl\": \"https:\/\/secure.gravatar.com\/avatar\/28d21cf04453f95cd2d8a0f053e5cd18ccf684320f6a4974f358b8109264e80b?s=96&d=blank&r=g\",\n\t                \"caption\": \"April Mann\"\n\t            },\n\t            \"url\": \"\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Best Practices for Creating Bilingual Apps | Summer 2017 | ArcUser","description":"Offering your web app in multiple languages can increase your audience and the app\u2019s overall impact.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps","og_locale":"en_US","og_type":"article","og_title":"Best Practices for Creating Bilingual Apps","og_description":"Offering your web app in multiple languages can increase your audience and the app\u2019s overall impact.","og_url":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps","og_site_name":"Esri","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2024-05-30T23:16:25+00:00","og_image":[{"url":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2019\/09\/topography-dark-grey-card.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Esri","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps","url":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps","name":"Best Practices for Creating Bilingual Apps | Summer 2017 | ArcUser","isPartOf":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/#website"},"datePublished":"2018-09-20T23:14:10+00:00","dateModified":"2024-05-30T23:16:25+00:00","description":"Offering your web app in multiple languages can increase your audience and the app\u2019s overall impact.","breadcrumb":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/best-practices-for-creating-bilingual-apps#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/about\/newsroom"},{"@type":"ListItem","position":2,"name":"Best Practices for Creating Bilingual Apps"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/about\/newsroom\/#website","url":"https:\/\/www.esri.com\/about\/newsroom\/","name":"Esri","description":"Esri Newsroom","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/b7332d419608ac1a0291ec30de119efb","name":"April Mann","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/28d21cf04453f95cd2d8a0f053e5cd18ccf684320f6a4974f358b8109264e80b?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/28d21cf04453f95cd2d8a0f053e5cd18ccf684320f6a4974f358b8109264e80b?s=96&d=blank&r=g","caption":"April Mann"},"url":""}]}},"sort_order":"0","_links":{"self":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser\/82912","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser"}],"about":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/types\/arcuser"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/users\/1432"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser\/82912\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/media?parent=82912"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/categories?post=82912"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/tags?post=82912"},{"taxonomy":"arcuser_issues","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser_issues?post=82912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}