Difference between revisions of "Netbeans/C2/Developing-a-Sample-Web-Application/Bengali"
From Script | Spoken-Tutorial
(Created page with "{| Border=1 || '''Time''' || '''Narration''' |- | 00:01 | নমস্কার বন্ধুগণ। |- | 00:02 | Netbeans IDE তে ওয়েব অ্যাপ্...") |
|||
| Line 22: | Line 22: | ||
|- | |- | ||
| 00:19 | | 00:19 | ||
| − | | প্রথম | + | | প্রথম টিউটোরিয়াল দেখে |
|- | |- | ||
Revision as of 19:19, 20 January 2016
| 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 | অংশগ্রহনের জন্য ধন্যবাদ। |
