Netbeans/C2/Developing-a-Sample-Web-Application/Bengali

Time	Narration
00:01	নমস্কার বন্ধুগণ।
00:02	Netbeans IDE তে ওয়েব অ্যাপ্লিকেশন ডেভেলপের টিউটোরিয়ালে আপনাদের স্বাগত।
00:08	আমি ধরি আপনি netbeans সম্পর্কে কিছুটা জানেন।
00:12	না হলে Netbeans এ প্রাসঙ্গিক টিউটোরিয়ালের জন্য স্পোকেন টিউটোরিয়াল ওয়েবসাইটে যান।
00:19	প্রথম টিউটোরিয়াল দেখে
00:22	সংস্থাপন এবং Netbeans ইন্টারফেসের সাথে পরিচিত হবেন।
00:25	আগের টিউটোরিয়ালেও নতুন প্রজেক্ট তৈরী সম্পর্কে বলেছি।
00:29	এরজন্য আমি লিনাক্স অপারেটিং সিস্টেম উবুন্টু v11.04 এবং Netbeans IDE v7.1.1 ব্যবহার করছি।
00:40	এই টিউটোরিয়াল আপনাকে ওয়েব অ্যাপ্লিকেশন বিকাশের সাথে বুনিয়াদী Netbeans এর সাধারণ তথ্য সম্পর্কে বোঝাবে।
00:45	আমরা দেখব,
00:46	ওয়েব অ্যাপ্লিকেশন প্রজেক্ট সেট করা।
00:49	ওয়েব-অ্যাপ্লিকেশন সোর্স ফাইল বানানো বা এডিট করা।
00:52	জাভা প্যাকেজ এবং জাভা সোর্স ফাইল বানানো।
00:56	Getter এবং Setter মেথড তৈরী করা।
00:59	ডিফল্ট জাভা সার্ভার পেজ ফাইল এডিট করা।
01:02	জাভা সার্ভার পেজ ফাইল তৈরী করা।
01:05	এবং ওয়েব-অ্যাপ্লিকেশন প্রজেক্ট রান করা।
01:08	টিউটোরিয়ালটি অনুসরণ করতে আপনার দরকার হবে Netbeans IDE
01:13	জাভা ডেভেলপমেন্ট কিট (JDK) সংস্করণ 6
01:17	GlassFish সার্ভার ওপেন সোর্স সংস্করণ।
01:20	উপরোক্ত সবকিছু প্রদর্শিত লিঙ্ক থেকে একসাথে ডাউনলোড করা যেতে পারে।
01:26	এই টিউটোরিয়াল সহজ ওয়েব অ্যাপ্লিকেশন তৈরী করা দেখায়।
01:30	সার্ভারে এটি কিভাবে স্থাপন করে।
01:32	ব্রাউজারে এর উপস্থাপনা কিভাবে দেখে।
01:35	অ্যাপ্লিকেশন এমপ্লয়ী (JSP) জাভা সার্ভার পেজ আপনাকে আপনার নাম ইনপুট করতে বলে।
01:42	এটি আবার HTTP সেশানের দরুন নাম বজায় রাখতে JavaBeans কম্পোনেন্ট ব্যবহার করে।
01:48	তারপর দ্বিতীয় JSP পৃষ্ঠায় আউটপুট বের করে।
01:51	এখন Netbeans এ যান এবং ওয়েব-অ্যাপ্লিকেশন প্রজেক্ট তৈরী করুন।
01:58	File থেকে New Project চয়ন করুন।
02:01	Categories থেকে Java Web চয়ন করুন।
02:04	Projects থেকে Web Application চয়ন করে Next এ টিপুন।
02:09	প্রজেক্টের নাম দিন। আমি প্রজেক্টকে HelloWeb নাম দেবো।
02:15	আপনার কম্পিউটারে যে কোনো ডাইরেক্টরিতে প্রজেক্টের স্থান উল্লেখ করুন।
02:20	Next এ টিপুন।
02:22	Server and Settings প্যানেল খোলে।
02:25	জাভা সংস্করণ চয়ন করুন, যা আপনি অ্যাপ্লিকেশনের সাথে ব্যবহার করতে চান।
02:29	সার্ভার চয়ন করুন যা আপনি অ্যাপ্লিকেশনে স্থাপিত করতে চান।
02:34	Next টিপুন।
02:36	Frameworks প্যানেলে
02:38	প্রজেক্ট তৈরী করতে Finish এ টিপুন।
02:41	IDE, HelloWeb প্রজেক্ট ফোল্ডার বানায়।
02:46	এই ফোল্ডারে সকল সোর্সেস এবং প্রজেক্ট মেটাডাটা রয়েছে।
02:51	ওয়েলকাম পেজ- index.jsp মেন উইন্ডোতে সোর্স এডিটরে খোলে।
02:57	আপনি এখানে বামদিকে ফাইল উইন্ডোতে প্রজেক্টের ফাইল কাঠামো দেখতে পারি।
03:05	এটি প্রজেক্ট উইন্ডোতে একটি লজিক্যাল গঠন।
03:10	সোর্স ফাইল তৈরী করে এডিট করা সবচেয়ে গুরুত্বপূর্ণ ফাংশন যা IDE প্রদান করে।
03:15	এখন Projects উইন্ডোতে Source Packages নোড খোলে।
03:20	Source Packages নোডে শুধুমাত্র একটি খালি default package নোড রয়েছে।
03.25	Source Packages এ ডান ক্লিক করুন এবং New > Java Class চয়ন করুন।
03:32	আপনার ক্লাসকে নাম দিন। আমি ক্লাসের নাম NameHandler দেবো।
03:40	Package কম্বো-বাক্সে, আমি লিখি org.mypackage.hello
03:54	এবং Finish এ টিপুন।
03:57	NameHandler.java ফাইল সোর্স এডিটরে খোলে।
04:01	এখন ক্লাস ডিক্লেরেশনের নীচে স্ট্রিং ভ্যারিয়েবল ঘোষিত করি।
04:07	আমি একটি স্ট্রিং ভ্যারিয়েবল String name ঘোষিত করব এবং
04:12	আমি ক্লাসে public NameHandler কন্সট্রাকটর ও জুড়ব।
04:23	এখন আমি কন্সট্রাকটরের ভিতরে name = null ও জুড়ি।
04:30	এখন Getter এবং Setter মেথড তৈরী করি।
04:33	সোর্স এডিটরে name ফীল্ডে ডান ক্লিক করুন, contextual মেনু থেকে Refactor এবং Encapsulate ফীল্ডস চয়ন করুন।
04:46	Refactoring পর্যবেক্ষণযোগ্য আচরণ না বদলে বিদ্যমান কোডের গঠন উন্নত করার একটি সুশৃঙ্খল কৌশল।
04:56	সংক্ষেপে, আমি আচরণ না বদলে কোডের গঠন বদলাতে পারি।
05:01	Refactoring এর সাথে ফীল্ড, মেথডস বা ক্লাসেস জিনিসগুলি আলাদা না করে স্থানান্তরিত করতে পারি।
05:08	IDE তে ফিরে যাই।
05:11	ডায়ালগ নেম ফীল্ড সূচীর সাথে খোলে।
05:16	লক্ষ্য করুন যে Fields visibility, private এ সেট রয়েছে।
05:20	Accessors visibility ডিফল্টরূপে হল public.
05:24	এটি দেখায় যে ক্লাস ভ্যারিয়েবলের জন্য এক্সেস মডিফায়ার private রূপে নির্দিষ্ট হবে।
05:30	যখনকি getter এবং setter মেথড ক্রমশ public মডিফায়ারের সাথে তৈরী হবে।
05:36	Refactor এ টিপুন।
05:39	Getter এবং Setter মেথডস name ফীল্ডের জন্য তৈরী হয়।
05:46	ক্লাস ভ্যারিয়েবলের জন্য মডিফায়ারর্স private সেট হয় যখনকি getter এবং setter মেথডস public মডিফায়ারের সাথে তৈরী হয়।
05:56	আপনার জাভা ক্লাস শেষে এইরকম হওয়া উচিত।
05:59	এখন Default JavaServer Pages ফাইল এডিট করুন।
06:04	সোর্স এডিটরের উপরে প্রদর্শিত এর ট্যাবে টিপে index.jsp ফাইলে আবার ধ্যান দিন।
06:11	এখন Tools মেনু > Palette এ গিয়ে Palette manager খুলুন এবং HTML/JSP code clips এ টিপুন।
06:21	Palatte manager খোলে।
06:26	palette manager এ HTML forms এর বিকল্প দেখায়।
06:31	Form আইটেম চয়ন করুন।
06:34	এটি টানুন এবং সোর্স এডিটরে h1 ট্যাগসের পরের পয়েন্টসে রাখুন।
06:42	Insert form ডায়ালগ বাক্স খোলে।
06:45	স্ক্রীনে দেখানো ভ্যালু নির্দিষ্ট করুন।
06:49	Action এ response.jsp
06:54	Method এ GET
06:56	এবং Name input form রূপে আপনার ফর্মের নাম দিন।
07:04	OK তে টিপুন।
07:07	index.jsp ফাইলে একটি HTML ফর্ম জুড়ে যায়।
07:13	এখন Palette manager থেকে Text Input আইটেম চয়ন করুন, এটি টানুন এবং ক্লোসিং ফর্ম ট্যাগের প্রথম পয়েন্টে এটি রাখুন।
07:25	Insert text input ডায়ালগ বাক্সে Name রূপে নাম উল্লেখ করুন।
07:32	Type এ text রাখুন।
07:34	এবং OK তে টিপুন।
07:36	HTML ইনপুট ট্যাগ ফর্ম ট্যাগসের মাঝে জুড়ে যায়।
07:41	ইনপুট ট্যাগ থেকে খালি ভ্যালু অ্যাট্রিবিউট মুছে ফেলুন।
07:49	এখন palette থেকে Button আইটেম চয়ন করুন।
07:53	এটি টানুন এবং ক্লোসিং ফর্ম ট্যাগের আগের পয়েন্টে রাখুন।
07:58	Label এ OK
08:00	Type এ submit নির্দিষ্ট করুন।
08:03	এবং OK তে আবার টিপুন।
08:05	এখন HTML বোতাম ফর্ম ট্যাগসে জুড়ে যায়।
08:12	প্রথমে input tag এর সামনে Enter your name টেক্সট লিখুন।
08:22	এবং h1 ট্যাগসের মাঝে ডিফল্ট টেক্সট বদলান।
08:28	আমরা টেক্সটকে Entry form এ বদলাবো।
08:34	এখন ডান ক্লিক করুন এখনকার জন্য আমি palette ম্যানেজার বন্ধ করি।
08:38	সোর্স এডিটরে ডান ক্লিক করুন।
08:41	কোডের ফরম্যাট সঠিক করতে Format বিকল্প চয়ন করুন।
08:46	আপনার index.jsp ফাইল এখন এইরকম হওয়া উচিত।
08:49	এখন JavaServer Pages ফাইল বানান।
08:53	প্রজেক্ট উইন্ডোতে HelloWeb প্রজেক্ট নোডে ডান ক্লিক করুন, New > JSP চয়ন করুন।
09:01	New JSP ফাইল উইজার্ড খোলে।
09:05	ফাইলকে response নাম দিন এবং Finish এ টিপুন।
09:14	লক্ষ্য করুন যে response.jsp ফাইল নোড index.jsp ফাইলের নীচে Projects উইন্ডোতে দেখায়।
09:23	সোর্স এডিটরে নতুন ফাইল খোলে।
09:26	Palette ম্যানেজার আবার খুলুন।
09:35	এখন JSP বিকল্প প্রদর্শিত হয়।
09:39	Use Bean আইটেম চয়ন করুন, এটি টানুন এবং বডির ঠিক নীচে পয়েন্টে এটি রাখুন।
09:53	Insert Use Bean ডায়ালগ খোলে।
09:56	ভ্যালু নির্দিষ্ট করুন।
09:58	ID তে mybean
10:01	Class এ org.mypackage.hello.NameHandler
10:13	Scope এ session সেট করুন।
10:15	এবং OK তে টিপুন।
10:18	লক্ষ্য করুন যে jsp:useBean ট্যাগ বডি ট্যাগের নীচে জুড়ে যায়।
10:30	JavaBeans জাভার জন্য পুনঃ উপযোগিত সফটওয়্যার কম্পোনেন্ট।
10:34	তার ব্যবহার সিঙ্গল অবজেক্টে অনেক অবজেক্টস সুপুন্ঠিত করতে করা হয়।
10:38	যাতে তারা মাল্টিপল ব্যক্তিগত অবজেক্টের বদলে সিঙ্গল bean অবজেক্ট রূপে পাশ করা যেতে পারে।
10:46	Palette ম্যানেজার থেকে, setbean property আইটেম চয়ন করে এটি টানুন এবং h1 ট্যাগের আগে পয়েন্টে রাখুন।
11:03	এবং OK তে টিপুন।
11:12	এখানে jsp:setProperty ট্যাগে সেটি দেখা দেয়, খালি ভ্যালু অ্যাট্রিবিউট মুছে দিন।
11:21	নেম অ্যাট্রিবিউটের জন্য mybean এবং Property এর জন্য name সেট করুন।
11:30	এখন h1 ট্যাগসের মাঝে টেক্সটকে Hello কমা স্পেস এবং exclamation চিহ্নতে বদলান।
11:40	Palette ম্যানেজার থেকে Get Bean property আইটেম চয়ন করে এটি টানুন এবং এটিকে h1 ট্যাগের মাঝে Hello text এর পরে রাখুন।
11:51	Get Bean Property আইটেমে,
11:53	Bean Name এ mybean
11:57	এবং Property Name এ name সেট করুন।
11:59	OK তে টিপুন।
12:01	এখন jsp:getProperty ট্যাগ এখন h1 ট্যাগসের মাঝে জুড়ে যায়।
12:07	সোর্স এডিটরে আবার ডান ক্লিক করুন, দরকার হলে কোডের ফরম্যাট ঠিক করতে Format এ টিপুন।
12:16	পরের ধাপ হল Web Application প্রজেক্ট রান করা।
12:20	আমি palette ম্যানেজার বন্ধ করি।
12:26	প্রজেক্ট উইন্ডোতে HelloWeb প্রজেক্ট নোডে ডান ক্লিক করে Run বিকল্প চয়ন করুন।
12:32	প্রজেক্ট রান করতে টুলবারে Run বিকল্পেও টিপতে পারেন বা কীবোর্ডে F6 কী টিপতে পারেন।
12:41	প্রজেক্ট রান করতে টুলবারে বোতাম চয়ন করব।
12:44	আপনি Web application রান করলে IDE অ্যাপ্লিকেশন কোড বানায় এবং কম্পাইল করে।
12:53	সার্ভার লঞ্চ করুন এবং সার্ভারে অ্যাপ্লিকেশন স্থাপিত করুন।
12:58	অবশেষে ব্রাইজার উইন্ডোতে অ্যাপ্লিকেশন প্রদর্শিত হয়।
13:02	এই প্রক্রিয়া দেখতে, উইন্ডো মেনু থেকে আউটপুট উইন্ডো খুলে Output বিকল্প চয়ন করতে পারেন।
13:10	আপনি দেখতে পারেন যে আপনার অ্যাপ্লিকেশন সফলভাবে নির্মিত হয়েছে।
13:17	index.jsp পেজ আপনার ডিফল্ট ব্রাউসারে খোলে।
13:23	প্রজেক্ট আবার রান করুন।
13:27	এটি এখানে রয়েছে, এটি আপনার ডিফল্ট ব্রাউজারে খোলে।
13:32	ব্রাউসার কখনো কখনো IDE এর সার্ভার আউটপুট প্রদর্শন করার পূর্বে খুলে যায়।
13:38	এখন ব্রাউজারে টেক্সট বাক্সে নাম লিখুন।
13:42	উদাহরণস্বরূপ Ubuntu, OK তে টিপুন।
13:46	response.jsp পেজ আপনাকে সাধারণ সুবিধা দেওয়ার সাথে খোলে।
13:52	এখন নির্দেশিত কাজ।
13:56	ওয়েব অ্যাপ্লিকেশন প্রজেক্টে এক্সটেনশন রূপে আরো দুটি টেক্সট ফীল্ড রাখুন অর্থাৎ অ্যাপ্লিকেশনে মোট তিনটি ইনপুট টেক্সট ফীল্ডস রয়েছে।
14:06	bean প্রোপার্টি সেট করতে JavaBeans কম্পোনেন্ট ব্যবহার করুন
14:09	ব্রাউসারে তার উপস্থাপনা দেখুন।
14:12	অবশেষে দ্বিতীয় JSP পেজে আউটপুট পুনরায় প্রাপ্ত করুন।
14:17	আমি আমার নির্দেশিত কাজ আগেই করেছি।
14:21	আমি আমার নির্দেশিত কাজ খুলি এবং এই IDE তে রান করি।
14:30	আমি 3 ইনপুট টেক্সট ফীল্ডসের সাথে উপস্থাপিত করেছি।
14:35	বিবরণ লিখুন এবং OK তে টিপুন।
14:42	আউটপুটের সাথে এইরকম উপস্থাপন হওয়া উচিত।
14:47	স্ক্রীনে প্রদর্শিত লিঙ্কে উপলব্ধ ভিডিও দেখুন।
14:51	এটি প্রকল্পকে সারসংক্ষেপে বোঝায়।
14:54	ভাল ব্যান্ডউইডথ না থাকলে ভিডিওটি ডাউনলোড করে দেখুন।
14:59	স্পোকেন টিউটোরিয়াল প্রকল্প দল কর্মশালার আয়োজন করে।
15:05	অনলাইন পরীক্ষা পাস করলে প্রশংসাপত্র দেয়।
15:09	বিস্তারিত তথ্যের জন্য contact@spoken-tutorial.org তে ইমেল করুন।
15:16	'স্পোকেন টিউটোরিয়াল প্রকল্প Talk to a Teacher প্রকল্পের অংশবিশেষ।
15:21	এটি ভারত সরকারের ICT, MHRD এর জাতীয় শিক্ষা মিশন দ্বারা সমর্থিত।
15:28	এই বিষয়ে বিস্তারিত তথ্য এই লিঙ্কে প্রাপ্তিসাধ্য।
15:40	আই আই বোম্বে থেকে আমি বিদায় নিচ্ছি।
15:43	অংশগ্রহনের জন্য ধন্যবাদ।

Contributors and Content Editors

Kaushik Datta, Satarupadutta