Netbeans/C2/Integrating-an-Applet-in-a-Web-Application/Gujarati - Revision history

PoojaMoolya at 07:39, 24 July 2014

2014-07-24T07:39:37Z

Show changes

Jyotisolanki at 15:20, 22 June 2014

2014-06-22T15:20:28Z

Jyotisolanki at 15:09, 19 June 2014

2014-06-19T15:09:01Z

Jyotisolanki at 09:43, 19 June 2014

2014-06-19T09:43:49Z

Jyotisolanki at 12:36, 17 June 2014

2014-06-17T12:36:45Z

Show changes

Jyotisolanki at 11:23, 12 June 2014

2014-06-12T11:23:14Z

Jyotisolanki at 11:22, 12 June 2014

2014-06-12T11:22:30Z

Show changes

Jyotisolanki at 08:30, 12 June 2014

2014-06-12T08:30:29Z

Show changes

Jyotisolanki: 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…'

2014-06-12T07:32:07Z

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…'

New page

{| 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 that you build in this tutorial shows you how to build and deploy applets in the '''Netbeans IDE.'''

|-
|00.16
|If this is the first time you are using '''Netbeans''', please view the tutorials,

|-
| 00.21
| Introduction to Netbeans, to get started with the '''IDE. '''

|-
|00.25
|Also view the tutorials Developing Web Applications and Designing GUIs on Netbeans

|-
| 00.32
|to get familiarised with the '''IDE. '''

|-
| 00.36
|All the above tutorials can be viewed on the spoken tutorial website

|-
|00.41
|For this demonstration, I am using the Linux Operating System Ubuntu v11.04 and Netbeans IDE v7.1.1

|-
| 00.55
|In this tutorial, we will

|-
| 00.57
| Create an Applet

|-
|00.59
|Run the Applet; and

|-
|01.02
|Embed the applet in a web application

|-

|01.05

|Let us now launch the '''IDE''' to create our project.

|-

|01.10
|Go to '''File>New Project''' and create a '''Java Class Library '''

|-

| 01.17

|Click ''Next'''

|-

|01.19

|Give your Project a name

|-

|01.21

|I will name my Project as '''SampleApplet. '''
|-

|01.26

|Set the Location to any directory on your system

|-
|01.30
|And Click '''Finish''' to create your project

|-

|01.34

|Let us '''Next''' create the '''Applet Source File'''

|-

|01.39

|Right-Click on the '''SampleApplet''' project node

|-

|01.42

| and choose '''Properties''' to open the Properties window.

|-

| 01.47

|Select the desired '''Source and Binary Format''' for the project.

|-

| 01.53

|This is to make sure if the correct version of the JDK has been chosen.

|-
| 01.59
|For example, if you choose the latest version of JDK,

|-
| 02.04
|then the applet might not run on machines that have an older version of the Java browser plugin.

|-
| 02.10
|I will select the latest version of '''JDK''' since my browser supports the latest version of the java browser pluggin

|-
| 02.19
|Click on '''OK'''

|-
| 02.21
|Right-Click again on the '''SampleApplet''' project node

|-
|02.25
| and select '''New''' >'''Applet'''

|-
|02.29
| If you do not find the applet option in this contextual menu, Click on '''Other'''

|-
|02.35
| Under '''Categories''', select '''Java. '''

|-
|02.38
|And Under '''File Types''', select '''Applet''' to create an 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.

@@ Line 15: / Line 15: @@
 |-
 | 00.08
-| આ ટ્યુટોરીયલમા જે એપ્લીકેશન તમે બનાવો છો તે તમને '''Netbeans IDE''' માં એપ્લેટો કેવી રીતે બનાવવા અને સંસ્થાપિત કરવા તે બદ્દલ શીખવશે.
+| આ ટ્યુટોરીયલમા જે એપ્લીકેશન બનાવીશું તે '''Netbeans IDE''' માં '''applets''' સંસ્થાપિત કરતા શીખીશું.
 |-
 | 00.16
-| જો તમે પ્રથમ વખત '''Netbeans''' વાપરી રહ્યા હોવ તો આપેલ ટ્યુટોરીયલો નિહાળો.
+| જો તમે પ્રથમ વખત '''Netbeans''' વાપરી રહ્યા હોય તો અમારા ટ્યુટોરીયલો નિહાળો.
 |-
 | 00.21
-| '''IDE''' સાથે શરૂઆત કરવા માટે '''Introduction to Netbeans''' જુઓ
+| '''IDE''' સાથે શરૂઆત કરવા માટે '''Introduction to Netbeans'''
 |-
 | 00.25
-| સાથે જ '''Developing Web Applications''' અને '''Designing GUIs on Netbeans''' આ ટ્યુટોરીયલો પણ નિહાળો.
+| '''Developing Web Applications''' અને '''Designing GUIs on Netbeans''' આ ટ્યુટોરીયલો પણ નિહાળો.
 |-
@@ Line 35: / Line 35: @@
 |-
 | 00.36
-| ઉપરનાં તમામ ટ્યુટોરીયલોને સ્પોકન ટ્યુટોરીયલ વેબસાઇટ પર પણ જોઈ શકાવાય છે.
+| બધા ઉપરના ટ્યુટોરિયલ્સ સ્પોકન ટ્યુટોરીયલ વેબસાઇટ પર જોઈ શકાય છે.
 |-
 | 00.41
-| આ ડેમોનસ્ટ્રેટ કરવા માટે હું લીનક્સ ઓપરેટીંગ સીસ્ટમ ઉબુન્ટુ આવૃત્તિ 11.04 અને નેટબીન્સ IDE આવૃત્તિ 7.1.1 વાપરી રહ્યી છું.
+| આ ડેમોનસ્ટ્રેટ કરવા માટે હું વાપરી રહ્યી છું લીનક્સ ઓપરેટીંગ સીસ્ટમ ઉબુન્ટુ આવૃત્તિ 11.04 અને નેટબીન્સ IDE આવૃત્તિ 7.1.1.
 |-
@@ Line 47: / Line 47: @@
 |-
 | 00.57
-| '''Applet''' (એપ્લેટ) બનાવીશું .
+| '''Applet''' (એપ્લેટ) બનાવીશું.
 |-
 | 00.59
-| '''Applet''' ને રન કરીશું; અને
+| '''Applet''' ને સક્રિય કરો; અને
 |-
 | 01.02
-| વેબ એપ્લીકેશનમાં '''Applet''' ને એમ્બેડ કરીશું.
+| વેબ એપ્લીકેશનમાં '''applet''' ને એમ્બેડ કરો.
 |-
@@ Line 61: / Line 61: @@
 |01.05
-|પ્રોજેક્ટ બનાવવા માટે ચાલો હવે'' IDE''' શરૂ કરો.
+|પ્રોજેક્ટ બનાવવા માટે ચાલો હવે '' IDE''' શરૂ કરો.
 |-

@@ Line 4: / Line 4: @@
 || Narration
 |-
 | 00.01
-|નમસ્કાર .
+| નમસ્કાર .
 |-
 | 00.02
-|'''Integrating an Applet in a Web Application''' ટ્યુટોરીયલમા તમારું સ્વાગત છે.
+| '''Integrating an Applet in a Web Application''' ટ્યુટોરીયલમાં તમારું સ્વાગત છે.
 |-
-|00.08
+| 00.08
-|'' આ ટ્યુટોરીયલમા જે એપ્લીકેશન બનાવીશું તે ''''''Netbeans IDE.''' માં  '''applets''' સંસ્થાપિત કરતા શીખીશું.
+| આ ટ્યુટોરીયલમા જે એપ્લીકેશન તમે બનાવો છો તે તમને '''Netbeans IDE''' માં એપ્લેટો કેવી રીતે બનાવવા અને સંસ્થાપિત કરવા તે બદ્દલ શીખવશે.
 |-
-|00.16
+| 00.16
-| જો તમે પ્રથમ  વખત '''Netbeans''  વાપરી રહ્યા હોય તો અમારા ટ્યુટોરીયલો નિહાળો.
+| જો તમે પ્રથમ વખત '''Netbeans''' વાપરી રહ્યા હોવ તો આપેલ ટ્યુટોરીયલો નિહાળો.
 |-
 | 00.21
-| '''IDE. '''સાથે સરુઆત કરવા માટે '' Introduction to Netbeans'''''
+| '''IDE''' સાથે શરૂઆત કરવા માટે '''Introduction to Netbeans''' જુઓ
 |-
-|00.25
+| 00.25
-| '''Developing Web Applications''' અને  '''Designing GUIs on Netbeans''' આ  ટ્યુટોરીયલો પણ નિહાળો.
+| સાથે જ '''Developing Web Applications''' અને '''Designing GUIs on Netbeans''' આ ટ્યુટોરીયલો પણ નિહાળો.
 |-
 | 00.32
-| '''IDE. ''' વિશે જાણવા માટે
+| '''IDE''' વિશે જાણવા માટે
 |-
 | 00.36
-|બધા ઉપરના  ટ્યુટોરિયલ્સ સ્પોકન ટ્યુટોરીયલ વેબસાઇટ પર જોઈ શકાય છે.
+| ઉપરનાં તમામ ટ્યુટોરીયલોને સ્પોકન ટ્યુટોરીયલ વેબસાઇટ પર પણ જોઈ શકાવાય છે.
 |-
-|00.41
+| 00.41
-|આ ડેમોનસ્ટ્રેટ કરવા માટે હું વાપરી રહી છુ લીનક્સ ઓપરેટીંગ સીસ્ટમ ઉબ્નટુ આવૃત્તિ v11.04 અને નેટબીન્સ IDE v7.1.1 .
+| આ ડેમોનસ્ટ્રેટ કરવા માટે હું લીનક્સ ઓપરેટીંગ સીસ્ટમ ઉબુન્ટુ આવૃત્તિ 11.04 અને નેટબીન્સ IDE આવૃત્તિ 7.1.1 વાપરી રહ્યી છું.
 |-
 | 00.55
-|આ ટ્યુટોરીયલમાં આપણે,
+| આ ટ્યુટોરીયલમાં આપણે,
 |-
 | 00.57
-|'''  Applet'''  બનાવીશું .
+| '''Applet''' (એપ્લેટ) બનાવીશું .
 |-
-|00.59
+| 00.59
-| '''Applet''' ને સક્રિય કરો; અને
+| '''Applet''' ને રન કરીશું; અને
-−
 |-
-|01.02
+| 01.02
-| વેબ એપ્લીકેશન માં '''  Applet''' ને એમ્બેડ કરો.
+| વેબ એપ્લીકેશનમાં '''Applet''' ને એમ્બેડ કરીશું.
 |-

@@ Line 57: / Line 57: @@
 |-
 |01.02
-| વેબ એપ્લીકેશન માં '''apple''' ને એમ્બેડ કરો.
+| વેબ એપ્લીકેશન માં '''  Applet''' ને એમ્બેડ કરો.
 |-

← Older revision		Revision as of 11:23, 12 June 2014
Line 662:		Line 662:
	\|સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટ ટોક ટુ અ ટીચર પ્રોજેક્ટનો એક ભાગ છે		\|સ્પોકન ટ્યુટોરીયલ પ્રોજેક્ટ ટોક ટુ અ ટીચર પ્રોજેક્ટનો એક ભાગ છે

		+	\|-

	\| 10.04		\| 10.04