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

Time	Narration
00.01	नमस्कार.
00.02	Building GUIs using Netbeans वरील पाठात स्वागत.
00.06	या पाठात Netbeansचे अतिशय आकर्षक फीचर म्हणजे GUI बिल्डर पाहू.
00.13	GUI बनवण्यासाठी Netbeans आपल्याला काय देते ?
00.16	हे What You See Is What You Get प्रकारची रचना करण्याची सुविधा देते.
00.21	लेआऊट बनवण्यासाठी सोपा इंटरफेस प्रदान करते ज्यात घटक ड्रॅग व ड्रॉप करता येतात.
00.27	ह्यात पॅलेटस उपलब्ध होतात ज्यामधे AWT आणि Swing हे घटक आधीच इन्स्टॉल्ड असतात.
00.33	यातील प्रभावी व्हिज्युअल एडिटर वापरून पूर्ण GUI ऍप्लीकेशन काही मिनिटात बनवता येते.
00.39	या पाठासाठी आपण,
00.43	Linux ऑपरेटिंग सिस्टीम Ubuntu v11.04
00.46	आणि Netbeans IDE v7.1.1 वापरणार आहोत.
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	आता 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 वर जाऊन New File निवडा.
02.15	categories खालील Swing GUI forms निवडा.
02.18	File Type खालील Jframe Form निवडून,
02.21	Next वर क्लिक करा.
02.24	ह्याला आपणAccountBalance असे नाव देत आहोत.
02.29	तुम्ही हवे ते नाव देऊ शकता.
02.33	Finishवर क्लिक केल्यावर हे मुख्य डिझाईनच्या भागात घेऊन जाईल.
02.39	आता GUI builderसमजून घेऊ.
02.43	येथे उजवीकडे paletteआहे.
02.45	ज्यात Swing आणि AWT हे आधीच इन्स्टॉल्ड असलेले घटक आहेत.
02.49	येथे paletteच्या खाली Properties विंडो आहे.
02.53	येथे तुम्ही निवडलेल्या घटकांच्या प्रॉपर्टीज दिसतात.
02.58	डावीकडे navigator किंवा inspector आहे.
03.01	जे डिझाईन मोडमधील वर्कस्पेसवरील,
03.05	फ्रेममधे समाविष्ट केलेले घटक दाखवते.
03.08	वरच्या बाजूला source बटण आहे.
03.11	त्यावर क्लिक केल्यावर हे सोर्स कोडवर घेऊन जाईल.
03.15	तुमच्या डिझाईनमधे घटक समाविष्ट केल्यावर
03.18	ते तुम्हाला संबंधित सोर्स कोड येथे सोर्समधे लिहून देईल.
03.23	डिझाईन मोडवर जाऊ आणि कोणते घटक येथे वापरायचे ते पाहू.
03.28	ऍप्लीकेशन बनवण्यासाठी पॅलेटमधील घटक
03.31	जसे की बटणे, लेबल्स, पॅनेल्स, टॅब्ड पेन इत्यादी वापरू.
03.38	Paletteमधून swing Containers खालील tabbedPaneनिवडा.
03.45	Tabbed Paneनिवडून form वर क्लिक करा.
03.50	हे आपल्याला tabbed frameदेईल. माऊसद्वारे त्याचा आकार बदलू शकतो.
03.58	आता Paletteवर जाऊन Panelनिवडा.
04.02	आणि तुमच्या frameवर क्लिक करा.
04.06	हे आपल्याला टॅब देईल.
04.09	आता आणखी एकदा पॅनेल सिलेक्ट करून पुन्हा फॉर्मवर क्लिक करा.
04.14	आपल्याकडे एकूण दोन टॅब्ज आहेत.
04.17	आता टॅब्जचे नाव बदलण्यासाठी त्यावर डबल क्लिक करू शकता किंवा टॅबवर राईट क्लिक करून edit textपर्याय निवडू शकता.
04.29	पहिल्या टॅबला image व दुस-याला Balanceअसे नवीन नाव देऊ.
04.37	आता पुन्हा पॅलेटवर जाऊन swing Controls मेनूमधून लेबल्स समाविष्ट करू.
04.43	Swing Controlsमधून लेबल सिलेक्ट करून आपल्या फॉर्ममधे समाविष्ट करा.
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	सुरूवातीची रक्कम रूपये 5000वर सेट करू.
05.48	बॅलन्स कंप्युट केल्यावर तो येथे दाखवू.
05.53	परंतु आत्ता येथे starsकाढू.
06.01	Palette वर जाऊन TextFieldसिलेक्ट करा. आपण credit amount आणि debit amount समोर टेक्स्ट फिल्डस समाविष्ट करू.
06.16	आपण textfield रिकामी ठेवणे गरजेचे आहे.
06.20	टेक्स्ट एडिट करून येथील टेक्स्ट काढून टाका.
06.27	माऊसद्वारे त्याचा आकार बदलू.
06.35	हे पूर्ण झाल्यावर पॅलेटवर परत जा आणि बटण सिलेक्ट करा.
06.42	फ्रेममधे खाली बटण समाविष्ट करा.
06.48	त्यावर राईट क्लिक करून लेबलचे नाव बदलू शकता.
06.53	edit text पर्याय निवडून Get Balance हे नाव द्या.
06.58	हे GUIआहे.
07.01	आता Image टॅबवर म्हणजेच tab1 वर जाऊन इमेज समाविष्ट करा.
07.05	हे करण्यासाठी Palette वर परत जा.
07.08	आणखी एक Labelनिवडून पॅनेलवर ड्रॉप करा.
07.13	palette खालील Propertiesविंडो मधील icon प्रॉपर्टी शोधून त्याच्या उजवीकडे असलेल्या तीन बिंदूंवर क्लिक करा.
07.26	icons प्रॉपर्टी विंडो उघडेल.
07.28	येथे External Imageपर्याय निवडून त्याच्या उजवीकडे असलेल्या तीन बिंदूंवर क्लिक करा.
07.35	तुमच्या ऍप्लीकेशनमधे जी इमेज समाविष्ट करायची आहे ती शोधा.
07.41	ही इमेज सिलेक्ट करून OK वर क्लिक करा.
07.48	माऊसद्वारे ती योग्य ठिकाणी ठेवा.
07.51	तुम्ही हे टेक्स्ट काढून टाकू शकता. त्यासाठी लेबलवर डबल क्लिक करा.
07.59	आता इमेज समाविष्ट केली आहे.
08.02	आता GUI मधे मेनू समाविष्ट करू.
08.05	palette वर जाऊन swing menus खालील 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	हे Menu Item समाविष्ट करेल .
08.47	त्याचे नाव बदलून तिथे Exit लिहू.
08.54	अशाप्रकारे file मेनूखाली सबमेनू समाविष्ट करून त्या मेनू आयटमचे नाव देखील बदलले.
09.00	आता GUI ब-यापैकी पूर्ण झाले आहे.
09.03	आता प्रिव्ह्यू पाहू.
09.05	वरच्या बाजूला असलेल्या 'Preview Design' बटणावर क्लिक करा.
09.09	आपण जे काम केले त्याचा प्रिव्ह्यू दिसेल.
09.12	येथे बटणे काम करणार नाहीत.
09.16	परंतु कोडमधे समाविष्ट केल्यावर हे सर्व काम करेल.
09.20	आता प्रिव्ह्यू बंद करू.
09.22	कोड समाविष्ट करण्यापूर्वी इनपुट टेक्स्ट फिल्डला योग्य व्हेरिएबलची नावे देऊ.
09.28	balance टॅबवर जाऊन टेक्स्ट फिल्डला योग्य व्हेरिएबलची नावे देऊ.
09.34	inspector मधे JTextfield1 वर राईट क्लिक करा.
09.40	चेंज व्हेरिएबल नेम सिलेक्ट करा.
09.43	व्हेरिएबल चे नाव बदलून creditAmount करा.
09.50	Ok क्लिक करा.
09.53	येथे डिझाईन मोडमधे textfield वर राईट क्लिक करू शकता.
09.56	चेंज व्हेरिएबल नेम सिलेक्ट करा.
10.00	व्हेरिएबल चे नाव बदलूनdebitAmount करा.
10.04	Ok क्लिक करा.
10.08	आपण या शेवटच्या लेबलला म्हणजेच stars textfields लेबलला resultBalanceम्हणू.
10.16	पुन्हा चेंज व्हेरिएबल नेम सिलेक्ट करून व्हेरिएबल चे नाव बदलून resultBalance करा.
10.23	Ok क्लिक करा.
10.25	आता ऍप्लीकेशन सुरू करण्यासाठी कोड बघू.
10.30	हा sample code आहे.
10.32	आपल्याला creditAmount मधून getText()
10.37	आणि debitAmountमधून getText() हवे आहे.
10.39	balance कंप्युट करून ती रक्कम resultBalance मधे लिहू.
10.44	येथील कोड कॉपी करून IDE वर जाऊ.
10.51	getBalance बटणावर राईट क्लिक करा.
10.55	Eventsपर्यायातीलAction मधील Action Performed सिलेक्ट करा.
11.00	हे आपल्याला कोडच्या विभागाकडे नेईल.
11.03	जेथे तुम्हाला बटण दाबल्यावर करायच्या कृतीचा कोड लिहावा किंवा पेस्ट करावा लागेल.
11.10	कॉपी केलेला कोड येथे पेस्ट करा.
11.17	कोड सेव्ह करून Design mode वर जा.
11.22	आता ऍप्लिकेशन मधून बाहेर पडण्यासाठी कोड समाविष्ट करू.
11.25	मेनू आयटमExit वर राईट क्लिक करून Eventsमधील Action मधील Action Performed सिलेक्ट करा.
11.40	हे सोर्स कोडवर नेईल. येथे ऍप्लिकेशन मधून बाहेर पडण्यासाठी कोड लिहायचा आहे.
11.46	टाईप करा. System.exit(1).
11.53	कोड सेव्ह करून डिझाईन मोडवर परत जा.
11.57	Exit मेनू आयटमसाठी शॉर्टकट समाविष्ट करू.
12.02	शॉर्टकट पर्यायावर डबल क्लिक करा. उघडलेल्या विंडोमधे,
12.07	key stroke मधे Q आणि Ctrl चेकबॉक्सवर क्लिक करून OK क्लिक करा.
12.14	अशाप्रकारे ऍप्लिकेशन मधूनबाहेर पडण्यासाठी Ctrl Q हा कीबोर्ड शॉर्टकट सेट केला आहे.
12.20	आता ऍप्लिकेशन पूर्ण झाले आहे.
12.23	कीबोर्डवरील F6 दाबून ऍप्लिकेशन कार्यान्वित करा .
12.30	कार्यान्वित करायचा main class आधीच सिलेक्ट केलेला आहे.
12.33	Ok क्लिक करा.
12.37	हा GUI आहे.
12.40	आता तपासणी कार्यान्वित करू.
12.43	balance टॅबवर जाऊन credit amount मधे 300 रूपये टाईप करा.
12.47	आणि debit amount मधे 200 रूपये टाईप करा. 'Get Balance' क्लिक करा.
12.53	येथे बॅलन्समधे योग्य रक्कम दिसते.
12.56	आता ऍप्लिकेशन मधून बाहेर पडू.
12.58	File मधे जाऊन Exit वर क्लिक करा.
13.02	कीबोर्डवरील Ctrl Q दाबून देखील ऍप्लिकेशन मधून बाहेर पडू शकतो.
13.08	अशाप्रकारे ऍप्लिकेशन पूर्ण झाले आहे. आता असाईनमेंट करा.
13.14	तुम्हाला टेंपरेचर कन्व्हर्टर ऍप्लिकेशन बनवायचे आहे.
13.18	आपल्याकडे आधीसारखेच दोन टॅब्ज असणे गरजेचे आहे.
13.21	पहिला सेंटीग्रेडचे फॅरनहाइटमधे आणि दुसरा फॅरनहाइटहीटचे सेल्सियसमधे रूपांतर करण्यासाठी.
13.27	आपण इनपुट टेंपरे चर घेऊन,
13.30	त्याचे रूपांतरित टेंपरेचर दाखवायचे आहे.
13.33	तसेच त्यामधे File आणि Help हे पर्याय असलेला मेनूबार असावा.
13.38	आणि फाईल मेनूमधे ऍप्लिकेशन मधून बाहेर पडण्यासाठी कीबोर्ड शॉर्टकट सहित Exit आयटम असायला हवा.
13.46	ही असाईनमेंट आधीच सोडवलेली आहे.
13.48	हे असे दिसायला हवे.
13.50	आपण असाईनमेंट कार्यान्वित करत आहोत आणि हा GUI आहे.
13.56	आता इनपुट टेंपरेचर म्हणून -40 सेल्सियस टाईप करा. आणि गेट फॅरनहीटवर क्लिक करा.
14.05	ऍप्लिकेशननी योग्य रूपांतरित आऊटपुट टेंपरेचर दिले पाहिजे.
14.10	आता ऍप्लिकेशन मधून बाहेर पडण्यासाठी Ctrl X ही शॉर्टकट की वापरा.
14.18	अशाप्रकारे आपण कीबोर्ड शॉर्टकट वापरून ऍप्लिकेशन मधून बाहेर पडलो आहोत.
14.25	स्क्रीनवर दिसत असलेल्या लिंकवर उपलब्ध असलेला व्हिडिओ बघा.
14.29	ज्यामध्ये तुम्हाला प्रॉजेक्टचा सारांश मिळेल.
14.32	जर तुमच्याकडे चांगली Bandwidth नसेल तर आपण व्हिडिओ download करूनही पाहू शकता.
14.37	स्पोकन ट्युटोरियल प्रॉजेक्ट टीम, Spoken Tutorial च्या सहाय्याने कार्यशाळा चालविते.
14.42	परीक्षा उत्तीर्ण होणा-या विद्यार्थ्यांना प्रमाणपत्रही दिले जाते.
14.46	अधिक माहितीसाठी कृपया contact [at] spoken hyphen tutorial dot org वर लिहा
14.52	"स्पोकन ट्युटोरियल प्रॉजेक्ट" हे "टॉक टू टीचर" या प्रॉजेक्टचा भाग आहे.
14.56	यासाठी अर्थसहाय्य National Mission on Education through ICT, MHRD, Government of India यांच्याकडून मिळालेले आहे.
15.03	यासंबंधी माहिती पुढील साईटवर उपलब्ध आहे.
15.13	ह्या ट्युटोरियलचे भाषांतर मनाली रानडे यांनी केले असून मी रंजना भांबळे आपला निरोप घेते .
15.17	सहभागासाठी धन्यवाद .

Contributors and Content Editors

Kavita salve, PoojaMoolya, Pratik kamble, Ranjana