multilingual drupal solutionsmultilingual drupal solutions: use cases and modules presented by jose...

90

Upload: others

Post on 12-Sep-2020

10 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 2: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Multilingual Drupal solutions:  use cases and modules

Presented by Jose Reyero and Florian Loretan

Design, UX and Theming

Page 3: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Hi

Florian Loretan

Co-Founder of

Page 4: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

#dci18n

Page 5: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Why are multilingual solutions important?

Page 6: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 7: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 8: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Why are multilingual solutions difficult?

Page 9: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 10: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Business Logic

Page 11: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Every case is different

Page 12: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Multilinguality affects:

• Content creation• Content storage • Content moderation• Content editing • Content listing• Content display• ...

Page 13: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Languages just don't work that way

Page 14: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 15: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 16: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 17: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 18: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Concepts:

Page 19: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Localization

Page 20: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Localisation

Page 21: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 22: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Translation

Page 23: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 24: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Language negotiation

Page 25: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 26: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Content selection

Page 27: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 28: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Translation sets

Page 29: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 30: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Content translation workflow

Page 31: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Use Case #1:A multilingual blog

When you write and translate -or not- everything

Page 32: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

One site, two languages

Page 33: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Multilingual blog - Features

• Posts in two languages without translation• Static pages in two languages with translation

• One main menu per language

• Simple multilingual taxonomy

• Simple node listings per language

• Language selector with icons

Page 34: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 35: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 36: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

User roles

One user = Site admin = Content writer = Translator

1 lazy user

Page 37: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Simple workflow

Edit & translate everything: settings, menus, taxonomy

Most content has a languagebut

Not all content has translation.

Write today,translate next month.

Page 38: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Translate site information (variables)

Page 39: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Translate site information

Page 40: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Content translation strategy

Most content has language Content with translation Content without translation

No need complex workflow Simple content selection

Book pages = static content Blog posts = different audiences

Translate any time Display current language

Page 41: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Translate book page

Page 42: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Flexible structure & Navigation

Menus

TaxonomyListings

Listing content

One menu for every language

Localized terms1. Create terms default language2. Translate if needed

Filter by term + current language

Page 43: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

One English menu

Page 44: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

One Spanish menu

Page 45: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Localize taxonomy terms

Page 46: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 47: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Translate taxonomy term

Page 48: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Translation UI

Single user

Most flexibility

Create / Edit / Translate

Write and translate everything Translate as you go As close as possible

Page 49: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Translate contact category (I)

Page 50: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Translate contact category (II)

Page 51: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Want a install profile?

(Yes, me too)

Simple Multilingual Blog

http://drupal.org/project/i18nblog

(needs your help)

Page 52: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Use case #2:A multilingual brochure site

Page 53: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

100% translated

Rosetta Stone, 193 B.C. - 3 languages, 100% translated

Page 54: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 55: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 56: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 57: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 58: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

deendeenneutraldeendeen

Page 59: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 60: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Use case #3:A multilingual community

Translating documentation and multilingual forum.

Page 61: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Features

Static pages. Translated.News and articles. May be translated.Multilingual forum. Untranslated.Multilingual taxonomy for tagging.Handbook pages. To be translated. Translation workflow.Translation teams.Multilingual user profiles.

Page 62: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Multilingual scrabble

Multilingual Scrabble http://flickr.com/photos/urbanmkr/354776635/

Page 63: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Multilingual handbook

Handbook pages with translation.Content writers vs. translators. Translation workflow: • What needs translation?• Keeping track of translated / updated pages• Translators focusing on one language

Extended options for languages• Interface languages• Content languages

Page 64: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Extended language options

Page 65: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Content translation strategy

All content has language Content with translation Content without translation

Need translation workflow Need translator roles

Book pages = handbook News may be translated (or not)

Track translation status

Translators per language

Page 66: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Translation overview

Page 67: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Language oriented translation UI

Page 68: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Taxonomy strategy

Predefined vocabulary Fixed terms can be created by admins and then localized

Page 69: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 70: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Tagging strategy

Tagging vocabulary "Chaos"=

Terms in multiple languages

Two step translation:

1. Create tags any language2. Link or create translations

Tags can be created on any language

Page 71: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Multilingual taxonomy

Page 72: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 73: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Translation sets (terms)

Page 74: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Select / create term translations

Page 75: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Multilingual forum

?Mixing comments in multiple languages?

One thread per language?

One forum per language

(forum container = taxonomy)

Do we need an administrator for every language?

Can two random users understand each other?

Page 76: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Complex workflow

One source languageCreate -> Translate -> Publish

Update -> Retranslate

Many source languages

Content can be posted in any language.Translate to any language anytime.

Page 77: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Turmbau zu Babel - Tower of Babel - La Tour de BabelTorre de Babel - Torre di Babele

Вавилонская башня - Budowa wieży Babelhttp://en.wikipedia.org/wiki/File:Brueghel-tower-of-babel.jpg

Page 78: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Features and modules

Drupal core, Localization client and server, Internationalization,

Multilingual fields, Entity translation, Language icons...

Page 79: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 80: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 81: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 82: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 83: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder
Page 84: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Module list

InternationalizationInternationalization Views

Language iconsLocalization updateLocalization client

Translation OverviewLanguage Assignment

TransliterationEntity TranslationTitle

http://drupal.org/project/i18nhttp://drupal.org/project/i18nviews

http://drupal.org/project/languageiconshttp://drupal.org/project/l10n_updatehttp://drupal.org/project/l10n_client

http://drupal.org/project/translation_overviewhttp://drupal.org/project/languageassign http://drupal.org/project/transliteration http://drupal.org/project/entity_translationhttp://drupal.org/project/title

Page 85: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Adrian Rossouw: “Drupal Teddy Bear”, http://developmentseed.org

Select your Modules

Page 86: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Adrian Rossouw: “Drupal Teddy Bear”, http://developmentseed.org

to build your Solution

Page 87: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Multilingual problem / use case sharing (Gábor Hojtsy)Today at 12:30 Croydon College, Room 332

Module developers: i18n and related modulesToday at 13:45Croydon College, Room 334

Page 88: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Thank you

Thank you Danku Merci дякую Arigato

Takk Gratia tibi ago Graciñas Jag tackar

Hvala आभारी &' Dankon Tänan teid

Eskerrik asko Juspajaraña благодаря

Gracias ขอบคุณ Danke Obrigado Gràcies

Page 89: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

Feedback? Questions?

Jose A. Reyero http://reyero.net @josereyero

Florian Lorétan http://wunderkraut.com @floretan

#dci18n

Page 90: Multilingual Drupal solutionsMultilingual Drupal solutions: use cases and modules Presented by Jose Reyero and Florian Loretan Design, UX and Theming. Hi Florian Loretan Co-Founder

THANK YOU!

What did you think?Locate this session on the DrupalCon London website:http://london2011.drupal.org/conference/schedule

Click the “Take the survey” link