Gantt Chart একটি ভিজ্যুয়াল টুল যা প্রজেক্ট ম্যানেজমেন্ট এবং সময়সীমা (timeline) বিশ্লেষণে ব্যবহৃত হয়। এটি প্রজেক্টের কাজ বা টাস্কগুলির সময়কাল, শুরুর সময় এবং শেষের সময় দেখাতে সাহায্য করে। Gantt Chart একসাথে একাধিক টাস্কের মধ্যে নির্দিষ্ট সময়ে প্রোগ্রেস এবং সম্পর্ক বোঝাতে সাহায্য করে।
Google Charts-এ Gantt Chart তৈরি করার জন্য একটি বিশেষ Gantt Chart package রয়েছে, যা টাইমলাইন, ডিউটিস, রিসোর্স এবং প্রজেক্ট প্ল্যানের উপস্থাপনা করতে সক্ষম।
Gantt Chart এর বৈশিষ্ট্য
- টাস্কের সময়কাল (Task Duration): Gantt Chart প্রতিটি টাস্কের শুরু এবং শেষ সময়কাল নির্দেশ করে।
- প্রোগ্রেস (Progress): এটি প্রকল্পের কতটা কাজ সম্পন্ন হয়েছে, তা দেখাতে সাহায্য করে।
- সংশ্লিষ্ট কাজ (Dependencies): কিছু কাজ অন্য কাজের উপর নির্ভরশীল হতে পারে, যা Gantt Chart এ সম্পর্কিতভাবে দেখানো হয়।
- মাইলস্টোন (Milestones): প্রজেক্টের গুরুত্বপূর্ণ মুহূর্ত বা মাইলস্টোনের জন্য নির্দিষ্ট পয়েন্ট দেখানো যেতে পারে।
Gantt Chart কীভাবে কাজ করে?
Gantt Chart Google Charts-এ তৈরি করার জন্য কিছু নির্দিষ্ট স্টেপস অনুসরণ করতে হয়:
- ডেটা তৈরি করা: Gantt Chart এ প্রদর্শন করতে হবে বিভিন্ন টাস্কের শুরুর তারিখ, শেষ তারিখ এবং প্রোগ্রেস।
- প্রয়োজনীয় লাইব্রেরি লোড করা: Gantt Chart তৈরি করতে Google Charts এর বিশেষ Gantt প্যাকেজ লোড করতে হবে।
- অপশন কাস্টমাইজেশন: চার্টের শিরোনাম, অক্ষ, রঙ এবং অন্যান্য কাস্টমাইজেশন করা যায়।
Google Charts-এ Gantt Chart তৈরি করার উদাহরণ
নীচে একটি Gantt Chart তৈরির উদাহরণ দেওয়া হলো:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gantt Chart Example</title>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {packages: ['gantt']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Task ID');
data.addColumn('string', 'Task Name');
data.addColumn('string', 'Resource');
data.addColumn('date', 'Start Date');
data.addColumn('date', 'End Date');
data.addColumn('number', 'Duration');
data.addColumn('number', 'Percent Complete');
data.addColumn('string', 'Dependencies');
data.addRows([
['1', 'Project Planning', 'Planning', new Date(2024, 0, 1), new Date(2024, 0, 10), null, 100, null],
['2', 'Design', 'Design', new Date(2024, 0, 11), new Date(2024, 0, 20), null, 80, '1'],
['3', 'Development', 'Development', new Date(2024, 0, 21), new Date(2024, 1, 15), null, 50, '2'],
['4', 'Testing', 'Testing', new Date(2024, 1, 16), new Date(2024, 2, 10), null, 0, '3'],
['5', 'Launch', 'Launch', new Date(2024, 2, 11), new Date(2024, 2, 15), null, 0, '4']
]);
var options = {
height: 400,
gantt: {
criticalPathEnabled: true, // critical path enable করা
arrowStyle: 'bar' // অ্যারো স্টাইল পরিবর্তন করা
}
};
var chart = new google.visualization.Gantt(document.getElementById('gantt_chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<h2>Project Gantt Chart Example</h2>
<div id="gantt_chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
কোড ব্যাখ্যা
- লাইব্রেরি লোড:
google.charts.load('current', {packages: ['gantt']});দিয়ে Gantt Chart এর জন্য প্রয়োজনীয় প্যাকেজ লোড করা হয়েছে।
- ডেটা:
data.addColumn()ফাংশনের মাধ্যমে বিভিন্ন কলাম যেমন টাস্ক আইডি, টাস্ক নাম, স্টার্ট ডেট, এন্ড ডেট, ডিউরেশন (সময়কাল), প্রোগ্রেস, এবং ডিপেন্ডেন্সি (যদি থাকে) যোগ করা হয়েছে।
- Gantt Chart অপশন:
gantt: { criticalPathEnabled: true, arrowStyle: 'bar' }: এখানে criticalPathEnabled অপশন ব্যবহার করা হয়েছে যাতে প্রজেক্টের গুরুত্বপূর্ণ কাজের পথ স্পষ্টভাবে দেখা যায়। এছাড়াও arrowStyle পরিবর্তন করা হয়েছে যাতে চার্টের মধ্যে অ্যারোগুলি বার আকারে প্রদর্শিত হয়।
- ডেটা প্রদর্শন:
chart.draw(data, options);: এই ফাংশনটি Gantt Chart প্রদর্শন করার জন্য ব্যবহার করা হয় এবং এটিgantt_chart_divID সহ একটি div এলিমেন্টে চার্ট প্রদর্শন করে।
Gantt Chart এর সুবিধা
- প্রজেক্ট ম্যানেজমেন্ট: Gantt Chart প্রকল্পের কাজগুলি এবং তাদের সময়সীমা দেখাতে সাহায্য করে, যা প্রজেক্ট ম্যানেজমেন্টে খুবই কার্যকর।
- প্ল্যানিং এবং অগ্রগতি ট্র্যাকিং: এটি সাহায্য করে কাজের অগ্রগতি এবং সময়সীমা দ্রুতভাবে পর্যবেক্ষণ করতে।
- ডিপেন্ডেন্সি ম্যানেজমেন্ট: বিভিন্ন কাজের মধ্যে সম্পর্ক এবং নির্ভরশীলতা দেখাতে Gantt Chart অত্যন্ত কার্যকর।
- ভিজ্যুয়াল কনসোলিডেশন: এক জায়গায় সমস্ত কাজের প্রগ্রেস দেখতে পাওয়া যায়, যা পুরো প্রজেক্টের একটি ক্লিয়ার ভিউ দেয়।
উপসংহার
Google Charts এর Gantt Chart প্রজেক্ট ম্যানেজমেন্টের জন্য একটি গুরুত্বপূর্ণ টুল, যা ডেটার টাইমলাইন, টাস্কের অগ্রগতি, এবং সম্পর্ক প্রদর্শন করে। এটি ডেটাকে ভিজ্যুয়াল আকারে সহজভাবে উপস্থাপন করতে সাহায্য করে, যাতে ব্যবহারকারী প্রজেক্টের কাজগুলি ও তাদের সম্পর্ক সহজে বিশ্লেষণ করতে পারে।
Content added By
Read more
