Gantt Chart একটি কার্যকরী টুল যা Project Management এ ব্যবহৃত হয়। এটি প্রকল্পের বিভিন্ন টাস্ক এবং তাদের সময়সীমা, অগ্রগতি এবং নির্দিষ্ট সময়সীমার মধ্যে সম্পর্ক প্রদর্শন করতে সাহায্য করে। Gantt Chart এ বিভিন্ন টাস্কের শুরুর সময়, শেষ সময় এবং তাদের অগ্রগতি (percentage completed) দেখানো হয়। Google Charts এর মাধ্যমে খুব সহজেই Gantt Chart তৈরি করা সম্ভব, যা প্রকল্পের কার্যক্রম সঠিকভাবে ট্র্যাক করতে সহায়তা করে।
১. Google Charts দিয়ে Gantt Chart তৈরি করা
Google Charts লাইব্রেরি দিয়ে Gantt Chart তৈরি করতে আপনাকে Timeline Chart প্যাকেজ ব্যবহার করতে হবে। এটি টাস্কগুলোর মধ্যে সম্পর্ক এবং সময়সীমা স্পষ্টভাবে প্রদর্শন করতে সাহায্য করে।
HTML এবং JavaScript কোড উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Google Gantt Chart Example</title>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
// Google Charts লাইব্রেরি লোড করা
google.charts.load('current', {packages: ['timeline']});
// কলব্যাক ফাংশন
google.charts.setOnLoadCallback(drawChart);
// Gantt Chart তৈরি করার ফাংশন
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn({ type: 'string', id: 'Task ID' });
data.addColumn({ type: 'string', id: 'Task Name' });
data.addColumn({ type: 'date', id: 'Start Date' });
data.addColumn({ type: 'date', id: 'End Date' });
data.addColumn({ type: 'number', id: 'Duration' });
data.addColumn({ type: 'number', id: 'Percent Complete' });
data.addColumn({ type: 'string', id: 'Dependencies' });
// ডেটা প্রস্তুত করা
data.addRows([
['1', 'Task 1', new Date(2024, 0, 1), new Date(2024, 0, 5), null, 100, null],
['2', 'Task 2', new Date(2024, 0, 2), new Date(2024, 0, 6), null, 80, '1'],
['3', 'Task 3', new Date(2024, 0, 3), new Date(2024, 0, 7), null, 60, '1'],
['4', 'Task 4', new Date(2024, 0, 6), new Date(2024, 0, 10), null, 50, '2,3'],
['5', 'Task 5', new Date(2024, 0, 7), new Date(2024, 0, 11), null, 30, '4'],
['6', 'Task 6', new Date(2024, 0, 10), new Date(2024, 0, 15), null, 10, '5']
]);
var options = {
height: 400,
gantt: {
trackHeight: 30
}
};
var chart = new google.visualization.Timeline(document.getElementById('gantt_chart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<h2>Google Gantt Chart Example</h2>
<div id="gantt_chart" style="width: 900px; height: 500px;"></div>
</body>
</html>
কোড ব্যাখ্যা
- Google Charts লাইব্রেরি লোড করা:
google.charts.load('current', {packages: ['timeline']});লাইনে আমরা Timeline প্যাকেজ লোড করেছি, যেটি Gantt Chart তৈরি করতে ব্যবহৃত হয়। - ডেটা প্রস্তুত করা:
google.visualization.DataTable()এর মাধ্যমে আমরা ডেটা তৈরি করেছি, যেখানে:- Task ID: টাস্কের আইডি
- Task Name: টাস্কের নাম
- Start Date: টাস্ক শুরুর তারিখ
- End Date: টাস্ক শেষ হওয়ার তারিখ
- Duration: টাস্কের সময়কাল (এক্ষেত্রে
nullদিয়ে সেট করা হয়েছে) - Percent Complete: টাস্কের সম্পূর্ণতার শতাংশ
- Dependencies: কোন টাস্কের উপর নির্ভরশীল (যদি থাকে)
- টাস্ক ডেটা যোগ করা:
data.addRows()দিয়ে আমরা টাস্কের তথ্য যোগ করেছি। উদাহরণস্বরূপ,Task 1এর জন্য শুরু এবং শেষ তারিখ দেওয়া হয়েছে, এবং একইভাবে অন্যান্য টাস্কও যুক্ত করা হয়েছে। - অপশন সেট করা:
optionsঅবজেক্টে Gantt Chart এর উচ্চতা (height) এবং টাস্কের উচ্চতা (trackHeight) সেট করা হয়েছে। - চার্ট তৈরি করা:
google.visualization.Timeline()ব্যবহার করে Gantt Chart তৈরি করা হয় এবং এটি HTML ডকুমেন্টে প্রদর্শিত হয়।
Gantt Chart এর সুবিধা
- টাস্ক এবং সময়সীমা ট্র্যাকিং: Gantt Chart বিভিন্ন টাস্কের শুরুর এবং শেষ তারিখসহ প্রকল্পের অগ্রগতি প্রদর্শন করে।
- প্রকল্পের অগ্রগতি সহজে বোঝা যায়: এটি একটি প্রকল্পের বিভিন্ন টাস্ক এবং তাদের পরিপূরক সম্পর্ক দেখানোর মাধ্যমে প্রকল্পের অগ্রগতি সহজে বুঝতে সাহায্য করে।
- ডিপেনডেন্সি ট্র্যাকিং: টাস্কগুলোর মধ্যে সম্পর্ক (dependencies) দেখানো হয়, যার মাধ্যমে আপনি বুঝতে পারবেন কোন টাস্ক অন্যটির উপর নির্ভরশীল।
- দ্রুত সিদ্ধান্ত গ্রহণ: Gantt Chart আপনাকে দ্রুত এবং কার্যকরভাবে সিদ্ধান্ত নিতে সহায়তা করে, কারণ আপনি প্রকল্পের সমস্ত কাজ একসাথে দেখতে পারবেন।
উপসংহার
Google Gantt Chart প্রজেক্ট ম্যানেজমেন্টে খুবই কার্যকরী টুল, যেটি প্রকল্পের বিভিন্ন টাস্ক এবং তাদের সময়সীমা দেখাতে সাহায্য করে। এটি প্রকল্পের অগ্রগতি ট্র্যাক করতে এবং সঠিক সময়ে প্রয়োজনীয় পদক্ষেপ নিতে সাহায্য করে। Google Charts এর মাধ্যমে আপনি খুব সহজেই একটি Gantt Chart তৈরি করতে পারেন এবং প্রকল্প ম্যানেজমেন্টের কাজকে আরও সহজ এবং কার্যকরী করতে পারেন।
Read more
