Localizing Firefox OS Apps

25
Localizing Firefox OS Apps By: Biraj Karmakar GILT 2014 14-15 Nov,2014

description

Firefox OS Apps are being used around the world—Spain, Poland, Colombia, India and Venezuela many more countries coming. So it’s important to consider localizing your app from the beginning. This slide helps you to get started. This slide was actually made for FUEL GILT 2014.

Transcript of Localizing Firefox OS Apps

Page 1: Localizing  Firefox OS Apps

Localizing Firefox OS Apps

By: Biraj Karmakar

GILT 2014 14-15 Nov,2014

Page 2: Localizing  Firefox OS Apps

As we all know Firefox OS is now in India

Now the time is to localize Firefox OS in your language

GILT 2014 14-15 Nov,2014

Page 3: Localizing  Firefox OS Apps

GILT 2014 14-15 Nov,2014

Page 4: Localizing  Firefox OS Apps

Thanks !

I will help you to get started

GILT 2014 14-15 Nov,2014

Page 5: Localizing  Firefox OS Apps

Follow the steps

Create one app or open your existing app through WebIDE

GILT 2014 14-15 Nov,2014

Page 6: Localizing  Firefox OS Apps

One example

GILT 2014 14-15 Nov,2014

Page 7: Localizing  Firefox OS Apps

For Localizing Firefox OS app, steps are

1. add L10n.js file 2. Make one locales directory 3. Make one locale.ini file4. Modify the index.html by adding data-l10n-id5. Make source file en-US.properties with data-l10n-id6. Then add various translation properties file for different language 7. Then add l10n.js and locales.ini in index.html8. Add locales in manifest.webapp with name and description Yay ! Ready for test

GILT 2014 14-15 Nov,2014

Page 8: Localizing  Firefox OS Apps

Add l10n.js from here

GILT 2014 14-15 Nov,2014

Page 9: Localizing  Firefox OS Apps

Add “locales” directory

GILT 2014 14-15 Nov,2014

Page 10: Localizing  Firefox OS Apps

Then add locales.ini under locales directory

GILT 2014 14-15 Nov,2014

Page 11: Localizing  Firefox OS Apps

Then modify index.html by adding data-l10n-id under <body>

GILT 2014 14-15 Nov,2014

Page 12: Localizing  Firefox OS Apps

Create the source en-US.properties file with data-10n-id

GILT 2014 14-15 Nov,2014

Page 13: Localizing  Firefox OS Apps

Create bn-IN.properties file for Bengali as well as any language

GILT 2014 14-15 Nov,2014

Page 14: Localizing  Firefox OS Apps

Add l10n.js and locales.ini in index.html under <head>

GILT 2014 14-15 Nov,2014

Page 15: Localizing  Firefox OS Apps

Add bn-IN and any other locales in manifest.webapp

GILT 2014 14-15 Nov,2014

Page 16: Localizing  Firefox OS Apps

Testing Time !

GILT 2014 14-15 Nov,2014

Page 17: Localizing  Firefox OS Apps

See the changes but change the language from the settings in phone

English (US) Bengali-India

GILT 2014 14-15 Nov,2014

Page 18: Localizing  Firefox OS Apps

GILT 2014 14-15 Nov,2014

Page 19: Localizing  Firefox OS Apps

Download the source code from here

GILT 2014 14-15 Nov,2014

Page 20: Localizing  Firefox OS Apps

Get help with translations

GILT 2014 14-15 Nov,2014

Page 21: Localizing  Firefox OS Apps

Mozilla localization app pilot program is offering you to add your apps for localization through the

Transifex service

GILT 2014 14-15 Nov,2014

Page 22: Localizing  Firefox OS Apps

Please apply in the Localize My Firefox App form

to get started!

GILT 2014 14-15 Nov,2014

Page 23: Localizing  Firefox OS Apps

Important links

1. Localizing Firefox OS Apps http://mzl.la/1sOnRO7

2. Localizing the Firefox OS Boilerplate App http://mzl.la/1uub34A

3. The Translation of the Firetext App http://mzl.la/11odXND

4. TranslationTester app example http://mzl.la/1nIcM43

5. Example app hosted here http://bit.ly/1ul5Cp4

GILT 2014 14-15 Nov,2014

Page 24: Localizing  Firefox OS Apps

GILT 2014 14-15 Nov,2014

Page 25: Localizing  Firefox OS Apps