Difference between revisions of "Netbeans/C2/Integrating-an-Applet-in-a-Web-Application/English-timed"
From Script | Spoken-Tutorial
PoojaMoolya (Talk | contribs) |
|||
| Line 5: | Line 5: | ||
|- | |- | ||
| − | | 00 | + | | 00:01 |
|Hii everyone. | |Hii everyone. | ||
|- | |- | ||
| − | | 00 | + | | 00:02 |
| Welcome to the tutorial on Integrating an Applet in a Web Application | | Welcome to the tutorial on Integrating an Applet in a Web Application | ||
|- | |- | ||
| − | |00 | + | |00:08 |
|The application that you build in this tutorial shows you how to build and deploy applets in the '''Netbeans IDE.''' | |The application that you build in this tutorial shows you how to build and deploy applets in the '''Netbeans IDE.''' | ||
|- | |- | ||
| − | |00 | + | |00:16 |
|If this is the first time you are using '''Netbeans''', please view the tutorials, | |If this is the first time you are using '''Netbeans''', please view the tutorials, | ||
|- | |- | ||
| − | | 00 | + | | 00:21 |
| Introduction to Netbeans, to get started with the '''IDE. ''' | | Introduction to Netbeans, to get started with the '''IDE. ''' | ||
|- | |- | ||
| − | |00 | + | |00:25 |
|Also view the tutorials Developing Web Applications and Designing GUIs on Netbeans | |Also view the tutorials Developing Web Applications and Designing GUIs on Netbeans | ||
|- | |- | ||
| − | | 00 | + | | 00:32 |
|to get familiarised with the '''IDE. ''' | |to get familiarised with the '''IDE. ''' | ||
|- | |- | ||
| − | | 00 | + | | 00:36 |
|All the above tutorials can be viewed on the spoken tutorial website | |All the above tutorials can be viewed on the spoken tutorial website | ||
|- | |- | ||
| − | |00 | + | |00:41 |
|For this demonstration, I am using the Linux Operating System Ubuntu v11.04 and Netbeans IDE v7.1.1 | |For this demonstration, I am using the Linux Operating System Ubuntu v11.04 and Netbeans IDE v7.1.1 | ||
|- | |- | ||
| − | | 00 | + | | 00:55 |
|In this tutorial, we will | |In this tutorial, we will | ||
|- | |- | ||
| − | | 00 | + | | 00:57 |
| Create an Applet | | Create an Applet | ||
|- | |- | ||
| − | |00 | + | |00:59 |
|Run the Applet; and | |Run the Applet; and | ||
|- | |- | ||
| − | |01 | + | |01:02 |
|Embed the applet in a web application | |Embed the applet in a web application | ||
|- | |- | ||
| − | |01 | + | |01:05 |
|Let us now launch the '''IDE''' to create our project. | |Let us now launch the '''IDE''' to create our project. | ||
|- | |- | ||
| − | |01 | + | |01:10 |
|Go to '''File>New Project''' and create a '''Java Class Library ''' | |Go to '''File>New Project''' and create a '''Java Class Library ''' | ||
|- | |- | ||
| − | | 01 | + | | 01:17 |
|Click ''Next''' | |Click ''Next''' | ||
|- | |- | ||
| − | |01 | + | |01:19 |
|Give your Project a name | |Give your Project a name | ||
|- | |- | ||
| − | |01 | + | |01:21 |
|I will name my Project as '''SampleApplet. ''' | |I will name my Project as '''SampleApplet. ''' | ||
|- | |- | ||
| − | |01 | + | |01:26 |
|Set the Location to any directory on your system | |Set the Location to any directory on your system | ||
|- | |- | ||
| − | |01 | + | |01:30 |
|And Click '''Finish''' to create your project | |And Click '''Finish''' to create your project | ||
|- | |- | ||
| − | |01 | + | |01:34 |
|Let us '''Next''' create the '''Applet Source File''' | |Let us '''Next''' create the '''Applet Source File''' | ||
|- | |- | ||
| − | |01 | + | |01:39 |
|Right-Click on the '''SampleApplet''' project node | |Right-Click on the '''SampleApplet''' project node | ||
|- | |- | ||
| − | |01 | + | |01:42 |
| and choose '''Properties''' to open the Properties window. | | and choose '''Properties''' to open the Properties window. | ||
|- | |- | ||
| − | | 01 | + | | 01:47 |
|Select the desired '''Source and Binary Format''' for the project. | |Select the desired '''Source and Binary Format''' for the project. | ||
|- | |- | ||
| − | | 01 | + | | 01:53 |
|This is to make sure if the correct version of the JDK has been chosen. | |This is to make sure if the correct version of the JDK has been chosen. | ||
|- | |- | ||
| − | | 01 | + | | 01:59 |
|For example, if you choose the latest version of JDK, | |For example, if you choose the latest version of JDK, | ||
|- | |- | ||
| − | | 02 | + | | 02:04 |
|then the applet might not run on machines that have an older version of the Java browser plugin. | |then the applet might not run on machines that have an older version of the Java browser plugin. | ||
|- | |- | ||
| − | | 02 | + | | 02:10 |
|I will select the latest version of '''JDK''' since my browser supports the latest version of the java browser pluggin | |I will select the latest version of '''JDK''' since my browser supports the latest version of the java browser pluggin | ||
|- | |- | ||
| − | | 02 | + | | 02:19 |
|Click on '''OK''' | |Click on '''OK''' | ||
|- | |- | ||
| − | | 02 | + | | 02:21 |
|Right-Click again on the '''SampleApplet''' project node | |Right-Click again on the '''SampleApplet''' project node | ||
|- | |- | ||
| − | |02 | + | |02:25 |
| and select '''New''' >'''Applet''' | | and select '''New''' >'''Applet''' | ||
|- | |- | ||
| − | |02 | + | |02:29 |
| If you do not find the applet option in this contextual menu, Click on '''Other''' | | If you do not find the applet option in this contextual menu, Click on '''Other''' | ||
|- | |- | ||
| − | |02 | + | |02:35 |
| Under '''Categories''', select '''Java. ''' | | Under '''Categories''', select '''Java. ''' | ||
|- | |- | ||
| − | |02 | + | |02:38 |
|And Under '''File Types''', select '''Applet''' to create an Applet | |And Under '''File Types''', select '''Applet''' to create an Applet | ||
|- | |- | ||
| − | | 02 | + | | 02:43 |
|Give the '''Class name''' as '''Sample''' and the '''Package''' as '''org.me.hello''' | |Give the '''Class name''' as '''Sample''' and the '''Package''' as '''org.me.hello''' | ||
|- | |- | ||
| − | | 02 | + | | 02:55 |
|Click '''Finish''' | |Click '''Finish''' | ||
|- | |- | ||
| − | | 02 | + | | 02:57 |
|The IDE creates the applet source file in the specified package. | |The IDE creates the applet source file in the specified package. | ||
|- | |- | ||
| − | |03 | + | |03:02 |
|You can expand the '''Source Package''' node in the Projects window to see this. | |You can expand the '''Source Package''' node in the Projects window to see this. | ||
|- | |- | ||
| − | |03 | + | |03:08 |
|The Applet source file opens in the source editor. | |The Applet source file opens in the source editor. | ||
|- | |- | ||
| − | | 03 | + | | 03:12 |
|Let us now define our applet class. | |Let us now define our applet class. | ||
|- | |- | ||
| − | | 03 | + | | 03:17 |
|I have the code for a simple applet, | |I have the code for a simple applet, | ||
|- | |- | ||
| − | | 03 | + | | 03:21 |
|that sets the background color to cyan, | |that sets the background color to cyan, | ||
|- | |- | ||
| − | | 03 | + | | 03:24 |
|the foreground color to red, | |the foreground color to red, | ||
|- | |- | ||
| − | | 03 | + | | 03:27 |
|and displays a message that illustrates the order in which the methods in the applet, | |and displays a message that illustrates the order in which the methods in the applet, | ||
|- | |- | ||
| − | | 03 | + | | 03:34 |
|i.e. the '''init()''' method, the '''start()''' method, and the '''paint() '''methods are called, when the applet starts up. | |i.e. the '''init()''' method, the '''start()''' method, and the '''paint() '''methods are called, when the applet starts up. | ||
|- | |- | ||
| − | | 03 | + | | 03:43 |
| I will copy the entire code on my clipboard and paste it over the existing code in the IDE. | | I will copy the entire code on my clipboard and paste it over the existing code in the IDE. | ||
|- | |- | ||
| − | | 03 | + | | 03:54 |
|Right-Click on the '''Sample.java''' file in the Projects window, | |Right-Click on the '''Sample.java''' file in the Projects window, | ||
|- | |- | ||
| − | | 04 | + | | 04:00 |
|and choose '''Run File''' from the contextual menu. | |and choose '''Run File''' from the contextual menu. | ||
|- | |- | ||
| − | | 04 | + | | 04:04 |
| The '''Sample.html''' launcher file, with the applet embedded, is created in the build folder, | | The '''Sample.html''' launcher file, with the applet embedded, is created in the build folder, | ||
|- | |- | ||
| − | | 04 | + | | 04:13 |
|which you can see in the '''Files''' window. | |which you can see in the '''Files''' window. | ||
|- | |- | ||
| − | | 04 | + | | 04:15 |
|'''Sample dot html file''' | |'''Sample dot html file''' | ||
|- | |- | ||
| − | | 04 | + | | 04:18 |
|The Applet is also launched in the '''Applet viewer. ''' | |The Applet is also launched in the '''Applet viewer. ''' | ||
|- | |- | ||
| − | | 04 | + | | 04:23 |
|With the message display on the screen | |With the message display on the screen | ||
|- | |- | ||
| − | | 04 | + | | 04:27 |
|Let me close the '''appletviewer''' | |Let me close the '''appletviewer''' | ||
|- | |- | ||
| − | | 04 | + | | 04:29 |
|And let us next embed the Applet in a Web Application | |And let us next embed the Applet in a Web Application | ||
|- | |- | ||
| − | | 04 | + | | 04:33 |
|So that we can make the applet available to the user | |So that we can make the applet available to the user | ||
|- | |- | ||
| − | | 04 | + | | 04:37 |
|To do so, we create a '''Web Application''', | |To do so, we create a '''Web Application''', | ||
|- | |- | ||
| − | | 04 | + | | 04:42 |
| Under '''Categories''' select '''java web''' and under '''Projects''' select '''Web application''' | | Under '''Categories''' select '''java web''' and under '''Projects''' select '''Web application''' | ||
|- | |- | ||
| − | | 04 | + | | 04:48 |
|and Click '''Next''' | |and Click '''Next''' | ||
|- | |- | ||
| − | | 04 | + | | 04:50 |
|We wll name our Project as '''HelloSampleApplet''' and | |We wll name our Project as '''HelloSampleApplet''' and | ||
|- | |- | ||
| − | | 05 | + | | 05:01 |
|Click '''Next''' | |Click '''Next''' | ||
|- | |- | ||
| − | | 05 | + | | 05:03 |
|See if the correct server is selected and click '''Finish''' to create your Project | |See if the correct server is selected and click '''Finish''' to create your Project | ||
|- | |- | ||
| − | | 05 | + | | 05:12 |
|Note that, when we add the Java project '''SampleApplet''' to the web project '''HelloSampleApplet''' | |Note that, when we add the Java project '''SampleApplet''' to the web project '''HelloSampleApplet''' | ||
|- | |- | ||
| − | | 05 | + | | 05:20 |
|we enable to IDE to build the applet whenever we build this web application. | |we enable to IDE to build the applet whenever we build this web application. | ||
|- | |- | ||
| − | | 05 | + | | 05:26 |
|Therefore, when we modify the '''Sample dot java applet ''' | |Therefore, when we modify the '''Sample dot java applet ''' | ||
|- | |- | ||
| − | | 05 | + | | 05:34 |
|the IDE builds a new version of the applet whenever this is built. | |the IDE builds a new version of the applet whenever this is built. | ||
|- | |- | ||
| − | | 05 | + | | 05:40 |
|Now In the Projects window, right-click the '''HelloSampleApplet''' project node, | |Now In the Projects window, right-click the '''HelloSampleApplet''' project node, | ||
|- | |- | ||
| − | | 05 | + | | 05:45 |
|and Click on '''Properties''' | |and Click on '''Properties''' | ||
|- | |- | ||
| − | | 05 | + | | 05:49 |
|Our applet is in a Java project, | |Our applet is in a Java project, | ||
|- | |- | ||
| − | | 05 | + | | 05:52 |
|To add the Jar file select the '''Packaging''' option from the menu on the left side of the window | |To add the Jar file select the '''Packaging''' option from the menu on the left side of the window | ||
|- | |- | ||
| − | | 05 | + | | 05:59 |
| click on '''Add Project''' and select the java project that contains the Applet class | | click on '''Add Project''' and select the java project that contains the Applet class | ||
|- | |- | ||
| − | | 06 | + | | 06:05 |
|In this case it is '''SampleApplet''' | |In this case it is '''SampleApplet''' | ||
|- | |- | ||
| − | | 06 | + | | 06:09 |
|Click on '''Add Project Jar Files''' | |Click on '''Add Project Jar Files''' | ||
|- | |- | ||
| − | | 06 | + | | 06:14 |
|The JAR file containing the applet source file is now listed in the table | |The JAR file containing the applet source file is now listed in the table | ||
|- | |- | ||
| − | | 06 | + | | 06:20 |
|Click on '''OK''' | |Click on '''OK''' | ||
|- | |- | ||
| − | | 06 | + | | 06:24 |
|And let us build the '''HelloSampleApplet''' project now by right clicking on it in the '''Projects''' Window | |And let us build the '''HelloSampleApplet''' project now by right clicking on it in the '''Projects''' Window | ||
|- | |- | ||
| − | | 06 | + | | 06:31 |
|and selecting '''Clean and Build''' options | |and selecting '''Clean and Build''' options | ||
|- | |- | ||
| − | | 06 | + | | 06:36 |
|Now when this project is built the applets Jar file is generated in the original '''SampleApplet''' Project | |Now when this project is built the applets Jar file is generated in the original '''SampleApplet''' Project | ||
|- | |- | ||
| − | | 06 | + | | 06:45 |
|Go to the Files Window expand the '''HelloSampleApplet''' Project node | |Go to the Files Window expand the '''HelloSampleApplet''' Project node | ||
|- | |- | ||
| − | | 06 | + | | 06:51 |
|Under '''build''' and '''web''' folder | |Under '''build''' and '''web''' folder | ||
|- | |- | ||
| − | | 06 | + | | 06:54 |
|You can see that the jar file has been added | |You can see that the jar file has been added | ||
|- | |- | ||
| − | | 06 | + | | 06:58 |
|Now Let us next embed the applet in a HTML file, | |Now Let us next embed the applet in a HTML file, | ||
|- | |- | ||
| − | | 07 | + | | 07:02 |
|Go back to the '''Project''' Window, right-click on the '''HelloSampleApplet''' project node, | |Go back to the '''Project''' Window, right-click on the '''HelloSampleApplet''' project node, | ||
|- | |- | ||
| − | | 07 | + | | 07:09 |
|choose '''New''' and select the '''HTML''' file option | |choose '''New''' and select the '''HTML''' file option | ||
|- | |- | ||
| − | | 07 | + | | 07:13 |
|If you cannot find the '''HTML''' option in this contextual menu | |If you cannot find the '''HTML''' option in this contextual menu | ||
|- | |- | ||
| − | | 07 | + | | 07:18 |
|Click on '''Other''' | |Click on '''Other''' | ||
|- | |- | ||
| − | | 07 | + | | 07:21 |
|Select '''Web''' under '''Categories''' and select '''HTML''' under '''File Types''' and click '''Next''' | |Select '''Web''' under '''Categories''' and select '''HTML''' under '''File Types''' and click '''Next''' | ||
|- | |- | ||
| − | | 07 | + | | 07:29 |
|Give your Html file a name | |Give your Html file a name | ||
|- | |- | ||
| − | | 07 | + | | 07:32 |
|I will name the file as '''MyApplet''' and Click on '''Finish.''' | |I will name the file as '''MyApplet''' and Click on '''Finish.''' | ||
|- | |- | ||
| − | | 07 | + | | 07:40 |
|The next step is to enter the applet tag in between the body tags in '''MyApplet dot html''' file | |The next step is to enter the applet tag in between the body tags in '''MyApplet dot html''' file | ||
|- | |- | ||
| − | | 07 | + | | 07:48 |
|I have the applet code here | |I have the applet code here | ||
|- | |- | ||
| − | | 07 | + | | 07:51 |
|Let me copy it onto my clipboard and paste it in between the body tags in the html file | |Let me copy it onto my clipboard and paste it in between the body tags in the html file | ||
|- | |- | ||
| − | | 08 | + | | 08:03 |
|The Next step is to run the html file | |The Next step is to run the html file | ||
|- | |- | ||
| − | | 08 | + | | 08:07 |
|Right click on '''MyApplet dot html''' in the project windows and select '''Run File''' | |Right click on '''MyApplet dot html''' in the project windows and select '''Run File''' | ||
|- | |- | ||
| − | | 08 | + | | 08:14 |
|The server deploys the html file in the IDE default browser | |The server deploys the html file in the IDE default browser | ||
|- | |- | ||
| − | | 08 | + | | 08:25 |
|Now the server as deploy the html file in the IDE's default browser | |Now the server as deploy the html file in the IDE's default browser | ||
|- | |- | ||
| − | | 08 | + | | 08:30 |
|You can see the message displayed across the screen | |You can see the message displayed across the screen | ||
|- | |- | ||
| − | | 08 | + | | 08:36 |
|Now to the assignment | |Now to the assignment | ||
|- | |- | ||
| − | | 08 | + | | 08:38 |
|As your assignment create another simple banner applet in the IDE, | |As your assignment create another simple banner applet in the IDE, | ||
|- | |- | ||
| − | | 08 | + | | 08:43 |
|where the applet scrolls a message across the applet's window. | |where the applet scrolls a message across the applet's window. | ||
|- | |- | ||
| − | | 08 | + | | 08:49 |
|Embed your applet in a web application, | |Embed your applet in a web application, | ||
|- | |- | ||
| − | | 08 | + | | 08:52 |
|and add JAR files to the web project and, | |and add JAR files to the web project and, | ||
|- | |- | ||
| − | | 08 | + | | 08:56 |
|finally create and run the HTML file. | |finally create and run the HTML file. | ||
|- | |- | ||
| − | | 09 | + | | 09:00 |
|I have created my own moving banner applet | |I have created my own moving banner applet | ||
|- | |- | ||
| − | | 09 | + | | 09:04 |
|Let me open the project and run it | |Let me open the project and run it | ||
|- | |- | ||
| − | | 09 | + | | 09:18 |
|You can see that the applet has opened with the message scrolling across the Window | |You can see that the applet has opened with the message scrolling across the Window | ||
|- | |- | ||
| − | | 09 | + | | 09:28 |
|Watch the video available at the link shown on the screen. | |Watch the video available at the link shown on the screen. | ||
|- | |- | ||
| − | | 09 | + | | 09:32 |
|It summarizes the Spoken Tutorial project. | |It summarizes the Spoken Tutorial project. | ||
|- | |- | ||
| − | | 09 | + | | 09:36 |
|If you do not have good bandwidth, you can download and watch the videos. | |If you do not have good bandwidth, you can download and watch the videos. | ||
|- | |- | ||
| − | | 09 | + | | 09:41 |
|The Spoken Tutorial project team conduct workshops using Spoken Tutorials. | |The Spoken Tutorial project team conduct workshops using Spoken Tutorials. | ||
|- | |- | ||
| − | | 09 | + | | 09:46 |
|Gives certificates to those who pass an online test. | |Gives certificates to those who pass an online test. | ||
|- | |- | ||
| − | | 09 | + | | 09:51 |
|For more details please write to contact@spoken-tutorial.org | |For more details please write to contact@spoken-tutorial.org | ||
|- | |- | ||
| − | | 09 | + | | 09:58 |
|Spoken Tutorial Project is a part of the Talk to a Teacher Project | |Spoken Tutorial Project is a part of the Talk to a Teacher Project | ||
|- | |- | ||
| − | | 10 | + | | 10:04 |
| Supported by the National Mission on education through ICT, MHRD, Government of India | | Supported by the National Mission on education through ICT, MHRD, Government of India | ||
|- | |- | ||
| − | | 10 | + | | 10:11 |
|More information on this mission is available at spoken-tutorial.org/NMEICT-Intro | |More information on this mission is available at spoken-tutorial.org/NMEICT-Intro | ||
|- | |- | ||
| − | | 10 | + | | 10:22 |
|This tutorial has been contributed by IT for Change | |This tutorial has been contributed by IT for Change | ||
|- | |- | ||
| − | | 10 | + | | 10:27 |
|Thank you for joining us. | |Thank you for joining us. | ||
Revision as of 13:58, 7 August 2014
| 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:11 | 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. |
