Netbeans/C2/Integrating-an-Applet-in-a-Web-Application/Malayalam
From Script | Spoken-Tutorial
Revision as of 11:18, 6 June 2017 by PoojaMoolya (Talk | contribs)
Time | Narration |
00:01 | എല്ലാവര്ക്കും നമസ്കാരം. Integrating an Applet in a Web Application ട്യൂട്ടോറിയലിലേക്ക് സ്വാഗതം. |
00:08 | നിങ്ങൾ ഈ ട്യൂട്ടോറിയലിൽ build ചെയ്യുന്ന application, Netbeans IDE ൽ appletകൾ എങ്ങനെ build ചെയ്യുകയും deploy ചെയ്യുകയുമെന്ന് കാണിച്ചു തരുന്നു. |
00:16 | ഇത് നിങ്ങൾ ആദ്യമായാണ് Netbeans ഉപയോഗിക്കുന്നതെങ്കിൽ, ട്യൂട്ടോറിയൽ കാണുക. |
00:21 | IDE ഉപയോഗിച്ചു തുടങ്ങാൻ Introduction to Netbeans. |
00:25 | കൂടാതെ, Developing Web Applications, Designing GUIs on Netbeans എന്നീ ട്യൂട്ടോറിയലുകളും കാണുക. |
00:32 | IDE പരിചയപ്പെടാൻ |
00:36 | മുകളിലുള്ള ട്യൂട്ടോറിയലുകൾ Spoken Tutorial വെബ്സൈറ്റിൽ കാണാം. |
00:41 | ഈ വിശദീകരണത്തിനായി, ഞാൻ Linux Operating System Ubuntu പതിപ്പ് 11.04 ഉം Netbeans IDE പതിപ്പ് 7.1.1 ഉം ഉപയോഗിക്കുന്നു. |
00:55 | ഈ ട്യൂട്ടോറിയലിൽ, നമ്മൾ |
00:57 | ഒരു Applet Create ചെയ്യുന്നു |
00:59 | അപ്പലേറ്റ് Run ചെയ്യുന്നു |
01:02 | web application ൽ അപ്പലേറ്റ് Embed ചെയ്യുന്നു. |
01:05 | നമ്മുടെ പദ്ധതി സൃഷ്ടിക്കാൻ IDE ഇപ്പോൾ തുടങ്ങാം. |
01:10 | File > New Project എന്നതിലേക്ക് പോയി Java Class Library സൃഷ്ടിക്കുക. |
01:17 | Next ക്ലിക്കുചെയ്യുക |
01:19 | നിങ്ങളുടെ Project ന് ഒരു പേര് നൽകുക. |
01:21 | ഞാൻ "SampleApplet" എന്ന് എന്റെ പ്രോജക്റ്റിന് പേര് നൽകും. |
01:26 | നിങ്ങളുടെ സിസ്റ്റത്തിലെ ഏതെങ്കിലും ഡയറക്ടറിയിലേക്ക് Location സജ്ജീകരിക്കുക. |
01:30 | നിങ്ങളുടെ പ്രോജക്റ്റ് സൃഷ്ടിക്കാൻ Finish ക്ലിക്കുചെയ്യുക. |
01:34 | നമുക്ക് അടുത്തതായി Applet Source File സൃഷ്ടിക്കാം. |
01:39 | "SampleApplet" project node ൽ റൈറ്റ്-ക്ലിക്ക് ചെയ്യുക. |
01:42 | Properties എന്ന ജാലകം തുറക്കാൻ Properties തിരഞ്ഞെടുക്കുക. |
01:47 | പ്രോജക്ടിനായി ആവശ്യമുള്ള Source or Binary Format തിരഞ്ഞെടുക്കുക. |
01:53 | JDK ന്റെ ശരിയായ പതിപ്പ് തിരഞ്ഞെടുത്തിട്ടുണ്ടോ എന്ന് ഉറപ്പാക്കാനാണ് ഇത്. |
01:59 | ഉദാഹരണത്തിന്, നിങ്ങൾ JDK- ന്റെ ഏറ്റവും പുതിയ പതിപ്പ് തിരഞ്ഞെടുക്കുകയാണെങ്കിൽ, |
02:04 | അപ്പലേറ്റ് Java browser plugin പഴയ പതിപ്പിലെ മെഷീനുകളിൽ run ചെയ്യുകയില്ല. |
02:10 | ജാവ ബ്രൗസർ പ്ലഗിൻ ഏറ്റവും പുതിയ വേർഷൻ എന്റെ ബ്രൗസർ പിന്തുണയ്ക്കുന്നതിനാൽ ഞാൻ JDK ന്റെ ഏറ്റവും പുതിയ പതിപ്പ് തിരഞ്ഞെടുക്കും |
02:19 | OK എന്നതിൽ ക്ലിക്കുചെയ്യുക. |
02:21 | SampleApplet പ്രോജക്ട് നോഡിൽ വീണ്ടും റൈറ്റ്-ക്ലിക്ക് ചെയ്യുക |
02:25 | New > Applet തിരഞ്ഞെടുക്കുക. |
02:29 | ഈ സാന്ദർഭിക മെനുവിൽ Applet ഓപ്ഷൻ നിങ്ങൾക്കു കണ്ടെത്താനായില്ലങ്കിൽ , Other എന്നതിൽ ക്ലിക്കുചെയ്യുക. |
02:35 | Categories എന്നതിന് കീഴിൽ, Java തിരഞ്ഞെടുക്കുക. |
02:38 | File Typesഎന്നതിന് കീഴിൽ, Applet സൃഷ്ടിക്കുന്നതിന് Applet തിരഞ്ഞെടുക്കുക. |
02:43 | Class name,"Sample" ആയും Package,"org.me.hello" ആയും നൽകുക. |
02:55 | Finishക്ലിക്കുചെയ്യുക. |
02:57 | നിർദ്ദിഷ്ട package ൽ അപ്പലേറ്റ് source file IDE സൃഷ്ടിക്കുന്നു. |
03:02 | ഇത് കാണുന്നതിന് Projects വിൻഡോയിലെ Source Packages നോഡ് നിങ്ങൾക്ക് വിപുലീകരിക്കാം. |
03:08 | Source editor ൽ ആപ്ലെറ്റ് സോഴ്സ് ഫയൽ തുറക്കുന്നു. |
03:12 | ഇപ്പോൾ നമുക്ക് applet class നിർവചിക്കാം. |
03:17 | ഒരു ലളിതമായ ആപ്ലെറ്റിനായി എനിക്ക് കോഡ് ഉണ്ട് |
03:21 | ഇത് background നിറം സിയാൻ ആയി സജ്ജീകരിക്കുന്നു, |
03:24 | foreground നിറം ചുവപ്പ് ആയും |
03:27 | ആപ്ലെറ്റിൽ methods കാണിക്കുന്ന ഒരു സന്ദേശം പ്രദർശിപ്പിക്കുകയും ചെയ്യുന്നു |
03:34 | അതായത്, ആപ്ലെറ്റ് ആരംഭിക്കുമ്പോൾ, init(), start(), paint() ഈ രീതികളെല്ലാം വിളിക്കുന്നു. |
03:43 | ഞാൻ ഇപ്പോൾ എന്റെ ക്ലിപ്പ്ബോർഡിലെ മുഴുവൻ കോഡ് പകർത്തി, IDE യുടെ നിലവിലുള്ള കോഡ് മേൽ അത് paste ചെയ്യും. |
03:54 | Projects വിൻഡോയിലെ Sample.java ഫയലിൽ റൈറ്റ് ക്ലിക്ക് ചെയ്യുക. |
04:00 | സന്ദർഭോചിതമായ മെനുവിൽ നിന്ന് Run File തിരഞ്ഞെടുക്കുക. |
04:04 | ആപ്ലെറ്റ് എംബെഡഡ് ചെയ്ത Sample.html ലോഞ്ചർ ഫയൽ build ഫോൾഡറിൽ സൃഷ്ടിച്ചിരിക്കുന്നു. |
04:13 | നിങ്ങൾക്ക് അത് Files വിൻഡോയിൽ കാണാൻ കഴിയും. |
04:15 | Sample dot html file. |
04:18 | ആപ്ലെറ്റും Applet viewer ൽ ആരംഭിച്ചു. |
04:23 | സ്ക്രീനില് ദൃശ്യമാകുന്ന സന്ദേശം ഉപയോഗിച്ച്. |
04:27 | ഞാൻ applet viewer ക്ലോസ് ചെയ്യട്ടെ. |
04:29 | അടുത്തതായി നമുക്ക് ഒരു വെബ് ആപ്ലിക്കേഷനിൽ ആപ്ലെറ്റ് ഉൾപ്പെടുത്താം. |
04:33 | അങ്ങനെയാണെങ്കിൽ ഉപയോക്താവിന് ആപ്ലെറ്റ് ലഭ്യമാക്കാൻ കഴിയും. |
04:37 | അങ്ങനെ ചെയ്യുന്നതിന്, നമ്മൾ ഒരു വെബ് അപ്ലിക്കേഷൻ സൃഷ്ടിക്കുക. |
04:42 | Categories എന്നതിനു കീഴിൽ java web ഉം Projects എന്നതിനു കീഴിൽ Web Application ഉം തിരഞ്ഞെടുക്കുക. |
04:48 | Next ക്ലിക്കുചെയ്യുക. |
04:50 | നമ്മൾ Project നെ "HelloSampleApplet" എന്ന് നാമനിർദ്ദേശം ചെയ്യും. |
05:01 | Next ക്ലിക്കുചെയ്യുക. |
05:03 | ശരിയായ സെർവർ തിരഞ്ഞെടുത്തിരിക്കുന്നു നോക്കുക, ഒപ്പം നിങ്ങളുടെ പ്രോജക്ട് സൃഷ്ടിക്കാൻ Finish ക്ലിക്കുചെയ്യുക. |
05:12 | ജാവ പ്രൊജക്റ്റ് SampleApplet വെബ് പ്രോജക്റ്റായ HelloSampleApplet ലേക്ക് ചേർക്കുമ്പോൾ ശ്രദ്ധിക്കുക. |
05:20 | ഞങ്ങൾ ഈ വെബ് ആപ്ലിക്കേഷൻ build ചെയ്തപ്പോഴെല്ലാം ആപ്ലെറ്റ് build ചെയ്യാൻ IDE യെ ഞങ്ങൾ പ്രാപ്തമാക്കുന്നു. |
05:26 | അതുകൊണ്ട്, നമ്മൾ Sample dot java applet പരിഷ്ക്കരിക്കുമ്പോൾ, |
05:34 | ഇത് നിർമ്മിക്കുന്പോൾ എല്ലാം ആപ്ലെറ്റിന്റെ പുതിയ പതിപ്പു് IDE തയ്യാറാക്കുന്നു. |
05:40 | ഇപ്പോൾ Projects വിൻഡോയിൽ, HelloSampleApplet പദ്ധതി നോഡിൽ റൈറ്റ് ക്ലിക്ക് ചെയ്യുക. |
05:45 | എന്നിട്ട് Properties ക്ലിക്കുചെയ്യുക. |
05:49 | നമ്മുടെ ആപ്ലെറ്റ് ഒരു ജാവാ പ്രൊജക്ടിലാണ്. |
05:52 | Jar file ചേർക്കുന്നതിന്, വിൻഡോസിന്റെ ഇടതുവശത്തുള്ള മെനുവിൽ നിന്ന് Packagingഎന്ന ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക. |
05:59 | Add Project ക്ലിക്കുചെയ്ത് Applet classഉൾക്കൊള്ളുന്ന ജാവ പ്രൊജക്റ്റ് തിരഞ്ഞെടുക്കുക. |
06:05 | ഈ സാഹചര്യത്തിൽ, അത് SampleApplet ആണ്. |
06:09 | Add Project Jar Files ക്ലിക്ക് ചെയ്യുക. |
06:14 | applet source file അടങ്ങുന്ന JAR ഫയൽ ഇപ്പോൾ പട്ടികയിൽ കൊടുത്തിട്ടുണ്ട്. |
06:20 | OK ക്ലിക്ക് ചെയ്യുക. |
06:24 | Projects വിൻഡോസിൽ ഇപ്പോൾ വലതുഭാഗത്ത് ക്ലിക്കുചെയ്തുകൊണ്ട് HelloSampleApplet പദ്ധതി നിർമിക്കാം. |
06:31 | കൂടാതെ Clean and Build ഓപ്ഷൻ തിരഞ്ഞെടുക്കുകയും ചെയ്യുക. |
06:36 | ഇപ്പോൾ, ഈ പ്രോജക്റ്റ് നിർമ്മിക്കപ്പെടുമ്പോൾ, ആപ്ലെറ്റ് ജാർ ഫയൽ ഒറിജിനൽ SampleApplet പ്രോജക്ടിൽ ജനറേറ്റുചെയ്യുന്നു. |
06:45 | Filesവിൻഡോയിലേക്ക് പോകുക, HelloSampleApplet പ്രോജക്ട് നോഡ് വിപുലീകരിക്കുക. |
06:51 | build, web ഫോൾഡറിനു കീഴിൽ, |
06:54 | jar file ചേർത്തിട്ടുണ്ടെന്ന് നിങ്ങൾക്ക് കാണാം. |
06:58 | ഇനി നമുക്ക് HTML ഫയൽ ലെ ആപ്ലെറ്റ് embed ചെയ്യാം. |
07:02 | Projects വിൻഡോയിലേക്ക് തിരികെ പോകുക, HelloSampleApplet പ്രോജക്ട് നോഡിൽ റൈറ്റ് ക്ലിക്കുചെയ്യുക, |
07:09 | New തിരഞ്ഞെടുത്ത് HTML ഫയൽ ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക. |
07:13 | ഈ സാന്ദർഭിക മെനുവിൽ HTML ഓപ്ഷൻ കണ്ടെത്താനായില്ലെങ്കിൽ, |
07:18 | Other ക്ലിക്ക് ചെയ്യുക. |
07:21 | Categories എന്നതിന് കീഴിലുള്ള Web തിരഞ്ഞെടുത്ത് File Types കീഴിൽ HTML തിരഞ്ഞെടുത്ത് Next ക്ലിക്കുചെയ്യുക. |
07:29 | നിങ്ങളുടെ Html ഫയലിന് ഒരു പേരു നൽകുക. |
07:32 | ഞാൻ ഫയലിന് "MyApplet" എന്ന് പേരിടുകയും Finish ക്ലിക്ക് ചെയ്യുകയും ചെയ്യും. |
07:40 | MyApplet dot html ഫയലിൽ 'body' ടാഗുകൾക്കിടയിൽ ആപ്ലെറ്റ് ടാഗ് നൽകുക എന്നതാണ് അടുത്ത നടപടി. |
07:48 | എനിക്ക് ഇവിടെ ആപ്ലെറ്റ് കോഡ് ഉണ്ട്. |
07:51 | എന്റെ ക്ലിപ്ബോർഡിലേക്ക് പകർത്തി, html ഫയലിൽ body ടാഗുകൾക്കിടയിൽ paste ചെയ്തു. |
08:03 | അടുത്ത നടപടി html ഫയൽ run ചെയ്യുക എന്നതാണ്. |
08:07 | Projects വിൻഡോയിൽ MyApplet dot html എന്നതിൽ റൈറ്റ്-ക്ലിക്കുചെയ്ത് Run File തിരഞ്ഞെടുക്കുക. |
08:14 | സെർവർ IDE യുടെ സ്ഥിര ബ്രൗസറിലെ html ഫയൽ വിന്യസിക്കുന്നു. |
08:25 | ഇപ്പോൾ, സെർവർ IDE യുടെ സ്ഥിര ബ്രൗസറിലെ html ഫയൽ വിന്യസിച്ചു. |
08:30 | സ്ക്രീനില് ദൃശ്യമാകുന്ന സന്ദേശം നിങ്ങള്ക്ക് കാണാം. |
08:36 | നി അസൈൻമെന്റിൽ, |
08:38 | നിങ്ങളുടെ അസൈൻമെന്റിൽ, IDE ൽ മറ്റൊരു ലളിത banner applet സൃഷ്ടിക്കുക. |
08:43 | ആപ്ലെറ്റ് വിൻഡോയിലുടനീളമുള്ള ഒരു സന്ദേശം ആപ്ലെറ്റ് സ്ക്രോൾ ചെയ്യുക. |
08:49 | വെബ് ആപ്ലിക്കേഷനിൽ നിങ്ങളുടെ ആപ്ലെറ്റ് ഉൾച്ചേർക്കുക. |
08:52 | കൂടാതെ വെബ് പ്രോജക്ടിൽ JAR ഫയലുകൾ ചേർക്കുക. |
08:56 | ഒടുവിൽ HTML ഫയൽ സൃഷ്ടിച്ച് run ചെയ്യുക. |
09:00 | ഞാൻ എന്റെ സ്വന്തം ബാനർ ആപ്ലെറ്റ് സൃഷ്ടിച്ചു. |
09:04 | ഞാൻ പ്രോജക്റ്റ് തുറന്ന് run ചെയ്യട്ടെ. |
09:18 | windowൽ സന്ദേശം സ്ക്രോളിംഗിലൂടെ ആപ്ലെറ്റ് തുറന്നുവെന്ന് നിങ്ങൾക്ക് കാണാൻ കഴിയും. |
09:28 | സ്ക്രീനില് കാണുന്ന ലിങ്കില് ലഭിക്കുന്ന വീഡിയോ കാണുക |
09:32 | Spoken Tutorial project ന്റെ ചുരുക്ക രൂപമാണിത് |
09:36 | നിങ്ങള്ക്ക് നല്ല ബാന്വിഡ്ത്ത് ലഭ്യമല്ലെങ്കില് വീഡിയോസ് ഡൗണ്ലോഡ് ചെയ്ത് കാണാം |
09:41 | Spoken Tutorial project team: ട്യൂട്ടോറിയല്സ് ഉപയോഗിച്ച് വര്ക്ക്ഷോപ്പുകള് സംഘടിപ്പിക്കുന്നു |
09:46 | ഓണ്ലൈന് പരീക്ഷ പാസാകുന്നവര്ക്ക് സര്ട്ടിഫിക്കറ്റുകളും നല്കുന്നു |
09:51 | കൂടുതല് വിവരങ്ങള്ക്ക് ഈ മെയില് ബന്ധപ്പെടുക :contact@spoken-tutorial.org |
09:58 | Spoken Tutorial പ്രോജക്ട് Talk to a Teacher പ്രോജക്ട്ന്റെ ഭാഗമാണ് |
10:04 | നാഷണല് മിഷണ് ഓണ് എഡ്യുക്കേഷന്റെ സഹായത്തോടെ ICT, MHRD, Government of India യാണ് ഈ ട്യൂട്ടോറിയല് തയ്യാറാക്കിയത് |
10:11 | കൂടുതല് വിവരങ്ങള് താഴെയുളള ലിങ്കില് ലഭിക്കും :'spoken-tutorial.org/NMEICT-Intro |
10:22 | sarin B ആണ് ഈ ട്യൂട്ടോറിയല് സംഭാവന ചെയ്തിരിക്കുന്നത് |
10:27 | ട്യൂട്ടോറിയലില് അംഗമായതിനും ഉപയോഗിച്ചതിനും നന്ദി |