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…')
 
Line 8: Line 8:
 
|-
 
|-
 
| 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  
+
|આ ડેમોનસ્ટ્રેટ કરવા માટે હું વાપરી રહી છુ લીનક્સ ઓપરેટીંગ સીસ્ટમ ઉબ્નટુ આવૃત્તિ v11.04 અને નેટબીન્સ IDE v7.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
+
| વેબ એપ્લીકેશન માં '''apple'''ને એમ્બેડ કરો
  
 
|-
 
|-
Line 63: Line 63:
 
|01.05
 
|01.05
  
|Let us now launch the '''IDE''' to create our project.  
+
|પ્રોજેક્ટ બનાવવા માટે ચાલો હવે'' IDE''' શરૂ કરો.
 
+
 
+
  
 
|-
 
|-
  
 
|01.10
 
|01.10
|Go to  '''File>New Project''' and create a '''Java Class Library '''
+
|''File>New Project''' પર જાઓ અને  '''Java Class Library '''બનવો.
  
  
Line 77: Line 75:
 
| 01.17
 
| 01.17
  
|Click ''Next'''
+
|''Next'''ક્લિક કરો
  
  
Line 84: Line 82:
 
|01.19
 
|01.19
  
|Give your Project a name
+
|તમારા પ્રોજેક્ટને  નામ આપો.
  
 
|-
 
|-
Line 90: Line 88:
 
|01.21
 
|01.21
  
|I will name my Project as  '''SampleApplet. '''
+
| '''હું મારા પ્રોજેક્ટને ''' '''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''''' પર ક્લિક કરો.
  
 
|-
 
|-
Line 106: Line 105:
 
|01.34
 
|01.34
  
|Let us '''Next''' create the '''Applet Source File'''
+
|આગળ '''Applet Source File'''બનાવીશું.
  
 
|-
 
|-
Line 112: Line 111:
 
|01.39
 
|01.39
  
|Right-Click on the '''SampleApplet''' project node
+
|'''SampleApplet''' પ્રોજેક્ટ  નોડ પર જમણું ક્લિક કરો .
  
 
|-
 
|-
Line 118: Line 117:
 
|01.42
 
|01.42
  
| and choose '''Properties''' to open the Properties window.  
+
| અને'' પ્રોપર્ટીઝ વિન્ડો ખોલવા માટે''' Properties''' પસંદ કરો. '
  
  
Line 125: Line 124:
 
| 01.47
 
| 01.47
  
|Select the desired '''Source and Binary Format''' for the project.  
+
|ઇચ્છિત પ્રોજેક્ટ માટે '''Source અને  Binary Format'''પસંદ કરો.  
  
  
Line 132: Line 131:
 
| 01.53
 
| 01.53
  
|This is to make sure if the correct version of the JDK has been chosen.  
+
| આ '''JDK'''નું યોગ્ય આવૃત્તિઓ પસંદ કરી છે તેની ખાતરી કરવા માટે છે.
 +
 
  
 
|-
 
|-
 
| 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''  મશીન પર ચાલશે નહી.  
  
  
Line 146: Line 146:
 
|-
 
|-
 
| 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'''પસંદ કરો.
  
 
|-
 
|-

Revision as of 14:00, 12 June 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 આ ડેમોનસ્ટ્રેટ કરવા માટે હું વાપરી રહી છુ લીનક્સ ઓપરેટીંગ સીસ્ટમ ઉબ્નટુ આવૃત્તિ v11.04 અને નેટબીન્સ IDE v7.1.1 .
00.55 આ ટ્યુટોરીયલમાં આપણે
00.57 Applet બનાવીશું
00.59 Appletને સક્રિય કરો; અને


01.02 વેબ એપ્લીકેશન માં appleને એમ્બેડ કરો
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 Give the Class name as Sample and the Package as org.me.hello
02.55 Click Finish


02.57 The IDE creates the applet source file in the specified package.


03.02 You can expand the Source Package node in the Projects window to see this.


03.08 The Applet source file opens in the source editor.


03.12 Let us now define our applet class.


03.17 I have the code for a simple applet,


03.21 that sets the background color to cyan,


03.24 the foreground color to red,


03.27 and displays a message that illustrates the order in which the methods in the applet,


03.34 i.e. the init() method, the start() method, and the paint() methods are called, when the applet starts up.



03.43 I will copy the entire code on my clipboard and paste it over the existing code in the IDE.


03.54 Right-Click on the Sample.java file in the Projects window,



04.00 and choose Run File from the contextual menu.


04.04 The Sample.html launcher file, with the applet embedded, is created in the build folder,



04.13 which you can see in the Files window.
04.15 Sample dot html file
04.18 The Applet is also launched in the Applet viewer.
04.23 With the message display on the screen
04.27 Let me close the appletviewer
04.29 And let us next embed the Applet in a Web Application
04.33 So that we can make the applet available to the user


04.37 To do so, we create a Web Application,
04.42 Under Categories select java web and under Projects select Web application
04.48 and Click Next


04.50 We wll name our Project as HelloSampleApplet and
05.01 Click Next
05.03 See if the correct server is selected and click Finish to create your Project


05.12 Note that, when we add the Java project SampleApplet to the web project HelloSampleApplet
05.20 we enable to IDE to build the applet whenever we build this web application.
05.26 Therefore, when we modify the Sample dot java applet


05.34 the IDE builds a new version of the applet whenever this is built.


05.40 Now In the Projects window, right-click the HelloSampleApplet project node,
05.45 and Click on Properties
05.49 Our applet is in a Java project,
05.52 To add the Jar file select the Packaging option from the menu on the left side of the window
05.59 click on Add Project and select the java project that contains the Applet class
06.05 In this case it is SampleApplet


06.09 Click on Add Project Jar Files
06.14 The JAR file containing the applet source file is now listed in the table
06.20 Click on OK


06.24 And let us build the HelloSampleApplet project now by right clicking on it in the Projects Window


06.31 and selecting Clean and Build options
06.36 Now when this project is built the applets Jar file is generated in the original SampleApplet Project
06.45 Go to the Files Window expand the HelloSampleApplet Project node


06.51 Under build and web folder
06.54 You can see that the jar file has been added
06.58 Now Let us next embed the applet in a HTML file,


07.02 Go back to the Project Window, right-click on the HelloSampleApplet project node,
07.09 choose New and select the HTML file option
07.13 If you cannot find the HTML option in this contextual menu
07.18 Click on Other
07.21 Select Web under Categories and select HTML under File Types and click Next
07.29 Give your Html file a name
07.32 I will name the file as MyApplet and Click on Finish.


07.40 The next step is to enter the applet tag in between the body tags in MyApplet dot html file


07.48 I have the applet code here


07.51 Let me copy it onto my clipboard and paste it in between the body tags in the html file
08.03 The Next step is to run the html file
08.07 Right click on MyApplet dot html in the project windows and select Run File
08.14 The server deploys the html file in the IDE default browser
08.25 Now the server as deploy the html file in the IDE's default browser
08.30 You can see the message displayed across the screen
08.36 Now to the assignment
08.38 As your assignment create another simple banner applet in the IDE,


08.43 where the applet scrolls a message across the applet's window.


08.49 Embed your applet in a web application,
08.52 and add JAR files to the web project and,
08.56 finally create and run the HTML file.
09.00 I have created my own moving banner applet
09.04 Let me open the project and run it
09.18 You can see that the applet has opened with the message scrolling across the Window
09.28 Watch the video available at the link shown on the screen.
09.32 It summarizes the Spoken Tutorial project.
09.36 If you do not have good bandwidth, you can download and watch the videos.
09.41 The Spoken Tutorial project team conduct workshops using Spoken Tutorials.


09.46 Gives certificates to those who pass an online test.


09.51 For more details please write to contact@spoken-tutorial.org


09.58 Spoken Tutorial Project is a part of the Talk to a Teacher Project
10.04 Supported by the National Mission on education through ICT, MHRD, Government of India
10.00 More information on this mission is available at spoken-tutorial.org/NMEICT-Intro
10.22 This tutorial has been contributed by IT for Change


10.27 Thank you for joining us.

Contributors and Content Editors

Jyotisolanki, PoojaMoolya