স্ট্যান্ডার্ড ওয়েব প্রযুক্তির সাহায্যেই ওয়েব অ্যাপস তৈরি করা হয়। এগুলো যেকোন আধুনিক ব্রাউজারে কাজ করে, এবং আপনি আপনার পছন্দমত টুলস ব্যবহার করেই ডেভেলপ করতে পারবেন। কিন্তু, তা সত্ত্বেও ওয়েব অ্যাপ ও ওয়েবসাইটের মধ্যে অনেক তফাৎ বিদ্যমান। ওয়েবঅ্যাপসমূহ ব্যবহারকারীরা ইন্সটল করে নিতে পারে, এগুলো স্বনির্ভর এবং সবসময়ই ব্রাউজারের উইন্ডো দেখানোর প্রয়োজন হয় না। এছাড়া এগুলো অফলাইনেও চলতে পারে। জিমেইল, ট্যুইটার এবং ইথারপ্যাড হল ওয়েব অ্যাপ।
বর্তমানে চালু সাইটগুলোকে সুন্দর, মজার এবং শক্তিশালী কম্পিউটিংয়ের উপযোগী করতে চাইলে ওয়েব অ্যাপে রুপান্তরের কোন বিকল্প নেই। মোজিলা ওয়েব অ্যাপ প্রজেক্ট এ কাজটি করার জন্য বর্তমান ওয়েবসাইটগুলোতে কিছু অতিরিক্ত জিনিসপত্র সংযুক্ত করার পরামর্শ নেয়। এই অ্যাপগুলো ডেস্কটপ ব্রাউজার, মোবাইল ডিভাইস চলে এবং ব্যবহারকারীদের পক্ষে ওয়েব অ্যাপ খুঁজে পাওয়া ও চালু করাটা আরও সহজ হয়ে যায়। ব্যবহারকারীদের কাছে ক্রমবর্ধমান সুবিধার তালিকা পৌছে যায়, যার মধ্যে রয়েছে তার সকল ডিভাইসের তথ্যের মধ্যে সিংক্রোনাইজেশন।
শুরু করার আগে
যদি আপনি প্রথমবারের মত একটি ওয়েব অ্যাপ তৈরি করার মনঃস্থির করে থাকেন, তবে আপনার API এর বর্তমান বাস্তবায়ন অবস্থা যাচাই করে নেয়া উচিত।
অ্যাপ প্রকাশ (পাবলিশ) করা
আপনাকে শুধু একটি ওয়েব সাইট থেকে ওয়েব অ্যাপ তৈরি করতে হবে এবং একটি ইশতেহার তৈরি করতে হবে। এটি একটি JSON ফাইল, যেটাতে আপনার অ্যাপ এর নাম, বর্ণনা, আইকন এবং মানুষের পড়ার উপযোগী বর্ণনা থাকবে।
The manifest must be hosted from the same domain as your website, and must be served with a Content-Type of application/x-web-app-manifest+json (Note: this is currently not enforced by Firefox, but it is necessary for the Firefox Marketplace). For full details about the manifest refer to the app manifest documentation. There are tools to check your manifest for validity. See Validating a manifest.
এক-উৎস নীতি
It's important to note that each app should be hosted from its own domain. Different apps should not share the same domain. An acceptable solution is to host each app from a different subdomain, for example. See FAQs about apps manifests for more information on origins.
অ্যাপ ইন্সটল করা আছে কিনা পরীক্ষা করা
When a Web browser loads the app's page, the page needs to handle the case that the user doesn't have the app installed. You can check whether the app is installed by calling checkInstalled(), like this:
var request = navigator.mozApps.checkInstalled("https://path.to/my/example.webapp");
request.onsuccess = function() {
if (request.result) {
// we're installed
} else {
// not installed
}
};
request.onerror = function() {
alert('Error checking installation status: ' + this.error.message);
};
অ্যাপ ইন্সটল করা
You can distribute your app directly from your site. It's also a good idea to test installing from your site, just to make sure your manifest validates, before you submit it to the Firefox Marketplace.
Just construct a button or link that invokes this JavaScript:
var request = navigator.mozApps.install("https://path.to/my/example.webapp");
request.onsuccess = function() {
// great - display a message, or redirect to a launch page
};
request.onerror = function() {
// whoops - this.error.name has details
};
Invoking navigator.mozApps.install() causes the browser to load the manifest (i.e. example.webapp) and ask the user whether to install the application. If the user approves the installation, the app is installed into the browser. On OS X, application will be installed in the "Applications" folder.
The second parameter is an install_data argument to navigator.mozApps.install(), to persist some information into the user's installed-applications data store. This information can be synchronized to their other devices, and can be retrieved by your application using the getSelf() call (see Checking whether the app is installed). For example:
navigator.mozApps.install(
"https://path.to/my/example.webapp",
{
user_id: "some_user"
}
);
অ্যাপের বাজারাতকরণ
Mozilla is building an app marketplace that takes care of discovery, reviews, ratings, and billing, using an open infrastructure that can be used by other third parties to create their own stores. But you're not required to list your app in a store.
If you want people to pay for your app, see Marketplace payments.
The Firefox Marketplace is expected to be available soon. You can also sign up for the Apps Developer newsletter to get news about the progress of the Firefox Marketplace, as well as tips and advice on creating apps.
অফলাইনে চালানো এবং অ্যাডভান্সড ডিভাইস এপিআই ব্যবহার
Modern Web browsers have added a lot of great features to let your application run offline or access device capabilities. Here are some useful links:
- Running offline: details and demos that show how to use the HTML5 AppCache
- Online and Offline Events: detecting when the device changes between online and offline states
- Using audio and video in your application
- Drawing Graphics with Canvas
- Drawing 3D Graphics with WebGL
- Using Content-Editable to create full and fast rich-text editors in your app
- Using Files from Web Applications with the HTML5 File API
- Using Drag and Drop to drag items between and within web applications
- Detecting Device Orientation
লোকালি ডাটা স্টোর করা
The localStorage API provides a key-value store of persistent data that you can use to keep track of user data between visits to your app. If the user has a modern browser, such as Firefox 4 or later, or Google Chrome, you can also use IndexedDB, a structured, high-performance client-side datastore.
If you have data that should be shared between instances of your app across all devices that a user uses, then you should use the install_data parameter to the install() function, as described above.
উদাহরণ
ওপেন ওয়েব অ্যাপের কয়েকটি উদাহরণ:
- MozillaBall Example (uses canvas for drawing graphics and JavaScript API to install app)