Netbeans/C2/Designing-GUI-for-Sample-Java-Application/Sanskrit

From Script | Spoken-Tutorial
Jump to: navigation, search
Time Narration
00:01 नमस्कारः।,Netbeans उपयुज्य GUI रचना इति विषयस्य पाठार्थं स्वागतम्।
00:06 पाठेऽस्मिन् वयम्, Netbeans इत्यस्य आकर्षकं सौलभ्यमेकं पश्याम। तत्तु अस्य GUI Builder इति।
00:13 GUI रचनार्थं Netbeans किं प्रददाति?
00:16 इदं युष्माकं What You See Is What You Get डिसैनर् इतीदं GUI रचनार्थं कल्पयति।
00:21 इदं सुलभतया युष्माकं लेयौट् रचयितुं ड्रेग्-एण्ड्-ड्रोप् कम्पोनेण्ट्स् इतीमानि प्रददाति।
00:27 इदन्तु ,AWT अपि च Swing components इत्येतैः युक्तेन Component Palette इत्यनेन च युक्तं वर्तते ।
00:33 कानिचन क्षणेषु वयं, विस्युअल्-एडिटोर् इतीदमुपयुज्य सम्पूर्णं GUI एप्लिकेशन् एकं रचयन्तः स्मः।
00:39 तदर्थमहं
00:43 Linux Operating system Ubuntu 11.04
00:46 Netbeans IDE 7.1.1 इतीमे उपयुञ्ज्महे ।
00:50 संस्थापना विषयार्थं पूर्वतन पाठम् अनुसरन्तु ।
00:56 पाठेऽस्मिन् वयम्,,
00:58 Form Editor
01:00 Source Editor
01:02 Palette, Inspector, Properties features
01:05 अपि च event handlers विषयान् ज्ञास्यामहे।
01:07 कम्पैल् तथा रन् कर्तुमपि च ज्ञास्यामहे ।
01:10 अकौण्ट्-बेलेन्स् एप्लिकेशन् इत्यनेन पाठमिदम् प्रारम्भं कुर्मः।
01:15 अस्मिन् एप्लिकेशन् मध्ये अस्माभिः,
01:18 अकौण्ट् इत्यस्मै amount credited अपि च,
01:21 एकौण्ट् इत्यस्मात् amount debited च इन्पुट् करणीयम्।
01:24 आभ्यां final balance इतीदं शोधयामः।
01:26 एकं चित्रमपि संयोज्य एप्लिकेशन्-इतीदं सुन्दरं कुर्मः।
01:31 ऊर्ध्वभागे menu bar इतीदं च शीघ्रोपयोगार्थं योजयाम।
01:35 तदर्थं शीघ्रमेव netbeans प्रति गत्वा प्रकल्पं रचयाम।
01:40 File मेन्यु इत्यस्मात् New Project इतीदं चिनोतु, अपि च Java Application इतीदम् । अग्रे Next नुदतु।
01:49 प्रकल्पाय नाम ददातु ।
01:51 अहन्तु Account balance. इति नाम ददामि ।
01:58 main class न रचयतु, परन्तु main project इति व्यवस्थापयतु ।
02:02 Finish नुदतु। तत् युष्माकं IDE मध्ये प्रकल्पं रचयति।
02:07 अधुना File प्रति गत्वा File menu इत्यस्मिन् New File इतीदं चिनोतु ।
02:15 Categories मध्ये Swing GUI इतीदं चिनोतु ।
02:18 अपि च Jframe Form इतीदंFile Type मध्ये।
02:21 Next. नुदतु।
02:24 अहमिदं AccountBalance इति कथयामि।
02:29 भवन्तः इच्छानुसारं नाम दातुं शक्नुवन्ति।
02:33 Finish करणानन्तरं, मेन्-डिसैन्-एरिया इतीदं प्रति गमिष्यति।
02:39 GUI builder इतीदं सम्यक् ज्ञास्यामः।
02:43 दक्षिणे भागे palette इतीदमस्ति।
02:45 इदन्तु pre-installed Swing अपि च AWT components इत्येतैः युक्तं वर्तते।
02:49 palette इत्यस्य अधो-भागे Properties विण्डौ वर्तते।
02:53 इदन्तु कम्पोनेण्ट्स् इत्येतेषां प्रोपर्टीस् दर्शयति ।
02:58 वामपार्श्वे अत्र navigator अथवा inspector वर्तते।
03:01 तत्तु फ्रेम्-मध्ये योजितानि कम्पोनेण्ट्स् इतीमानि दर्शयति।
03:05 अत्र डेसैन्-मोड् मध्ये वर्क्-स्पेस् यदस्ति, तस्य..
03:08 ऊर्ध्वभागे Source बट्टन् वर्तते।
03:11 भवन्तः तस्योपरि यदा नुदन्ति,तदा source code प्रति गमिष्यन्ति।
03:15 यदा भवन्तः components योजयन्ति,,
03:18 तदा तस्य source code प्रति गमिष्यन्ति अपि च सौर्स् मध्ये अत्र योजयन्ति ।
03:23 Design मोड् प्रति गच्छाम । अद्योपयुज्यमानानि कम्पोनेण्ट्स् पश्याम ।
03:28 कानिचन कम्पोनेण्ट्स् पेलेट् इत्यस्मात् गृह्णन्ति।
03:31 तस्योदाहरणनि Buttons, Labels, Panels, Tabbed pane इत्यादीनि ।
03:38 अधुना Palette इत्यस्मात्, स्विङ्ग्-कण्टेनर्-मध्ये TabbedPane चिन्वन्तु।
03:45 Tabbed Pane' चिनोतु फोर्म् इत्यस्योपरि नुदतु।
03:50 इदं युष्माकं Tabbed frame एकं प्रददाति । मूषकमुपयुज्य गात्रपरिवर्तनं कर्तुं शक्नुवन्ति।
03:58 अधुना Palette प्रति गत्वा Panel. चिनोतु।
04:02 पुनः frame इत्यस्योपरि नुदतु।
04:06 भवद्भ्यः तदेकं tab ददाति ।
04:09 प्रत्यागच्छतु, अन्यदेकं Panel चिनोतु। फोर्म् इत्यस्योपरि पुनः नुदतु।
04:14 अनेन भवद्भिः द्वे टेब्स् प्राप्ते।
04:17 अधुना भवन्तः tab इत्यस्योपरि डबल्-क्लिक्-द्वारा अथवा रैट्-क्लिक्-द्वारा ,Edit Text इत्यनेन रीनेम् कर्तुं शक्नुवन्ति।
04:29 अहंप्रथमं-tab इतीदं Image इति अपि च द्वितीयं Balance इति रीनेम् करोमि।
04:37 अधुना पेलेट्-प्रति आगत्य ,swing Controls menu इत्यस्मात् लेबल्स् योजयाम।
04:43 Swing Controls इत्यस्मात् Label इतीदं चिनोतु । भवतां फोर्म् मध्ये योजयतु।
04:48 अस्माकं प्रकल्पार्थं षट्-लेबल्स् आवश्यकानि ।
04:54 वयमधुना षट्-लेबल्स् योजितवन्तः।
04:58 भवन्तः क्लिक्-कृत्वा यथास्थानं स्थापितुं प्रभवन्ति।
05:02 मूषकस्योपयोगं तदर्थं कुर्वन्तु।
05:06 अधुना लेबल् इत्यस्योपरि अक्षराणि परिवर्तितुम्,,
05:08 तस्योपरि डबल्-क्लिक् अथवा रैट्-क्लिक् करोतु।
05:12 तत्र Edit Text इति विकल्पं चिनोतु।
05:14 लेबल्स्-इतीमानि रीनेम् करवाम।
05:16 अहं प्रथमं Initial Amount. इति,
05:22 द्वितीयं Credit Amount. इति च कथयामि।
05:30 तृतीयन्तुDebit amount इति।
05:35 अपि च चतुर्थं Balance इति।
05:41 प्रारम्भे,,initial amount इतीदं Rs 5000 इति लिखाम।
05:48 यदा वयं बेलेन्स् शोधयाम तदा अस्मिन् लेबल् मध्ये योजयाम ।
05:53 तपर्यन्तं अधुना वयं अत्र नक्षत्र-चिह्नानि लिखाम ।
06:01 अधुना Palette प्रति आगच्छतु ।TextField एकं चिनोतु। credit amount अपि च debit amount अनयोः पुरस्तात् एकैकं स्थपयतु।
06:16 Textfield स्थानानि रिक्तानि स्थापनीयानि।
06:20 अहं edit text कृत्वा अत्रत्यानि अक्षराणि निष्कासयामि।
06:27 मूषकमुपयुज्य गात्रपरिवर्तनं करोमि।
06:35 एतत्कार्यानन्तरं, पेलेट्-प्रति गम्यताम्। तत्र Button. इतीदं गृह्यताम्।
06:42 भवतां फ्रेम् इत्यस्याधः तत् स्थापयतु।
06:48 तस्य लेबल्-इतीदमपि रैट्-क्लिक्-द्वारा परिवर्तितुं शक्नुमः ।
06:53 Edit text चित्वा Get Balance इति नाम ददातु।
06:58 इदमेव अस्माकं GUI! वर्तते।
07:01 अधुना Image टेब् गत्वा चित्रमेकं योजयाम ।
07:05 तत्कर्तुं Palette प्रति गम्यताम् ।
07:08 अन्यदेकम् Labelचित्वा पेनल् इत्यस्योपरि स्थापयतु।
07:13 अधुना Properties विण्डौ इत्यस्मात्, पेलेट् इत्यस्याधः,icon प्रोपर्टि इतीदं शोधयतु। तत्पुरस्तात् विद्यमानं बिन्दुत्रयं नुदतु।
07:26 ऐकान्-प्रोपर्टिस्-विण्डौ उद्घटते ।
07:28 अत्र External Image विकल्पं चिनोतु, पुनः बिन्दुत्रयं नुदतु।
07:35 स्थाप्यमाण-चित्रार्थं शोधयतु ।
07:41 अहं चित्रमिदं स्वीकृतवानस्मि ।OK नुदामि।
07:48 मूषकमुपयुज्य यथास्थाने स्थापयामि ।
07:51 अत्र विद्यमानानि अक्षराणि निष्कासयितुं शक्नुमः। तदर्थं डबल्-क्लिक् कृत्वा डिलीट् करोतु।
07:59 अधुना वयं चित्रमिदं स्थापितवन्तः ।
08:02 अधुना अस्माकं GUI इत्यस्मै मेन्यु एकं योजयाम।
08:05 पेलेट् प्रति गम्यताम् ।स्विङ्ग् मेन्युस् मध्ये विद्यमानं Menu bar चिनोतु।
08:12 Menu Bar चित्वा पेनल्-इत्यस्य ऊर्ध्वभागे नुदतु।
08:17 डीफोल्ट् रूपेण File अपि च Edit. इति द्वे वर्तेते ।
08:22 'Edit इत्यस्योपरि डबल्-क्लिक् कृत्वा Help इति रीनेम् करोतु।
08:28 File मध्ये सब्-मेन्यु अपि योजयितुं शक्नुमः ।
08:32 अधुना वामे विद्यमाने Inspector अथवा navigator इत्यस्मिन्, JMenu1 इत्यस्योपरि रैट्-क्लिक् करोतु ।
08:39 Add From Palette विकल्पं चिनोतु। Menu Item इत्यसोपरि नुदतु ।
08:45 तत् MenuItem. एकं योजयति।
08:47 भवन्तः तत् Exit कर्तुं रीनेम् कर्तुं शक्नुवन्ति।
08:54 अधुना वयं fileमेन्यु इत्यस्यान्तः सब्-मेन्यु एकं संयोज्य रीनेम् कृतवन्तः ।
09:00 अधुना अस्माकं GUI इतीदं सम्पूर्णमिति भाति।
09:03 अधुना तस्य preview पश्याम ।
09:05 'Preview Design' बटन् इत्यस्योपरि नुदतु।
09:09 तदस्माभिः कृतं कार्यं दर्शयति।
09:12 किनु बटन्स् कार्याणि कुर्वन्ती न सन्ति।
09:16 यदा अस्माभिः कोड् युज्यते तदा सर्वाणि तानि ,कार्याणि कुर्वन्ति।
09:20 प्रीव्यु इतीदं समापयतु।
09:22 कोड् योजनात् पूर्वे एव इन्पुट्-टेक्स्ट्-फील्ड्स् इत्यस्मै सम्यक् वेरियेबल् नामानि दातव्यानि।
09:28 Balanceटेब् प्रति गम्यताम्। अस्मै सम्यक् वेरियेबल् नाम दातव्यम् ।
09:34 इन्स्पेक्टर् मध्ये JTextfield1 इत्यस्योपरि रैट्-क्लिक् करोतु।
09:40 change variable name चिनोतु।
09:43 वेरियेबल् नाम Credit amount इति परिवर्तताम्।
09:50 Ok नुदतु।
09:53 डिसैन्-मोड् मध्ये textfieldइत्यस्योपरि रैट्-क्लिक् कृत्वापि इदं कर्तुं शक्नोति ।
09:56 Change Variable Name. स्वीकरोतु।
10:00 तथा तं debitAmount. इति परिवर्तताम्।
10:04 OK नुदतु।
10:08 अन्तिमं लेबल् इतीदमहम् अर्थात् नक्षत्रचिह्नयुक्तानि resultBalance. इति कथयामि ।
10:16 Change variable name विकल्पं पुनः चिनोतु ।वेरियेबल् इतीदं resultBalance इति परिवर्तताम् ।
10:23 OK नुदन्तु।
10:25 एप्लिकेशन् कार्यविधानार्थं कोड् पश्याम ।
10:30 इदम्मम सेम्पल्-कोड् वर्तते ।
10:32 creditAmount इत्यस्मात् getText() कर्तुमहम् इच्छामि ।
10:37 getText() इतीदं debitAmount इत्यस्मात् च ।
10:39 balance इतीदं गणयित्वा तन्मूल्यं resultBalance. मध्ये निक्षिपतु।
10:44 कोड् इतीदं copy कुर्मः ।IDE प्रति गच्छामः ।
10:51 Get Balanceइत्यस्योपरि रैट्-क्लिक् करोतु ।
10:55 Events, Action अपि च Action Performed विकल्पानि चिन्वताम्।
11:00 इदम् युष्मान् कोड् इत्यस्य सेक्षन् प्रति आनयति।
11:03 तत्र बटन्-प्रेस् इत्यस्यार्थं कोड् लेखनीयं पेस्ट्-करणीयं वा भवति ।
11:10 अहमत्र पूर्वे copy कृतं कोड् इतीदं paste करोमि।
11:17 कोड् इतीदं save कृत्वा डिसैन्-मोड् प्रति गमिष्यामः ।
11:22 व्यवस्थां Exit कर्तुं अधुना कोड् योजयाम।
11:25 MenuItem, Exit इत्यस्योपरि रैट्-क्लिक् करोतु। Events, Action,Action Performed. इतीमानि चिनोतु ।
11:40 इदं सौर्स्-मोड् प्रति आनयति ।अधुना वयं व्यवस्थां Exit कर्तुं कोड् लिखामः ।
11:46 तत्तु System.exit(1). इत्यस्ति।
11:53 कोड् इतीदं Save कृत्वा डिसैन् मोड् प्रति गमिष्यामः।
11:57 Exit मेन्यु ऐटम् इत्यस्यार्थं शोर्ट्-कट् च लिखाम ।
12:02 अत्र shortcut विकल्पस्योपरि डबल्-क्लिक् करोतु। उद्घाट्यमाने विण्डौ मध्ये
12:07 कीलके ददातु, Q अपि च Ctrl इति । OK नुदतु।
12:14 एवं वयं Ctrl Q इतीदं , व्यवस्थायाः बहिरागन्तुं शोर्ट्-कट् दत्तवन्तः ।
12:20 अस्माकं एप्लिकेशन् अधुना समाप्तः ।
12:23 F6 नोदनेन व्यवस्थां रन् कुर्मः ।
12:30 मेन् क्लास् इतीदं रन् कर्तुं स्वीकृतम् वर्तते ।
12:33 OK नुदतु।
12:37 अत्र अस्माकं GUI दृश्यते ।
12:40 तपरीक्षामहै ।
12:43 balance टेब्-प्रति गम्यताम् ।credit amount इतीदं Rs.300/- इति पूरयतु ।
12:47 अपि च debit amount इतीदंRs.200 इति । 'Get Balance'. नुदतु।
12:53 balance मध्ये सम्यगुत्तरम् प्राप्तमस्माभिः।.
12:56 व्यवस्थां exit करवाम ।
12:58 File मेन्यु गत्वा Exit. नुदामि ।
13:02 वयंCtrl Q नोदनीनापि बहिरागन्तुं शक्नुमः।
13:08 समाप्त्यनन्तरं , स्वाभ्याससमयः ।
13:14 Temperature convertor इति व्यवस्था अस्माभिः साधनीया।
13:18 टेब्स्-द्वयं स्वीकृतं पूर्ववन्मया ।
13:21 प्रथमं Centigrade to Fahrenheit तथा द्वितीयं Fahrenheit to Celsius इति।
13:27 अनेन input temperature स्वीकरणीयम् ।
13:30 तथा converted temperature दर्शनीयम् ।
13:33 ऊर्ध्वभागे File अपि च Help युक्तं मेन्युबार् अप्यवश्यकम् ।
13:38 व्यवस्थायाः बहिरागन्तुं fileमेन्यु मध्ये Exit ऐटम् अप्यवश्यकम्। तत्तु शोर्ट्-कट् युक्तं भवेत् ।
13:46 अहमिदं पूर्वे एव कृतवानस्मि ।
13:48 तत्कथं दृश्यतेऽति पश्याम।
13:50 अहं अधुना इदं रन् करोमि।इदम्मम GUI वर्तते।
13:56 अधुना input temperature इतीदं -40 सेल्सियस् इति ददामि ।अपि च get Fahrenheit नुदामि।
14:05 सम्यक् निरीक्षितम् उत्तरं प्राप्तमस्माभिः ।
14:10 बहिरागन्तुं शोर्ट्-कट् कीलकस्य उपयोगं कुर्मः । Ctrl X नोदनेन व्यवस्थां exit कुर्मः ।
14:18 शोर्ट्-कट्-अनेन यशस्वीरूपेण वयं बहिरागतवन्तः ।
14:25 विवरणार्थं लिङ्क्-मध्ये स्थितम् चलच्चित्रं पश्यताम्।
14:29 तत् Spoken Tutorial project इतीदं विवृणोति।
14:32 भवतः कृते उत्तमम् bandwidthनास्ति चेत् तदवचित्य दृष्टुं शक्नोति।
14:37 Spoken Tutorial project इतीदं पाठमिमम् उपयुज्य कार्यशालां चालयति।
14:42 online test मध्ये उत्तीर्णतां प्राप्तवद्भ्यः प्रमाणपत्रमपि ददाति।
14:46 अधिक विवरणार्थं contact@spoken-tutorial.org इत्यत्र लिखन्तु।
14:52 Spoken Tutorial Project इतीदं Talk to a Teacher इति परियोजनायाः भागः अस्ति।
14:56 राष्ट्रिय-साक्षरता-मिशन् , ICT,MHRD, भारतसर्वकारः इत्यनेन समर्थितमस्ति।
15:03 अधिकविवरणम् spoken-tutorial.org/NMEICT-Intro इत्यत्रोपलभ्यते।
15:13 पाठस्यास्य कर्तारः IT for Change। भाषान्तरकारः प्रवाचकश्च विद्वान् नवीन भट्टः उप्पिनपत्तनम्।
15:17 धन्यवादाः ।

Contributors and Content Editors

NaveenBhat, PoojaMoolya