Netbeans/C2/Developing-a-Sample-Web-Application/Gujarati

Time	Narration
00:01	નમસ્તે મિત્રો
00:02	Netbeans IDE (નેટબીન્સ આઈડીઈ) પર વેબ એપ્લીકેશનો ડેવલપ કરવાનું પરીચય આપતા સ્પોકન ટ્યુટોરીયલમાં સ્વાગત છે.
00:08	અમે એ માનીને ચાલીએ છીએ કે તમારી પાસે નેટબીન્સ પર કામ કરવાનું સાદું જ્ઞાન છે.
00:12	જો નથી તો નેટબીન્સ પર સંદર્ભિત ટ્યુટોરીયલો માટે સ્પોકન ટ્યુટોરીયલ વેબસાઈટની મુલાકાત લો.
00:19	પહેલું ટ્યુટોરીયલ જોઇ તમે પહેલાથી જ પરિચિત હશો .
00:22	નેટબીન્સનાં સંસ્થાપન અને interface (ઇન્ટરફેસથી).
00:25	પહેલાનું ટ્યુટોરીયલ તમને નવું પ્રોજેક્ટ કેવી રીતે બનાવવું એ પણ શીખવાડે છે.
00:29	આ demonstration (ડેમોનસ્ટ્રેશન) માટે હું Linux Operating System Ubuntu (લીનક્સ ઓપરેટીંગ સીસ્ટમ ઉબુન્ટુ) v11.04 અને નેટબીન્સ આઈડીઈ v7.1.1. વાપરી રહ્યી છું
00:40	આ ટ્યુટોરીયલ તમને નેટબીન્સના ઉપયોગથી વેબ એપ્લીકેશનો કેવી રીતે ડેવલપ થાય છે તેનું મૂળભૂત જ્ઞાન આપશે.
00:45	આપણે જોઈશું ,
00:46	web application project (વેબ એપ્લીકેશન પ્રોજેક્ટ)ને સુયોજિત કરવું
00:49	વેબ એપ્લીકેશનોની સ્ત્રોત ફાઈલોને બનાવવું અને એડીટ કરવું .
00:52	જાવા પેકેજ અને જાવા સ્ત્રોત ફાઈલ બનાવવું.
00:56	Getter (ગેટર) અને Setter (સેટર) પદ્ધતિઓને ઉત્પન્ન કરવી.
00:59	મૂળભૂત JavaServer (જાવાસર્વર) પુષ્ઠોની ફાઈલને એડીટ કરવું .
01:02	જાવાસર્વર પુષ્ઠોની ફાઈલને બનાવવું.
01:05	અને છેલ્લે આપણા વેબ એપ્લીકેશન પ્રોજેક્ટને રન કરવું.
01:08	આ ટ્યુટોરીયલનાં અનુસરણ માટે, તમને આપેલની જરૂર પડશે નેટબીન્સ આઈડીઈ .
01:13	જાવા ડેવલપમેંટ કીટ (જેડીકે) આવૃત્તિ 6 .
01:17	GlassFish Server (ગ્લાસફીશ સર્વર) મુક્ત સ્ત્રોત આવૃત્તિ.
01:20	સ્ક્રીન પર દર્શાવેલ લીંકથી આ તમામને એક એકલ બંડલમાં ડાઉનલોડ કરી શકાવાય છે.
01:26	આ ટ્યુટોરીયલ demonstrates (ડેમોનસ્ટ્રેસ) કરે છે કે કેવી રીતે એક સાદી વેબ એપ્લીકેશન બનાવવી,
01:30	તેને સર્વરમાં Deploy (ડિપ્લોય) કરવી,
01:32	અને બ્રાઉઝરમાં તેનું presentation (પ્રેઝેન્ટેશન) કરવું .
01:35	તમને તમારું નામ ઇનપુટ કરવા માટે પૂછવા માટે એપ્લીકેશન જાવાસર્વર પુષ્ઠોને નિયુક્ત કરે છે
01:42	તે ત્યારબાદ HTTP સત્ર દરમ્યાન નામ કાયમ રહે તે માટે જાવાબીન્સ કમ્પોનેંટનો ઉપયોગ કરે છે,
01:48	અને ત્યારબાદ આઉટપુટને બીજા જેએસપી પુષ્ઠ પર મેળવે છે.
01:51	ચાલો હવે નેટબીન્સને ખસેડીએ અને આપણા વેબ એપ્લીકેશન પ્રોજેક્ટને બનાવીએ .
01:58	File મેનુમાંથી New Project પસંદ કરો
02:01	Categories અંતર્ગત, Java Web પસંદ કરો.
02:04	Projects અંતર્ગત, Web Application પસંદ કરો, અને Next ક્લિક કરો.
02:09	તમારા પ્રોજેક્ટને એક નામ આપો. હું પ્રોજેક્ટને HelloWeb તરીકે નામ આપીશ.
02:15	તમારા કંપ્યુટરની કોઈપણ directory (ડીરેક્ટરી)માં પ્રોજેક્ટનું લોકેશન દર્શાવો.
02:20	Next ક્લિક કરો.
02:22	Server and Settings panel ખુલે છે.
02:25	તમને તમારી એપ્લીકેશન સાથે કઈ જાવા આવૃત્તિ જોઈએ છે તે પસંદ કરો.
02:29	અને સાથે જ એ સર્વરને પસંદ કરો, જેમાં તમે તમારી એપ્લીકેશન ડીપ્લોય કરવા ઈચ્છો છો.
02:34	Next ક્લિક કરો.
02:36	Frameworks પેનલમાં,
02:38	પ્રોજેક્ટ બનાવવા માટે Finish ક્લિક કરો.
02:41	આઈડીઈ HelloWeb પ્રોજેક્ટ ફોલ્ડર બનાવે છે.
02:46	આ ફોલ્ડર તમામ તમારા સ્ત્રોતો અને પ્રોજેક્ટ metadata (મેટાડેટા) ધરાવે છે.
02:51	મુખ્ય વિન્ડોમાં સોર્સ એડીટરમાં આવકાર પુષ્ઠ, 'index.jsp ખુલે છે.
02:57	તમે અહીં ડાબી બાજુએ ફાઈલ વિન્ડોમાં પ્રોજેક્ટની ફાઈલ રચના જોઈ શકો છો.
03:05	અને તેની લોજિકલ રચનાને પ્રોજેક્ટ વિન્ડોમાં.
03:10	સ્ત્રોત ફાઈલો બનાવવી અને એડીટ કરવી એ અગત્યનું ફંક્શન છે જે આઈડીઈ સહાય કરે છે.
03:15	હવે Projects વિન્ડોમાં, Source Packages નોડને વિસ્તૃત કરો.
03:20	Source Packages નોડ ફક્ત એક ખાલી મૂળભૂત પેકેજ નોડ ધરાવે છે એની નોંધ લો.
03:25	Source Packages પર જમણું-ક્લિક અને New > Java Class પસંદ કરો.
03:32	તમારા ક્લાસને એક નામ આપો. હું ક્લાસને NameHandler તરીકે નામ આપીશ
03:40	અને Package combobox (કોમ્બોબોક્સ)માં ચાલો હું ટાઈપ કરું org.mypackage.hello
03:54	અને Finish ક્લિક કરું છું.
03:57	NameHandler.java ફાઈલ સોર્સ એડીટરમાં ખુલે છે.
04:01	હવે ચાલો આપણે ક્લાસ declaration (ડીકલેરેશન) ની સીધેસીધું નીચે એક સ્ટ્રીંગ વેરીએબલ જાહેર કરીએ.
04:07	હું સ્ટ્રીંગ વેરીએબલ સ્ટ્રીંગ નામ જાહેર કરીશ અને,
04:12	સાથે જ હું એક (કંસ્ટ્રકટર) public NameHandler ને ક્લાસમાં ઉમેરીશ.
04:23	હવે ચાલો હું કંસ્ટ્રકટર અંતર્ગત; name = null ને પણ ઉમેરું.
04:30	ચાલો આગળ આપણે Getter and Setter Methods ઉત્પન્ન કરીએ.
04:33	Source Editor માં નામ ફિલ્ડમાં જમણું-ક્લિક કરો સંદર્ભ મેનુમાંથી Refactor અને Encapsulate Fields પસંદ કરો.
04:46	Refactoring (રીફેક્ટરીંગ) એ વર્તમાન કોડની રચનાને વર્તણૂકમાં ફેરફાર કર્યા વિના વધુ સુધારિત કરવા માટેની એક શિસ્તબદ્ધ ટેકનિક છે.
04:56	ટૂંકમાં કહીએ તો, તમે તમારી કોડની રચનાને વર્તણુક ફેરફાર કર્યા વિના બદલી કરી શકો છો.
05:01	રીફેક્ટરીંગ વડે, તમે વસ્તુઓનું ભંગાણ કર્યા વિના, ફરતે આવેલ ફિલ્ડ, મેથડ અથવા ક્લાસોને સરળતાથી ખસેડી શકો છો.
05:08	ચાલો આઈડીઈ પર પાછા આવીએ.
05:11	નામ ફિલ્ડને યાદીબદ્ધ દર્શાવતું, Encapsulate Fields ડાયલોગ ખુલે છે.
05:16	નોંધ લો કે મૂળભૂત રીતે, Fields દ્રશ્યતાને private પર સુયોજિત કરાઈ છે,
05:20	અને Accessors દ્રશ્યતાને public પર સુયોજિત કરાઈ છે.
05:24	એ સુચવીને કે ક્લાસ વેરીએબલ માટે એક્સેસ modifier (મોડીફાયર)ને private તરીકે સ્પષ્ટ કરાવાશે,
05:30	જ્યારે કે getter અને setter પદ્ધતિઓને અનુક્રમે public મોડીફાયરો સાથે ઉત્પન્ન કરવામાં આવશે.
05:36	Refactor પર ક્લિક કરો.
05:39	name ફિલ્ડ માટે Getter અને Setter પદ્ધતિઓ ઉત્પન્ન કરાવાય છે.
05:46	મોડીફાયરને ક્લાસ વેરીએબલ માટે private પર સુયોજિત કરાવાય છે જ્યારે કે getter અને setter પદ્ધતિઓને public મોડીફાયર સાથે સુયોજિત કરાવાય છે.
05:56	તમારું જાવા ક્લાસ છેલ્લે આ પ્રમાણે દેખાવું જોઈએ.
05:59	ચાલો આગળ Default JavaServer Pages File ને એડિટ કરીએ
06:04	ચાલો Source Editor' (સોર્સ એડિટર) ની ટોંચે પ્રદર્શિત થયેલ index.jsp ફાઈલનાં ટેબને Refocus'Bold text (રીફોકસ) કરીએ.
06:11	Tools મેનુ > Palette અને HTML/JSP code clips પર ક્લિક કરીને હવે ચાલો Palette manager ખોલીએ
06:21	Palatte manager ખુલે છે.
06:26	Palatte 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	હવે પેલેટ મેનેજરમાંથી ટેક્સ્ટ ઈનપુટ આઈટમ પસંદ કરો તેને closing ફોર્મ ટેગોની જરા પહેલા આવેલ પોઈન્ટ પર ડ્રેગ અને ડ્રોપ કરો.
07:25	Insert text input ડાયલોગ બોક્સમાં Name ને name તરીકે સ્પષ્ટ કરો
07:32	Type at text ને છોડો.
07:34	અને OK પર ક્લિક કરો.
07:36	HTML ઈનપુટ ટેગ હવે ફોર્મ ટેગોની વચ્ચે ઉમેરાય છે.
07:41	ચાલો ઈનપુટ ટેગમાંથી ખાલી વેલ્યુ attribute (એટ્રીબ્યુટ) ને રદ્દ કરીએ.
07:49	હવે પેલેટમાંથી Button આઈટમ પસંદ કરો.
07:53	તેને closing ફોર્મ ટેગ પહેલા આવેલ પોઈન્ટ પર ડ્રેગ અને ડ્રોપ કરો.
07:58	લેબલને OK તરીકે સ્પષ્ટ કરો.
08:00	Type એ submit તરીકે,
08:03	અને ફરીથી OK પર ક્લિક કરો.
08:05	ફોર્મ ટેગો પર હવે HTML બટન ઉમેરાય છે.
08:12	પ્રથમ ઈનપુટ ટેગ સામે ચાલો Enter your name ટેક્સ્ટ દાખલ કરીએ.
08:22	અને ચાલો h1 ટેગો વચ્ચે મૂળભૂત ટેક્સ્ટ બદલી કરીએ.
08:28	આપણે ટેક્સ્ટને Entry form માં બદલીશું.
08:34	હવે જમણું ક્લિક, ચાલો હું હમણાં માટે પેલેટ મેનેજર બંધ કરું.
08:38	તમારા સોર્સ એડિટરમાં જમણું-ક્લિક કરો .
08:41	તમારા કોડનાં ફોર્મેટને વ્યવસ્થિત કરવા માટે Format વિકલ્પ પસંદ કરો.
08:46	તમારી index.jsp ફાઈલ હવે આ પ્રમાણે દેખાવી જોઈએ.
08:49	ચાલો આગળ જાવાસર્વર પેજીસ ફાઈલ બનાવીએ.
08:53	Projects વિન્ડોમાં, HelloWeb પ્રોજેક્ટ નોડ પર જમણું-ક્લિક કરો, New > JSP પસંદ કરો.
09:01	નવી JSP ફાઈલ વિઝાર્ડ ખુલે છે.
09:05	ફાઈલને response તરીકે નામ આપો, અને Finish પર ક્લિક કરો.
09:14	નોંધ લો કે response.jsp ફાઈલ નોડ એ index.jsp ફાઈલની નીચે આવેલ Projects વિન્ડોમાં દેખાય છે,
09:23	અને નવી ફાઈલ સોર્સ એડિટરમાં ખુલે છે.
09:26	Palette manager (પેલેટ મેનેજર) ફરીથી ખોલો
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	જેથી કરીને તેને બહુવિધ વ્યક્તિગત ઓબ્જેક્ટોનાં બદલે એક એકલ બીન ઓબ્જેક્ટ તરીકે પસાર કરી શકાવાય.
10:46	હવે પેલેટ મેનેજરમાંથી, સેટબીન પ્રોપર્ટી આઈટમ પસંદ કરો, તેને h1 ટેગોની તરત પહેલા આવેલ પોઈન્ટ પર ડ્રેગ અને ડ્રોપ કરો.
11:03	અને OK પર ક્લિક કરો.
11:12	અહીં jsp:setProperty ટેગમાં જે કે દેખાય છે, ખાલી વેલ્યુ એટ્રીબ્યુટને રદ્દ કરો.
11:21	અને નેમ એટ્રીબ્યુટને mybean માં અને પ્રોપર્ટીને name માં સુયોજિત કરો.
11:30	હવે h1 ટેગો વચ્ચે ચાલો ટેક્સ્ટને Hello અલ્પવિરામ સ્પેસ અને ઉદ્દગાર ચિન્હમાં બદલીએ .
11:40	હવે પેલેટ મેનેજરમાંથી Get Bean property આઈટમ પસંદ કરો તેને Hello ટેક્સ્ટ બાદ h1 ટેગો વચ્ચે ડ્રેગ અને ડ્રોપ કરો
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	આગળનું પગલું છે આપણા વેબ એપ્લીકેશન પ્રોજેક્ટને રન કરવું.
12:20	ચાલો હું પેલેટ મેનેજર બંધ કરું.
12:26	Projects વિન્ડોમાં, HelloWeb પ્રોજેક્ટ નોડને જમણું-ક્લિક કરો અને Run વિકલ્પ પસંદ કરો.
12:32	તમે ટૂલબારમાંથી Run વિકલ્પ પણ પસંદ કરી શકો છો અથવા તમારા પ્રોજેક્ટને રન કરવા માટે તમારા કીબોર્ડ પર F6 કી દાબી શકો છો.
12:41	હું મારા પ્રોજેક્ટને રન કરવા હેતુ ટૂલબાર પર આવેલ બટનને પસંદ કરીશ .
12:44	જ્યારે તમે વેબ એપ્લીકેશનને રન કરો છો ત્યારે આઈડીઈ એપ્લીકેશન કોડને બીલ્ડ કરે છે અને કમ્પાઈલ કરે છે.
12:53	સર્વરને લોન્ચ કરે છે અને એપ્લીકેશનને સર્વર પર ડીપ્લોય કરે છે.
12:58	અને છેલ્લે બ્રાઉઝર વિન્ડોમાં એપ્લીકેશન પ્રદર્શિત કરે છે.
13:02	આ પ્રક્રિયાને જોવા માટે તમે Window મેનુમાંથી આઉટપુટ વિન્ડો ખોલી શકો છો અને Output વિકલ્પ પસંદ કરી શકો છો.
13:10	તમે જોઈ શકો છો કે તમારી એપ્લીકેશન સફળતાપૂર્વક બિલ્ટ થઇ ગઈ છે .
13:17	index.jsp પુષ્ઠ તમારા મૂળ બ્રાઉઝરમાં ખુલે છે.
13:23	ચાલો હું પ્રોજેક્ટ ફરીથી રન કરું.
13:27	આ રહ્યું, તે તમારા મૂળ બ્રાઉઝરમાં ખુલે છે .
13:32	નોંધ લો કે બ્રાઉઝર વિન્ડો કેટલીક વાર આઈડીઈ સર્વર આઉટપુટને દર્શાવે એ પહેલા જ ખુલી શકે છે .
13:38	હવે ચાલો બ્રાઉઝરમાં આવેલ ટેક્સ્ટ બોક્સમાં નામ દાખલ કરીએ.
13:42	ઉદાહરણ તરીકે Ubuntu અને OK પર ક્લિક કરો.
13:46	તમને સામાન્ય આવકાર આપતું, response.jsp પુષ્ઠ દેખાય છે.
13:52	હવે એસાઈનમેંટ ભાગ પર,
13:56	વેબ એપ્લીકેશન પ્રોજેક્ટનાં extension (એક્સટેન્શન) તરીકે, બે કે ત્રણ ટેક્સ્ટ ફીલ્ડોને દાખલ કરો જે કે તમારી એપ્લીકેશનમાં કુલ ત્રણ ઈનપુટ ટેક્સ્ટ ફીલ્ડો હોય.
14:06	બીન પ્રોપર્ટી સુયોજિત કરવા માટે JavaBeans Component (જાવાબીન્સ કમ્પોનેંટ) નો ઉપયોગ કરો અને
14:09	તેનું પ્રેઝેન્ટેશન બ્રાઉઝરમાં જુઓ .
14:12	અને છેલ્લે આઉટપુટને બીજા જેએસપી પુષ્ઠ પર મેળવો .
14:17	મેં મારો assignment (એસાઈનમેંટ) પહેલાથી જ બનાવી લીધો છે .
14:21	ચાલો હું મારો એસાઈનમેંટ ખોલું અને તેને આઈડીઈમાં રન કરું .
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	સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટ ટોક ટુ અ ટીચર પ્રોજેક્ટનો એક ભાગ છે
15:21	જે આઈસીટી, એમએચઆરડી, ભારત સરકાર દ્વારા શિક્ષણ પર નેશનલ મિશન દ્વારા આધાર અપાયેલ છે.
15:28	આ મિશન પરની વધુ માહિતી spoken-tutorial.org/NMEICT-Intro પર ઉપલબ્ધ છે.
15:40	આ ટ્યુટોરીયલ માટે યોગદાન IT for Change દ્વારા અપાયું છે
15:43	અમને જોડાવાબદ્દલ આભાર. આઈઆઈટી બોમ્બે તરફથી હું, જ્યોતી સોલંકી વિદાય લઉં છું.

Contributors and Content Editors

Jyotisolanki, PoojaMoolya