Netbeans/C2/Developing-a-Sample-Web-Application/Bengali
From Script | Spoken-Tutorial
Revision as of 11:48, 23 February 2017 by Kaushik Datta (Talk | contribs)
Time | Narration |
00:01 | নমস্কার বন্ধুগণ। 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: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 | অংশগ্রহনের জন্য ধন্যবাদ। |