Difference between revisions of "Netbeans/C2/Developing-a-Sample-Web-Application/Malayalam"
From Script | Spoken-Tutorial
(Created page with "{| Border=1 || '''Time''' || '''Narration''' |- | 00:01 |എല്ലാവർക്കും സ്വാഗതം |- | 00:02 |'''Netbeans IDE'''ന് 'Web applications...") |
|||
| (2 intermediate revisions by the same user not shown) | |||
| Line 6: | Line 6: | ||
|- | |- | ||
| 00:01 | | 00:01 | ||
| − | |എല്ലാവർക്കും സ്വാഗതം | + | |എല്ലാവർക്കും സ്വാഗതം'''Netbeans IDE'''യിൽ 'Web applications വികസിപിക്കുന്ന 'tutorial' െലക് സ്വാഗതം. |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
|- | |- | ||
| Line 26: | Line 22: | ||
|- | |- | ||
|00:22 | |00:22 | ||
| − | | Netbeans ഇൻസ്റ്റലേഷൻ ഉം interface ഉം. | + | | Netbeans ഇൻസ്റ്റലേഷൻ ഉം interface ഉം. ആണ് |
|- | |- | ||
| 00:25 | | 00:25 | ||
| − | | മുൻ ട്യൂട്ടോറിയൽ എങ്ങനെ ഒരു പുതിയ | + | | മുൻ ട്യൂട്ടോറിയൽ എങ്ങനെ ഒരു പുതിയ പ്രൊജക്റ്റ് സൃഷ്ടിക്കാം എ൬് പഠിപ്പിചു |
|- | |- | ||
| 00:29 | | 00:29 | ||
| − | |ഈ | + | |ഈ പ്രകടനത്തിനായി ഞാൻ '''Linux Operating System Ubuntu''' പതിപ്പ് '''11.04''' ഉം '''Netbeans IDE''' പതിപ്പ് '''7.1.1''' ഉപയോഗിക്കുന്നു. |
|- | |- | ||
|00:40 | |00:40 | ||
| − | |ഈ ട്യൂട്ടോറിയൽ അടിസ്ഥാന വഴിയിലുടെ നെറ്റിബീന്സ് | + | |ഈ ട്യൂട്ടോറിയൽ അടിസ്ഥാന വഴിയിലുടെ നെറ്റിബീന്സ് ഉപയോഗിച്ച് web applications വികസിപ്പിക്കാൻ നിങ്ങളെ കൊണ്ടുപോകും. |
|- | |- | ||
| Line 54: | Line 50: | ||
|- | |- | ||
|00:56 | |00:56 | ||
| − | | '''Getter''' '''Setter''' | + | | '''Getter''' '''Setter''' മെതേഡ് കൾ സൃഷ്ടിക്കു൬ു |
|- | |- | ||
|00:59 | |00:59 | ||
| − | | '''Java Server Pages''' | + | | '''Java Server Pages''' ഡിഫാൾട്ട് ഫയൽ എഡിറ്റ് ചെയ്യുന്നു |
|- | |- | ||
| Line 66: | Line 62: | ||
|- | |- | ||
| 01:05 | | 01:05 | ||
| − | |ഒടുവിൽ ഞങ്ങളുടെ വെബ് ആപ്ലിക്കേഷൻ പദ്ധതി | + | |ഒടുവിൽ ഞങ്ങളുടെ വെബ് ആപ്ലിക്കേഷൻ പദ്ധതി റൺ ചെയുന്നത് |
| − | + | ||
|- | |- | ||
| 01:08 | | 01:08 | ||
| Line 74: | Line 69: | ||
|- | |- | ||
|01:13 | |01:13 | ||
| − | | '''Java Development Kit (JDK)''' ആറാ൦ | + | | '''Java Development Kit (JDK)''' ആറാ൦ വേർഷൻ |
|- | |- | ||
|01:17 | |01:17 | ||
| Line 97: | Line 92: | ||
|- | |- | ||
|01:35 | |01:35 | ||
| − | |അപ്ലിക്കേഷൻ (JSP) '''Java Server Pages''', നിങ്ങളുടെ | + | |അപ്ലിക്കേഷൻ എംപ്ലോയിസ് (JSP) '''Java Server Pages''', നിങ്ങളുടെ പേര് കൊടുക്കാൻ പറയുന്നു . |
|- | |- | ||
| Line 157: | Line 152: | ||
|- | |- | ||
| 02:38 | | 02:38 | ||
| − | | | + | |പ്രൊജക്റ്റ് സൃഷ്ടിക്കാൻ ക്ലിക്ക് '''Finish''' |
|- | |- | ||
| Line 177: | Line 172: | ||
|- | |- | ||
| 03:05 | | 03:05 | ||
| − | |'''Projects''' വിൻഡോയിൽ അതിന്റെ ലോജിക്കൽ | + | |'''Projects''' വിൻഡോയിൽ അതിന്റെ ലോജിക്കൽ സ്റ്കെറ്‌സർ ആണ് |
|- | |- | ||
| Line 185: | Line 180: | ||
|- | |- | ||
|03:15 | |03:15 | ||
| − | |ഇപ്പോൾ, '''Projects''' | + | |ഇപ്പോൾ, '''Projects'''വിൻഡോ യിൽ '''Source Packages''' നോഡ് വികസിപ്പിക്കാനും. |
|- | |- | ||
| Line 193: | Line 188: | ||
|- | |- | ||
|03.25 | |03.25 | ||
| − | |'''Source Packages'''ൽറൈറ്റ്-ക്ലിക്ക്, '''New > Java Class.'''തിരഞ്ഞെടുക്കുക | + | |'''Source Packages'''ൽറൈറ്റ്-ക്ലിക്ക്, ചെയ്ത '''New > Java Class.'''തിരഞ്ഞെടുക്കുക |
|- | |- | ||
|03:32 | |03:32 | ||
| − | |നിങ്ങളുടെ '''class'''നു ഒരു പേര് നൽകുക. ഞാൻ "NameHandler"ക്ലാസ് പേര് ചെയ്യും. | + | |നിങ്ങളുടെ '''class'''നു ഒരു പേര് നൽകുക. ഞാൻ "NameHandler" എന്ന് ക്ലാസ് നു പേര് ചെയ്യും. |
|- | |- | ||
| 03:40 | | 03:40 | ||
| − | |'''Package''' | + | |'''Package''' കോംബോ -ബോക്സ് ൽ, "org.mypackage.hello എന്ന് ടൈപ്പ് ചെയ്യാം. |
|- | |- | ||
| 03:54 | | 03:54 | ||
| − | | | + | |'''Finish.''' ക്ലിക്ക് ചെയുക |
|- | |- | ||
| Line 219: | Line 214: | ||
|- | |- | ||
|04:12 | |04:12 | ||
| − | |ഞാൻ ഒരു '''constructor''' '''public NameHandler()''' | + | |ഞാൻ ഒരു '''constructor''' '''public NameHandler()''' '''class''' ലേക്ക് ചേർക്കും. |
|- | |- | ||
| 04:23 | | 04:23 | ||
| − | |ഇപ്പോൾ ഞാൻ '''name = null;''' കൺസ്ട്രക്റ്ററിനുള്ളിൽ ചേർക്കും. | + | |ഇപ്പോൾ ഞാൻ '''name = null;'''എന്ന് കൺസ്ട്രക്റ്ററിനുള്ളിൽ ചേർക്കും. |
|- | |- | ||
| 04:30 | | 04:30 | ||
| − | |'''Getter''' | + | |'''Getter''' '''Setter Method''' അടുത്തതായി സൃഷ്ടിക്കാ൦. |
|- | |- | ||
| 04:33 | | 04:33 | ||
| − | | '''Source Editor'''ലെ '''name''' ഫീൽഡിൽ | + | | '''Source Editor'''ലെ '''name''' ഫീൽഡിൽ റയിട്-ക്ലിക്ക്, ചെയ്ത കോണ്ടെസ്റ് മെനു നിന്ന് '''Refactor''' ഉം '''Encapsulate Fields'''തിരഞ്ഞെടുക്കുക. |
|- | |- | ||
| Line 240: | Line 235: | ||
| 04:56 | | 04:56 | ||
|ചുരുക്കത്തിൽ, നിങ്ങൾ സ്വഭാവം മാറ്റാതെ തന്നെ കോഡ് ഘടന മാറ്റാൻ കഴിയും. | |ചുരുക്കത്തിൽ, നിങ്ങൾ സ്വഭാവം മാറ്റാതെ തന്നെ കോഡ് ഘടന മാറ്റാൻ കഴിയും. | ||
| + | |||
| + | |- | ||
| + | | 05:01 | ||
| + | |നിങ്ങൾ '''Refactoring''' ഉപയോഗിച്ച്, എളുപ്പത്തിൽ fields, methods അല്ലെങ്കിൽ classes എന്നിവ മാറ്റം വരുത്താതെ നീക്കാൻ കഴിയും. | ||
|- | |- | ||
| Line 251: | Line 250: | ||
|- | |- | ||
| 05:16 | | 05:16 | ||
| − | | '''Fields Visibility''' | + | | '''Fields Visibility''' private ആക്കി സജ്ജമാക്കുമ്പോൾ ശ്രദ്ധിക്കുക. |
|- | |- | ||
| 05:20 | | 05:20 | ||
| − | |'''Accessors Visibility''' | + | |'''Accessors Visibility''' ഡിഫാൾട്ട് ആയി , "public" സജ്ജമാക്കുമ്പോൾ |
|- | |- | ||
| Line 307: | Line 306: | ||
|- | |- | ||
| 06:34 | | 06:34 | ||
| − | | നിങ്ങളുടെ | + | | നിങ്ങളുടെ സോഴ്സ് എഡിറ്റർ ൽ '''h1 tags''',ശേഷം ഉളള ഒരു പോയിന്റ് അത് ഡ്രാഗ് ഉം ഡ്രോപ്പ് ചെയുക. |
|- | |- | ||
| Line 374: | Line 373: | ||
|- | |- | ||
|08:00 | |08:00 | ||
| − | | | + | | "submit" എന്ന് '''Type''' ചെയുക |
|- | |- | ||
| Line 390: | Line 389: | ||
|- | |- | ||
| 08:22 | | 08:22 | ||
| − | |'''h1''' ടാഗുകൾ തമ്മിലുള്ള | + | |'''h1''' ടാഗുകൾ തമ്മിലുള്ള ഡിഫാൾട്ട് ടെക്സ്റ്റ് മാറ്റുക. |
|- | |- | ||
| Line 402: | Line 401: | ||
|- | |- | ||
| 08:38 | | 08:38 | ||
| − | |'''Source Editor'''നുളളിൽ റൈറ്റ് ക്ലിക്ക് | + | |'''Source Editor'''നുളളിൽ റൈറ്റ് ക്ലിക്ക് ചെയുക |
|- | |- | ||
| Line 418: | Line 417: | ||
|- | |- | ||
| 08:53 | | 08:53 | ||
| − | | '''Projects''' | + | | '''Projects''' വിൻഡോ ൽ '''HelloWeb'''ൽ project nodeൽ ഇടത് ക്ലിക്ക് ചെയുക, '''New > JSP. ''' തിരഞ്ഞെടുക്കുക. |
|- | |- | ||
| Line 430: | Line 429: | ||
|- | |- | ||
| 09:14 | | 09:14 | ||
| − | |ശ്രദ്ധിക്കുക ഒരു a 'response.jsp' '''file node''' '''Projects''' വിൻഡോ '''index.jsp file''' കീഴെ പ്രദർശിപ്പിക്കുന്നു. | + | |ശ്രദ്ധിക്കുക ഒരു a 'response.jsp' '''file node''' , '''Projects''' വിൻഡോ '''index.jsp file''' കീഴെ പ്രദർശിപ്പിക്കുന്നു. |
|- | |- | ||
| Line 438: | Line 437: | ||
|- | |- | ||
| 09:26 | | 09:26 | ||
| − | |'''Palette manager''' | + | |'''Palette manager''' തുറക്കുക |
|- | |- | ||
| Line 450: | Line 449: | ||
|- | |- | ||
| 09:53 | | 09:53 | ||
| − | | '''Insert Use Bean''' dialog | + | | '''Insert Use Bean''' dialog തുറകക്കുന്നു |
|- | |- | ||
| Line 466: | Line 465: | ||
|- | |- | ||
| 10:13 | | 10:13 | ||
| − | | | + | | '''Scope'''എന്നതി '''session '''ആക്കി സെറ്റ് ചെയുക |
|- | |- | ||
| Line 490: | Line 489: | ||
|- | |- | ||
| 10:46 | | 10:46 | ||
| − | |ഇപ്പോൾ, പാലറ്റ് മാനേജർ നിന്നും, ഒരു '''Set Bean property'''ഇനം തിരഞ്ഞെടുക്കുക '', '' 'h1' '' ടാഗുകൾ മുമ്പ് ഒരു പോയിന്റ് അത് | + | |ഇപ്പോൾ, പാലറ്റ് മാനേജർ നിന്നും, ഒരു '''Set Bean property'''ഇനം തിരഞ്ഞെടുക്കുക '', '' 'h1' '' ടാഗുകൾ മുമ്പ് ഒരു പോയിന്റ് അത് ഡ്രാഗു൦ ഡ്രോപ്പു൦ ചെയുക. |
|- | |- | ||
| Line 498: | Line 497: | ||
|- | |- | ||
| 11:12 | | 11:12 | ||
| − | |ഇവിടെ '''jsp:setProperty'''ടാഗ് ദൃശ്യമാകുന്നു, "value" '''attribute''' | + | |ഇവിടെ '''jsp:setProperty'''ടാഗ് ദൃശ്യമാകുന്നു, "value" '''attribute''' ഡിലീറ്റ് ചെയുക |
| − | + | ||
|- | |- | ||
| 11:21 | | 11:21 | ||
| − | | '''name''' attribute "mybean" എന്നു൦ '''Property''' "name" എന്നു൦ കൊടുകുക | + | | '''name''' attribute "mybean" എന്നു൦ '''Property''' എന്നത് "name" എന്നു൦ കൊടുകുക |
|- | |- | ||
| 11:30 | | 11:30 | ||
| − | |ഇപ്പോൾ, '' 'h1' '' ടാഗുകൾക്കിടയിൽ ൽ ഞങ്ങളെ ടെക്സ്റ്റ് പേര് '''Hello''' കോമ | + | |ഇപ്പോൾ, '' 'h1' '' ടാഗുകൾക്കിടയിൽ ൽ ഞങ്ങളെ ടെക്സ്റ്റ് പേര് '''Hello''' കോമ സ്പേസ് ഒരു exclamation ആകുക. |
|- | |- | ||
| 11:40 | | 11:40 | ||
| − | |ഇപ്പോൾ, പാലറ്റ് മാനേജർ നിന്നും, ഒരു'''Get Bean property''' ഇനം തിരഞ്ഞെടുക്കുക. ഡ്രാഗ് ചെയ്ത് "Hello" '' 'h1' '' ടാഗുകൾക്കിടയിൽ വാചകം ശേഷം ഡ്രോപ്പ് ചെയുക | + | |ഇപ്പോൾ, പാലറ്റ് മാനേജർ നിന്നും, ഒരു'''Get Bean property''' ഇനം തിരഞ്ഞെടുക്കുക. ഡ്രാഗ് ചെയ്ത് "Hello" എന്ന് '' 'h1' '' ടാഗുകൾക്കിടയിൽ വാചകം ശേഷം ഡ്രോപ്പ് ചെയുക |
|- | |- | ||
| Line 530: | Line 528: | ||
|- | |- | ||
| 12:01 | | 12:01 | ||
| − | |ശ്രദ്ധിക്കുക '''jsp:getProperty''' ടാഗ് '''h1''' ടാഗിനിടയിിൽ | + | |ശ്രദ്ധിക്കുക '''jsp:getProperty''' ടാഗ് '''h1''' ടാഗിനിടയിിൽ ചേ൪ത്ത് |
|- | |- | ||
| 12:07 | | 12:07 | ||
| − | |വീണ്ടും | + | |വീണ്ടും സോഴ്സ് എഡിറ്റർ ഉള്ളിൽ റൈറ്റ് ക്ലിക്ക് ചെയ്യുക. ആവശ്യമെങ്കിൽ, പേര് '''Format''' ക്ലിക്ക് , നിങ്ങളുടെ കോഡ് ഫോർമാറ്റ് വൃത്തിയാക്കുക |
|- | |- | ||
| Line 546: | Line 544: | ||
|- | |- | ||
| 12:26 | | 12:26 | ||
| − | |'''Projects'''ലെ '' | + | |'''Projects'''ലെ ''വിൻഡോ ൽ the "HelloWeb" പദ്ധതി നോഡ് റൈറ്റ് ക്ലിക്ക് ചെയ്ത'''Run''' ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക |
|- | |- | ||
|12:32 | |12:32 | ||
| − | |നിങ്ങളുടെ പ്രോജക്ട് പ്രവർത്തിക്കാൻ നിങ്ങൾക്ക് '' ' | + | |നിങ്ങളുടെ പ്രോജക്ട് പ്രവർത്തിക്കാൻ നിങ്ങൾക്ക് ടൂൾ ബാർ ൽ നിന്ന് '' 'run ' '' ക്ലിക് ചെയ്യുകയോ അല്ലെങ്കിൽ നിങ്ങളുടെ കീബോർഡിലെ '' 'F6' ' കീ ചെയ്യാം' |
|- | |- | ||
| Line 562: | Line 560: | ||
|- | |- | ||
| 12:53 | | 12:53 | ||
| − | |സെർവർ | + | |സെർവർ ലോഞ്ച് ചെയ്ത സെർവറിനും അപേക്ഷ വിന്യസിക്കുകയാണെങ്കിൽ |
|- | |- | ||
| Line 610: | Line 608: | ||
|- | |- | ||
| 13:56 | | 13:56 | ||
| − | |വെബ്- | + | |വെബ്-അപ്പ്ലികേഷൻ പ്രൊജക്റ്റ് ന്റെ വിപുലീകരണത്തിനായി രണ്ട് കൂടുതൽ '''text field'''ചേർക്കുക, നിങ്ങളുടെ അപേക്ഷയിൽ, തികച്ചും മൂന്നു ഇൻപുട്ട്' '''text field''' ന്റെ ആണ്. |
|- | |- | ||
Latest revision as of 16:10, 6 June 2017
| Time | Narration |
| 00:01 | എല്ലാവർക്കും സ്വാഗതംNetbeans IDEയിൽ 'Web applications വികസിപിക്കുന്ന 'tutorial' െലക് സ്വാഗതം. |
| 00:08 | നിങ്ങള്ക് 'Netbeans ല്‍ അടിസ്ഥാന അറിവ് ഉണ്ട് എ൬് പ്രതീക്ഷിക്കുന്നു |
| 00:12 | ഇല്ലെങ്കിൽ, പ്രസക്തമായ ട്യൂട്ടോറിയലുകൾക് Netbeans വെബ്സൈറ്റില്‍ 'spoken tutorials' സന്ദർശിക്കുക |
| 00:19 | നിങ്ങൾ ഇതിനകം തന്നെ ആദ്യ ട്യൂട്ടോറിയൽ കണ്ട് പരിചിതമായിട്ടുണ്ട് |
| 00:22 | Netbeans ഇൻസ്റ്റലേഷൻ ഉം interface ഉം. ആണ് |
| 00:25 | മുൻ ട്യൂട്ടോറിയൽ എങ്ങനെ ഒരു പുതിയ പ്രൊജക്റ്റ് സൃഷ്ടിക്കാം എ൬് പഠിപ്പിചു |
| 00:29 | ഈ പ്രകടനത്തിനായി ഞാൻ Linux Operating System Ubuntu പതിപ്പ് 11.04 ഉം Netbeans IDE പതിപ്പ് 7.1.1 ഉപയോഗിക്കുന്നു. |
| 00:40 | ഈ ട്യൂട്ടോറിയൽ അടിസ്ഥാന വഴിയിലുടെ നെറ്റിബീന്സ് ഉപയോഗിച്ച് web applications വികസിപ്പിക്കാൻ നിങ്ങളെ കൊണ്ടുപോകും. |
| 00:45 | നമുക്ക് കാണാം ഒരു web-application project സജ്ജീകരിക്കുന്നു |
| 00:49 | വെബ് അപ്ലിക്കേഷനുകൾ source files സൃഷ്ടിക്കുകയും എഡിറ്റും ചെയ്യുന്നു |
| 00:52 | java package ഉംjava source file ഉം സൃഷ്ടിക്കു൬ു |
| 00:56 | Getter Setter മെതേഡ് കൾ സൃഷ്ടിക്കു൬ു |
| 00:59 | Java Server Pages ഡിഫാൾട്ട് ഫയൽ എഡിറ്റ് ചെയ്യുന്നു |
| 01:02 | JavaServer pages ഫയൽ സൃഷ്ടിക്കുകയു൦ |
| 01:05 | ഒടുവിൽ ഞങ്ങളുടെ വെബ് ആപ്ലിക്കേഷൻ പദ്ധതി റൺ ചെയുന്നത് |
| 01:08 | ഈ ട്യൂട്ടോറിയൽ പിന്തുടരാ൯,നിങ്ങൾക്ക് വേണ്ടത്: Netbeans IDE. |
| 01:13 | Java Development Kit (JDK) ആറാ൦ വേർഷൻ |
| 01:17 | GlassFish Server Open Source Edition. |
| 01:20 | മുകളിലുള്ള എല്ലാ൦ screenൽ കാണിച്ചിരിക്കുന്ന link നിന്ന് ഒരു ബണ്ടിലിൽ ഡൗൺലോഡ് ചെയ്യാം. |
| 01:26 | ഈ ട്യൂട്ടോറിയൽ ഒരു ലളിതമായ വെബ് ആപ്ലിക്കേഷൻ എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് പ്രകടമാക്കുന്നു, |
| 01:30 | ഒരു serverൽ അത് വിന്യസിക്കുക |
| 01:32 | ഒരു ബ്രൗസറിൽ അതിന്റെ അവതരണം കാണാൻ. |
| 01:35 | അപ്ലിക്കേഷൻ എംപ്ലോയിസ് (JSP) Java Server Pages, നിങ്ങളുടെ പേര് കൊടുക്കാൻ പറയുന്നു . |
| 01:42 | ഇത് പിന്നീട് HTTP സെഷൻ സമയത്ത് പേര് നിലനിർത്താൻ JavaBeans ഘടകം ഉപയോഗിക്കുന്നു |
| 01:48 | തുടർന്ന് രണ്ടാം JSP page ഔട്ട്പുട്ട് ലഭ്യമാക്കുന്നു. |
| 01:51 | നമുക്ക് ഇപ്പോൾ Netbeans ലുടെ നമ്മുടെ വെബ് ആപ്ലിക്കേഷൻ പദ്ധതി സൃഷ്ടിക്കാം. |
| 01:58 | File മെനു നിന്നും New Project തിരഞ്ഞെടുക്കുക |
| 02:01 | Categories, കീഴിൽ നിന്നും Java Web തിരഞ്ഞെടുക്കുക |
| 02:04 | Projects, കീഴിൽ നിന്നും Web Application തിരഞ്ഞെടുക്കുക, Next ക്ലിക്കുചെയ്യുക. |
| 02:09 | നിങ്ങളുടെ പദ്ധതി ഒരു പേര് നൽകുക. ഞാൻ "HelloWeb" എന്റെ പ്രൊജക്റ്റ് പേര് ചെയ്യും. |
| 02:15 | നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ഏതെങ്കിലും ഡയറക്ടറിയിലേക്ക് Project Location വ്യക്തമാക്കുക. |
| 02:20 | Next ക്ലിക്കുചെയ്യുക. |
| 02:22 | Server and Settings പാനൽ തുറക്കുക |
| 02:25 | നിങ്ങളുടെ അപ്ലിക്കേഷൻ ഉപയോഗിക്കേണ്ട ജാവ പതിപ്പ് തിരഞ്ഞെടുക്കുക. |
| 02:29 | നിങ്ങളുടെ അപേക്ഷ വിന്യസിക്കാൻ ആഗ്രഹിക്കുന്ന സെർവർ തിരഞ്ഞെടുക്കുക |
| 02:34 | Next ക്ലിക്കുചെയ്യുക. |
| 02:36 | Frameworks പാനലിൽ |
| 02:38 | പ്രൊജക്റ്റ് സൃഷ്ടിക്കാൻ ക്ലിക്ക് Finish |
| 02:41 | IDE HelloWeb പദ്ധതി ഫോൾഡർ സൃഷ്ടിക്കുന്നു. |
| 02:46 | ഈ ഫോൾഡറിൽ നിങ്ങളുടെ സോഴ്സ് പ്രൊജക്റ്റ് മെറ്റാഡാറ്റ എല്ലാ അടങ്ങിയിരിക്കുന്നു. |
| 02:51 | സ്വാഗത പേജ് - index.jsp, പ്രധാന ജാലകത്തിൽSource Editor തുറക്കുന്നു. |
| 02:57 | നിങ്ങൾക് പദ്ധതി ഫയൽ ഘടന Files എന്ന ഇടത്തു വിൻഡോയിൽ കാണാൻ കഴിയു൦ |
| 03:05 | Projects വിൻഡോയിൽ അതിന്റെ ലോജിക്കൽ സ്റ്കെറ്‌സർ ആണ് |
| 03:10 | സോഴ്സ് ഫയലുകൾ സൃഷ്ടിക്കുകയു൦ എഡിറ്റ് ചെയുകയുമാണ് ഐഡിഇ ലെ ഏറ്റവും പ്രധാനപ്പെട്ട ഫങ്ഷൻ ആണ്. |
| 03:15 | ഇപ്പോൾ, Projectsവിൻഡോ യിൽ Source Packages നോഡ് വികസിപ്പിക്കാനും. |
| 03:20 | ശ്രദ്ധിക്കുക Source Packages നോഡിൽ ശൂന്യമായ "default package" നോഡ് മാത്രമേ അടങ്ങു. |
| 03.25 | Source Packagesൽറൈറ്റ്-ക്ലിക്ക്, ചെയ്ത New > Java Class.തിരഞ്ഞെടുക്കുക |
| 03:32 | നിങ്ങളുടെ classനു ഒരു പേര് നൽകുക. ഞാൻ "NameHandler" എന്ന് ക്ലാസ് നു പേര് ചെയ്യും. |
| 03:40 | Package കോംബോ -ബോക്സ് ൽ, "org.mypackage.hello എന്ന് ടൈപ്പ് ചെയ്യാം. |
| 03:54 | Finish. ക്ലിക്ക് ചെയുക |
| 03:57 | 'NameHandler.javaഫയൽ Source editorൽ തുറക്കുന്നു. |
| 04:01 | ഇപ്പോൾ class declarationനു താഴെ ഒരു String വേരിയബിൾ നേരിട്ട് പ്രഖ്യാപികാ൦. |
| 04:07 | ഞാ൯ ഒരു സ്ട്രിംഗ് വേരിയബിൾ 'String name'ഉ൦ |
| 04:12 | ഞാൻ ഒരു constructor public NameHandler() class ലേക്ക് ചേർക്കും. |
| 04:23 | ഇപ്പോൾ ഞാൻ name = null;എന്ന് കൺസ്ട്രക്റ്ററിനുള്ളിൽ ചേർക്കും. |
| 04:30 | Getter Setter Method അടുത്തതായി സൃഷ്ടിക്കാ൦. |
| 04:33 | Source Editorലെ name ഫീൽഡിൽ റയിട്-ക്ലിക്ക്, ചെയ്ത കോണ്ടെസ്റ് മെനു നിന്ന് Refactor ഉം Encapsulate Fieldsതിരഞ്ഞെടുക്കുക. |
| 04:46 | നിരീക്ഷണ സ്വഭാവം മാറ്റാതെ തന്നെ, നിലവിലുള്ള കോഡ് ഘടന മെച്ചപ്പെടുത്തുന്നതിന് അച്ചടക്കമുള്ള രീതിയാണ് Refactoring. |
| 04:56 | ചുരുക്കത്തിൽ, നിങ്ങൾ സ്വഭാവം മാറ്റാതെ തന്നെ കോഡ് ഘടന മാറ്റാൻ കഴിയും. |
| 05:01 | നിങ്ങൾ Refactoring ഉപയോഗിച്ച്, എളുപ്പത്തിൽ fields, methods അല്ലെങ്കിൽ classes എന്നിവ മാറ്റം വരുത്താതെ നീക്കാൻ കഴിയും. |
| 05:08 | IDE ലെക് തിരികെ പോകാം. |
| 05:11 | Encapsulate Fields ഡയലോഗ്-ബോക്സ് തുറക്കുന്നു, അതിൽ name ഫീൽഡ് പട്ടികയുണ്ടാക്കുന്നു. |
| 05:16 | Fields Visibility private ആക്കി സജ്ജമാക്കുമ്പോൾ ശ്രദ്ധിക്കുക. |
| 05:20 | Accessors Visibility ഡിഫാൾട്ട് ആയി , "public" സജ്ജമാക്കുമ്പോൾ |
| 05:24 | access modifierലുളള class variable വ്യക്തമായി private എന്ന് സൂചിപ്പിക്കുന്നു |
| 05:30 | അതേസമയം getter ഉം setter method 'public' modifierന്റെ കൂടെ യഥാക്രമം സൃഷ്ടിക്കപ്പെടും. |
| 05:36 | Refactor. ക്ലിക്ക് ചെയുക |
| 05:39 | Getter ഉ൦ Setter method name ഫീൽഡിനു സൃഷ്ടിക്കപ്പെടും |
| 05:46 | ക്ലാസ് വേരിയബിളിനുള്ള മോഡിഫയർ "private" ആയി ക്രമീകരിച്ചു അതേസമയം getter ഉം setter രീതികൾ "public" modifier കുടെ സൃഷ്ടിക്കപ്പെടും. |
| 05:56 | നിങ്ങളുടെ ജാവ class ഒടുവിൽ ഇതുപോലെ കാണപ്പെടും. |
| 05:59 | അടുത്തത് നമുക്ക് Default JavaServer Pages File edit ചെയാ൦. |
| 06:04 | നമുക്ക് Source editor൭൯റ മുകളിൽ പ്രദർശിപ്പിക്കുന്ന ടാബ് ക്ലിക്ക് ചെയ്ത് 'index.jsp' ഫയൽ വീണ്ടും ഫോക്കസ് ചെയാ൦. |
| 06:11 | ഇപ്പോൾ Tools മെനു > Palette നിനു൦ Palette manager തുറക്കുക, HTML/JSP code clips ക്ലിക്ക് ചെയുക. |
| 06:21 | Palette manager തുറക്കു |
| 06:26 | പാലറ്റ് മാനേജർ ൽ HTML Forms ഓപ്ഷൻ വികസിപ്പിക്കുക |
| 06:31 | Form ഇനം തിരഞ്ഞെടുക്കുക. |
| 06:34 | നിങ്ങളുടെ സോഴ്സ് എഡിറ്റർ ൽ h1 tags,ശേഷം ഉളള ഒരു പോയിന്റ് അത് ഡ്രാഗ് ഉം ഡ്രോപ്പ് ചെയുക. |
| 06:42 | Insert Form ഡയലോഗ്-ബോക്സ് തുറക്കുന്നു. |
| 06:45 | നമുക് സ്ക്രീനിൽ കാണിച്ചിരിക്കുന്ന മൂല്യങ്ങൾ വ്യക്തമാക്കുന്നു |
| 06:49 | Action നെ "response.jsp", |
| 06:54 | Method നെ "GET". |
| 06:56 | നമ്മുടെ form നു "Name Input Form" എന്ന് പേര് കൊടുകാ൦. |
| 07:04 | OK ക്ലിക്ക് ചെയുക |
| 07:07 | ഒരു HTML form 'index.jsp' ഫയലിൽ ചേ൪കുക |
| 07:13 | ഇപ്പോൾ,Palette manager, നിന്ന് ഒരു Text Input ഇനം തിരഞ്ഞെടുക്കുക, form ടാഗുകൾ മുമ്പ് ഒരു പോയിന്റ് അത് ഡ്രാഗ് ഉ൦ ഡ്രോപ്പ് ചെയുക |
| 07:25 | 'Insert Text Input ഡയലോഗ്-ബോക്സിൽ Name എന്നത് "name" എന്ന് വ്യക്തമാക്കുക. |
| 07:32 | Type എന്ന text വിടുക |
| 07:34 | OK ക്ലിക്ക് ചെയുക |
| 07:36 | ഒരു എച്ച്ടിഎംഎൽ input tag ഇപ്പോൾ form ടാഗുകൾക്കിടയിൽ ചേർത്തു. |
| 07:41 | ഒഴിഞ്ഞ 'value' ആട്രിബ്യൂട്ട് input tagൽ നിനു൦ ഇല്ലാതാക്കുക |
| 07:49 | ഇപ്പോൾ, പാലറ്റ് നിന്നും, Button ഇനം തിരഞ്ഞെടുക്കുക. |
| 07:53 | form ടാഗ് അടയ്ക്കുന്നതിന് മുമ്പ് പോയിന്റ് അത് ഡ്രാഗു൦ ഡ്രോപ്പു൦ ചെയുക. |
| 07:58 | Label "OK" എന്ന് വ്യക്തമാക്കുക |
| 08:00 | "submit" എന്ന് Type ചെയുക |
| 08:03 | വീണ്ടും OK ക്ലിക്ക് ചെയുക |
| 08:05 | ഒരു HTML button ഇപ്പോൾ form ടാഗിൽ ചേർത്തു |
| 08:12 | ആദ്യ input tag, മുന്നിൽ "Enter your name" എന്ന ടെക്സ്റ്റ് നൽകുക. |
| 08:22 | h1 ടാഗുകൾ തമ്മിലുള്ള ഡിഫാൾട്ട് ടെക്സ്റ്റ് മാറ്റുക. |
| 08:28 | ടെക്സ്റ്റിനെ "Entry form"എന്ന് മാറ്റുക |
| 08:34 | ഇപ്പോൾ, റൈറ്റ് ക്ലിക്ക്. ഞാ൯ ഇപ്പോൾ, പാലറ്റ് മാനേജർ ക്ലോസ് ചെയ്യാം. |
| 08:38 | Source Editorനുളളിൽ റൈറ്റ് ക്ലിക്ക് ചെയുക |
| 08:41 | നിങ്ങളുടെ കോഡ് ഫോർമാറ്റ് വൃത്തിയാക്കുകവാ൯ Format ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക |
| 08:46 | നിങ്ങളുടെ'index.jsp'ഫയൽ ഇപ്പോൾ ഇത് പോലെ ആയിരിക്കണം. |
| 08:49 | നമുക് അടുത്തത് JavaServer Pages ഫയൽ സൃഷ്ടിക്കാ൦. |
| 08:53 | Projects വിൻഡോ ൽ HelloWebൽ project nodeൽ ഇടത് ക്ലിക്ക് ചെയുക, New > JSP. തിരഞ്ഞെടുക്കുക. |
| 09:01 | New JSP ഫയൽ wizard തുറക്കുന്നു |
| 09:05 | ഫയൽ "response"എന്ന് ചേര് ഇടുക, Finish. ക്ലിക്ക ചെയുക |
| 09:14 | ശ്രദ്ധിക്കുക ഒരു a 'response.jsp' file node , Projects വിൻഡോ index.jsp file കീഴെ പ്രദർശിപ്പിക്കുന്നു. |
| 09:23 | പുതിയ ഫയൽ Source Editorൽ തുറക്കുന്നു. |
| 09:26 | Palette manager തുറക്കുക |
| 09:35 | JSP ഓപ്ഷൻ വിപുലീകരിക്കുക |
| 09:39 | ഒരു Use Bean ഇനം തിരഞ്ഞെടുക്കുക, 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 | ശ്രദ്ധിക്കുക jsp:useBeanടാഗ് body ടാഗിനു താഴെ ചേർത്തു. |
| 10:30 | 'JavaBeans നു ജാവയുടെ വീണ്ടും ഉപയോഗിക്കാവുന്ന സോഫ്റ്റ്വെയർ ഘടകങ്ങൾ ഉണ്ട്. |
| 10:34 | അവർ പല വസ്തുക്കൾ encapsulate ചെയ്ത് ഒരു വസ്തു ആയി ഉപയോഗിക്കുന്നു. |
| 10:38 | അവർ പകരം ഒന്നിലധികം വ്യക്തിഗത വസ്തുക്കൾ ഒരു bean വിഷയമായി ചെയുനു. |
| 10:46 | ഇപ്പോൾ, പാലറ്റ് മാനേജർ നിന്നും, ഒരു Set Bean propertyഇനം തിരഞ്ഞെടുക്കുക , 'h1' ടാഗുകൾ മുമ്പ് ഒരു പോയിന്റ് അത് ഡ്രാഗു൦ ഡ്രോപ്പു൦ ചെയുക. |
| 11:03 | OK ക്ലിക്ക് ചെയുക. |
| 11:12 | ഇവിടെ jsp:setPropertyടാഗ് ദൃശ്യമാകുന്നു, "value" attribute ഡിലീറ്റ് ചെയുക |
| 11:21 | name attribute "mybean" എന്നു൦ Property എന്നത് "name" എന്നു൦ കൊടുകുക |
| 11:30 | ഇപ്പോൾ, 'h1' ടാഗുകൾക്കിടയിൽ ൽ ഞങ്ങളെ ടെക്സ്റ്റ് പേര് Hello കോമ സ്പേസ് ഒരു exclamation ആകുക. |
| 11:40 | ഇപ്പോൾ, പാലറ്റ് മാനേജർ നിന്നും, ഒരുGet Bean property ഇനം തിരഞ്ഞെടുക്കുക. ഡ്രാഗ് ചെയ്ത് "Hello" എന്ന് 'h1' ടാഗുകൾക്കിടയിൽ വാചകം ശേഷം ഡ്രോപ്പ് ചെയുക |
| 11:51 | Get Bean Property ഇനതിൽ, |
| 11:53 | Bean Name "mybean" സജ്ജമാക്കുക |
| 11:57 | Property Name "name"എന്നു൦ |
| 11:59 | OK.ക്ലിക്ക് ചെയുക. |
| 12:01 | ശ്രദ്ധിക്കുക jsp:getProperty ടാഗ് h1 ടാഗിനിടയിിൽ ചേ൪ത്ത് |
| 12:07 | വീണ്ടും സോഴ്സ് എഡിറ്റർ ഉള്ളിൽ റൈറ്റ് ക്ലിക്ക് ചെയ്യുക. ആവശ്യമെങ്കിൽ, പേര് Format ക്ലിക്ക് , നിങ്ങളുടെ കോഡ് ഫോർമാറ്റ് വൃത്തിയാക്കുക |
| 12:16 | അടുത്ത ഘട്ട൦ Web Application Project run ചെയുക എന്നതാണ്. |
| 12:20 | പാലറ്റ് മാനേജർ ക്ലോസ് ചെയ്യാം. |
| 12:26 | Projectsലെ വിൻഡോ ൽ the "HelloWeb" പദ്ധതി നോഡ് റൈറ്റ് ക്ലിക്ക് ചെയ്തRun ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക |
| 12:32 | നിങ്ങളുടെ പ്രോജക്ട് പ്രവർത്തിക്കാൻ നിങ്ങൾക്ക് ടൂൾ ബാർ ൽ നിന്ന് 'run ' ക്ലിക് ചെയ്യുകയോ അല്ലെങ്കിൽ നിങ്ങളുടെ കീബോർഡിലെ 'F6' ' കീ ചെയ്യാം' |
| 12:41 | ഞാൻ ടൂൾബാറിലെ ബട്ടൺ തിരഞ്ഞെടുത് എന്റെ Project 'റൺ' 'ചെയു൦. |
| 12:44 | നിങ്ങൾ ഒരു Web application, റൺ ചെയ്യുമ്പോൾ, IDE ആപ്ലിക്കേഷൻ കോഡ് buildു൦ compileഉ൦ ചെയു൦ |
| 12:53 | സെർവർ ലോഞ്ച് ചെയ്ത സെർവറിനും അപേക്ഷ വിന്യസിക്കുകയാണെങ്കിൽ |
| 12:58 | ഒടുവിൽ ഒരു ബ്രൌസർ വിൻഡോയിൽ അപേക്ഷ പ്രദർശിപ്പിക്കുന്നു. |
| 13:02 | ഈ പ്രക്രിയകൾ കാണുന്നതിന്, നിങ്ങൾ ഓപ്ഷൻ Window മെനുവിൽ നിന്നും ഔട്ട്പുട്ട് വിൻഡോ തുറന്ന് Output തിരഞ്ഞെടുക്കാം |
| 13:10 | നിങ്ങളുടെ application വിജയകരമായി നിർമ്മിച്ചു എന്ന് കാണാം. |
| 13:17 | 'index.jsp' പേജ് നിങ്ങളുടെ സ്ഥിര ബ്രൗസറിൽ തുറക്കുന്നു. |
| 13:23 | വീണ്ടും പദ്ധതിrun ചെയു൦ |
| 13:27 | ഇവിടെ ഇതാ! നിങ്ങളുടെ സ്ഥിരസ്ഥിതി ബ്രൗസറിൽ തുറക്കുന്നു. |
| 13:32 | ശ്രദ്ധിക്കുക ഐഡിഇ സെർവർ ഔട്പുട്ട് കാണിക്കുന്നു മുമ്പ് ബ്രൗസർ വിൻഡോ ചിലപ്പോൾ തുറക്കു൦ |
| 13:38 | ഇപ്പോൾ, നമുക്ക് ബ്രൗസറിൽ, ടെക്സ്റ്റ്-ബോക്സിൽ പേര് നൽകാ൦ |
| 13:42 | ഉദാ: Ubuntu,OK ക്ലിക്ക് ചെയുക. |
| 13:46 | ഒരു ലളിതമായ അഭിവാദ്യം നിങ്ങൾക്ക് നൽകിക്കൊണ്ട്, 'response.jsp' പേജ് പ്രദർശിപ്പിക്കുന്നു, |
| 13:52 | ഇപ്പോൾ, അസൈൻമെന്റ് ഭാഗം വരെ |
| 13:56 | വെബ്-അപ്പ്ലികേഷൻ പ്രൊജക്റ്റ് ന്റെ വിപുലീകരണത്തിനായി രണ്ട് കൂടുതൽ text fieldചേർക്കുക, നിങ്ങളുടെ അപേക്ഷയിൽ, തികച്ചും മൂന്നു ഇൻപുട്ട്' text field ന്റെ ആണ്. |
| 14:06 | JavaBeans bean property സജ്ജമാക്കാൻ ഘടകം ഉപയോഗിക്കുക |
| 14:09 | ബ്രൗസറിൽ അതിന്റെ അവതരണം കാണാൻ. |
| 14:12 | ഒടുവിൽ, രണ്ടാം JSP പേജിൽ ഔട്ട്പുട്ട് വീണ്ടെടുക്കുക. |
| 14:17 | ഞാൻ ഇതിനകം എന്റെ നിയമനം നിർമ്മിച്ചു. |
| 14:21 | എന്റെ നിയമനം IDE തുറക്കൂക, പ്രവർത്തിപ്പിക്കുക. |
| 14:30 | ഞാൻ 3 ഇൻപുട്ട് ടെക്സ്റ്റ് ഫീൽഡുകളിൽ അവതരിപ്പിക്കപ്പെടും |
| 14:35 | OK. എന വിശദാംശങ്ങൾ നൽകി ക്ലിക്ക് ചെയ്യാം. |
| 14:42 | എനിക്ക് ഇതുപോലുള്ള ഒരു ഔട്ട്പുട്ട് ഉപയോഗിച്ച് വേണം |
| 14:47 | linkവീഡിയോ ലഭ്യമായ സ്ക്രീനിൽ കാണാം. |
| 14:51 | ഇത് സ്പോക്കണ് ട്യൂട്ടോറിയല് പ്രോജക്ട് സംഗ്രഹിക്കുന്നു |
| 14:54 | നിങ്ങൾ നല്ല ബാൻഡ് വിഡ്ത്ത് ഇല്ലെങ്കിൽ, നിങ്ങൾക് വീഡിയോകൾ ഡൌൺലോഡ് കാണാൻ കഴിയും. |
| 14:59 | സ്പോക്കൺ ട്യൂട്ടോറിയൽ പ്രോജക്ട് ടീം: സ്പോക്കൺ ട്യൂട്ടോറിയൽ ഉപയോഗിച്ച് വർക്ക് നടത്തുന്നു. |
| 15:05 | ഓൺലൈൻ ടെസ്റ്റ് കടന്നു പോകുന്നവരുടെ സർട്ടിഫിക്കറ്റുകൾ നല്കുന്നു. |
| 15:09 | കൂടുതൽ വിവരങ്ങൾക്ക്, ദയവായി എഴുതുക:contact@spoken-tutorial.org |
| 15:16 | Spoken Tutorial പദ്ധതി Talk to a Teacher പദ്ധതിയുടെ ഭാഗമാണ്. |
| 15:21 | ഇത് ഐസിടി, എംഎച്ച്ആർഡി, ഭാരത സർക്കാർ വിദ്യാഭ്യാസ നാഷണൽ മിഷൻ പിന്തുണയ്ക്കുന്നു. |
| 15:28 | ഈ ദൗത്യം കൂടുതൽ വിവരങ്ങൾ ലഭ്യമാണ്:spoken-tutorial.org/NMEICT-Intro. |
| 15:40 | ഈ ട്യൂട്ടോറിയൽ വിജി നായർ സംഭാവന ചെയ്തു |
| 15:43 | പങ്കെടുത്തതിനു നന്ദി. |
