GWT (Google Web Toolkit) ব্যবহার করে প্রথম ওয়েব অ্যাপ্লিকেশন তৈরি করার জন্য আপনাকে কিছু প্রাথমিক পদক্ষেপ অনুসরণ করতে হবে। নিচে GWT দিয়ে প্রথম প্রজেক্ট তৈরি করার জন্য ধাপে ধাপে নির্দেশনা দেওয়া হলো:
GWT প্রজেক্ট তৈরি করার জন্য প্রয়োজনীয় উপকরণ
প্রথমে আপনাকে GWT ফ্রেমওয়ার্ক এবং Java ডেভেলপমেন্ট কিট (JDK) সঠিকভাবে ইনস্টল করতে হবে।
- Java Development Kit (JDK): GWT শুধুমাত্র Java ব্যবহার করে কাজ করে, তাই Java Development Kit (JDK) আপনার সিস্টেমে ইনস্টল থাকতে হবে। আপনি JDK এর সর্বশেষ ভার্সন ডাউনলোড করতে পারেন এখানে।
- GWT SDK: GWT SDK ডাউনলোড করতে হবে। এটি GWT এর ফ্রেমওয়ার্ক এবং টুলস সরবরাহ করে। আপনি GWT SDK ডাউনলোড করতে পারেন GWT অফিসিয়াল সাইট থেকে।
GWT প্রজেক্ট তৈরি করার ধাপসমূহ
1. Eclipse IDE ইনস্টল করা
GWT প্রজেক্ট তৈরি করতে Eclipse IDE একটি জনপ্রিয় পরিবেশ (IDE)। Eclipse ইনস্টল করার পর আপনাকে GWT প্লাগইন ইনস্টল করতে হবে।
- Eclipse ডাউনলোড: Eclipse IDE ডাউনলোড করতে পারেন এখানে।
- GWT প্লাগইন ইনস্টল: Eclipse-এ GWT প্লাগইন ইনস্টল করতে, Eclipse ওপেন করুন এবং Help > Eclipse Marketplace এ গিয়ে "Google Plugin for Eclipse" অনুসন্ধান করে ইনস্টল করুন।
2. নতুন GWT প্রজেক্ট তৈরি করা
- Eclipse ওপেন করুন এবং File > New > Project... এ ক্লিক করুন।
- GWT সিলেক্ট করুন এবং GWT Project নির্বাচন করুন।
- একটি প্রজেক্ট নাম দিন, যেমন
FirstGWTProjectএবং Finish ক্লিক করুন।
3. GWT প্রজেক্টে প্রয়োজনীয় ফাইল যোগ করা
আপনার GWT প্রজেক্টে কয়েকটি ফাইল থাকতে হবে:
- EntryPoint.java: এটি হল আপনার অ্যাপ্লিকেশনের প্রবেশদ্বার (entry point), যেখানে অ্যাপ্লিকেশন শুরু হবে।
- public ফোল্ডার: এখানে অ্যাপ্লিকেশনের HTML এবং JavaScript ফাইল থাকবে।
4. GWT EntryPoint তৈরি করা
Eclipse-এ GWT প্রজেক্ট তৈরি হওয়ার পর, src ফোল্ডারে EntryPoint.java ফাইল তৈরি করুন। এটি GWT অ্যাপ্লিকেশনের মূল অংশ, যেখানে আপনি আপনার UI বা অন্যান্য ফাংশনালিটি ডিফাইন করবেন।
package com.example.firstgwtproject.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.Label;
public class FirstGWTProject implements EntryPoint {
public void onModuleLoad() {
// একটি লেবেল তৈরি করা
Label label = new Label("Hello, GWT!");
// একটি বাটন তৈরি করা
Button button = new Button("Click me");
// বাটনের ক্লিক ইভেন্ট হ্যান্ডলার
button.addClickHandler(event -> label.setText("Button clicked!"));
// RootPanel এ লেবেল এবং বাটন যোগ করা
RootPanel.get().add(label);
RootPanel.get().add(button);
}
}
5. GWT অ্যাপ্লিকেশনের HTML ফাইল তৈরি করা
এখন আপনাকে public ফোল্ডারে একটি index.html ফাইল তৈরি করতে হবে, যেখানে GWT অ্যাপ্লিকেশন রেন্ডার হবে। উদাহরণস্বরূপ:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>First GWT Project</title>
<script type="text/javascript" language="javascript" src="firstgwtproject.nocache.js"></script>
</head>
<body>
<div id="gwt-container"></div>
</body>
</html>
6. GWT অ্যাপ্লিকেশন রান করা
- GWT প্রজেক্ট রান করতে Eclipse-এ Run > Run As > Web Application নির্বাচন করুন।
- আপনার ব্রাউজারে অ্যাপ্লিকেশন দেখতে পারবেন, যেখানে "Hello, GWT!" লেখা থাকবে এবং "Click me" বাটনে ক্লিক করলে লেবেলটি পরিবর্তিত হয়ে "Button clicked!" লেখা দেখাবে।
Highcharts যুক্ত করা
আপনি যদি GWT অ্যাপ্লিকেশনটিতে Highcharts ব্যবহার করতে চান, তাহলে আপনার GWT প্রজেক্টে Highcharts লাইব্রেরি অন্তর্ভুক্ত করতে হবে। এর জন্য আপনাকে JSNI (JavaScript Native Interface) ব্যবহার করতে হবে, যা GWT কোডে JavaScript কোড ব্যবহার করার সুবিধা দেয়।
public class HighchartsExample {
public native void createChart() /*-{
$wnd.Highcharts.chart('container', {
chart: {
type: 'line'
},
title: {
text: 'Sample Line Chart'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May']
},
yAxis: {
title: {
text: 'Value'
}
},
series: [{
name: 'Data Series',
data: [1, 2, 3, 4, 5]
}]
});
}-*/;
}
এখানে createChart ফাংশনটি Highcharts লাইব্রেরি ব্যবহার করে একটি সিম্পল লাইন চার্ট তৈরি করছে।
সারাংশ
এইভাবে, GWT ব্যবহার করে একটি ওয়েব অ্যাপ্লিকেশন তৈরি করার প্রাথমিক পদক্ষেপগুলোর মাধ্যমে আপনি Java দিয়ে ওয়েব অ্যাপ্লিকেশন ডেভেলপ করতে পারবেন। প্রজেক্টে Highcharts যুক্ত করে আপনি ইন্টারঅ্যাকটিভ ডেটা ভিজুয়ালাইজেশনও করতে পারেন। GWT দিয়ে ওয়েব অ্যাপ্লিকেশন তৈরি করতে আপনাকে Eclipse ব্যবহার করতে হবে এবং প্রয়োজনীয় ফাইল তৈরি করে কোড লিখতে হবে।
Read more
