Netbeans/C2/Integrating-an-Applet-in-a-Web-Application/Malayalam

From Script | Spoken-Tutorial
Revision as of 11:55, 27 April 2017 by Vijinair (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Second script



Time Narration
00:01 എല്ലാവര്‍ക്കും നമസ്‌കാരം.
00:02 Integrating an Applet in a Web Application ട്യൂട്ടോറിയലിലേക്ക് സ്വാഗതം.
00:08 നിങ്ങൾ ഈ ട്യൂട്ടോറിയലിൽ build ചെയ്യുന്ന application, Netbeans IDEappletകൾ എങ്ങനെ 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 ട്യൂട്ടോറിയലില്‍ അംഗമായതിനും ഉപയോഗിച്ചതിനും നന്ദി

Contributors and Content Editors

PoojaMoolya, Vijinair