বর্তমানে মোবাইল ফোন এর মার্কেটে অনেক ধরনের ওএস সংযুক্ত ডিভাইস রয়েছে। যেমনঃ অ্যান্ড্রোয়েড, উইন্ডোজ ফোন ইত্যাদি। আমাদের দেশে যদিও এখনো আসেনি, তবে যে সকল দেশে বের হয়েছে সে দেশগুলোতে খুব অল্প দিনের মাথায় আলোড়ন সৃষ্টি করেছে এমন একটি ওএস হচ্ছে, মোজিলার একটি প্রজেক্ট ফায়ারফক্স ওএস। এতে অনেকগুলো অনন্য বৈশিষ্ট রয়েছে যা অন্যন্য ওএস থেকে একে এগিয়ে রাখে। তা এখানে বলে শেষ করা যাবে না। তবে একটার কথা না বললেই না, সেটি হল ফায়ারফক্স ওএস যে দেশেই বের হয়, এ ওএস-টি অন্যান্য ভাষা সহ সেই দেশের ভাষায় পাওয়া যায়। অর্থাৎ এই ওএস এর জন্য লোকালাইজেশন করা হয়ে থাকে, যেটি অন্য কোন ওএস এর জন্য করা হয় না। আর এর জন্যই সাধারণ মানুষের কাছে ফায়ারফক্স ওএস-টির চাহিদা খুব তাড়াতাড়ি বেড়ে চলেছে। আর যেহেতু ওএস-টি লোকালাইজেশন করা হয়ে থাকে, তাই ওএস এর প্রাণ, যা কিনা অ্যাপ নামে আমরা জানি, এদেরকেও আমরা লোকালাইজ করতে পারি।
আজ আপনাদের দেখাব কিভাবে WebIDE দিয়ে আপনার তৈরি অ্যাপ বাংলাতে লোকালাইজেশন করবেন। এর মানে আপনার মোবাইলে যদি ইংরেজি ভাষা নির্বাচন করে থাকেন, তবে আপনার অ্যাপ ইংরেজিতে আর বাংলা ভাষা নির্বাচন করে থাকেন, তবে আপনার অ্যাপ বাংলাতে দেখা যাবে। এমনই এক অতুলনীয় অপশন আপনার জন্য এনে দিয়েছে ফায়ারফক্স ওএস।
এখন দেখা যাক, কিভাবে আপনার অ্যাপটিকে বাংলাতে লোকালাইজ করবেন –
প্রথম ২টি কথা জেনে রাখা ভাল যে,
- WebIDE এর ব্যবহার।
- বাংলাদেশের বাংলা ভাষার লোকালাইজেশনের কোড হচ্ছে “bn-BD”। মনে রাখবেন, BN-BD, BN-bd, bn-bd, Bn-Bd, bN-bD এর কোনটিই না।
যেভাবে লোকালাইজ করতে হবে
প্রথমে Open App থেকে একটি প্রোজেক্ট তৈরি করুন।
এখন কিছু প্রয়োজনীয় কাজ করে নিতে হবে।
manifest.webapp ফাইল এডিট
manifest.webapp ফাইলে আপনার প্রয়োজনীয় অবজেক্ট ও এর ভ্যালু বসানোর পর locales নামের একটি অবজেক্ট ব্যবহার করতে হবে। locales এর সাব-অবজেক্ট গুলোর নাম ইংরেজিতেই হবে কিন্তু এগুলোর ভ্যালু সব বাংলাতে দিতে হবে। নিন্মে উদাহরণ সরূপ দেওয়া হল
{
"version": "0.1.0",
"name": "Test App",
"description": "This app is for testing.",
"launch_path": "/index.html",
"icons": {
"16": "/img/icons/icon16x16.png",
"48": "/img/icons/icon48x48.png",
"60": "/img/icons/icon60x60.png",
"128": "/img/icons/icon128x128.png"
},
"developer": {
"name": "S. M. Mohi-Us Sunnat ",
"url": "https://mozillians.org/en-US/u/sunnat/"
},
"type": "privileged",
"permissions": {},
"installs_allowed_from": [
"*"
],
"locales": {
"bn-BD": {
"name": "টেস্ট অ্যাপ",
"description": "এই অ্যাপটি পরীক্ষা করার জন্য।",
"permissions": {},
"developer": {
"name": "এস এম মহি-উস সুন্নাত",
"url": "https://mozillians.org/en-US/u/sunnat/"
}
}
},
"default_locale": "en"
}
HTML ফাইল
- সেখানে আপনার HTML ফাইল গুলোতেই একটু বেশি কাজ করতে হবে।
- যেগুলো লোকালাইজেশন করবেন এগুলোর প্রতিটি ট্যাগে data-l10n-id এট্রিবিউট ব্যবহার করে এর ভ্যালু ন্যাম বসাতে হবে। যেমন –
<h1 align=”center”
data-l10n-id=”app_title“></h1>
<p
data-l10n-id=”app_description“></p>
<p
data-l10n-id=”message“></p>
এখানে কিছু না লিখলেও হবে। কারণ এখানে কিছু লিখা থাকা না থাকা প্রায় একই কিন্তু লিখে রাখা ভাল, নাহলে পরে কি লিখা লাগত মনে নাও থাকতে পারে।
Data ফোল্ডার
Data নামের ফোল্ডারে দেখুন en-US.properties এবং locales.ini ২টি ফাইল আছে। আরও থাকতে পারে, ওইগুলো আমাদের কোন কাজের না। এই ২টি ফাইলই আসল। এখন রাইট ক্লিক করে bn-BD.properties নামের একটি নতুন ফাইল তৈরি করুন এবং locales.ini নামের ফাইলে যেয়ে
[bn-BD]
@import url(bn-BD.properties)
লিখে save করুন।
এখন আমাদের যা করতে হবে en-US.properties এবং bn-BD.properties ফাইলেই সবকিছু করতে হবে।
HTML ফাইলে data-l10n-id এট্রিবিউট গুলোর ভ্যালু ন্যাম গুলো en-US.properties এবং bn-BD.properties তে ছবিটির মত বসিয়ে নেই।
এখন en-US.properties ফাইলে সব গুলোর মান ইংরেজিতে দিতে হবে যেমন –
app_title = My First App
app_description = This app has created by the WebIDE. It is very powerfull developing tool for Firefox OS App.
message = I am a Mozillian.
আর bn-BD.properties ফাইলে সব গুলোর মান বাংলাতে দিতে হবে যেমন –
app_title = আমার প্রথম অ্যাপ
app_description = এই অ্যাপটি WebIDE দিয়ে তৈরি। ফায়ারফক্স ওএস অ্যাপের জন্য খুবই শক্তিশালী একটি ডেভেলপিং টুল।
message = আমি একজন মজিলিয়ান।
এভাবে যতগুলো ট্যাগ লোকালাইজেশন করবেন এগুলোর প্রতিটি ট্যাগের data-l10n-id এট্রিবিউট এর ভ্যালু ন্যাম এই ২টি ফাইলে বসিয়ে এদের মান ইংরেজি আর বাংলা লিখে নিতে হবে।
সব কাজ শেষ হলে ডিভাইস বা সিমুলেটর (২.১ ভার্শন) এ রান করুন। এখন দেখবেন আপনার অ্যাপ এর নাম ও ভেতরের ইন্টারফেস ডিভাইস বা সিমুলেটর (২.১ ভার্শন) এর ভাষা এর উপর নির্ভর হয়ে যাবে। English নির্বাচন করলে অ্যাপটি ইংরেজিতে আসবে আর বাংলা (বাংলাদেশ) নির্বাচন করলে অ্যাপটি বাংলাতে আসবে।
আপনার অ্যাপ কিভাবে বাংলায় লোকালাইজেশন করবেন?
Firefox OS App UI & UX Training at SUST
