Difference between revisions of "Java-Business-Application/C2/Creating-a-Java-web-project/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
Line 5: Line 5:
 
|-
 
|-
 
| 00:00
 
| 00:00
−
|  Welcome to the spoken-tutorial on '''Creating a Java web project.'''
+
|  Welcome to the '''spoken-tutorial''' on '''Creating a Java web project.'''
  
 
|-
 
|-
Line 65: Line 65:
 
|-
 
|-
 
|  00:50
 
|  00:50
−
|  Now, let us see how to create a simple '''Java web project''' using '''Netbeans IDE'''.
+
|  Now, let us see how to create a simple '''Java web project''' using '''NetBeans IDE'''.
  
 
|-
 
|-
 
|  00:56
 
|  00:56
−
| For this, we will switch to '''Netbeans IDE'''.
+
| For this, we will switch to '''NetBeans IDE'''.
  
 
|-
 
|-
Line 125: Line 125:
 
|-
 
|-
 
|  01:58
 
|  01:58
−
|  We can see there are several nodes here and a web application named '''My First Project''' has been created.
+
|  We can see, there are several nodes here and a '''web application''' named '''My First Project''' has been created.
  
 
|-
 
|-
Line 153: Line 153:
 
|-
 
|-
 
|  02:37
 
|  02:37
−
|  The '''web server''' receives a request for the '''application'''.
+
|  The '''web server''' receives a '''request''' for the '''application'''.
  
 
|-
 
|-
 
|  02:42
 
|  02:42
−
|  It uses''' deployment descriptor '''to map the''' URL''' of the request.  
+
|  It uses''' deployment descriptor '''to map the''' URL''' of the '''request'''.  
  
 
|-
 
|-
 
|  02:48
 
|  02:48
−
|  It maps the''' URL '''to the code that has to handle the request.
+
|  It maps the''' URL '''to the code that has to handle the '''request'''.
  
 
|-
 
|-
Line 169: Line 169:
 
|-
 
|-
 
|  02:57
 
|  02:57
−
|Now let us come back to the '''IDE.'''
+
|Now, let us come back to the '''IDE.'''
  
 
|-
 
|-
 
|  03:00
 
|  03:00
−
|  We are not able to find the '''web.xml '''file from the nodes available here.
+
|  We are not able to find the '''web.xml '''file from the '''nodes''' available here.
  
 
|-
 
|-
 
| 03:07
 
| 03:07
−
|  To locate it, at the top left of the '''IDE''', click on '''File''', and then click on '''New File'''.  
+
|  To locate it, at the top left of the '''IDE''', click on '''File''' and then click on '''New File'''.  
  
 
|-
 
|-
Line 189: Line 189:
 
|-
 
|-
 
|  03:25
 
|  03:25
−
|  Then click on '''Next.'''
+
|  Then click on '''Next'''
  
 
|-
 
|-
 
| 03:27
 
| 03:27
−
| And click on '''Finish.'''
+
| and click on '''Finish.'''
  
 
|-
 
|-
Line 201: Line 201:
 
|-
 
|-
 
|  03:34
 
|  03:34
−
|  Note that '''web.xml '''is visible under the '''WEB-INF''' folder of the '''Web''' node.
+
|  Note that '''web.xml '''is visible under the '''WEB-INF''' folder of the '''Web''' '''node'''.
  
 
|-
 
|-
Line 213: Line 213:
 
|-
 
|-
 
| 03:50
 
| 03:50
−
|  We also have a '''web-app '''node.
+
|  We also have a '''web-app''' '''node'''.
  
 
|-
 
|-
Line 229: Line 229:
 
|-
 
|-
 
|  04:04
 
|  04:04
−
| This will delete any previously compiled files and other build outputs.  
+
| This will delete any previously compiled files and other '''build outputs'''.  
  
 
|-
 
|-
 
|  04:10
 
|  04:10
−
| It will also recompile the application.
+
| It will also recompile the '''application'''.
  
 
|-
 
|-
Line 249: Line 249:
 
|-
 
|-
 
|  04:32
 
|  04:32
−
|  This is because when we '''run''' the '''project''', the '''web application '''renders the page shown.
+
|  This is because when we '''run''' the '''project''', the '''web application '''renders the '''page''' shown.
  
 
|-
 
|-
 
|  04:39
 
|  04:39
−
|  Now, let’s have a look at the''' URL ''' here that rendered the page.
+
|  Now, let’s have a look at the''' URL ''' here that rendered the '''page'''.
  
 
|-
 
|-
 
|  04:44
 
|  04:44
−
|  It is '''localhost '''''colon'' '''8080''' ''slash'' '''MyFirstProject.'''
+
|  It is '''localhost ''' ''colon'' '''8080''' ''slash'' '''MyFirstProject.'''
  
 
|-
 
|-
 
|  04:49
 
|  04:49
−
|  So, when we run '''MyFirstProject '''by default we get a '''JSP '''page that says '''HelloWorld!'''
+
|  So, when we run '''MyFirstProject, '''by default we get a '''JSP '''page that says '''HelloWorld!'''
  
 
|-
 
|-
Line 289: Line 289:
 
|-
 
|-
 
|  05:24
 
|  05:24
−
|  The server provides '''index.jsp '''by default when we '''run''' the web application.
+
|  The server provides '''index.jsp '''by default when we '''run''' the '''web application'''.
  
 
|-
 
|-
Line 305: Line 305:
 
|-
 
|-
 
|  05:44
 
|  05:44
−
|  Type the ''' URL ''' as '''localhost''''' colon '''''8080.''' and press '''Enter'''.
+
|  Type the ''' URL ''' as '''localhost''' ''colon'' '''8080''' and press '''Enter'''.
  
 
|-
 
|-
 
| 05:50
 
| 05:50
−
|  We see that the '''home page''' of '''Glassfish Server '''is displayed.
+
|  We see the '''home page''' of '''Glassfish Server '''is displayed.
  
 
|-
 
|-
Line 317: Line 317:
 
|-
 
|-
 
|  06:01
 
|  06:01
−
|  This '''Glassfish server''' '''instance''' may have many '''applications''' running on it.
+
|  This '''Glassfish Server''' '''instance''' may have many '''applications''' running on it.
  
 
|-
 
|-
Line 325: Line 325:
 
|-
 
|-
 
|  06:15
 
|  06:15
−
|  So, we must type the specific '''application''' that has been deployed on that instance.
+
|  So, we must type the specific '''application''' that has been deployed on that '''instance'''.
  
 
|-
 
|-
 
|  06:21
 
|  06:21
−
|  So we will type ''' slash MyFirstProject '''.
+
|  So, we will type ''' slash MyFirstProject '''
  
 
|-
 
|-
Line 337: Line 337:
 
|-
 
|-
 
|  06:27
 
|  06:27
−
|  So, we see '''Hello World''' displayed.
+
|  So, we see '''Hello World!''' displayed.
  
 
|-
 
|-
Line 361: Line 361:
 
|-
 
|-
 
| 06:44
 
| 06:44
−
| To know more about this spoken tutorial  project,  
+
| To know more about this '''spoken tutorial''' project,  
  
 
|-
 
|-
Line 381: Line 381:
 
|-
 
|-
 
|  07:00
 
|  07:00
−
|* Conducts workshops using spoken tutorials
+
|* Conducts workshops using spoken tutorials.
  
 
|-
 
|-

Revision as of 18:42, 24 June 2015

Time Narration
00:00 Welcome to the spoken-tutorial on Creating a Java web project.
00:06 In this tutorial, we will learn:
00:09 * to create a Java Web Project
00:12 * About Deployment Descriptor
00:15 * About web.xml file.
00:19 Here we are using:
00:20 * Ubuntu version 12.04
00:23 * Netbeans IDE 7.3
00:26 * JDK 1.7
00:28 * Firefox web-browser 21.0
00:32 You can use any web-browser of your choice.
00:35 To follow this tutorial, you must have knowledge of:
00:39 Core Java using Netbeans IDE and
00:42 HTML.
00:44 If not, for relevant tutorials please visit our website.
00:50 Now, let us see how to create a simple Java web project using NetBeans IDE.
00:56 For this, we will switch to NetBeans IDE.
01:01 On the top left corner of the IDE, click on File and click on New Project.
01:08 A New Project window opens up.
01:12 From the Categories, choose Java Web and from the Projects choose Web Application.
01:18 Then click on Next.
01:20 On the next window that opens,
01:23 type the Project Name as MyFirstProject.
01:27 Leave the Project location and Project Folder as it is.
01:31 Then, click on Next.
01:35 Select GlassFish Server as the Server.
01:39 Note that Context Path here is MyFirstProject, this is the same name as our Project.
01:47 We will learn about this in detail.
01:50 Now, click on Next and then click on Finish.
01:55 Click on the Projects tab.
01:58 We can see, there are several nodes here and a web application named My First Project has been created.
02:08 Now, we are not concerned about all of these nodes right now.
02:11 But let me click and show you, what it contains.
02:16 Now let us learn about what is known as Deployment Descriptor.
02:21 A web application’s deployment descriptor describes
02:25 the classes, resources and configuration of the application and
02:31 how the web server uses them to serve web requests.
02:37 The web server receives a request for the application.
02:42 It uses deployment descriptor to map the URL of the request.
02:48 It maps the URL to the code that has to handle the request.
02:52 The deployment descriptor is a file named web.xml.
02:57 Now, let us come back to the IDE.
03:00 We are not able to find the web.xml file from the nodes available here.
03:07 To locate it, at the top left of the IDE, click on File and then click on New File.
03:16 From the Categories, choose Web.
03:19 And from the File Types, choose Standard Deployment Descriptor (web.xml).
03:25 Then click on Next
03:27 and click on Finish.
03:30 Click on the Files tab on the left hand side of the IDE.
03:34 Note that web.xml is visible under the WEB-INF folder of the Web node.
03:42 You can see the source code now.
03:46 We have an xml header here.
03:50 We also have a web-app node.
03:53 Now, we shall try running the application.
03:57 To do so, right click on MyFirstProject.
04:02 Click on Clean and Build.
04:04 This will delete any previously compiled files and other build outputs.
04:10 It will also recompile the application.
04:14 Again, right click on MyFirstProject and then click on Run.
04:20 So, the server is up and running and it has deployed My first Project.
04:27 A browser window opens up and displays Hello World .
04:32 This is because when we run the project, the web application renders the page shown.
04:39 Now, let’s have a look at the URL here that rendered the page.
04:44 It is localhost colon 8080 slash MyFirstProject.
04:49 So, when we run MyFirstProject, by default we get a JSP page that says HelloWorld!
04:57 Now, let us come back to our IDE.
05:00 We can see that under the WEB-INF folder, there is index.jsp.
05:07 Double click on index.jsp.
05:10 We can see the source code here.
05:12 It is a simple JSP page with HTML tags only.
05:17 It has the title JSP Page and it has the heading Hello World.
05:24 The server provides index.jsp by default when we run the web application.
05:30 Recall that we had come across something called ContextPath earlier.
05:36 We had set the ContextPath as MyFirstProject itself.
05:41 Now, come back to the browser.
05:44 Type the URL as localhost colon 8080 and press Enter.
05:50 We see the home page of Glassfish Server is displayed.
05:56 Here, 8080 is the default course at which the server runs on the machine.
06:01 This Glassfish Server instance may have many applications running on it.
06:08 To access a particular application, type that application name in the URL.
06:15 So, we must type the specific application that has been deployed on that instance.
06:21 So, we will type slash MyFirstProject
06:26 And press Enter.
06:27 So, we see Hello World! displayed.
06:31 Let us summarize.
06:32 In this tutorial we have learnt:
06:35 * To create a simple Java Web project
06:38 * Execute the web project
06:41 * and about the web.xml file.
06:44 To know more about this spoken tutorial project,
06:46 watch the video available at the following link.
06:50 It summarizes the Spoken Tutorial project.
06:54 If you do not have good bandwidth, you can download and watch it.
06:58 The Spoken Tutorial Project Team:
07:00 * Conducts workshops using spoken tutorials.
07:04 * Gives certificates for those who pass an online test.
07:07 For more details, please write to: contact at spoken hyphen tutorial dot org.
07:13 Spoken Tutorial Project is a part of the "Talk to a Teacher" project.
07:17 It is supported by the National Mission on Education through ICT, MHRD, Government of India.
07:23 More information on this mission is available at-
07:27 http://spoken-tutorial.org/NMEICT- Intro
07:34 The Library Management System has been contributed by a leading software MNC, through their Corporate Social Responsibility program.
07:44 They have also validated the content for this spoken tutorial.
07:48 This is Arya Ratish from IIT Bombay, signing off.

Thank you for joining.

Contributors and Content Editors

PoojaMoolya, Pratik kamble, Sandhya.np14

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Java-Business-Application/C2/Creating-a-Java-web-project/English-timed&oldid=22652"