Mandira: Created page with '{| Border=1 || '''Time''' || '''Narration''' |- | 00:01 | नमस्कार सबैलाई |- | 00:02 |Building GUI using Netbeans ट्युटोरियलमा …'

2014-08-14T10:34:19Z

Created page with '{| Border=1 || '''Time''' || '''Narration''' |- | 00:01 | नमस्कार सबैलाई |- | 00:02 |Building GUI using Netbeans ट्युटोरियलमा …'

New page

{| Border=1
|| '''Time'''
|| '''Narration'''
|-
| 00:01
| नमस्कार सबैलाई
|-
| 00:02
|Building GUI using Netbeans ट्युटोरियलमा स्वागत छ
|-
|00:06
|यो ट्युटोरियलमा, हामी नेटबिंसको बिशेषताहरु मध्येको एक GUI बिल्डर हेर्नेछौं
|-
|00:13
| नेटबिंसको GUI विल्डरमा के उपलब्ध छ?
|-
| 00:16
| यसले GUI मा What You See Is What You Get डिजाइनर उपलब्ध गराउँछ
|-
|00:21
| तपाईंलाई लेआउट सिर्जना गर्न कम्पोनेन्टहरू तान्ने र छोड्ने सजिलो इन्टरफेस उपलब्ध गराउँछ
|-
| 00:27
| यसमा कम्पोनेन्ट प्यालेट हुन्छ जसमा AWT र स्विंग कम्पोनेन्टहरु पहिले नै इन्स्टल हुन्छन
|-
| 00:33
|हामी एउटा पूर्ण GUI एप्लिकेसन निर्माण गर्न यो सशक्त भिजिवल एडिटरको प्रयोग गर्नेछौं
|-
|00:39
| यसको लागि म एउटा सिस्टम प्रयोग गर्दै छुँ जसमा
|-
| 00:43
| लिनक्स अपरेटिंग सिस्टम उबुन्टु
|-
| 00:46
| र नेटबिंस IDE संस्करण ७.११ छ
|-
|00:50
| इन्स्टलेसन र आवश्यकताहरु सम्बन्धि थप जानकारीको लागि कृपया अघिल्लो ट्युटोरियल हेर्नुहोस्
|-
|00:56
| यो ट्युटोरियलमा हामी सिक्ने छौं
|-
|00:58
| फर्म एडिटर प्रयोग गर्न
|-
|01:00
| सोर्स एडिटर
|-
|01:02
|प्यालेट, इन्स्पेक्टर र प्रोपर्टिज विशेषताहरु
|-
| 01:05
| इभेंट ह्यान्डलर थप्न
|-
| 01:07
| र हाम्रो एप्लिकेसन कम्पाईल र रन गर्न
|-
|01:10
| एउटा सरल एकाउन्ट ब्यालेन्स एप्लिकेसन बनाएर यो ट्युटोरियल सुरु गरौँ
|-
|01:15
| यो एप्लिकेसनमा हामी यसो गर्न सक्षम हुनेछौं
|-
|01:18
|कुनै पनि खातामा जम्मा गरेको रकम इन्पुट गर्न
|-
|01:21
|कुनै पनि खाताबाट निकालेको रकम
|-
|01:24
|र अन्तिम ब्यालेन्स गणना गर्न
|-
|01:26
|हामी हाम्रो एप्लिकेसन अझ आकर्षक बनाउन एउटा तस्वीर पनि थप्ने छौं
|-
|01:31
| सजिलो र छिटो नेभिगेट गर्न माथि एउटा मेनु राखौं
|-
| 01:35
|अब नेटबिंसतिर जाऊ र एउटा नयाँ प्रोजेक्ट सिर्जना गरेर सुरु गरौ
|-
| 01:40
|'''फाईल मेनु''' बाट '''New Project''' > छानौ र '''Java Application''' छानौ, Next मा जाँऊ
|-
| 01:49
|र तपाईको प्रोजेक्टको एउटा नाम दिनुहोस्
|-
| 01:51
| म मेरो प्रोजेक्टको नाम '''Account balance''' राख्ने छुँ
|-
| 01:58
|मेन क्लास सिर्जना नगरिकन यसलाई मेन प्रोजेक्टको रुपमा सेट गरौ
|-
| 02:02
| '''Finish''' मा जाऊ, तपाईको IDE मा एउटा नयाँ प्रोजेक्ट सिर्जना हुनुपर्छ
|-
|02:07
| अब '''फाईल मेनु''' को '''फाईल''' मा जाऊ र '''न्यु फाईल''' छानौ
|-
|02:15
| '''Categories''' अन्तर्गत '''Swing GUI ''' फर्म्स
|-
|02:18
|र '''फाईल टाइप''' अन्तर्गत '''Jframe फर्म''' छानौ
|-
| 02:21
| '''नेक्स्ट''' मा जाऊ
|-
| 02:24
|म यसलाई '''AccountBalance''' नाम दिने छुँ
|-
| 02:29
|तर तपाई यसलाई आफुले चाहेको कुनै पनि नाम दिन सक्नुहुन्छ
|-
|02:33
|एक पटक तपाईले '''Finish''' क्लिक पछि गरे पछि तपाई मुख्य डिजाइन क्षेत्रमा पुग्नुहुनेछ
|-
| 02:39
|GUI बिल्डरको बारेमा हेरौं
|-
|02:43
|यहाँ दाहिनेतिर प्यालेट छ
|-
|02:45
|यसमा पूर्व स्थापित Swing र AWT कम्पोनेन्टहरू समावेश हुन्छन्
|-
| 02:49
|यहाँ प्यालेट मुनि '''Properties''' विन्डो छ
|-
| 02:53
|तपाईले कम्पोनेन्टहरु छान्दा यसले तिनीहरुको बिशेषताहरु देखाउँछ
|-
| 02:58
|यहाँ दाहिनेतिर नेभिगेटर वा इन्स्पेक्टर छ
|-
| 03:01
|जसले तपाईलाई फ्रेममा थपिएको कम्पोनेन्टहरू देखाउँछ
|-
| 03:05
| यहाँ वर्कस्पेसमा डिजाइन मोडमा
|-
| 03:08
|माथि यहाँ '''Source''' बटन छ
|-
| 03:11
|जब तपाई यसमा क्लिक गर्नुहुन्छ, यसले तपाईलाई सोर्स कोडमा पुर्याउछ
|-
| 03:15
|तपाईले डिजाइनमा कम्पोनेन्टहरू थप्दा,
|-
| 03:18
|यसले सम्बन्धित सोर्स कोड लिन्छ र यसलाई यहाँ सोर्समा थप्छ
|-
| 03:23
|'''डिजाइन''' मोडमा फर्कौं र आज हामीले कुन कम्पोनेन्टहरू प्रयोग गर्छौं हेरौ
|-
| 03:28
|हामी केहि कम्पोनेन्टहरू प्यालेटबाट प्रयोग गर्ने छौं
|-
| 03:31
|जस्तै हाम्रो एप्लिकेसन सिर्जना गर्न '''Buttons, Labels, Panels, Tabbed Pane''' आदि
|-
| 03:38
|अब '''प्यालेट''' बाट, स्विंग कन्टेनर्स अन्तर्गत '''TabbedPane''' छानौ
|-
| 03:45
|'''Tabbed Pane''' छानौ र फर्ममा क्लिक गरौ
|-
| 03:50
|यसले तपाईलाई एउटा ट्याब्ड फ्रेम दिनुपर्छ, तपाई आफ्नो माउस प्रयोग गरि यसलाई रिसाइज गर्न सक्नुहुन्छ
|-
| 03:58
|अब '''Palette''' मा जाऊ र एउटा '''प्यानल''' छानौ
|-
| 04:02
|र पुन आफ्नो फ्रेममा क्लिक गर्नुहोस्
|-
| 04:06
|त्यसले तपाई एउटा ट्याब प्राप्त गर्नुहुन्छ
|-
| 04:09
|फर्केर अर्को '''प्यानल''' छानौ र पुन फर्ममा क्लिक गरौ
|-
| 04:14
|तपाई अब जम्मा २ ट्याबहरू प्राप्त गर्नुहुन्छ
|-
| 04:17
|अब तपाई ट्याबमा दोहोरो क्लिक गरेर वा राइट क्लिक गरि '''एडिटर टेक्स्ट''' विकल्प छानेर यसलाई पुन: नामांकरण गर्न सक्नुहुन्छ
|-
| 04:29
| म पहिलो ट्याबको नाम '''Image''' राख्छु र र दोस्रो ट्याबलाई '''Balance''' नामांकरण गर्छु
|-
| 04:37
|अब प्यालेटमा फर्कौं र स्विंग कन्ट्रोल्स मेनुबाट लेबलहरू थपौ
|-
| 04:43
|स्विंग कन्ट्रोल्सबाट '''लेबल''' छानौ र यसलाई यहाँ तपाईको फर्ममा थपौ
|-
| 04:48
|हामीलाई हाम्रो एप्लिकेसनमा ६ लेबलहरू चाहिन्छ
|-
| 04:54
|अब मैले मेरो फर्ममा छ वटा लेबलहरू थपेको छु
|-
| 04:58
|तपाई तिनीहरुलाई क्लिक गरि तिनीहरुको स्थान मिलाउन र एलाइन गर्न
|-
| 05:02
|र तिनीहरूको स्थान पुन मिलाउन र एलाइन गर्न माउस प्रयोग गर्न सक्नुहुन्छ
|-
| 05:06
|अब लेबलमा टेक्स्ट परिवर्तन गर्न
|-
| 05:08
|तपाई यसमा दोहोरो क्लिक वा राइट क्लिक गरि
|-
| 05:12
| '''एडिट टेक्स्ट''' विकल्प छान्न सक्नुहुन्छ
|-
| 05:14
|लेबलहरू पुनः नामांकरण गरौँ
|-
| 05:16
|म पहिलोलाई '''Initial Amount''' नाम दिदैं छुँ
|-
| 05:22
|दोस्रो लेबललाई '''Credit Amount'''
|-
| 05:30
|तेस्रोलाई '''Debit amount'''
|-
| 05:35
|र चौथोलाई '''Balance'''
|-
| 05:41
|सुरुमा, हामी Initial Amount मा रु 5000 सेट गर्ने छौँ
|-
| 05:48
|हामीले एकपटक ब्यालेन्स गणना गरेपछि हामी यसलाई यो लेभलमा राख्न सक्छौं
|-
| 05:53
|तर अहिलेको लागि हामी यसमा ताराहरु मात्र बनाउने छौं
|-
| 06:01
|अब प्यालेटमा फर्कौं र एउटा '''टेक्स्ट फिल्ड''' छानौ र हामी क्रेडिट एमाउन्ट र डेबिट एमाउन्ट सँगै एक-एक टेक्स्ट फिल्डहरु थप्नेछौँ
|-
| 06:16
|हामीले '''टेक्स्टफिल्ड''' को स्थानहरु खाली छोड्नु पर्छ
|-
| 06:20
|टेक्स्ट सम्पादन गरौ र त्यहाँ रहेको टेक्स्ट हटाऊ
|-
| 06:27
|माउस प्रयोग गरि यसको आकार परिवर्तन गरौँ
|-
| 06:35
|तपाईले यसो गरेपछि पुन: प्यालेटमा फर्कौं र '''बटन''' छानौ
|-
| 06:42
|तपाईको फ्रेम मुनि एउटा बटन थपौ र
|-
| 06:48
|तपाई यसमा राइट क्लिक गरेर लेबल परिवर्तन गर्न सक्नुहुन्छ
|-
| 06:53
| '''एडिट टेक्स्ट''' विकल्प छानौ र यसलाई '''Get Balance''' नाम दिउ
|-
| 06:58
|अब यो हाम्रो GUI हो
|-
| 07:01
|इमेज ट्याबमा जाऊ र एउटा इमेज थपौ
|-
| 07:05
|त्यसो गर्न प्यालेटमा फर्कौं
|-
| 07:08
|र अर्को '''लेबल''' छानौ र यसलाई प्यानलमा छोडौं
|-
| 07:13
|अब प्यालेटमुनिको प्रोपर्टीज विन्डोमा प्रोपर्टी आइकन खोजौं र यहाँ दायाँ ३ डटहरुमा क्लिक गरौ
|-
| 07:26
|आइकन प्रोपर्टीज विन्डो खुल्छ
|-
| 07:28
|यहाँ '''External Image''' विकल्प छानौ, पुन यहाँ दायाँ ३ डटहरुमा क्लिक गरौ
|-
| 07:35
|र तपाईले आफ्नो एप्लिकेसनमा राख्न चाहेको इमेज खोजौ
|-
| 07:41
|मैले यहाँ इमेज छानेको छु, '''OK''' मा क्लिक गरौ
|-
| 07:48
|माउस प्रयोग गरि यसको स्थानान्तरण गरौं
|-
| 07:51
|तपाई यहाँ लेबलको टेक्स्टमा दोहोरो क्लिक गरि यसलाई हटाउन सक्नुहुन्छ
|-
| 07:59
|अब हामीले इमेजमा थपेका छौ
|-
| 08:02
|अब हाम्रो GUI मा एउटा मेनु थपौ
|-
| 08:05
|प्यालेटमा जाऊ र स्विंग मेनु मुनिको '''मेनुबार''' विकल्प छानौ
|-
| 08:12
|'''मेनु बार''' छानौ र यहाँ प्यानल माथि क्लिक गरौ
|-
| 08:17
| डिफल्टमा पहिले नै २ मेनु लेबलहरू छन्: '''फाईल''' र '''एडिट'''
|-
| 08:22
|'''एडिट टेक्स्ट''' मा दोहोरो क्लिक गरौ र यसलाई '''Help''' नाम दिउँ
|-
| 08:28
|तपाई फाईल अन्तर्गत एउटा सबमेनु पनि थप्न सक्नुहुन्छ
|-
| 08:32
|अब दायाँको इन्स्पेक्टर वा नेभिगेटरमा, '''JMenu1''' मा राइट क्लिक गरौ
|-
| 08:39
| Add From Palette विकल्प छानौ र मेनु आइटम छानौ
|-
| 08:45
|त्यसले एउटा '''मेनु आइटम''' थप्नुपर्छ
|-
| 08:47
|तपाई त्यसलाई पुन नामांकरण गर्न सकुहुन्छ, मानौं Exit
|-
| 08:54
|अब हामीले फाईल मेनु अन्तर्गत एउटा सबमेनु थपी मेनु आइटमको नामांकरण पनि गरेका छौं
|-
| 09:00
|अब, हाम्रो GUI लगभग पुरा भएको छ
|-
| 09:03
|अब प्रिभ्यु हेरौ
|-
| 09:05
|माथिको '''प्रिभ्यु डिजाइन''' बटनमा क्लिक गरौ
|-
| 09:09
| प्रिभ्युमा तपाईँले अहिलेसम्म गर्नु भएको कार्यहरु देखिन्छ
|-
| 09:12
|यहाँ अहिले सम्म बटनहरूले काम गरेका छैनन्
|-
| 09:16
|तर तपाईले एकपटक कोड थपे पछि सबैले काम गर्छन्
|-
|09:20
|प्रिभ्यु बन्द गरौ
|-
|09:22
|अब कोड थप्नु अघि, इनपुट टेक्स्ट फिल्डलाई उचित भेरिएबल नाम दिउ
|-
| 09:28
|'''Balance''' ट्याबमा जाऊ, यहाँ यी टेक्स्ट फिल्डहरूलाई उचित भेरिएबल नाम दिउँ
|-
| 09:34
|इन्स्पेक्टरमा '''JTextfield1''' मा राइट क्लिक गरौ
|-
| 09:40
|चेन्ज भेरिएबल नेम छानौ
|-
| 09:43
|भेरिएबलको नाम '''Credit amount''' मा परिवर्तन गरौ
|-
| 09:50
|'''OK''' मा क्लिक गरौ
|-
| 09:53
|तपाई यहाँ डिजाइन मोडको टेक्स्टफिल्डमा पनि राइट क्लिक गर्न सक्नुहुन्छ
|-
| 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
| debitAmount बाट '''getText()''' चाहन्छु
|-
| 10:39
|ब्यालेन्स गणना गरौ र अन्तिम ब्यालेन्स '''रिजल्ट ब्यालेन्स''' मा राखौ
|-
| 10:44
|यहाँ कोड कपी गरौ र IDE मा फिर्ता जाऊ
|-
| 10:51
|अब '''GetBalance''' बटनमा राइट क्लिक गरौ
|-
| 10:55
|'''Events, Action''' र '''Action Performed''' विकल्प छानौ
|-
| 11:00
|यसले तपाईलाई कोडको खण्डमा लैजानेछ
|-
| 11:03
|जहाँ तपाईले बटन थिच्दा हुने कार्य गराउन कोड लेख्न वा पेस्ट गर्नुपर्छ
|-
| 11:10
|म यहाँ कपी गरेको कोड पेस्ट गर्छु
|-
| 11:17
|यो कोडलाई सेभ गरौ र डिजाइन मोडमा फर्कौं
|-
| 11:22
|अब एप्लिकेसन बाहिर निस्कन कोड थपौ
|-
| 11:25
|'''MenuItem, अनि Exit''' मा राइट क्लिक गरौ र ''' Events, Action''' र '''Action Performed''' छानौ
|-
| 11:40
|यसले सोर्स मोडमा लानेछ र अब हामीले एप्लिकेसनबाट सफलतापूर्वक बाहिर निस्कन कोड लेख्नुपर्छ
|-
| 11:46
|टाइप गरौँ, '''System.exit(1)'''
|-
| 11:53
|अब कोड सेभ गरौ र डिजाइन मोडमा फर्कौं
|-
| 11:57
|'''Exit''' मेनुआइटममा एउटा सर्टकट पनि थपौ
|-
| 12:02
|यहाँ खुल्ने विन्डोको शर्टकट विकल्पमा दोहोरो क्लिक गरौ
|-
| 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
|ब्यालेन्स ट्याबमा जाऊ, क्रेडिट एमाउंट Rs.300 इन्टर गरौ
|-
| 12:47
|र डेबिट एमाउंटमा Rs.200 राखौं र यसलाई '''GetBalance''' थिचौं
|-
| 12:53
|यसले हामीलाई ब्यालेन्सको सही रकम दिन्छ
|-
| 12:56
|अब एप्लिकेसनबाट बाहिर निस्कौ
|-
| 12:58
|म '''फाईल''' मेनुमा जाने छु र '''एक्जिट''' मा क्लिक गर्ने छु
|-
| 13:02
|हामीले किबोर्डको '''Ctrl क्यू''' थिचेर पनि एप्लिकेसन अन्त्य गर्न सक्थ्यौं
|-
| 13:08
|अब एप्लिकेसन पुरा भएकोले कार्य हेरौं
|-
| 13:14
|कार्यमा एउटा टेम्प्रेचर् कन्भर्टर एप्लिकेसन बनाउने छौं
|-
| 13:18
|यसमा पहिलेको जस्तै दुई ट्याबहरू हुनुपर्छ
|-
| 13:21
| एउटा सेल्सियसबाट फारेनहाइटमा बदल्न र अर्को फारेनहाइटबाट सेल्सियसमा बदल्न
|-
| 13:27
|यसले एउटा इनपुट तापक्रम लिनुपर्छ
|-
| 13:30
|र परिवर्तित तापक्रम देखाउछ
|-
| 13:33
| यसमा माथि फाईल र हेल्प विकल्पहरु देखाउने एउटा मेनुबार पनि हुनुपर्छ
|-
| 13:38
|र फाईल मेनु अन्तर्गत एप्लिकेसनबाट निस्कन कीबोर्ड शर्टकट सहितको एउटा एक्जिट आइटम छ
|-
| 13:46
|मैले पहिले नै कार्य गरेको छुँ
|-
| 13:48
|यो यस्तो देखिनुपर्छ
|-
| 13:50
|म मेरो कार्य रन गर्दै छुँ र यो मेरो GUI हो
|-
| 13:56
|अब इनपुट तापक्रम – 40 सेल्सियस इन्टर गरौ र Get Fahrenheit मा क्लिक गरौ
|-
| 14:05
|एप्लिकेसनले सही परिवर्तित आउटपुट तापक्रम दिनुपर्छ
|-
| 14:10
|अब बाहिर निस्किन सर्टकट की प्रयोग गरि हेरौं मतलब एप्लिकेसनबाट निस्कन Ctrl X
|-
| 14:18
|ल, हामीले सफलतापूर्वक कीबोर्ड सर्टकट प्रयोग गरि एप्लिकेसनबाट निस्क्यौं
|-
| 14:25
|स्क्रीनमा देखिएको लिंकमा उपलब्ध भिडीयो हेर्नुहोस्
|-
| 14:29
|यसले स्पोकन ट्युटोरियल प्रोजेक्टको सार दिन्छ
|-
| 14:32
|यदि तपाइसँग राम्रो ब्याण्डविड्थ छैन भने डाउनलोड गरि हेर्न सक्नुहुन्छ
|-
| 14:37
|स्पोकन ट्यूटोरियल प्रोजेक्टले स्पोकन ट्यूटोरियल प्रयोग गरि कार्यशाला संचालन गर्छ
|-
| 14:42
|अनलाइन टेस्ट पास गर्नेलाई प्रमाणपत्र प्रदान गर्छ
|-
| 14:46
|विस्तृत जानकारीको लागि contact@spoken-tutorial.org मा लेख्नुहोस्
|-
| 14:52
|स्पोकन ट्युटोरियल प्रोजेक्ट टक टु अ टिचर प्रोजेक्टको एक भाग हो
|-
| 14:56
|यसलाई नेशनल मिशन अन एजुकेशन थ्रु ICT, MHRD, भारत सरकारको सहयोग रहेको छ
|-
| 15:03
|यो मिशन सम्बन्धि थप जानकारी spoken-tutorial.org/NMEICT-Introमा उपलब्ध छ
|-
| 15:13
|यो ट्युटोरियलमा मन्दिरा थापाको योगदान रहेको छ
|-
| 15.17
| सहभागी हुनुभएकोमा धन्यवाद, नमस्कार!!
15:20

Netbeans/C2/Designing-GUI-for-Sample-Java-Application/Nepali - Revision history

PoojaMoolya at 06:09, 26 April 2017

Mandira: Created page with '{| Border=1 || '''Time''' || '''Narration''' |- | 00:01 | नमस्कार सबैलाई |- | 00:02 |Building GUI using Netbeans ट्युटोरियलमा …'

@@ Line 4: / Line 4: @@
 |-
 | 00:01
-| नमस्कार सबैलाई
+| नमस्कार सबैलाई ,Building GUI using Netbeans ट्युटोरियलमा स्वागत छ
-|-
-| 00:02
-|Building GUI using Netbeans ट्युटोरियलमा स्वागत छ
 |-
 |00:06
@@ Line 572: / Line 569: @@
 | 15.17
 | सहभागी हुनुभएकोमा धन्यवाद, नमस्कार!!
-:20
+|}