Difference between revisions of "Netbeans/C2/Integrating-an-Applet-in-a-Web-Application/Gujarati"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with '{| Border=1 || Time || Narration |- | 00.01 |Hii everyone. |- | 00.02 | Welcome to the tutorial on Integrating an Applet in a Web Application |- |00.08 |The application th…')
 
 
(7 intermediate revisions by one other user not shown)
Line 4: Line 4:
  
 
|| Narration
 
|| Narration
 
  
 
|-
 
|-
| 00.01
+
| 00:01
|Hii everyone.  
+
| નમસ્કાર .
  
 
|-
 
|-
| 00.02
+
| 00:02
| Welcome to the tutorial on Integrating an Applet in a Web Application
+
| '''Integrating an Applet in a Web Application''' ટ્યુટોરીયલમાં તમારું સ્વાગત છે. 
  
 
|-
 
|-
|00.08
+
| 00:08
|The application that you build in this tutorial shows you how to build and deploy applets in the '''Netbeans IDE.'''  
+
| આ ટ્યુટોરીયલમા જે એપ્લીકેશન બનાવીશું તે '''Netbeans IDE''' માં '''applets''' સંસ્થાપિત કરતા શીખીશું.
  
 
|-
 
|-
|00.16
+
| 00:16
|If this is the first time you are using '''Netbeans''', please view the tutorials,
+
| જો તમે પ્રથમ વખત '''Netbeans''' વાપરી રહ્યા હોય તો અમારા ટ્યુટોરીયલો નિહાળો.
  
 
|-
 
|-
| 00.21
+
| 00:21
| Introduction to Netbeans, to get started with the '''IDE. '''
+
| '''IDE''' સાથે શરૂઆત કરવા માટે '''Introduction to Netbeans'''
  
 
|-
 
|-
|00.25
+
| 00:25
|Also  view the tutorials Developing Web Applications and Designing GUIs on Netbeans  
+
| '''Developing Web Applications''' અને '''Designing GUIs on Netbeans''' આ ટ્યુટોરીયલો પણ નિહાળો.
  
 
|-
 
|-
| 00.32
+
| 00:32
|to get familiarised with the '''IDE. '''
+
| '''IDE''' વિશે જાણવા માટે
  
 
|-
 
|-
| 00.36
+
| 00:36
|All the above tutorials can be viewed on the spoken tutorial website
+
| બધા ઉપરના ટ્યુટોરિયલ્સ સ્પોકન ટ્યુટોરીયલ વેબસાઇટ પર જોઈ શકાય છે.
  
 
|-
 
|-
|00.41
+
| 00:41
|For this demonstration, I am using the Linux Operating System Ubuntu v11.04 and Netbeans IDE v7.1.1  
+
| આ ડેમોનસ્ટ્રેટ કરવા માટે હું વાપરી રહ્યી છું લીનક્સ ઓપરેટીંગ સીસ્ટમ ઉબુન્ટુ આવૃત્તિ 11.04 અને નેટબીન્સ IDE આવૃત્તિ 7.1.1.
  
 
|-
 
|-
| 00.55
+
| 00:55
|In this tutorial, we will
+
| આ ટ્યુટોરીયલમાં આપણે,
  
 
|-
 
|-
| 00.57
+
| 00:57
| Create an Applet  
+
| '''Applet''' (એપ્લેટ) બનાવીશું.
  
 
|-
 
|-
|00.59
+
| 00:59
|Run the Applet; and
+
| '''Applet''' ને સક્રિય કરો; અને
 
+
  
 
|-
 
|-
|01.02
+
| 01:02
|Embed the applet in a web application
+
| વેબ એપ્લીકેશનમાં '''applet''' ને એમ્બેડ કરો.
  
 
|-
 
|-
 
+
|01:05
|01.05
+
|પ્રોજેક્ટ બનાવવા માટે ચાલો હવે '' IDE''' શરૂ કરો.
 
+
|Let us now launch the '''IDE''' to create our project.  
+
 
+
 
+
  
 
|-
 
|-
 
+
|01:10
|01.10
+
|''File>New Project''' પર જાઓ અને  '''Java Class Library ''' બનવો.
|Go to  '''File>New Project''' and create a '''Java Class Library '''
+
 
+
  
 
|-
 
|-
 
+
| 01:17
| 01.17
+
|''Next''' ક્લિક કરો
 
+
|Click ''Next'''
+
 
+
  
 
|-
 
|-
 
+
|01:19
|01.19
+
|તમારા પ્રોજેક્ટને  નામ આપો.
 
+
|Give your Project a name
+
  
 
|-
 
|-
 +
|01:21
 +
| '''હું મારા પ્રોજેક્ટને ''' '''SampleApplet''  તરીકે નામ આપીશ..
  
|01.21
 
 
|I will name my Project as  '''SampleApplet. '''
 
 
|-
 
|-
 
+
|01:26
|01.26
+
|તમારી સિસ્ટમ પર કોઈપણ ડિરેક્ટરીમાં સ્થાન સેટ કરો.
 
+
|Set the  Location to any directory on your system
+
  
  
 
|-
 
|-
|01.30
+
|01:30
|And Click '''Finish''' to create your project
+
|અને તમારા પ્રોજેક્ટને  બનાવવા માટે 'Finish''''' પર ક્લિક કરો.
  
 
|-
 
|-
 
+
|01:34
|01.34
+
|આગળ '''Applet Source File''' બનાવીશું.
 
+
|Let us '''Next''' create the '''Applet Source File'''
+
  
 
|-
 
|-
 
+
|01:39
|01.39
+
|'''SampleApplet''' પ્રોજેક્ટ  નોડ પર જમણું ક્લિક કરો .
 
+
|Right-Click on the '''SampleApplet''' project node
+
  
 
|-
 
|-
 
+
|01:42
|01.42
+
| અને'' પ્રોપર્ટીઝ વિન્ડો ખોલવા માટે''' Properties''' પસંદ કરો. '
 
+
| and choose '''Properties''' to open the Properties window.  
+
 
+
  
 
|-
 
|-
 
+
| 01:47
| 01.47
+
|ઇચ્છિત પ્રોજેક્ટ માટે ''''''Source''' અને  Binary Format''' પસંદ કરો.  
 
+
|Select the desired '''Source and Binary Format''' for the project.  
+
 
+
  
 
|-
 
|-
 
+
| 01:53
| 01.53
+
| આ '''JDK''' નું યોગ્ય આવૃત્તિઓ પસંદ કરી છે તેની ખાતરી કરવા માટે છે.
 
+
|This is to make sure if the correct version of the JDK has been chosen.  
+
  
 
|-
 
|-
| 01.59
+
| 01:59
|For example, if you choose the latest version of JDK,  
+
|ઉદાહરણ તરીકે, તમે '''JDK'''  ની તાજેતરની આવૃત્તિ પસંદ કરી હોય,
  
 
|-
 
|-
| 02.04
+
| 02:04
|then the applet might not run on machines that have an older version of the Java browser plugin.
+
|તો કદાચ''''Java browser plugin''' ના જુદા આવૃત્તિ પર '''applet''  મશીન પર ચાલશે નહી.  
 
+
 
+
  
 
|-
 
|-
| 02.10
+
| 02:10
|I will select the latest version of '''JDK''' since my browser supports the latest version of the java browser pluggin
+
|હું ''JDK''' ની નવી આવૃત્તિ પસંદ કરીશ,મારું બ્રાઉઝર જવા બ્રાઉઝર પ્લગ ઇન ની નવી આવૃત્તિને ચલાવી શકે છે.
  
 
|-
 
|-
| 02.19
+
| 02:19
|Click on '''OK'''
+
|'''OK''' પર ક્લિક કરો.
  
 
|-
 
|-
| 02.21
+
| 02:21
|Right-Click again on the '''SampleApplet''' project node
+
| '''SampleApplet''' પ્રોજેક્ટ  નોડ પર ફરીથી જમણું ક્લિક કરો.
  
 
|-
 
|-
|02.25
+
|02:25
| and select '''New''' >'''Applet'''
+
| અને પસંદ કરો  '''New''' >'''Applet'''
  
 
|-
 
|-
|02.29
+
|02:29
| If you do not find the applet option in this contextual menu, Click on '''Other'''
+
| જો તમને સંદરભીત  મેનૂમા''' applet''' આ વિકલ્પ ના મળે તો '''Other''' પર ક્લિક કરો.
  
 
|-
 
|-
|02.35
+
|02:35
| Under '''Categories''', select '''Java. '''
+
|'''Categories''', હેઠળ  '''Java. '''પસંદ કરો.
  
 
|-
 
|-
|02.38
+
|02:38
|And Under '''File Types''', select '''Applet''' to create an Applet
+
|'''Applet''' બનાવવા માટે  '''File Types''' ,હેઠળ  '''Applet''' પસંદ કરો.
  
 
|-
 
|-
| 02.43
+
| 02:43
|Give the '''Class name''' as '''Sample''' and the '''Package''' as '''org.me.hello'''
+
| '''Class name''' (ક્લાસ નેમ ) '''Sample''' તરીકે અને '''Package''' (પેકેજ)  '''org.me.hello''' તરીકે આપો.
  
 
|-
 
|-
| 02.55
+
| 02:55
|Click '''Finish'''
+
|''Finish''' પર ક્લિક કરો.
 
+
 
+
  
 
|-
 
|-
 
+
| 02:57
| 02.57
+
| આપેલા પેકેજમા''' IDE''' '''applet''' ની  સોર્સ ફાઈલ બનશે.
 
+
|The IDE creates the applet source file in the specified package.  
+
 
+
  
 
|-
 
|-
 
+
|03:02
|03.02
+
| તે જોવા માટે પ્રોજેક્ટ વિન્ડોમાંની  '''Source Package''' નોડ એક્સપાંડ કરો.
 
+
|You can expand the '''Source Package''' node in the Projects window to see this.  
+
 
+
 
+
  
 
|-
 
|-
 
+
|03:08
|03.08
+
| સોર્સ એડિટરમાં  '''Applet source file''' (એપ્લેટ સોર્સફાઇલ) ખુલશે.
 
+
|The Applet source file opens in the source editor.  
+
 
+
 
+
  
 
|-
 
|-
 
+
| 03:12
| 03.12
+
|ચાલો આપણે'''applet class''' વ્યાખ્યિત કરીએ.  
 
+
|Let us now define our applet class.  
+
 
+
  
 
|-
 
|-
 
+
| 03:17
| 03.17
+
| મારા પાસે સદા'''  applet''' માટે કોડ છે.
 
+
|I have the code for a simple applet,
+
 
+
  
 
|-
 
|-
 
+
| 03:21
| 03.21
+
| જે બેકગ્રાઉન્ડ રંગ''' cyan''  (સિયાન) અને
 
+
|that sets the background color to cyan,
+
 
+
  
 
|-
 
|-
 
+
| 03:24
| 03.24
+
| અને ફોરગ્રાઉન્ડ રંગ રેડ તરીકે સુયોજિત કરે છે.
 
+
|the foreground color to red,
+
 
+
  
 
|-
 
|-
 
+
| 03:27
| 03.27
+
|અને  '''applet''' માં આગળની મેથડો ક્યાં ક્રમે લાગુ કરવી એ વિષે મેસેજ આપશે.
 
+
|and displays a message that illustrates the order in which the methods in the applet,
+
 
+
  
 
|-
 
|-
 
+
| 03:34
| 03.34
+
|એટલે કે  '''init()''''''start()''' અને  '''paint() ''' મેથડ કોલ કરીને '''applet''' શરુ થશે.  
|i.e. the '''init()''' method, the '''start()''' method, and the '''paint() '''methods are called, when the applet starts up.  
+
 
+
 
+
 
+
  
 
|-
 
|-
| 03.43
+
| 03:43
| I will copy the entire code on my clipboard and paste it over the existing code in the IDE.  
+
|હું આ સમગ્ર કોડ મારા કલીપ બોર્ડ પરથી કોપી કરીને '''IDE''' મા ઉપલબ્ધ  કોડ પર પેસ્ટ કરીશ.
 
+
  
 
|-
 
|-
 
+
| 03:54
| 03.54
+
|પ્રોજેક્ટ્સ  વિન્ડોમા 'Sample.java''' ફાઈલ પર જમણું ક્લિક કરો.
|Right-Click on the '''Sample.java''' file in the Projects window,
+
 
+
 
+
 
+
  
 
|-
 
|-
 
+
| 04:00
| 04.00
+
|અને સંદર્ભીત મેનુ માંથી  ''Run File'' પસંદ કરો.
 
+
|and choose '''Run File''' from the contextual menu.  
+
 
+
  
 
|-
 
|-
 
+
| 04:04
| 04.04
+
|''applet'''સમાવિષ્ટ વાડી ''Sample.html''' આ લોન્ચર ફાઈલ '''build''' ફોલ્ડરમા બનશે.
 
+
| The '''Sample.html''' launcher file, with the applet embedded, is created in the build folder,
+
 
+
 
+
 
+
  
 
|-
 
|-
 +
| 04:13
 +
|જે તમે ફાઈલ્સ વિન્ડો મા જોઈ શકશો.
  
| 04.13
 
 
|which you can see in the '''Files''' window.
 
  
 
|-
 
|-
| 04.15
+
| 04:15
 
|'''Sample dot html file'''
 
|'''Sample dot html file'''
 +
 
|-
 
|-
 
+
| 04:18
| 04.18
+
| '''Applet viewer. ''' મા એપ્લેટ ખૂલેલ છે .
+
|The Applet is also  launched in the '''Applet viewer. '''
+
  
 
|-
 
|-
| 04.23
+
| 04:23
|With the message display on the screen
+
| જે સ્ક્રીન પર મેસેજ બતાવે છે.
  
 
|-
 
|-
| 04.27
+
| 04:27
|Let me close the '''appletviewer'''
+
| '''applet viewer''' ને બંદ કરું.
  
 
|-
 
|-
 +
| 04:29
 +
|અને વેબ એપ્લીકેશન મા આ '''Applet''' ને સમાવિષ્ઠ કરીએ.
  
| 04.29
 
 
|And let us next embed  the Applet in a Web Application
 
 
|-
 
|-
 
+
| 04:33
| 04.33
+
| જેનાથી યુસર ને '''applet''' ઉપલબ્ધ થશે.
 
+
|So that we can make the applet available to the user
+
 
+
  
 
|-
 
|-
 
+
| 04:37
| 04.37
+
|આ કરવા માટે આપણે '''Web Application''' બનાવીએ છીએ.
 
+
|To do so, we create a '''Web Application''',
+
  
 
|-
 
|-
 
+
| 04:42
| 04.42
+
| '''Categories'''હેઠળ '''java web''' અને  '''Projects''' હેઠળ  '''Web application''' પસંદ કરો.
 
+
| Under '''Categories''' select '''java web''' and under '''Projects''' select '''Web application'''
+
  
 
|-
 
|-
 
+
| 04:48
| 04.48
+
|અને  '''Next''' પર ક્લિક કરો.
 
+
|and Click '''Next'''
+
  
  
 
|-
 
|-
 
+
| 04:50
| 04.50
+
|આપણે આપણા પ્રોજેક્ટને  '''HelloSampleApplet''' તરીકે નામ આપીશું  અને,
 
+
|We wll name our Project as '''HelloSampleApplet''' and
+
  
 
|-
 
|-
 
+
| 05:01
| 05.01
+
| '''Next''' ક્લિક કરો
 
+
|Click '''Next'''
+
  
 
|-
 
|-
| 05.03
+
| 05:03
|See if the correct server is selected and click '''Finish''' to create your Project
+
| યોગ્ય સર્વર પસંદ કરેલ હોય તો પ્રોજેક્ટ બનવા માટે '''finish''' પર ક્લિક કરો
 
+
 
+
  
 
|-
 
|-
 
+
| 05:12
| 05.12
+
|નોંધ લો કે કે જયારે આપણે જાવા પ્રોજેક્ટ'''SampleApplet''' વેબ પ્રોજેક્ટ  '''HelloSampleApplet''' મા ઉમેરીએ છીએ,
 
+
|Note that, when we add the Java project '''SampleApplet''' to the web project '''HelloSampleApplet'''
+
  
 
|-
 
|-
 
+
| 05:20
| 05.20
+
|આપણે ''IDE'ને વેબ એપ્લીકેશન તૈયાર કરતી વખતે  ''' applet'''બનાવવાની સુવિધા આપીએ છે.
 
+
|we enable to IDE to build the applet whenever we build this web application.  
+
  
 
|-
 
|-
 
+
| 05:26
| 05.26
+
|માટે જયારે  '''Sample dot java applet '''મોડીફાઈ કરીશું.
 
+
|Therefore, when we modify the '''Sample dot java applet '''
+
  
  
 
|-
 
|-
 
+
| 05:34
| 05.34
+
| બીલ્ડ થતા વખતે '''IDE''' એ '''applet''' ની નવી આવૃત્તિ તૈયાર કરે છે.
 
+
|the IDE builds a new version of the applet whenever this  is built.  
+
 
+
  
 
|-
 
|-
 
+
| 05:40
| 05.40
+
| હવે પ્રોજેક્ટ વિન્ડોમા '''HelloSampleApplet''' પ્રોજેક્ટ નોડ પર જમણું ક્લિક કરો.
 
+
|Now In the Projects window, right-click the '''HelloSampleApplet''' project node,
+
  
 
|-
 
|-
 
+
| 05:45
| 05.45
+
|અને  '''Properties''' પર ક્લિક કરો.
 
+
|and Click on '''Properties'''
+
  
 
|-
 
|-
 
+
| 05:49
| 05.49
+
|આપણું '''applet''' જાવા પ્રોજેક્ટ મા છે.
 
+
|Our applet is in a Java project,
+
  
 
|-
 
|-
| 05.52
+
| 05:52
|To add the Jar file select the '''Packaging''' option from the menu on the left side of the window
+
| '''Jar''' ફાઈલ ઉમેરવા માટે વિન્ડો ના ડાબા બાજુએ મેનુમાંથી  '''Packaging''' વિકલ્પ પસંદ કરો.
  
 
|-
 
|-
 
+
| 05:59
| 05.59
+
|'''Add Project''' પર ક્લિક કરો અને '''Applet class''' ધરાવતો જાવા પ્રોજેક્ટ પસંદ કરો.
 
+
| click on '''Add Project''' and select the java project that contains the Applet class
+
  
 
|-
 
|-
| 06.05
+
| 06:05
|In this case it is '''SampleApplet'''
+
|અહી  '''SampleApplet'''
  
  
 
|-
 
|-
 
+
| 06:09
| 06.09
+
|'''Add Project Jar Files''' પર ક્લિક કરો.
 
+
|Click on '''Add Project Jar Files'''
+
  
 
|-
 
|-
 
+
| 06:14
| 06.14
+
| '''applet source file''' સમાવિષ્ટ વાડી '''jar''' ફાઈલ ટેબ્લેટ મા દેખાય છે.
 
+
|The JAR file containing the applet source file is now listed in the table
+
  
 
|-
 
|-
 
+
| 06:20
| 06.20
+
|'''OK''' પર ક્લિક કરો.
 
+
|Click on '''OK'''
+
 
+
 
+
  
 
|-
 
|-
 
+
| 06:24
| 06.24
+
|અને ' હવે '''''HelloSampleApplet'''' પ્રોજેક્ટ બનાવવા  માટે પ્રોજેક્ટ વિન્ડો મા તેના પર ક્લિક કરો.
 
+
|And let us build the '''HelloSampleApplet''' project now by right clicking on it in the '''Projects''' Window
+
  
  
 
|-
 
|-
 
+
| 06:31
| 06.31
+
|અને ''''''Clean'''  અને  '''Build''''  વિકલ્પ પસંદ કરો.
 
+
|and selecting '''Clean and Build''' options
+
  
 
|-
 
|-
 
+
| 06:36
| 06.36
+
| હવે જયારે પ્રોજેક્ટ બનશે ત્યારે મૂળ '''SampleApplet''' પ્રોજેક્ટમા જાર ફાઈલ બનશે.
 
+
|Now when this project is built the applets Jar file is generated in the original '''SampleApplet''' Project
+
  
 
|-
 
|-
 
+
| 06:45
| 06.45
+
|ફાઈલ વિન્ડો મા જયી  '''HelloSampleApplet'' પ્રોજેક્ટ નોડ એક્સપાંડ કરો.
 
+
|Go to the Files Window expand the '''HelloSampleApplet''' Project node
+
 
+
 
+
  
 
|-
 
|-
 
+
| 06:51
| 06.51
+
|'''build''' અને  '''web''' ફોલ્ડર હેઠળ 
 
+
|Under '''build''' and '''web''' folder
+
  
 
|-
 
|-
 
+
| 06:54
| 06.54
+
|તમે જોઈ શકો છો કે જાર ફાઈલ ઉમેરાઈ ગયી છે.
 
+
|You can see that the jar file has been added
+
  
 
|-
 
|-
 
+
| 06:58
| 06.58
+
|હવે '''HTML''' ફાઈલમાં  '''applet''' સમાવિષ્ટ કરીશું.
 
+
|Now Let us next embed the applet in a HTML file,
+
 
+
 
+
  
 
|-
 
|-
 
+
| 07:02
| 07.02
+
| '''Project''' વિન્ડો પર જયી 'HelloSampleApplet'' પ્રોજેક્ટ નોડ પર જમણું કિલ કરો.
 
+
|Go back to the '''Project''' Window, right-click on the '''HelloSampleApplet''' project node,
+
  
 
|-
 
|-
 
+
| 07:09
| 07.09
+
| '''New''' પસંદ કરી  અને  ''HTML''' ફાઈલ વિકલ્પ પસંદ કરો.
 
+
|choose '''New''' and select the '''HTML''' file option
+
  
 
|-
 
|-
 
+
| 07:13
| 07.13
+
| જો સંદર્ભીત મેનુ મા ''HTML''' વિકલ્પ નથી મળતો.
 
+
|If you cannot find the '''HTML''' option in this contextual menu
+
 
   
 
   
 
|-
 
|-
 +
| 07:18
 +
| '''Other''' પર ક્લિક કરો.
  
| 07.18
+
|-
 +
| 07:21
 +
|'''Web''' હેઠળ '''Categories''' અને  '''HTML'''હેઠળ  '''File Types''' પસંદ કરો  અને '''Next''' ક્લિક કરો.
  
|Click on '''Other'''
+
|-
 +
| 07:29
 +
| '''Html''' ફાઈલ ને નામ આપો.
  
 
|-
 
|-
 +
| 07:32
 +
|હું  '''MyApplet''' તરીકે નામ આપીશ અને  '''Finish.''' પર ક્લિક કરો.
  
| 07.21
 
 
|Select '''Web'''  under '''Categories''' and select '''HTML''' under  '''File Types''' and click '''Next'''
 
  
 
|-
 
|-
 +
| 07:40
 +
|હવે આગળ '''MyApplet dot html''' માની બોડી ટેગ્સમા '''applet'''  ટેગ દાખલ કરો.
  
| 07.29
 
 
|Give your Html file a name
 
 
|-
 
|-
 
+
| 07:48
| 07.32
+
|મારી પાસે ''' applet code''' (એપ્લેટ કોડ) અહી છે.
 
+
|I will name the file as '''MyApplet''' and Click on '''Finish.'''
+
 
+
  
  
 
|-
 
|-
 
+
| 07:51
| 07.40
+
|ચાલો હવે હું આ કલીપ બોર્ડ કોપી કરીને''' html''' ફાઈલમાની બોડી ટેગમા પેસ્ટ કરો.
 
+
|The next step is to enter the applet tag in between the body tags in '''MyApplet dot html''' file
+
 
+
 
+
  
 
|-
 
|-
 
+
| 08:03
| 07.48
+
| અગામી''' html''' ફાઈલ ને સક્રિય કરવું છે.
 
+
|I have the applet code here
+
 
+
  
 
|-
 
|-
 +
| 08:07
 +
|પ્રોજેક્ટ વિન્ડોમાં '''MyApplet dot html''' પર ક્લિક કરી ''Run File'  પસંદ કરો.
  
| 07.51
 
 
|Let me copy it onto my clipboard and paste it in between the body tags in the html file
 
 
|-
 
|-
 +
| 08:14
 +
| સર્વર''' html''' ફાઈલ '''IDE''' ના મૂળભૂત બ્રાઉઝરમા મુકશે.
  
| 08.03
 
 
|The Next step is to run the html file
 
  
 
|-
 
|-
| 08.07
+
| 08:25
|Right click on '''MyApplet dot html''' in the project windows and select '''Run File'''
+
|હવે સર્વરે''' html''' ફાઈલ ''' IDE''' ના મૂળભૂત બ્રાઉઝરમા મુકવાથી,
  
 
|-
 
|-
| 08.14
+
| 08:30
|The server deploys the html file in the IDE default browser
+
|તમે સ્ક્રીન  પર મેસેજ પ્રદર્શિત થતો જોશો.
  
 
|-
 
|-
| 08.25
+
| 08:36
|Now the server as deploy the html file in the IDE's default browser
+
|હવે અસાઇનમેન્ટ.
  
 
|-
 
|-
| 08.30
+
| 08:38
|You can see the message displayed across the screen
+
|''IDE''' મા હજુ એક સાધુ બેનર''' applet''' મા બનાવો.
|-
+
 
+
| 08.36
+
 
+
|Now to the assignment
+
  
 
|-
 
|-
 
+
| 08:43
| 08.38
+
|જ્યાં''' applet's'''ના વિન્ડોમા મેસેજ સ્ક્રોલ થશે.
 
+
|As your assignment create another simple banner applet in the IDE,
+
 
+
  
 
|-
 
|-
 
+
| 08:49
| 08.43
+
|વેબ એપ્લીકેશન મા '''applet''' એમ્બેડ કરો.
 
+
|where the applet scrolls a message across the applet's window.  
+
 
+
  
 
|-
 
|-
 
+
| 08:52
| 08.49
+
|અને વેબ પ્રોજેક્ટ મા ''' JAR''' ઉમેરો.
 
+
|Embed your applet in a web application,
+
  
 
|-
 
|-
 
+
| 08:56
| 08.52
+
| છેલ્લે''' HTML file''' બનાવી સક્રિય કરો.
 
+
|and add JAR files to the web project and,
+
  
 
|-
 
|-
 +
| 09:00
 +
| મેં પોતાનું ''' moving banner applet''' બનાવ્યું છે.
  
| 08.56
 
 
|finally create and run the HTML file.
 
 
|-
 
|-
 
+
| 09:04
| 09.00
+
|ચાલો આ પ્રોજેક્ટ ખોલીને રન કરું.
 
+
|I have created my own moving banner applet
+
  
 
|-
 
|-
 
+
| 09:18
| 09.04
+
|તમને  વિન્ડો મા સ્ક્રોલ થનારા મેસેજ  '''applet''' ખુલ્લા દેખાશે.
 
+
|Let me open the project and run it
+
  
 
|-
 
|-
 +
| 09:28
 +
|સ્ક્રીન પર દર્શાવેલ લીંક પર ઉપલબ્ધ વિડીયો નિહાળો.
  
| 09.18
 
 
|You can see that the applet has opened with the message scrolling across the Window
 
 
|-
 
|-
 
+
| 09:32
| 09.28
+
|તે સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટનો સારાંશ આપે છે.
 
+
|Watch the video available at the link shown on the screen.
+
 
+
|-
+
 
+
| 09.32
+
 
+
|It summarizes the Spoken Tutorial project.  
+
 
   
 
   
 
|-
 
|-
 
+
| 09:36
| 09.36
+
|જો તમારી પાસે સારી બેન્ડવિડ્થ ન હોય તો, તમે વિડીયો ડાઉનલોડ કરીને જોઈ શકો છો.  
 
+
|If you do not have good bandwidth, you can download and watch the videos.  
+
  
 
|-
 
|-
 
+
| 09:41
| 09.41
+
|સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટ ટીમ સ્પોકન ટ્યુટોરીયલોનાં ઉપયોગથી વર્કશોપોનું આયોજન કરે છે.  
 
+
|The Spoken Tutorial project team conduct workshops using Spoken Tutorials.  
+
 
+
  
 
|-
 
|-
 
+
| 09:46
| 09.46
+
|જેઓ ઓનલાઈન પરીક્ષા પાસ કરે છે તેઓને પ્રમાણપત્રો આપે છે.  
 
+
|Gives certificates to those who pass an online test.  
+
  
  
 
|-
 
|-
 
+
| 09:51
| 09.51
+
|વધુ વિગતો માટે contact@spoken-tutorial.org પર લખો
 
+
|For more details please write to contact@spoken-tutorial.org
+
  
  
 
|-
 
|-
 
+
| 09:58
| 09.58
+
|સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટ ટોક ટુ અ ટીચર પ્રોજેક્ટનો એક ભાગ છે
 
+
|Spoken Tutorial Project is a part of the Talk to a Teacher Project
+
  
 
|-
 
|-
 
+
| 10:04
| 10.04
+
|જેને આઈસીટી, એમએચઆરડી, ભારત સરકાર મારફતે શિક્ષણ પર નેશનલ મિશન દ્વારા આધાર અપાયેલ છે
 
+
| Supported by the National Mission on education through ICT, MHRD, Government  of India
+
  
 
|-
 
|-
 
+
| 10:00
| 10.00
+
|આ મિશન પરની વધુ માહિતી spoken-tutorial.org/NMEICT-Intro પર ઉપલબ્ધ છે
 
+
|More information on this mission is available at spoken-tutorial.org/NMEICT-Intro
+
  
 
|-
 
|-
 
+
| 10:22
| 10.22
+
|આ ટ્યુટોરીયલ માટે યોગદાન IT for Change દ્વારા અપાયું છે
 
+
|This tutorial has been  contributed by  IT for Change  
+
  
  
 
|-
 
|-
 
+
| 10:27
| 10.27
+
|આઈઆઈટી બોમ્બે તરફથી હું, જ્યોતી સોલંકી વિદાય લઉં છું.
 
+
|Thank you for joining us.
+

Latest revision as of 13:09, 24 July 2014

Time Narration
00:01 નમસ્કાર .
00:02 Integrating an Applet in a Web Application ટ્યુટોરીયલમાં તમારું સ્વાગત છે.
00:08 આ ટ્યુટોરીયલમા જે એપ્લીકેશન બનાવીશું તે Netbeans IDE માં applets સંસ્થાપિત કરતા શીખીશું.
00:16 જો તમે પ્રથમ વખત Netbeans વાપરી રહ્યા હોય તો અમારા ટ્યુટોરીયલો નિહાળો.
00:21 IDE સાથે શરૂઆત કરવા માટે Introduction to Netbeans
00:25 Developing Web Applications અને Designing GUIs on Netbeans આ ટ્યુટોરીયલો પણ નિહાળો.
00:32 IDE વિશે જાણવા માટે
00:36 બધા ઉપરના ટ્યુટોરિયલ્સ સ્પોકન ટ્યુટોરીયલ વેબસાઇટ પર જોઈ શકાય છે.
00:41 આ ડેમોનસ્ટ્રેટ કરવા માટે હું વાપરી રહ્યી છું લીનક્સ ઓપરેટીંગ સીસ્ટમ ઉબુન્ટુ આવૃત્તિ 11.04 અને નેટબીન્સ IDE આવૃત્તિ 7.1.1.
00:55 આ ટ્યુટોરીયલમાં આપણે,
00:57 Applet (એપ્લેટ) બનાવીશું.
00:59 Applet ને સક્રિય કરો; અને
01:02 વેબ એપ્લીકેશનમાં applet ને એમ્બેડ કરો.
01:05 પ્રોજેક્ટ બનાવવા માટે ચાલો હવે IDE' શરૂ કરો.
01:10 File>New Project' પર જાઓ અને Java Class Library બનવો.
01:17 Next' ક્લિક કરો
01:19 તમારા પ્રોજેક્ટને નામ આપો.
01:21 'હું મારા પ્રોજેક્ટને SampleApplet તરીકે નામ આપીશ..
01:26 તમારી સિસ્ટમ પર કોઈપણ ડિરેક્ટરીમાં સ્થાન સેટ કરો.


01:30 અને તમારા પ્રોજેક્ટને બનાવવા માટે 'Finish પર ક્લિક કરો.
01:34 આગળ Applet Source File બનાવીશું.
01:39 SampleApplet પ્રોજેક્ટ નોડ પર જમણું ક્લિક કરો .
01:42 અને પ્રોપર્ટીઝ વિન્ડો ખોલવા માટે Properties પસંદ કરો. '
01:47 ઇચ્છિત પ્રોજેક્ટ માટે 'Source' અને Binary Format પસંદ કરો.
01:53 JDK નું યોગ્ય આવૃત્તિઓ પસંદ કરી છે તેની ખાતરી કરવા માટે છે.
01:59 ઉદાહરણ તરીકે, તમે JDK ની તાજેતરની આવૃત્તિ પસંદ કરી હોય,
02:04 તો કદાચ''Java browser plugin ના જુદા આવૃત્તિ પર applet મશીન પર ચાલશે નહી.
02:10 હું JDK' ની નવી આવૃત્તિ પસંદ કરીશ,મારું બ્રાઉઝર જવા બ્રાઉઝર પ્લગ ઇન ની નવી આવૃત્તિને ચલાવી શકે છે.
02:19 OK પર ક્લિક કરો.
02:21 SampleApplet પ્રોજેક્ટ નોડ પર ફરીથી જમણું ક્લિક કરો.
02:25 અને પસંદ કરો New >Applet
02:29 જો તમને સંદરભીત મેનૂમા applet આ વિકલ્પ ના મળે તો Other પર ક્લિક કરો.
02:35 Categories, હેઠળ Java. પસંદ કરો.
02:38 Applet બનાવવા માટે File Types ,હેઠળ Applet પસંદ કરો.
02:43 Class name (ક્લાસ નેમ ) Sample તરીકે અને Package (પેકેજ) org.me.hello તરીકે આપો.
02:55 Finish' પર ક્લિક કરો.
02:57 આપેલા પેકેજમા IDE applet ની સોર્સ ફાઈલ બનશે.
03:02 તે જોવા માટે પ્રોજેક્ટ વિન્ડોમાંની Source Package નોડ એક્સપાંડ કરો.
03:08 સોર્સ એડિટરમાં Applet source file (એપ્લેટ સોર્સફાઇલ) ખુલશે.
03:12 ચાલો આપણેapplet class વ્યાખ્યિત કરીએ.
03:17 મારા પાસે સદા applet માટે કોડ છે.
03:21 જે બેકગ્રાઉન્ડ રંગ' cyan (સિયાન) અને
03:24 અને ફોરગ્રાઉન્ડ રંગ રેડ તરીકે સુયોજિત કરે છે.
03:27 અને applet માં આગળની મેથડો ક્યાં ક્રમે લાગુ કરવી એ વિષે મેસેજ આપશે.
03:34 એટલે કે init()'start()' અને paint() મેથડ કોલ કરીને applet શરુ થશે.
03:43 હું આ સમગ્ર કોડ મારા કલીપ બોર્ડ પરથી કોપી કરીને IDE મા ઉપલબ્ધ કોડ પર પેસ્ટ કરીશ.
03:54 પ્રોજેક્ટ્સ વિન્ડોમા 'Sample.java ફાઈલ પર જમણું ક્લિક કરો.
04:00 અને સંદર્ભીત મેનુ માંથી Run File પસંદ કરો.
04:04 appletસમાવિષ્ટ વાડી Sample.html આ લોન્ચર ફાઈલ build ફોલ્ડરમા બનશે.
04:13 જે તમે ફાઈલ્સ વિન્ડો મા જોઈ શકશો.


04:15 Sample dot html file
04:18 Applet viewer. મા એપ્લેટ ખૂલેલ છે .
04:23 જે સ્ક્રીન પર મેસેજ બતાવે છે.
04:27 applet viewer ને બંદ કરું.
04:29 અને વેબ એપ્લીકેશન મા આ Applet ને સમાવિષ્ઠ કરીએ.
04:33 જેનાથી યુસર ને applet ઉપલબ્ધ થશે.
04:37 આ કરવા માટે આપણે Web Application બનાવીએ છીએ.
04:42 Categoriesહેઠળ java web અને Projects હેઠળ Web application પસંદ કરો.
04:48 અને Next પર ક્લિક કરો.


04:50 આપણે આપણા પ્રોજેક્ટને HelloSampleApplet તરીકે નામ આપીશું અને,
05:01 Next ક્લિક કરો
05:03 યોગ્ય સર્વર પસંદ કરેલ હોય તો પ્રોજેક્ટ બનવા માટે finish પર ક્લિક કરો
05:12 નોંધ લો કે કે જયારે આપણે જાવા પ્રોજેક્ટSampleApplet વેબ પ્રોજેક્ટ HelloSampleApplet મા ઉમેરીએ છીએ,
05:20 આપણે IDE'ને વેબ એપ્લીકેશન તૈયાર કરતી વખતે appletબનાવવાની સુવિધા આપીએ છે.
05:26 માટે જયારે Sample dot java applet મોડીફાઈ કરીશું.


05:34 બીલ્ડ થતા વખતે IDEapplet ની નવી આવૃત્તિ તૈયાર કરે છે.
05:40 હવે પ્રોજેક્ટ વિન્ડોમા HelloSampleApplet પ્રોજેક્ટ નોડ પર જમણું ક્લિક કરો.
05:45 અને Properties પર ક્લિક કરો.
05:49 આપણું applet જાવા પ્રોજેક્ટ મા છે.
05:52 Jar ફાઈલ ઉમેરવા માટે વિન્ડો ના ડાબા બાજુએ મેનુમાંથી Packaging વિકલ્પ પસંદ કરો.
05:59 Add Project પર ક્લિક કરો અને Applet class ધરાવતો જાવા પ્રોજેક્ટ પસંદ કરો.
06:05 અહી SampleApplet


06:09 Add Project Jar Files પર ક્લિક કરો.
06:14 applet source file સમાવિષ્ટ વાડી jar ફાઈલ ટેબ્લેટ મા દેખાય છે.
06:20 OK પર ક્લિક કરો.
06:24 અને ' હવે HelloSampleApplet' પ્રોજેક્ટ બનાવવા માટે પ્રોજેક્ટ વિન્ડો મા તેના પર ક્લિક કરો.


06:31 અને 'Clean અને Build' વિકલ્પ પસંદ કરો.
06:36 હવે જયારે પ્રોજેક્ટ બનશે ત્યારે મૂળ SampleApplet પ્રોજેક્ટમા જાર ફાઈલ બનશે.
06:45 ફાઈલ વિન્ડો મા જયી 'HelloSampleApplet પ્રોજેક્ટ નોડ એક્સપાંડ કરો.
06:51 build અને web ફોલ્ડર હેઠળ
06:54 તમે જોઈ શકો છો કે જાર ફાઈલ ઉમેરાઈ ગયી છે.
06:58 હવે HTML ફાઈલમાં applet સમાવિષ્ટ કરીશું.
07:02 Project વિન્ડો પર જયી 'HelloSampleApplet પ્રોજેક્ટ નોડ પર જમણું કિલ કરો.
07:09 New' પસંદ કરી અને HTML ફાઈલ વિકલ્પ પસંદ કરો.
07:13 જો સંદર્ભીત મેનુ મા HTML' વિકલ્પ નથી મળતો.
07:18 Other પર ક્લિક કરો.
07:21 Web હેઠળ Categories અને HTMLહેઠળ File Types પસંદ કરો અને Next ક્લિક કરો.
07:29 Html ફાઈલ ને નામ આપો.
07:32 હું MyApplet તરીકે નામ આપીશ અને Finish. પર ક્લિક કરો.


07:40 હવે આગળ MyApplet dot html માની બોડી ટેગ્સમા applet ટેગ દાખલ કરો.
07:48 મારી પાસે applet code (એપ્લેટ કોડ) અહી છે.


07:51 ચાલો હવે હું આ કલીપ બોર્ડ કોપી કરીને html ફાઈલમાની બોડી ટેગમા પેસ્ટ કરો.
08:03 અગામી html ફાઈલ ને સક્રિય કરવું છે.
08:07 પ્રોજેક્ટ વિન્ડોમાં MyApplet dot html પર ક્લિક કરી Run File' પસંદ કરો.
08:14 સર્વર html ફાઈલ IDE ના મૂળભૂત બ્રાઉઝરમા મુકશે.


08:25 હવે સર્વરે html ફાઈલ IDE ના મૂળભૂત બ્રાઉઝરમા મુકવાથી,
08:30 તમે સ્ક્રીન પર મેસેજ પ્રદર્શિત થતો જોશો.
08:36 હવે અસાઇનમેન્ટ.
08:38 IDE' મા હજુ એક સાધુ બેનર applet મા બનાવો.
08:43 જ્યાં applet'sના વિન્ડોમા મેસેજ સ્ક્રોલ થશે.
08:49 વેબ એપ્લીકેશન મા applet એમ્બેડ કરો.
08:52 અને વેબ પ્રોજેક્ટ મા JAR ઉમેરો.
08:56 છેલ્લે HTML file બનાવી સક્રિય કરો.
09:00 મેં પોતાનું moving banner applet બનાવ્યું છે.
09:04 ચાલો આ પ્રોજેક્ટ ખોલીને રન કરું.
09:18 તમને વિન્ડો મા સ્ક્રોલ થનારા મેસેજ applet ખુલ્લા દેખાશે.
09:28 સ્ક્રીન પર દર્શાવેલ લીંક પર ઉપલબ્ધ વિડીયો નિહાળો.
09:32 તે સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટનો સારાંશ આપે છે.
09:36 જો તમારી પાસે સારી બેન્ડવિડ્થ ન હોય તો, તમે વિડીયો ડાઉનલોડ કરીને જોઈ શકો છો.
09:41 સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટ ટીમ સ્પોકન ટ્યુટોરીયલોનાં ઉપયોગથી વર્કશોપોનું આયોજન કરે છે.
09:46 જેઓ ઓનલાઈન પરીક્ષા પાસ કરે છે તેઓને પ્રમાણપત્રો આપે છે.


09:51 વધુ વિગતો માટે contact@spoken-tutorial.org પર લખો


09:58 સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટ ટોક ટુ અ ટીચર પ્રોજેક્ટનો એક ભાગ છે
10:04 જેને આઈસીટી, એમએચઆરડી, ભારત સરકાર મારફતે શિક્ષણ પર નેશનલ મિશન દ્વારા આધાર અપાયેલ છે
10:00 આ મિશન પરની વધુ માહિતી spoken-tutorial.org/NMEICT-Intro પર ઉપલબ્ધ છે
10:22 આ ટ્યુટોરીયલ માટે યોગદાન IT for Change દ્વારા અપાયું છે


10:27 આઈઆઈટી બોમ્બે તરફથી હું, જ્યોતી સોલંકી વિદાય લઉં છું.

Contributors and Content Editors

Jyotisolanki, PoojaMoolya