Difference between revisions of "Netbeans/C2/Developing-a-Sample-Web-Application/Tamil"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with "{| Border=1 || '''Time''' || '''Narration''' |- | 00:01 | வணக்கம் |- | 00:02 | Netbeans IDE ல் Web Applicationகளை உருவாக்குதலி...")
 
Line 13: Line 13:
 
|-
 
|-
 
|00:12
 
|00:12
−
| இல்லையெனில் Netbeans டுடோரியல்களுக்கு spoken tutorial website ஐ காணவும்  
+
| இல்லையெனில் Netbeans டுடோரியல்களுக்கு ஸ்போகன் டுடோரியல் இணையத்தளத்தைக் காணவும்  
 
|-
 
|-
 
| 00:19
 
| 00:19
−
| Having viewed the first tutorial you would already be familiar
+
| முதல் டுடோரியலைப் பார்த்தால்
 
|-
 
|-
 
|00:22
 
|00:22
−
|with the installation and interface of Netbeans.  
+
|Netbeans ன் interface மற்றும் நிறுவுதல் குறித்து உங்களுக்கு தெரியும்.  
 
|-
 
|-
 
| 00:25
 
| 00:25
−
|The previous tutorial also teaches you how to create a new project.  
+
|முன் டுடோரியல்  ஒரு புது projectஐ  உருவாக்குவதைக் காட்டுகிறது.  
 
|-
 
|-
 
| 00:29
 
| 00:29
−
|For this demonstration I am using the Linux Operating System Ubuntu v11.04 and Netbeans IDE v7.1.1  
+
|இந்த செயல்விளக்கத்திற்கு நான் பயன்படுத்துவது லினக்ஸ் இயங்குதளம் உபுண்டு பதிப்பு 11.04 மற்றும் Netbeans IDE பதிப்பு 7.1.1  
 
|-
 
|-
 
|00:40
 
|00:40
−
|This tutorial will take you through the basics of using Netbeans to develop web applications.  
+
|இந்த டுடோரியலில் Netbeans ஐ பயன்படுத்தி web applicationகளை உருவாக்குவதைக் காண்போம்.  
 
|-
 
|-
 
| 00:45
 
| 00:45
−
|we will see
+
|மேலும் கற்கபோவது
 
|-
 
|-
 
| 00:46
 
| 00:46
−
| setting up a web application project
+
|ஒரு web application project ஐ அமைத்தல்
 
|-
 
|-
 
|00:49
 
|00:49
−
|creating and editing web applications source files
+
| web applicationகளின் source fileகளை ஐ உருவாக்குதல் மற்றும் edit செய்தல்
 
|-
 
|-
 
|00:52
 
|00:52
−
|creating a java package and a java source file  
+
| java package மற்றும் java source file ஐ உருவாக்குதல்
 
|-
 
|-
 
|00:56
 
|00:56
−
|Generating the Getter and Setter methods
+
|Getter மற்றும் Setter methodகளை உருவாக்குதல்
 
|-
 
|-
 
|00:59
 
|00:59
−
|Editing the default JavaServer Pages file
+
|முன்னிருப்பு JavaServer Pages file ஐ edit செய்தல்
 
|-
 
|-
 
|01:02
 
|01:02
−
|Creating a JavaServer pages file
+
| JavaServer pages file ஐ உருவாக்குதல்
 
|-
 
|-
 
| 01:05
 
| 01:05
−
|and finally running our web application project  
+
|கடைசியாக நம் web application project ஐ இயக்குதல்
 
|-
 
|-
 
| 01:08
 
| 01:08
−
|To follow this tutorial, you will need the Netbeans IDE  
+
|இந்த டுடோரியலைத் தொடர, தேவையானவை Netbeans IDE  
 
|-
 
|-
 
|01:13
 
|01:13
−
|The Java Development Kit (JDK) version 6
+
| Java Development Kit (JDK) பதிப்பு 6
 
|-
 
|-
 
|01:17
 
|01:17
−
|The GlassFish Server Open Source Edition
+
|GlassFish Server Open Source Edition
 
|-
 
|-
 
|01:20
 
|01:20
−
|All the above can be downloaded in a single bundle from the link shown on the screen
+
|மேற்சொன்ன அனைத்தையும் திரையில் காட்டப்படும் இணைப்பில் ஒரு தொகுப்பாக தரவிறக்கலாம்
 
|-
 
|-
 
|01:26
 
|01:26
−
|This tutorial demonstrates how to create a simple web application,  
+
|இந்த டுடோரியலில் காட்டப்படுபவை ஒரு எளிய web application ஐ உருவாக்குதல்,  
 
|-
 
|-
 
|01:30
 
|01:30
−
|Deploy it to a server,  
+
|அதை ஒரு serverக்கு deploy செய்தல்,  
 
|-
 
|-
 
|01:32
 
|01:32
−
|and View its presentation in a browser.  
+
|browser ல் அதன் காட்சியைக் காணுதல்.  
 
|-
 
|-
 
|01:35
 
|01:35
−
|The application employes (JSP)  JavaServer Pages to ask you to input your name
+
|இந்த application உங்கள் பெயரை உள்ளிட சொல்ல  (JSP)  JavaServer Pages ஐ வைத்திருக்கிறது
 
|-
 
|-
 
|01:42
 
|01:42
−
|It then uses JavaBeans component to persist the name during the HTTP session,  
+
|பின் இது HTTP sessionன் போது பெயரை கொண்டிருக்க JavaBeans component ஐ பயன்படுத்துகிறது,  
 
|-
 
|-
 
|01:48
 
|01:48
−
|and then retrieves the  output on a second JSP page.  
+
|பின் இரண்டாம் JSP page ல் output ஐ பெறுகிறது.  
 
|-
 
|-
 
|01:51
 
|01:51
−
| Let us now move to Netbeans and create our web application project
+
| இப்போது Netbeans க்கு சென்று நம் web application project ஐ உருவாக்குவோம்
 
|-
 
|-
 
|01:58
 
|01:58
−
|From the '''File''' menu choose '''New Project'''
+
| '''File''' menu ல் '''New Project'''ஐ தேர்ந்தெடுக்கவும்
 
|-
 
|-
 
| 02:01
 
| 02:01
−
|Under '''Categories,''' select '''Java Web. '''
+
| '''Categories'''ல்  '''Java Web '''ஐ தேர்ந்தெடுக்கவும்
 
|-
 
|-
 
| 02:04
 
| 02:04
−
|Under '''Projects,''' select '''Web Application''' , and click '''Next.'''
+
| '''Projects'''ல் '''Web Application''' ஐ தேர்ந்தெடுத்து '''Next'''ஐ க்ளிக் செய்க
 
|-
 
|-
 
| 02:09
 
| 02:09
−
|Give your project a name. I will name my project as '''HelloWeb'''
+
|உங்கள் project க்கு பெயரிடவும். நான் '''HelloWeb''' என பெயரிடுகிறேன்
 
|-
 
|-
 
| 02:15
 
| 02:15
−
|Specify the Project Location to any directory on your computer.  
+
|உங்கள் கணினியில் ஏதேனும் directory ஐ Project Location க்கு கொடுக்கவும்.  
 
|-
 
|-
 
|02:20
 
|02:20
−
| Click '''Next.'''
+
| '''Next'''ஐ க்ளிக் செய்க
 
|-
 
|-
 
|02:22
 
|02:22
−
| The '''Server and Settings''' panel opens.  
+
| '''Server and Settings''' panel திறக்கிறது.  
 
|-
 
|-
 
|02:25
 
|02:25
−
|Select the version of Java you want to use with your application.  
+
|உங்கள் application ல் நீங்கள் பயன்படுத்த விரும்பும் Java பதிப்பை தேர்ந்தெடுக்கவும்.  
 
|-
 
|-
 
|02:29
 
|02:29
−
|And Select the server, you want to deploy your application to.
+
|நீங்கள் deploy செய்யவிரும்பும் server ஐ தேர்ந்தெடுக்கவும்.
 
|-
 
|-
 
| 02:34
 
| 02:34
−
|Click '''Next.'''  
+
|'''Next''' ஐ க்ளிக் செய்க
 
|-
 
|-
 
| 02:36
 
| 02:36
−
|In the '''Frameworks''' panel,  
+
| '''Frameworks''' panel ல்,  
 
|-
 
|-
 
| 02:38
 
| 02:38
−
|click '''Finish''' to create the project.  
+
|project ஐ உருவாக்க '''Finish''' ஐ க்ளிக் செய்க.  
 
|-
 
|-
 
|02:41
 
|02:41
−
|The IDE creates the '''HelloWeb''' project folder.  
+
| '''HelloWeb''' project folder ஐ IDE  உருவாக்குகிறது.  
 
|-
 
|-
 
| 02:46
 
| 02:46
−
|This folder contains all of your sources and project metadata.  
+
|உங்கள் folder உங்கள் அனைத்து sourceகள் மற்றும் project metadata ஐ கொண்டிருக்கும்.  
 
|-
 
|-
 
|02:51
 
|02:51
−
|The Welcome page, '''index.jsp'' opens in the Source Editor in the main window.  
+
| main windowல் Source Editor ல்  Welcome page, '''index.jsp'' திறக்கிறது.  
 
|-
 
|-
 
| 02:57
 
| 02:57
−
| You can view the project's file structure in the Files window on the left here
+
| இங்கே இடப்பக்கம் Files window ல் projectன் file structure ஐ காணலாம்
 
|-
 
|-
 
| 03:05
 
| 03:05
−
|and it's logical structure in the Projects Window.  
+
|Projects Window ல் அதன் logical structure உள்ளது.  
 
|-
 
|-
 
|03:10
 
|03:10
−
|Creating and editing source files is the most important function that the IDE serves.  
+
|source fileகளை உருவாக்குதலும் edit செய்தலும் IDE கொடுக்கும் மிக முக்கியமான செயல்பாடு ஆகும்.  
 
|-
 
|-
 
|03:15
 
|03:15
−
|Now in the '''Projects''' window, expand the '''Source Packages''' node.  
+
|இப்போது '''Projects''' windowல், '''Source Packages''' node ஐ விரிவாக்குவோம்.  
 
|-
 
|-
 
|03:20
 
|03:20
−
|Note that the Source Packages node contains only  an empty default package node.  
+
| காலியான default package node ஐ மட்டும்  Source Packages node கொண்டிருப்பதைக் காண்க.  
 
|-
 
|-
 
|03.25
 
|03.25
−
|Right-click on the '''Source Packages''' and choose '''New > Java Class.'''  
+
| '''Source Packages'''ஐ ரைட்-க்ளிக் செய்து '''New > Java Class''' ஐ தேர்ந்தெடுக்கவும்
 
|-
 
|-
 
|03:32
 
|03:32
−
|Give your class a name. I will name the class as '''NameHandler'''
+
|உங்கள் classக்கு ஒரு பெயரைக் கொடுக்கவும். நான் '''NameHandler''' என பெயரிடுகிறேன்
 
|-
 
|-
 
| 03:40
 
| 03:40
−
|and in the '''Package''' combobox let me type '''org.mypackage.hello'''  
+
|'''Package''' combobox ல் '''org.mypackage.hello''' என டைப் செய்கிறேன்
 
|-
 
|-
 
| 03:54
 
| 03:54
−
|And Click '''Finish.'''  
+
| '''Finish''' ல் க்ளிக் செய்க
 
|-
 
|-
 
|03:57
 
|03:57
−
|The '''NameHandler.java''' file opens in the Source Editor.  
+
|Source Editor ல் '''NameHandler.java''' file திறக்கிறது.
 
|-
 
|-
 
| 04:01
 
| 04:01
−
|Now lets us declare a String variable directly below the class declaration
+
|இப்போது  class declarationக்கு கீழே நேரடியாக ஒரு String variable ஐ declare செய்வோம்
 
|-
 
|-
 
| 04:07
 
| 04:07
−
|I will delare a string variable String name and
+
|ஒரு string variable... String name ஐ declare செய்கிறேன்
 
|-
 
|-
 
| 04:12
 
| 04:12
−
| I will also add a constructor '''public NameHandler''' to the class
+
| மேலும் ஒரு constructor '''public NameHandler''' ஐ classக்கு சேர்க்கிறேன்
 
|-
 
|-
 
| 04:23
 
| 04:23
−
|Now let me also add '''name = null;''' within the constructor.  
+
|இப்போது அந்த constructor ன் உள் '''name = null;''' ஐ சேர்க்கிறேன்.  
 
|-
 
|-
 
| 04:30
 
| 04:30
−
|Let us next generate the '''Getter and Setter Methods'''  
+
|அடுத்து '''Getter மற்றும் Setter Method'''களை உருவாக்குவோம்
 
|-
 
|-
 
| 04:33
 
| 04:33
−
| Right-click the name field in the '''Source Editor''' choose '''Refactor'''  and  '''Encapsulate Fields ''' from the contextual menu
+
| '''Source Editor''' ல் name field ல் ரைட் க்ளிக் செய்து contextual menu ல் '''Refactor'''  பின் '''Encapsulate Fields '''ஐ தேர்ந்தெடுக்கவும்
 
|-
 
|-
 
| 04:46
 
| 04:46
−
|'''Refactoring''' is a disciplined technique for improving the structure of existing code without changing the observable behaviour.  
+
|ஏற்கனவே உள்ள code ன் structure ஐ மேம்படுத்துவதற்கான  ஒழுங்குமுறையான நுட்பம் '''Refactoring''' ஆகும் இது காணக்கூடிய நடத்தை  மாற்றாமல் செய்யப்படுகிறது.  
 
|-
 
|-
 
| 04:56
 
| 04:56
−
|In short, you can change the structure of the code without changing the behaviour.  
+
|எளிதாக, code ன் நடத்தையை மாற்றாமல் structure ஐ மாற்றலாம்.  
 
|-
 
|-
 
| 05:01
 
| 05:01
−
| With '''Refactoring,''' you can easily move fields, methods or classes around, without breaking things.  
+
| '''Refactoring''' மூலம் எதையும் உடைக்காமல் fieldகள், methodகள் அல்லது classகளை நகர்த்தலாம்.  
 
|-
 
|-
 
| 05:08
 
| 05:08
−
|Lets move back to the IDE.
+
|மீண்டும் IDEக்கு வருவோம்.
 
|-
 
|-
 
| 05:11
 
| 05:11
−
| The '''Encapsulate Fields''' dialog opens, listing the name field.  
+
|   '''Encapsulate Fields''' dialog திறந்து name fieldஐ பட்டியலிடுகிறது .  
 
|-
 
|-
 
| 05:16
 
| 05:16
−
| Notice that the '''Fields''' visibility is set to private,  
+
| முன்னிருப்பாக '''Fields''' visibility ஆனது private ஆகவும்,  
 
|-
 
|-
 
| 05:20
 
| 05:20
−
|and '''Accessors''' visibility is set to '''public,''' by default
+
|'''Accessors''' visibility ஆனது  '''public,''' ஆகவும் அமைக்கப்பட்டிருப்பதைக் காண்க
 
|-
 
|-
 
| 05:24
 
| 05:24
−
| Indicating that the access modifier for the class variables wil be specified as '''private''',  
+
| இது class variableகளுக்கான  access modifier ஆனது '''private''' ஆக குறிப்பிடப்பட்டிருப்பதைக் காட்டுகிறது,  
 
|-
 
|-
 
| 05:30
 
| 05:30
−
| Whereas the '''getter''' and '''setter''' methods will be generated with '''public'''  modifiers respectively.  
+
| அதேசமயம் '''getter''' மற்றும் '''setter''' methodகள் முறையே '''public'''  modifierகளுடன் உருவாக்கப்படுகிறது.  
 
|-
 
|-
 
| 05:36
 
| 05:36
−
| Click on '''Refactor.'''  
+
| '''Refactor''' ஐ க்ளிக் செய்க
 
|-
 
|-
 
| 05:39
 
| 05:39
−
|The '''Getter''' and '''Setter''' methods are generated for the '''name''' field.
+
| '''name''' fieldக்கு '''Getter''' மற்றும் '''Setter''' methodகள் உருவாக்கப்படுகின்றன.
 
|-
 
|-
 
| 05:46
 
| 05:46
−
|The modifier for the class variable is set to '''private''' whereas the  '''getter''' and '''setter''' methods are generated with public modifier.  
+
|class variableக்கான modifier ஆனது  '''private''' ஆக அமைக்கப்படுகிறது அதேசமயம் '''getter''' மற்றும் '''setter''' methodsகள் public modifierஉடன் உருவாக்கப்படுகின்றன.  
 
|-
 
|-
 
| 05:56
 
| 05:56
−
|Your java class should finally look like this
+
|கடைசியாக உங்கள் java class இவ்வாறு இருக்க வேண்டும்
 
|-
 
|-
 
| 05:59
 
| 05:59
−
|Let us next Edit the '''Default JavaServer Pages File'''  
+
|அடுத்து '''Default JavaServer Pages File''' ஐ edit செய்வோம்
 
|-
 
|-
 
| 06:04
 
| 06:04
−
|Let us Refocus the '''index.jsp''' file  by clicking its tab displayed at the top of the Source Editor.
+
| Source Editor ல் '''index.jsp''' tab ஐ  க்ளிக் செய்து அந்த file ஐ திறப்போம்
 
|-
 
|-
 
| 06:11
 
| 06:11
−
|Now let us open the '''Palette manager''' by going to the '''Tools''' menu > '''Palette''' and click on '''HTML/JSP code clips'''
+
|இப்போது '''Palette manager''' ஐ திறப்போம் அதற்கு '''Tools''' menu ல் '''Palette''' பின் '''HTML/JSP code clips'''ஐ க்ளிக் செய்க
 
|-
 
|-
 
| 06:21
 
| 06:21
−
|The '''Palatte manager''' opens.  
+
| '''Palatte manager''' திறக்கிறது.  
 
|-
 
|-
 
| 06:26
 
| 06:26
−
|In the palette manager expand the '''HTML forms''' options
+
|palette manager ல் '''HTML forms''' ஐ விரிவாக்குவோம்
 
|-
 
|-
 
| 06:31
 
| 06:31
−
| Select the '''Form''' items.  
+
| '''Form''' item ஐ தேர்ந்தெடுத்து.  
 
|-
 
|-
 
| 06:34
 
| 06:34
−
| Drag it and drop it to the points after the h1 tags in your Source Editor
+
|அதை இழுத்து  Source Editor ல் h1 tagகளுக்கு பின் வைப்போம்
 
|-
 
|-
 
| 06:42
 
| 06:42
−
|The '''Insert form''' dialog box opens .  
+
| '''Insert form''' dialog box திறக்கிறது.  
 
|-
 
|-
 
| 06:45
 
| 06:45
−
|Let us Specify the values as been shown on the screen:  
+
|இங்கு திரையில் காட்டப்படுவதுபோல மதிப்புகளைக் கொடுக்கவும்:  
 
|-
 
|-
 
| 06:49
 
| 06:49
−
|The '''Action''' as '''response.jsp'''  
+
| '''Action''' ல் '''response.jsp'''  
 
|-
 
|-
 
| 06:54
 
| 06:54
−
|The '''Method''' as '''GET '''
+
| '''Method''' ல் '''GET '''
 
|-
 
|-
 
| 06:56
 
| 06:56
−
|And lets us give our form a name as '''Name input form.'''
+
|பின் நம்  form க்கு  '''Name input form''' என பெயரைக் கொடுத்து
 
|-
 
|-
 
| 07:04
 
| 07:04
−
|Click OK.  
+
|OK ல் க்ளிக் செய்க.  
 
|-
 
|-
 
| 07:07
 
| 07:07
−
|An HTML form is added to the '''index.jsp file.'''  
+
| '''index.jsp file''' க்கு ஒரு HTML form சேர்க்கப்படுகிறது
 
|-
 
|-
 
| 07:13
 
| 07:13
−
|Now from the Palette manager select a Text Input item drag it and drop it to a point just before the closing form tags
+
|இப்போது Palette manager ல் இருந்து Text Input item ஐ தேர்ந்தெடுத்து அதை இழுத்து closing form tagக்கு முன் வைக்கவும்
 
|-
 
|-
 
| 07:25
 
| 07:25
−
|In the '''Insert text input''' dialog box specify the '''Name''' as '''name'''
+
| '''Insert text input''' dialog box ல் '''Name''' ஐ '''name''' என கொடுப்போம்
 
|-
 
|-
 
| 07:32
 
| 07:32
−
|Leave the '''Type''' at '''text'''
+
| '''Type''' ஐ '''text''' எனவே விட்டு
 
|-
 
|-
 
| 07:34
 
| 07:34
−
|And Click on OK.  
+
| OK ல் க்ளிக் செய்க.  
 
|-
 
|-
 
| 07:36
 
| 07:36
−
|A HTML input tag is now added between the form tags.  
+
|இப்போது  form tagகளுக்கு இடையில் ஒரு HTML input tag சேர்க்கப்பட்டது.  
 
|-
 
|-
 
| 07:41
 
| 07:41
−
|Let us delete the empty value attribute from the input tag.  
+
|input tag ல் உள்ள காலியான value attribute ஐ நீக்குவோம்.  
 
|-
 
|-
 
| 07:49
 
| 07:49
−
|Now from the palette select the '''Button''' item.
+
|இப்போது palette ல் '''Button''' item ஐ தேர்ந்தெடுத்து.
 
|-
 
|-
 
| 07:53
 
| 07:53
−
|Drag it and drop it to the point before the closing form tag
+
|அதை இழுத்து closing form tag க்கு முன் வைக்கவும்
 
|-
 
|-
 
| 07:58
 
| 07:58
−
|Specify the '''Label''' as '''OK'''  
+
| '''Label''' ல் '''OK''' மற்றும்
 
|-
 
|-
 
| 08:00
 
| 08:00
−
|The '''Type''' as '''submit'''  
+
| '''Type''' ல் '''submit''' என கொடுத்த
 
|-
 
|-
 
| 08:03
 
| 08:03
−
|And Click on '''OK''' again
+
|மீண்டும் '''OK''' ல் க்ளிக் செய்க
 
|-
 
|-
 
| 08:05
 
| 08:05
−
|An HTML button is now added to a form tags.  
+
|இப்போது form tagகளுக்கு ஒரு HTML button சேர்க்கப்பட்டது.  
 
|-
 
|-
 
| 08:12
 
| 08:12
−
|Infront of the first '''input tag''' let us enter the text '''Enter your name'''
+
|முதல் '''input tag''' க்கு முன்  டைப் செய்க '''Enter your name'''  
 
|-
 
|-
 
| 08:22
 
| 08:22
−
|And let us change the default text between the h1  tags
+
|பின் h1 tagகளுக்கு இடையே உள்ள default text ஐ மாற்றுவோம்
 
|-
 
|-
 
| 08:28
 
| 08:28
−
|We will change the text to '''Entry form'''
+
|அதை  '''Entry form''' என மாற்றுவோம்
 
|-
 
|-
 
| 08:34
 
| 08:34
−
|Now Right click, let me close the palette manager for now.
+
|இப்போது, palette manager ஐ மூடுவோம்.
 
|-
 
|-
 
| 08:38
 
| 08:38
−
|Right-click within your Source Editor  
+
|உங்கள் Source Editor ல் ரைட் க்ளிக் செய்து
 
|-
 
|-
 
| 08:41
 
| 08:41
−
|Select the Format option to tidy the format of your code.  
+
|உங்கள் code ன் format ஐ சீராக்க Format option ஐ க்ளிக் செய்க.  
 
|-
 
|-
 
| 08:46
 
| 08:46
−
|Your '''index.jsp''' file should now look like this.
+
|உங்கள் '''index.jsp''' file இப்போது இவ்வாறு இருக்க வேண்டும்.
 
|-
 
|-
 
| 08:49
 
| 08:49
−
|Let us next Create a JavaServer Pages File  
+
|அடுத்து ஒரு  JavaServer Pages File ஐ உருவாக்குவோம்
 
|-
 
|-
 
| 08:53
 
| 08:53
−
|In the Projects window, right-click on the '''HelloWeb''' project node, choose '''New > JSP. '''
+
| Projects window ல், '''HelloWeb''' project node ல் ரைட் க்ளிக் செய்து '''New பின் JSP ''' ஐ தேர்ந்தெடுக்கவும்
 
|-
 
|-
 
| 09:01
 
| 09:01
−
|The '''New JSP''' File wizard opens.  
+
| '''New JSP''' File wizard திறக்கிறது.  
 
|-
 
|-
 
| 09:05
 
| 09:05
−
|Name the file as '''response,''' and click on '''Finish. '''
+
| file க்கு '''response''' என பெயரிட்டு '''Finish '''ல் க்ளிக் செய்க
 
|-
 
|-
 
| 09:14
 
| 09:14
−
|Notice that a '''response.jsp''' file node displays in the Projects window beneath the '''index.jsp file''' ,
+
| Projects window ல் '''index.jsp file''' க்கு கீழே '''response.jsp''' file node இருப்பதைக் காணலாம்,
 
|-
 
|-
 
| 09:23
 
| 09:23
−
| And the new file opens in the Source Editor.  
+
|அந்த புது file... Source Editor லும் திறக்கிறது.  
 
|-
 
|-
 
| 09:26
 
| 09:26
−
|Open the Palette manager again
+
|மீண்டும் Palette manager ஐ திறக்கவும்
 
|-
 
|-
 
| 09:35
 
| 09:35
−
|Now expand the JSP option.
+
|இப்போது JSP optionஐ விரிவாக்கவும்.
 
|-
 
|-
 
| 09:39
 
| 09:39
−
|Select a '''Use Bean''' item, drag it and drop it to a point just below the body
+
| '''Use Bean''' item ஐ தேர்ந்தெடுத்து, அதை இழுத்து bodyக்கு கீழே வைக்கவும்
 
|-
 
|-
 
| 09:53
 
| 09:53
−
|The '''Insert Use Bean''' dialog opens.  
+
|'''Insert Use Bean''' dialog திறக்கிறது.  
 
|-
 
|-
 
| 09:56
 
| 09:56
−
|Specify the values as
+
|மதிப்புகள்
 
|-
 
|-
 
| 09:58
 
| 09:58
−
|The '''ID''' as '''mybean'''  
+
| '''ID''' ல் '''mybean'''  
 
|-
 
|-
 
| 10:01
 
| 10:01
−
|The '''Class''' as '''org.mypackage.hello.NameHandler '''
+
| '''Class'''ல் '''org.mypackage.hello.NameHandler '''
 
|-
 
|-
 
| 10:13
 
| 10:13
−
|Set the '''Scope''' as '''session '''
+
| '''Scope''' ல் '''session ''' என அமைத்து
 
|-
 
|-
 
| 10:15
 
| 10:15
−
|And click on OK.  
+
|OK ஐ க்ளிக் செய்க.  
 
|-
 
|-
 
| 10:18
 
| 10:18
−
|Notice that a jsp:useBean tag is added beneath the body tag.  
+
|body tagக்கு கீழே jsp:useBean tag சேர்க்கப்பட்டிருப்பதைக் காண்க.
 
|-
 
|-
 
| 10:30
 
| 10:30
−
|JavaBeans are reusable software components for Java.  
+
|JavaBeans என்பவை Javaக்கான மீண்டும் பயன்படுத்தக்கூடிய componentகள் ஆகும்.  
 
|-
 
|-
 
| 10:34
 
| 10:34
−
|They are used to encapsulate many objects into a single object  
+
|பல objectகளை ஒரே ஒரு  object ஆக பெற அவை பயன்படுகின்றன
 
|-
 
|-
 
| 10:38
 
| 10:38
−
|So that they can be passed around as a single bean object instead of multiple individual objects.  
+
|அதன் மூலம் அவற்றை பல தனித்த objectகளுக்கு பதிலாக ஒரே ஒரு bean object ஆக அனுப்பலாம்.  
 
|-
 
|-
 
| 10:46
 
| 10:46
−
|Now from the Palette manager, Select a setbean property item, drag it and drop it  to a point just before the h1 tags
+
|இப்போது Palette manager ல், setbean property item ஐ தேர்ந்தெடுத்து, அதை இழுத்து h1 tagகளுக்கு முன் வைக்கவும்
 
|-
 
|-
 
| 11:03
 
| 11:03
−
|And click on OK.  
+
| OK ஐ க்ளிக் செய்க.  
 
|-
 
|-
 
| 11:12
 
| 11:12
−
|Here in the jsp:setProperty tag that appears, delete the empty value attribute.  
+
|இங்கே தோன்றும் jsp:setProperty tag ல் காலியான value attribute ஐ நீக்கவும்.  
 
|-
 
|-
 
| 11:21
 
| 11:21
−
|And set the name attribute to '''mybean''' and the Property to '''name'''
+
|name attribute ல் '''mybean''' மற்றும்  Property ல் '''name''' என அமைப்போம்
 
|-
 
|-
 
| 11:30
 
| 11:30
−
|Now in between the h1 tags let us change the text to '''Hello''' comma space and a '''exclamation mark'''
+
|இப்போது h1 tagகளுக்கு இடையே text ஐ '''Hello''' comma space '''ஆச்சரிய குறி''' என மாற்றுவோம்
 
|-
 
|-
 
| 11:40
 
| 11:40
−
|Now from the Palette manager Select a '''Get Bean property'''  item drag it and drop it after the '''Hello text''' in between the h1 tags
+
|இப்போதுPalette manager ல் '''Get Bean property'''  item ஐ இழுத்து h1 tagகளுக்கு இடையே '''Hello text''' க்கு பின் வைக்கவும்
 
|-
 
|-
 
| 11:51
 
| 11:51
−
|In the '''Get Bean Property''' item
+
| '''Get Bean Property''' item ல்
 
|-
 
|-
 
| 11:53
 
| 11:53
−
|Set the '''Bean Name''' to '''mybean'''  
+
| '''Bean Name''' ல் '''mybean'''  
 
|-
 
|-
 
| 11:57
 
| 11:57
−
|And the '''Property Name''' to '''name '''
+
| '''Property Name''' ல் '''name ''' ஐ அமைத்து
 
|-
 
|-
 
| 11:59
 
| 11:59
−
|Click on '''OK.'''
+
| '''OK''' ஐ க்ளிக் செய்க
 
|-
 
|-
 
| 12:01
 
| 12:01
−
|Notice that '''jsp:getProperty''' tag is now added between the h1 tags.
+
| h1 tagகளுக்கு இடையே இப்போது '''jsp:getProperty''' tag சேர்க்கப்பட்டிருப்பதைக் காண்க.
 
|-
 
|-
 
| 12:07
 
| 12:07
−
|Right-click within the Source Editor again, click on  '''Format''' to tidy the format of your code if required
+
|மீண்டும் Source Editor ல் ரைட் க்ளிக் செய்து, தே தேவையெனில் உங்கள் code ன் format ஐ சீராக்க Format ஐ க்ளிக் செய்க
 
|-
 
|-
 
| 12:16
 
| 12:16
−
|The next step is to run our '''Web Application Project '''
+
|அடுத்த படி நம் '''Web Application Project ''' ஐ இயக்குவது
 
|-
 
|-
 
| 12:20
 
| 12:20
−
|Let me close the palette manager
+
|palette manager ஐ மூடுகிறேன்
 
|-
 
|-
 
| 12:26
 
| 12:26
−
|In the Projects window, right-click the '''HelloWeb''' project node and choose the '''Run''' option
+
|Projects window ல், '''HelloWeb''' project node ல் ரைட் க்ளிக் செய்து  '''Run''' option ஐ தேர்ந்தெடுக்கவும்
 
|-
 
|-
 
|12:32
 
|12:32
−
|You can also click the '''Run''' option from the toolbar or press F6 key on your keyboard to run your Project.
+
|அல்லது toolbar ல் இருந்தும் '''Run''' option ஐ க்ளிக் செய்யலாம் அல்லது keyboard ல் F6 key ஐ அழுத்தலாம்.
 
|-
 
|-
 
|12:41
 
|12:41
−
|I will select the button on the toolbar to run my Project
+
|என் project ஐ இயக்க toolbar ல்  '''Run''' button ஐ தேர்ந்தெடுக்கிறேன்
 
|-
 
|-
 
|12:44
 
|12:44
−
|When you run a '''Web application''' the '''IDE''' builds and compiles the application code
+
|ஒரு  '''Web application''' ஐ இயக்கும்போது....  '''IDE''' ஆனது  application code ஐ கட்டமைத்து compile செய்கிறது
 
|-
 
|-
 
| 12:53
 
| 12:53
−
|Launches the server and deploys the application to the server
+
|server ஐ துவக்கி server க்கு  application ஐ deploy செய்கிறது
 
|-
 
|-
 
| 12:58
 
| 12:58
−
|and finally displays the application in a browser window  
+
|கடைசியாக browser window ல் application ஐ காட்டுகிறது
 
|-
 
|-
 
|13:02
 
|13:02
−
|To view this process you can open the output window from the '''Window''' menu and select the '''Output''' option
+
|இந்த செயல்பாட்டைக் காண  output window ஐ திறக்கலாம் அதற்கு '''Window''' menu ல்  '''Output''' option ஐ தேர்ந்தெடுக்கவும்
 
|-
 
|-
 
| 13:10
 
| 13:10
−
|You can see that your application has been  built successfully
+
|உங்கள் application வெற்றிகரமாக கட்டமைக்கப்பட்டுள்ளதைக் காணலாம்
 
|-
 
|-
 
| 13:17
 
| 13:17
−
|The '''index.jsp''' page opens in your default browser  
+
| '''index.jsp''' பக்கம் உங்கள் முன்னிருப்பு browser ல் திறக்கப்படும்
 
|-
 
|-
 
| 13:23
 
| 13:23
−
|Let me run the project again
+
|மீண்டும் project ஐ இயக்குகிறேன்
 
|-
 
|-
 
| 13:27
 
| 13:27
−
|Here it is, it opens in your default browser
+
|இங்கே உள்ளது, இது உங்கள் முன்னிருப்பு browser ல் திறக்கிறது
 
|-
 
|-
 
| 13:32
 
| 13:32
−
|Note that the browser window may sometime open before the IDE displays the server output
+
| server output ஐ IDE காட்டுவதற்கு முன்பேகூட சில சமயம்  browser window திறக்கப்படலாம் என்பதைக் குறித்துக்கொள்க
 
|-
 
|-
 
| 13:38
 
| 13:38
−
| Now let us Enter the name in the text box in the browser
+
| இப்போது browser ல் text box ல் பெயரை உள்ளிடுவோம்
 
|-
 
|-
 
| 13:42
 
| 13:42
−
| For eg '''Ubuntu''' and click on OK.  
+
|உதாரணமாக '''Ubuntu''' பின் OK ஐ க்ளிக் செய்க.  
 
|-
 
|-
 
| 13:46
 
| 13:46
−
|The '''response.jsp''' page displays, providing you with a simple greeting.  
+
| '''response.jsp''' பக்கம் காட்டப்பட்டு, ஒரு எளிய வரவேற்பு செய்தியைக் காட்டுகிறது.  
 
|-
 
|-
 
| 13:52
 
| 13:52
−
|Now to the assignment part
+
|இப்போது உங்களுக்கான பயிற்சி
 
|-
 
|-
 
| 13:56
 
| 13:56
−
|As an extension to the web application project, insert two more text fields that is totally three input text fields in your application
+
|இந்த web application project ன் தொடர்ச்சியாக, மேலும் இரு text fieldகளை உள்நுழைக்கவும். அதாவது மொத்தம் மூன்று input text fieldகள்
 
|-
 
|-
 
| 14:06
 
| 14:06
−
|Use the JavaBeans Component to set the bean property and
+
|bean property ஐ அமைக்க JavaBeans Component ஐ பயன்படுத்தவும்
 
|-
 
|-
 
| 14:09
 
| 14:09
−
|View its presentation in the browser  
+
|பின் browser ல் அதன் காட்சியைக் காணவும்
 
|-
 
|-
 
| 14:12
 
| 14:12
−
|And finally Retrieve the output on the second JSP page
+
|கடைசியகா  இரண்டாம் JSP பக்கத்தில் அதன் output ஐ பெறவும்
 
|-
 
|-
 
| 14:17
 
| 14:17
−
|I have already constructed my assignment
+
|இந்த பயிற்சியை நான் ஏற்கனவே செய்துவிட்டேன்
 
|-
 
|-
 
| 14:21
 
| 14:21
−
|Let me open my assignment and run it in the ''' IDE'''  
+
|அதை திறந்து ''' IDE'''ல் இயக்குகிறேன்
 
|-
 
|-
 
| 14:30
 
| 14:30
−
|I am presented with 3 input text fields
+
|நான் 3 input text fieldகளை வைத்துள்ளேன்
 
|-
 
|-
 
| 14:35
 
| 14:35
−
|Let me enter the details and click on Ok
+
|விவரங்களை உள்ளிட்டு Ok ல் க்ளிக் செய்கிறேன்
 
|-
 
|-
 
| 14:42
 
| 14:42
−
|I should be presented with an output like this
+
|காட்டப்படுவது போன்ற ஒரு output வர வேண்டும்
 
|-
 
|-
 
| 14:47
 
| 14:47
−
|Watch the video available at the link shown on the screen.  
+
| கீழ்க்காணும் இணைப்பில் உள்ள காணொளியைக் காணவும்.  
 
|-
 
|-
 
| 14:51
 
| 14:51
−
|It summarizes the Spoken Tutorial project.  
+
|இது ஸ்போகன் டுடோரியல் திட்டம் பற்றி சுருங்க சொல்கிறது.
−
+
 
|-
 
|-
 
| 14:54
 
| 14:54
−
|If you do not have good bandwidth, you can download and watch the videos.  
+
|உங்கள் இணைய இணைப்பு வேகமாக இல்லையெனில் அதை தரவிறக்கிக் காணவும்.
 
|-
 
|-
 
| 14:59
 
| 14:59
−
|The Spoken Tutorial project team conduct workshops using Spoken Tutorials.  
+
| ஸ்போகன் டுடோரியல் திட்டக்குழு ஸ்போகன் டுடோரியல்களைப் பயன்படுத்தி செய்முறை வகுப்புகள் நடத்துகிறது.  
 
|-
 
|-
 
| 15:05
 
| 15:05
−
|Gives certificates to those pass an online test.
+
| இணையத்தில் பரீட்சை எழுதி தேர்வோருக்கு சான்றிதழ்களும் அளிக்கிறது
 
|-
 
|-
 
| 15:09
 
| 15:09
−
|For more details please write to contact@spoken-tutorial.org
+
|மேலும் தகவல்களுக்கு contact@spoken-tutorial.org க்கு மின்னஞ்சல் எழுதவும்.
 
|-
 
|-
 
| 15:16
 
| 15:16
−
|Spoken Tutorial Project is a part of the Talk to a Teacher Project
+
| ஸ்போகன் டுடோரியல் பாடங்கள் டாக் டு எ டீச்சர் திட்டத்தின் முனைப்பாகும். இதற்கு ஆதரவு இந்திய அரசு துவக்கிய MHRD இன் ஐசிடி மூலம் தேசிய கல்வித்திட்டத்தின் வழியே கிடைக்கிறது.
−
|-
+
−
| 15:21
+
−
|It is Supported by the National Mission on education through ICT, MHRD, Government  of India
+
 
|-
 
|-
 
| 15:28
 
| 15:28
−
|More information on this mission is available at spoken-tutorial.org/NMEICT-Intro
+
|மேலும் தகவல்களுக்கு spoken hyphen tutorial dot org slash NMEICT hyphen Intro
 
|-
 
|-
 
| 15:40
 
| 15:40
−
|This tutorial has been  contributed by  IT for Change
+
|இந்த டுடோரியலை தமிழாக்கம் செய்து குரல் கொடுத்தது ஐஐடி பாம்பேவில் இருந்து பிரியா. நன்றி.
−
|-
+
−
| 15:43
+
−
|Thank you for joining us.
+

Revision as of 09:53, 13 October 2015

Time Narration
00:01 வணக்கம்
00:02 Netbeans IDE ல் Web Applicationகளை உருவாக்குதலின் அறிமுகம் குறித்த டுடோரியலுக்கு நல்வரவு.
00:08 netbeans ன் அடிப்படை உங்களுக்கு தெரிந்திருக்கும் என நம்புகிறோம்
00:12 இல்லையெனில் Netbeans டுடோரியல்களுக்கு ஸ்போகன் டுடோரியல் இணையத்தளத்தைக் காணவும்
00:19 முதல் டுடோரியலைப் பார்த்தால்
00:22 Netbeans ன் interface மற்றும் நிறுவுதல் குறித்து உங்களுக்கு தெரியும்.
00:25 முன் டுடோரியல் ஒரு புது projectஐ உருவாக்குவதைக் காட்டுகிறது.
00:29 இந்த செயல்விளக்கத்திற்கு நான் பயன்படுத்துவது லினக்ஸ் இயங்குதளம் உபுண்டு பதிப்பு 11.04 மற்றும் Netbeans IDE பதிப்பு 7.1.1
00:40 இந்த டுடோரியலில் Netbeans ஐ பயன்படுத்தி web applicationகளை உருவாக்குவதைக் காண்போம்.
00:45 மேலும் கற்கபோவது
00:46 ஒரு web application project ஐ அமைத்தல்
00:49 web applicationகளின் source fileகளை ஐ உருவாக்குதல் மற்றும் edit செய்தல்
00:52 java package மற்றும் java source file ஐ உருவாக்குதல்
00:56 Getter மற்றும் Setter methodகளை உருவாக்குதல்
00:59 முன்னிருப்பு JavaServer Pages file ஐ edit செய்தல்
01:02 JavaServer pages file ஐ உருவாக்குதல்
01:05 கடைசியாக நம் web application project ஐ இயக்குதல்
01:08 இந்த டுடோரியலைத் தொடர, தேவையானவை Netbeans IDE
01:13 Java Development Kit (JDK) பதிப்பு 6
01:17 GlassFish Server Open Source Edition
01:20 மேற்சொன்ன அனைத்தையும் திரையில் காட்டப்படும் இணைப்பில் ஒரு தொகுப்பாக தரவிறக்கலாம்
01:26 இந்த டுடோரியலில் காட்டப்படுபவை ஒரு எளிய web application ஐ உருவாக்குதல்,
01:30 அதை ஒரு serverக்கு deploy செய்தல்,
01:32 browser ல் அதன் காட்சியைக் காணுதல்.
01:35 இந்த application உங்கள் பெயரை உள்ளிட சொல்ல (JSP) JavaServer Pages ஐ வைத்திருக்கிறது
01:42 பின் இது HTTP sessionன் போது பெயரை கொண்டிருக்க JavaBeans component ஐ பயன்படுத்துகிறது,
01:48 பின் இரண்டாம் JSP page ல் output ஐ பெறுகிறது.
01:51 இப்போது Netbeans க்கு சென்று நம் web application project ஐ உருவாக்குவோம்
01:58 File menu ல் New Projectஐ தேர்ந்தெடுக்கவும்
02:01 Categoriesல் Java Web ஐ தேர்ந்தெடுக்கவும்
02:04 Projectsல் Web Application ஐ தேர்ந்தெடுத்து Nextஐ க்ளிக் செய்க
02:09 உங்கள் project க்கு பெயரிடவும். நான் HelloWeb என பெயரிடுகிறேன்
02:15 உங்கள் கணினியில் ஏதேனும் directory ஐ Project Location க்கு கொடுக்கவும்.
02:20 Nextஐ க்ளிக் செய்க
02:22 Server and Settings panel திறக்கிறது.
02:25 உங்கள் application ல் நீங்கள் பயன்படுத்த விரும்பும் Java பதிப்பை தேர்ந்தெடுக்கவும்.
02:29 நீங்கள் deploy செய்யவிரும்பும் server ஐ தேர்ந்தெடுக்கவும்.
02:34 Next ஐ க்ளிக் செய்க
02:36 Frameworks panel ல்,
02:38 project ஐ உருவாக்க Finish ஐ க்ளிக் செய்க.
02:41 HelloWeb project folder ஐ IDE உருவாக்குகிறது.
02:46 உங்கள் folder உங்கள் அனைத்து sourceகள் மற்றும் project metadata ஐ கொண்டிருக்கும்.
02:51 main windowல் Source Editor ல் Welcome page, 'index.jsp திறக்கிறது.
02:57 இங்கே இடப்பக்கம் Files window ல் projectன் file structure ஐ காணலாம்
03:05 Projects Window ல் அதன் logical structure உள்ளது.
03:10 source fileகளை உருவாக்குதலும் edit செய்தலும் IDE கொடுக்கும் மிக முக்கியமான செயல்பாடு ஆகும்.
03:15 இப்போது Projects windowல், Source Packages node ஐ விரிவாக்குவோம்.
03:20 காலியான default package node ஐ மட்டும் Source Packages node கொண்டிருப்பதைக் காண்க.
03.25 Source Packagesஐ ரைட்-க்ளிக் செய்து New > Java Class ஐ தேர்ந்தெடுக்கவும்
03:32 உங்கள் classக்கு ஒரு பெயரைக் கொடுக்கவும். நான் NameHandler என பெயரிடுகிறேன்
03:40 Package combobox ல் org.mypackage.hello என டைப் செய்கிறேன்
03:54 Finish ல் க்ளிக் செய்க
03:57 Source Editor ல் NameHandler.java file திறக்கிறது.
04:01 இப்போது class declarationக்கு கீழே நேரடியாக ஒரு String variable ஐ declare செய்வோம்
04:07 ஒரு string variable... String name ஐ declare செய்கிறேன்
04:12 மேலும் ஒரு constructor public NameHandler ஐ classக்கு சேர்க்கிறேன்
04:23 இப்போது அந்த constructor ன் உள் name = null; ஐ சேர்க்கிறேன்.
04:30 அடுத்து Getter மற்றும் Setter Methodகளை உருவாக்குவோம்
04:33 Source Editor ல் name field ல் ரைட் க்ளிக் செய்து contextual menu ல் Refactor பின் Encapsulate Fields ஐ தேர்ந்தெடுக்கவும்
04:46 ஏற்கனவே உள்ள code ன் structure ஐ மேம்படுத்துவதற்கான ஒழுங்குமுறையான நுட்பம் Refactoring ஆகும் இது காணக்கூடிய நடத்தை மாற்றாமல் செய்யப்படுகிறது.
04:56 எளிதாக, code ன் நடத்தையை மாற்றாமல் structure ஐ மாற்றலாம்.
05:01 Refactoring மூலம் எதையும் உடைக்காமல் fieldகள், methodகள் அல்லது classகளை நகர்த்தலாம்.
05:08 மீண்டும் IDEக்கு வருவோம்.
05:11 Encapsulate Fields dialog திறந்து name fieldஐ பட்டியலிடுகிறது .
05:16 முன்னிருப்பாக Fields visibility ஆனது private ஆகவும்,
05:20 Accessors visibility ஆனது public, ஆகவும் அமைக்கப்பட்டிருப்பதைக் காண்க
05:24 இது class variableகளுக்கான access modifier ஆனது private ஆக குறிப்பிடப்பட்டிருப்பதைக் காட்டுகிறது,
05:30 அதேசமயம் getter மற்றும் setter methodகள் முறையே public modifierகளுடன் உருவாக்கப்படுகிறது.
05:36 Refactor ஐ க்ளிக் செய்க
05:39 name fieldக்கு Getter மற்றும் Setter methodகள் உருவாக்கப்படுகின்றன.
05:46 class variableக்கான modifier ஆனது private ஆக அமைக்கப்படுகிறது அதேசமயம் getter மற்றும் setter methodsகள் public modifierஉடன் உருவாக்கப்படுகின்றன.
05:56 கடைசியாக உங்கள் java class இவ்வாறு இருக்க வேண்டும்
05:59 அடுத்து Default JavaServer Pages File ஐ edit செய்வோம்
06:04 Source Editor ல் index.jsp tab ஐ க்ளிக் செய்து அந்த file ஐ திறப்போம்
06:11 இப்போது Palette manager ஐ திறப்போம் அதற்கு Tools menu ல் Palette பின் HTML/JSP code clipsஐ க்ளிக் செய்க
06:21 Palatte manager திறக்கிறது.
06:26 palette manager ல் HTML forms ஐ விரிவாக்குவோம்
06:31 Form item ஐ தேர்ந்தெடுத்து.
06:34 அதை இழுத்து Source Editor ல் h1 tagகளுக்கு பின் வைப்போம்
06:42 Insert form dialog box திறக்கிறது.
06:45 இங்கு திரையில் காட்டப்படுவதுபோல மதிப்புகளைக் கொடுக்கவும்:
06:49 Action ல் response.jsp
06:54 Method ல் GET
06:56 பின் நம் form க்கு Name input form என பெயரைக் கொடுத்து
07:04 OK ல் க்ளிக் செய்க.
07:07 index.jsp file க்கு ஒரு HTML form சேர்க்கப்படுகிறது
07:13 இப்போது Palette manager ல் இருந்து Text Input item ஐ தேர்ந்தெடுத்து அதை இழுத்து closing form tagக்கு முன் வைக்கவும்
07:25 Insert text input dialog box ல் Name ஐ name என கொடுப்போம்
07:32 Type ஐ text எனவே விட்டு
07:34 OK ல் க்ளிக் செய்க.
07:36 இப்போது form tagகளுக்கு இடையில் ஒரு HTML input tag சேர்க்கப்பட்டது.
07:41 input tag ல் உள்ள காலியான value attribute ஐ நீக்குவோம்.
07:49 இப்போது palette ல் Button item ஐ தேர்ந்தெடுத்து.
07:53 அதை இழுத்து closing form tag க்கு முன் வைக்கவும்
07:58 Label ல் OK மற்றும்
08:00 Type ல் submit என கொடுத்த
08:03 மீண்டும் OK ல் க்ளிக் செய்க
08:05 இப்போது form tagகளுக்கு ஒரு HTML button சேர்க்கப்பட்டது.
08:12 முதல் input tag க்கு முன் டைப் செய்க Enter your name
08:22 பின் h1 tagகளுக்கு இடையே உள்ள default text ஐ மாற்றுவோம்
08:28 அதை Entry form என மாற்றுவோம்
08:34 இப்போது, palette manager ஐ மூடுவோம்.
08:38 உங்கள் Source Editor ல் ரைட் க்ளிக் செய்து
08:41 உங்கள் code ன் format ஐ சீராக்க Format option ஐ க்ளிக் செய்க.
08:46 உங்கள் index.jsp file இப்போது இவ்வாறு இருக்க வேண்டும்.
08:49 அடுத்து ஒரு JavaServer Pages File ஐ உருவாக்குவோம்
08:53 Projects window ல், HelloWeb project node ல் ரைட் க்ளிக் செய்து New பின் JSP ஐ தேர்ந்தெடுக்கவும்
09:01 New JSP File wizard திறக்கிறது.
09:05 file க்கு response என பெயரிட்டு Finish ல் க்ளிக் செய்க
09:14 Projects window ல் index.jsp file க்கு கீழே response.jsp file node இருப்பதைக் காணலாம்,
09:23 அந்த புது file... Source Editor லும் திறக்கிறது.
09:26 மீண்டும் Palette manager ஐ திறக்கவும்
09:35 இப்போது JSP optionஐ விரிவாக்கவும்.
09:39 Use Bean item ஐ தேர்ந்தெடுத்து, அதை இழுத்து bodyக்கு கீழே வைக்கவும்
09:53 Insert Use Bean dialog திறக்கிறது.
09:56 மதிப்புகள்
09:58 ID ல் mybean
10:01 Classல் org.mypackage.hello.NameHandler
10:13 Scope ல் session என அமைத்து
10:15 OK ஐ க்ளிக் செய்க.
10:18 body tagக்கு கீழே jsp:useBean tag சேர்க்கப்பட்டிருப்பதைக் காண்க.
10:30 JavaBeans என்பவை Javaக்கான மீண்டும் பயன்படுத்தக்கூடிய componentகள் ஆகும்.
10:34 பல objectகளை ஒரே ஒரு object ஆக பெற அவை பயன்படுகின்றன
10:38 அதன் மூலம் அவற்றை பல தனித்த objectகளுக்கு பதிலாக ஒரே ஒரு bean object ஆக அனுப்பலாம்.
10:46 இப்போது Palette manager ல், setbean property item ஐ தேர்ந்தெடுத்து, அதை இழுத்து h1 tagகளுக்கு முன் வைக்கவும்
11:03 OK ஐ க்ளிக் செய்க.
11:12 இங்கே தோன்றும் jsp:setProperty tag ல் காலியான value attribute ஐ நீக்கவும்.
11:21 name attribute ல் mybean மற்றும் Property ல் name என அமைப்போம்
11:30 இப்போது h1 tagகளுக்கு இடையே text ஐ Hello comma space ஆச்சரிய குறி என மாற்றுவோம்
11:40 இப்போதுPalette manager ல் Get Bean property item ஐ இழுத்து h1 tagகளுக்கு இடையே Hello text க்கு பின் வைக்கவும்
11:51 Get Bean Property item ல்
11:53 Bean Name ல் mybean
11:57 Property Name ல் name ஐ அமைத்து
11:59 OK ஐ க்ளிக் செய்க
12:01 h1 tagகளுக்கு இடையே இப்போது jsp:getProperty tag சேர்க்கப்பட்டிருப்பதைக் காண்க.
12:07 மீண்டும் Source Editor ல் ரைட் க்ளிக் செய்து, தே தேவையெனில் உங்கள் code ன் format ஐ சீராக்க Format ஐ க்ளிக் செய்க
12:16 அடுத்த படி நம் Web Application Project ஐ இயக்குவது
12:20 palette manager ஐ மூடுகிறேன்
12:26 Projects window ல், HelloWeb project node ல் ரைட் க்ளிக் செய்து Run option ஐ தேர்ந்தெடுக்கவும்
12:32 அல்லது toolbar ல் இருந்தும் Run option ஐ க்ளிக் செய்யலாம் அல்லது keyboard ல் F6 key ஐ அழுத்தலாம்.
12:41 என் project ஐ இயக்க toolbar ல் Run button ஐ தேர்ந்தெடுக்கிறேன்
12:44 ஒரு Web application ஐ இயக்கும்போது.... IDE ஆனது application code ஐ கட்டமைத்து compile செய்கிறது
12:53 server ஐ துவக்கி server க்கு application ஐ deploy செய்கிறது
12:58 கடைசியாக browser window ல் application ஐ காட்டுகிறது
13:02 இந்த செயல்பாட்டைக் காண output window ஐ திறக்கலாம் அதற்கு Window menu ல் Output option ஐ தேர்ந்தெடுக்கவும்
13:10 உங்கள் application வெற்றிகரமாக கட்டமைக்கப்பட்டுள்ளதைக் காணலாம்
13:17 index.jsp பக்கம் உங்கள் முன்னிருப்பு browser ல் திறக்கப்படும்
13:23 மீண்டும் project ஐ இயக்குகிறேன்
13:27 இங்கே உள்ளது, இது உங்கள் முன்னிருப்பு browser ல் திறக்கிறது
13:32 server output ஐ IDE காட்டுவதற்கு முன்பேகூட சில சமயம் browser window திறக்கப்படலாம் என்பதைக் குறித்துக்கொள்க
13:38 இப்போது browser ல் text box ல் பெயரை உள்ளிடுவோம்
13:42 உதாரணமாக Ubuntu பின் OK ஐ க்ளிக் செய்க.
13:46 response.jsp பக்கம் காட்டப்பட்டு, ஒரு எளிய வரவேற்பு செய்தியைக் காட்டுகிறது.
13:52 இப்போது உங்களுக்கான பயிற்சி
13:56 இந்த web application project ன் தொடர்ச்சியாக, மேலும் இரு text fieldகளை உள்நுழைக்கவும். அதாவது மொத்தம் மூன்று input text fieldகள்
14:06 bean property ஐ அமைக்க JavaBeans Component ஐ பயன்படுத்தவும்
14:09 பின் browser ல் அதன் காட்சியைக் காணவும்
14:12 கடைசியகா இரண்டாம் JSP பக்கத்தில் அதன் output ஐ பெறவும்
14:17 இந்த பயிற்சியை நான் ஏற்கனவே செய்துவிட்டேன்
14:21 அதை திறந்து IDEல் இயக்குகிறேன்
14:30 நான் 3 input text fieldகளை வைத்துள்ளேன்
14:35 விவரங்களை உள்ளிட்டு Ok ல் க்ளிக் செய்கிறேன்
14:42 காட்டப்படுவது போன்ற ஒரு output வர வேண்டும்
14:47 கீழ்க்காணும் இணைப்பில் உள்ள காணொளியைக் காணவும்.
14:51 இது ஸ்போகன் டுடோரியல் திட்டம் பற்றி சுருங்க சொல்கிறது.
14:54 உங்கள் இணைய இணைப்பு வேகமாக இல்லையெனில் அதை தரவிறக்கிக் காணவும்.
14:59 ஸ்போகன் டுடோரியல் திட்டக்குழு ஸ்போகன் டுடோரியல்களைப் பயன்படுத்தி செய்முறை வகுப்புகள் நடத்துகிறது.
15:05 இணையத்தில் பரீட்சை எழுதி தேர்வோருக்கு சான்றிதழ்களும் அளிக்கிறது
15:09 மேலும் தகவல்களுக்கு contact@spoken-tutorial.org க்கு மின்னஞ்சல் எழுதவும்.
15:16 ஸ்போகன் டுடோரியல் பாடங்கள் டாக் டு எ டீச்சர் திட்டத்தின் முனைப்பாகும். இதற்கு ஆதரவு இந்திய அரசு துவக்கிய MHRD இன் ஐசிடி மூலம் தேசிய கல்வித்திட்டத்தின் வழியே கிடைக்கிறது.
15:28 மேலும் தகவல்களுக்கு spoken hyphen tutorial dot org slash NMEICT hyphen Intro
15:40 இந்த டுடோரியலை தமிழாக்கம் செய்து குரல் கொடுத்தது ஐஐடி பாம்பேவில் இருந்து பிரியா. நன்றி.

Contributors and Content Editors

Priyacst

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Netbeans/C2/Developing-a-Sample-Web-Application/Tamil&oldid=24028"