Difference between revisions of "Netbeans/C2/Integrating-an-Applet-in-a-Web-Application/Gujarati"
From Script | Spoken-Tutorial
Jyotisolanki (Talk | contribs) (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…') |
Jyotisolanki (Talk | contribs) |
||
Line 8: | Line 8: | ||
|- | |- | ||
| 00.01 | | 00.01 | ||
− | | | + | |નમસ્કાર . |
|- | |- | ||
| 00.02 | | 00.02 | ||
− | | | + | |'''Integrating an Applet in a Web Application'''ટ્યુટોરીયલમા તમારું સ્વાગત છે. |
|- | |- | ||
|00.08 | |00.08 | ||
− | | | + | |'' આ ટ્યુટોરીયલમા જે એપ્લીકેશન બનાવીશું તે '''Netbeans IDE.માં applets સંસ્થાપિત કરતા શીખીશું. |
|- | |- | ||
|00.16 | |00.16 | ||
− | | | + | | જો તમે પ્રથમ વખત '''Netbeans'' વાપરી રહ્યા હોય તો અમારા ટ્યુટોરીયલો નિહાળો. |
|- | |- | ||
| 00.21 | | 00.21 | ||
− | | | + | | '''IDE. '''સાથે સરુઆત કરવા માટે '' Introduction to Netbeans''''' |
|- | |- | ||
|00.25 | |00.25 | ||
− | | | + | | '''Developing Web Applications''' અને '''Designing GUIs on Netbeans''' આ ટ્યુટોરીયલો પણ નિહાળો. |
|- | |- | ||
| 00.32 | | 00.32 | ||
− | | | + | | '''IDE. '''વિષે જાણવા માટે |
|- | |- | ||
| 00.36 | | 00.36 | ||
− | | | + | |બધા ઉપરના ટ્યુટોરિયલ્સ સ્પોકન ટ્યુટોરીયલ વેબસાઇટ પર જોઈ શકાય છે. |
|- | |- | ||
|00.41 | |00.41 | ||
− | | | + | |આ ડેમોનસ્ટ્રેટ કરવા માટે હું વાપરી રહી છુ લીનક્સ ઓપરેટીંગ સીસ્ટમ ઉબ્નટુ આવૃત્તિ v11.04 અને નેટબીન્સ IDE v7.1.1 . |
|- | |- | ||
| 00.55 | | 00.55 | ||
− | | | + | |આ ટ્યુટોરીયલમાં આપણે |
|- | |- | ||
| 00.57 | | 00.57 | ||
− | | | + | | Applet બનાવીશું |
|- | |- | ||
|00.59 | |00.59 | ||
− | | | + | | '''Applet'''ને સક્રિય કરો; અને |
|- | |- | ||
|01.02 | |01.02 | ||
− | | | + | | વેબ એપ્લીકેશન માં '''apple'''ને એમ્બેડ કરો |
|- | |- | ||
Line 63: | Line 63: | ||
|01.05 | |01.05 | ||
− | | | + | |પ્રોજેક્ટ બનાવવા માટે ચાલો હવે'' IDE''' શરૂ કરો. |
− | + | ||
− | + | ||
|- | |- | ||
|01.10 | |01.10 | ||
− | | | + | |''File>New Project''' પર જાઓ અને '''Java Class Library '''બનવો. |
Line 77: | Line 75: | ||
| 01.17 | | 01.17 | ||
− | | | + | |''Next'''ક્લિક કરો |
Line 84: | Line 82: | ||
|01.19 | |01.19 | ||
− | | | + | |તમારા પ્રોજેક્ટને નામ આપો. |
|- | |- | ||
Line 90: | Line 88: | ||
|01.21 | |01.21 | ||
− | | | + | | '''હું મારા પ્રોજેક્ટને ''' '''SampleApplet'''તરીકે નામ આપીશ.. |
+ | |||
|- | |- | ||
|01.26 | |01.26 | ||
− | | | + | |તમારી સિસ્ટમ પર કોઈપણ ડિરેક્ટરીમાં સ્થાન સેટ કરો. |
|- | |- | ||
|01.30 | |01.30 | ||
− | | | + | |અને તમારા પ્રોજેક્ટને બનાવવા માટે 'Finish''''' પર ક્લિક કરો. |
|- | |- | ||
Line 106: | Line 105: | ||
|01.34 | |01.34 | ||
− | | | + | |આગળ '''Applet Source File'''બનાવીશું. |
|- | |- | ||
Line 112: | Line 111: | ||
|01.39 | |01.39 | ||
− | | | + | |'''SampleApplet''' પ્રોજેક્ટ નોડ પર જમણું ક્લિક કરો . |
|- | |- | ||
Line 118: | Line 117: | ||
|01.42 | |01.42 | ||
− | | | + | | અને'' પ્રોપર્ટીઝ વિન્ડો ખોલવા માટે''' Properties''' પસંદ કરો. ' |
Line 125: | Line 124: | ||
| 01.47 | | 01.47 | ||
− | | | + | |ઇચ્છિત પ્રોજેક્ટ માટે '''Source અને Binary Format'''પસંદ કરો. |
Line 132: | Line 131: | ||
| 01.53 | | 01.53 | ||
− | | | + | | આ '''JDK'''નું યોગ્ય આવૃત્તિઓ પસંદ કરી છે તેની ખાતરી કરવા માટે છે. |
+ | |||
|- | |- | ||
| 01.59 | | 01.59 | ||
− | | | + | |દાહરણ તરીકે, તમે JDK ની તાજેતરની આવૃત્તિ પસંદ કરી હોય, |
|- | |- | ||
| 02.04 | | 02.04 | ||
− | | | + | |તો કદાચ''''Java browser plugin'''ના જુના આવૃત્તિ પર '''applet'' મશીન પર ચાલશે નહી. |
Line 146: | Line 146: | ||
|- | |- | ||
| 02.10 | | 02.10 | ||
− | | | + | |હું ''JDK'''ની નવી આવૃત્તિ પસંદ કરીશ,મારું બ્રાઉઝર જવા બ્રાઉઝર પ્લગ ઇન ની નવી આવૃત્તિને ચલાવી શકે છે. |
|- | |- | ||
| 02.19 | | 02.19 | ||
− | | | + | |'''OK'''પર ક્લિક કરો. |
|- | |- | ||
| 02.21 | | 02.21 | ||
− | | | + | | '''SampleApplet''' પ્રોજેક્ટ નોડ પર ફરીથી જમણું ક્લિક કરો. |
|- | |- | ||
|02.25 | |02.25 | ||
− | | | + | | અને પસંદ કરો '''New''' >'''Applet''' |
|- | |- | ||
|02.29 | |02.29 | ||
− | | | + | | જો તમને સંદરભીત મેનૂમા''' applet''' આ વિકલ્પ ના મળે તો '''Other''' પર ક્લિક કરો. |
|- | |- | ||
|02.35 | |02.35 | ||
− | | | + | |'''Categories''',હેઠળ '''Java. '''પસંદ કરો. |
|- | |- | ||
|02.38 | |02.38 | ||
− | | | + | |'''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. |