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

From Script | Spoken-Tutorial
Revision as of 19:19, 20 January 2016 by Satarupadutta (Talk | contribs)

Jump to: navigation, search
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