Netbeans/C2/Handling-Images-in-a-Java-GUI-Application/Hindi

Time	Narration
00:01	नमस्कार दोस्तों,
00:02	Netbeans IDE का उपयोग करके Handling Images in a Java GUI Application पर इस ट्यूटोरियल में आपका स्वागत है।
00:10	हम समझते हैं कि आपको netbeans की सामान्य जानकारी है।
00:15	हम समझते हैं कि आपको JFrame form. पर text fields, buttons, menus, आदि का पता होगा।
00:22	यदि नहीं, तो कृपया Netbeans पर संबंधित ट्यूटोरियल्स के लिए स्पोकन ट्यूटोरियल की वेबसाइट पर जाएँ।
00:29	इस ट्यूटोरियल में, हम इमेज को हैंडल करने के बारे में विस्तार से सीखेंगे।
00:34	और सैंपल GUI एप्लिकेशन में उन पर कार्य करेंगे।
00:39	इसके लिए, मैं लिनक्स ऑपरेटिंग सिस्टम ऊबंटु v11.04 और Netbeans IDE v7.1.1 का उपयोग कर रही हूँ।
00:52	जावा एप्लिकेशन में इमेज को हैंडल और एक्सेस करने के लिए getResource() मेथड का उपयोग करना मानक तरीका है।
00:59	हम सीखेंगे कि अपने एप्लिकेशन में कोड को इमेज के साथ तैयार करने के लिए IDE's GUI बिल्डर का उपयोग कैसे करें।
01:07	और एक इमेज प्रदर्शित करने के लिए Jlabel के साथ एक सरल Jframe कैसे बनाएँ।
01:13	इस ट्यूटोरियल में हम सीखेंगे
01:15	एप्लिकेशन फॉर्म बनाना,
01:18	इमेज के लिए पैकेज को जोडना,
01:20	लेबल पर इमेज को प्रदर्शित करना
01:22	mouse-events और pop-ups बनाना
01:25	एप्लिकेशन को बनाना और रन करना।
01:28	अब अपने सैंपल एप्लिकेशन को बनाने के लिए IDE पर जाते हैं।
01:33	File मैन्यू से New Project. चुनें।
01:37	Categories के अंदर, Java चुनें , Projects के अंदर Java Application चुनें और Next. पर क्लिक करें।
01:46	Project Name फिल्ड में , टाइप करें ImageDisplayApp
01:54	Create Main Class चेकबॉक्स को खाली करें।
01:58	निश्चित कर लें कि Set as Main Project चेकबॉक्स चयनित है।
02:03	Finish पर क्लिक करें। प्रोजेक्ट आपके IDE में बन गया है।
02:08	इस भाग में, हम 'Jframe form बनायेंगे और फॉर्म के लिए Jlabel जोडेंगे।
02:14	पहले Jframe form बनाते हैं।
02:17	Projects विंडो में , ImageDisplayApp नोड को खोलें।
02:23	Source Packages नोड पर राइट क्लिक करें औऱ New, Jframe form चुनें।
02:30	Class Name फिल्ड में, टाइप करें ImageDisplay
02:37	Package फिल्ड में, टाइप करें org.me.myimageapp
02:45	और Finish पर क्लिक करें।
02:48	अब Jlabel. को जोडते हैं।
02:52	Palette में, IDE की दाईं तरफ Label कंपोनेंट को चुनें और Jframe पर खींचे।
03:01	अभी के लिए, अपका फॉर्म कुछ इस तरह का दिखना चाहिए।
03:06	जब आप एप्लिकेशन में इमेज या अन्य रिसोर्स का उपयोग करते हैं,आमतौर पर आप रिसोर्स के लिए अलग जावा पैकेज बनाते हैं।
03:15	आपके लोकल फाइल सिस्टम में, पैकेज फोल्डर के साथ मेल खाता है।
03:19	Projects विंडो में, org.me.myimageapp नोड पर राइट क्लिक करें और New > Java Package. चुनें।
03:30	New Package Wizard, में org.me.myimageapp के लिए .resources जोडें।
03:40	अतः नये पैकेज को अब org.me.myimageapp.resources. कहा जाता है।
03:47	Finish. पर क्लिक करें।
03:49	Projects विंडो में, आपको org.me.myimageapp.resources के भीतर इमेज दिखाई देनी चाहिए। जब आप इमेज जोड़ते हैं।
03:59	एप्लिकेशन में, इमेज को Jlabel कंपोनेंट के भीतर अंतःस्थापित किया जायेगा।
04:04	अब लेबल में इमेज को जोडते हैं।
04:08	GUI designer में, लेबल चुनें जिसे आपने फॉर्म के लिए जोडा है।
04:14	Properties विंडो में, palette के नीचे, विंडो के दाईं तरफ, Icon प्रोपर्टीज पर स्क्रोल करें।
04:23	ellipsis (...) या दाईं तरफ तीन डोट्स पर क्लिक करें।
04:30	Icon Property' डायलॉग बॉक्स में, Import to Project. पर क्लिक करें।
04:34	file chooser में, अपने इमेज वाले फोल्डर में नेविगेट करें जिसे आप उपयोग करना चाहते हैं।
04:42	Next. पर क्लिक करें।
04:45	wizard के Select Target Folder पैज में, Resources फोल्डर को चुनें।
04:49	और Finish. पर क्लिक करें।
04:52	Finish, पर क्लिक करने के बाद, IDE आपके प्रोजेक्ट में इमेज को कॉपी करता है।
04:57	इसलिए, जब आप एप्लिकेशन को बनाते और रन करते हैं, इमेज वितरण योग्य JAR फाइल में शामिल हो जाती है।
05:07	यहाँ 'OK पर क्लिक करें।
05:11	और अपने प्रोजेक्ट नोड पर राइट क्लिक करें औऱ ' Clean and Build विकल्प चुनें।
05:18	अब आप Files मैन्यू में जा सकते हैं, और build फोल्डर के अंदर,
05:29	dist फोल्डर के अंदर, आप jar फाइल देख सकते हैं।
05:33	यह imagedisplay क्लास में इमेज को एक्सेस करने के लिए कोड को तैयार करता है।
05:38	यह आपके फॉर्म के Design view में लेबल पर आपके इमेज को भी प्रदर्शित करता है।
05:43	इस स्तर पर, आप फॉर्म की दिखावट में सुधार करने के लिए कुछ सरल चीजें कर सकते हैं।
05:48	Properties विंडो में, Text प्रॉपर्टी चुनें।
05:56	औऱ jLabel1 डिलीट करें।
06:04	वह वैल्यू GUI Builder द्वारा लेबल के लिए प्रदर्शित टेक्स्ट के रूप में तैयार की गई थी।
06:10	हालांकि, आप टेक्स्ट के बजाय एक इमेज प्रदर्शित करने के लिए लेबल का उपयोग कर रहे हैं।
06:15	अतः इस टेक्स्ट की आवश्यकता नहीं है।
06:18	अब label को फॉर्म पर बीच में लाने के लिए खीचें।
06:26	GUI Designer में, Source टैब क्लिक करें।
06:30	लाइन के लिए नीचे स्क्रोल करें जो दर्शाती है Generated Code
06:33	कोड को प्रदर्शित करने के लिए Generated Code लाइन के बाईं ओर plus sign (+) पर क्लिक करें, जिसे GUI Designer ने तैयार किया है।
06:42	यहाँ, की-लाइन यह है।
06:49	क्योंकि आपने jLabel1 आइकन प्रोपर्टी के लिए Property editor का उपयोग किया है, तो IDE ने setIcon मेथड तैयार किया है।
06:57	उस मेथड का पैरामीटर ImageIcon के एक नामरहित आंतरिक क्लास पर getResource() मेथड के लिए एक कॉल शामिल करता है।
07:10	एक बार आपकी इमेज जुड गयी, Design view में इमेज पर राइट क्लिक करें।
07:19	Events > Mouse > mouseClicked. पर क्लिक करें।
07:24	व्यू 'Source मोड में चला जाता है।
07:28	यहाँ आप माउस क्लिक पर अपने कार्य को अनुकूलित करने के लिए कोड जोड़ सकते हैं।
07:33	pop-up तैयार करने के लिए कोड की कुछ लाइनें जोडें, जब इमेज GUI में क्लिक किया जाता है।
08:00	मैंने अब पॉप-अप तैयार करने के लिए कोड की कुछ लाइनें प्रविष्ट की हैं।
08:05	पहले मैंने pop-up के लिए एक नया Jframe बनाया।
08:12	और मैंने डिफॉल्ट क्लोज़ ऑपरेशन सेट किया।
08:15	औऱ अंत में pop-up. के लिए टेक्स्ट प्रदान किया।
08:24	कोड की इन लाइनों को जोडने के बाद, फ़ाइल की शुरुआत में दो स्टेटमेंट्स को जोड़कर आवश्यक पैकेज इंपोर्ट करें।
08:36	import javax.swing.*;
08:45	और import java.awt.*; जोडें।
08:53	यह इस प्रोग्राम के लिए आवश्यक जरूरी पैकेज को इंपोर्ट करेगा।
08:59	अब एप्लिकेशन को बनाएँ और रन करें।
09:02	हमने इमेज को एक्सेस और प्रदर्शित करने के लिए तैयार किया है।
09:07	इमेज एक्सेस हुआ है कि नहीं सुनिश्चित करने के लिए एप्लिकेशन को बनाएँ औऱ रन करें।
09:12	सबसे पहले, हमें प्रोजेक्ट Main class. सेट करने की आवश्यकता है।
09:16	जब आप Main class सेट करते हैं, तो IDE जानता है कि किस क्लास को रन करना है। जब आप प्रोजेक्ट को रन करते हैं।
09:21	इसके अलावा, यह सुनिश्चित करता है कि एप्लिकेशन JAR फाइल में Main class एलिमेंट तैयार होता है जब आप एप्लिकेशन का निर्माण करते हैं।
09:33	यहाँ प्रोजेक्ट विंडो में ImageDisplayApp प्रोजेक्ट नोड पर राइट क्लिक करें। और Properties' चुनें।
09:41	Project Properties डायलॉग बॉक्स में, बाईँ ओर Run श्रेणी चुनें।
09:47	Browse बटन पर क्लिक करें, जो कि Main Class फिल्ड के बाद है।
09:51	org.me.myimageapp.ImageDisplay चुनें और Select Main Class पर क्लिक करें।
10:01	यहाँ OK पर क्लिक करें।
10:05	अब Project नोड पर राइट क्लिक करें औऱ Clean & Build चुनें।
10:11	आप Files विंडो में एप्लिकेशन की 'Build प्रॉपर्टीज़ को देख सकते हैं।
10:20	Build फोल्डर compiled क्लास को सम्मिलित करता है।
10:23	dist फोल्डर एक निष्पादन योग्य JAR फाइल सम्मिलित करता है, जिसमें कंपाइल क्लास औऱ इमेज शामिल है।
10:32	अब टूल बार से Run चुनें।
10:34	हमारा आउटपुट विंडो इमेज के साथ खुलता है।
10:39	मैं अब इस इमेज पर क्लिक करुँगी।
10:42	और आप pop-up को शीर्ष पर देख सकते हैं, जो इमेज के विवरण को दिखा रहा है।
10:50	अब, नियत कार्य के लिए
10:54	चार इमेज के साथ एक अन्य GUI बनाएँ, जैसा कि इस ट्यूटोरियल में दिखाया गया है,
11:01	प्रत्येक इमेज के लिए, विभिन्न events निर्दिष्ट करें जैसे keyboard event, mouse-motion event, mouse-click event, mouse-wheel event
11:12	मैंने पहले ही नियत-कार्य बना दिया है।
11:17	नियत-कार्य प्रोजेक्ट को रन करें।
11:20	आपका नियत-कार्य कुछ इस तरह से दिखना चाहिए।
11:26	मैंने यहाँ अपने नियत-कार्य के लिए keyboard-events और mouse events बनाया है।
11:34	अतः, संक्षेप में
11:36	हमने Jframe फॉर्म बनाया है,
11:39	इमेज के लिए पैकेज जोडा है
11:41	लेबल पर इमेज प्रदर्शित की है।
11:44	औऱ mouse events और pop-ups भी बनाया है।
11:49	स्क्रीन पर दिखाए गए लिंक पर उपलब्ध वीडियो देखें।
11:53	यह स्पोकन ट्यूटोरियल को सारांशित करता है।
11:56	अच्छी बैंडविड्थ न मिलने पर आप इसे डाउनलोड करके देख सकते हैं।
12:02	स्पोकन ट्यूटोरियल प्रोजेक्ट टीम स्पोकन ट्यूटोरियल का उपयोग करके कार्यशालाएँ भी चलाती है।
12:07	ऑनलाइन टेस्ट पास करने वालों को प्रमाण-पत्र देते हैं।
12:11	अधिक जानकारी के लिए contact@ spoken HYPHEN tutorial DOT org पर लिखें।
12:19	स्पोकन ट्यूटोरियल प्रोजेक्ट टॉक-टू-अ टीचर प्रोजेक्ट का हिस्सा है।
12:23	यह भारत सरकार के एमएचआरडी के “आईसीटी के माध्यम से राष्ट्रीय साक्षरता मिशन” द्वारा समर्थित है।
12:30	इस मिशन पर अधिक जानकारी निम्न लिंक पर उपलब्ध है spoken HYPHEN tutorial DOT org SLASH NMEICT HYPHEN Intro
12:42	यह स्क्रिप्ट प्रभाकर द्वारा अनुवादित है, आई आई टी बॉम्बे से मैं श्रुति आर्य आपसे विदा लेती हूँ।
12:46	हमसे जुड़ने के लिए धन्यवाद।

Contributors and Content Editors

Prabhakarpandey, Shruti arya