<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="https://script.spoken-tutorial.org/skins/common/feed.css?303"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
		<id>https://script.spoken-tutorial.org/index.php?action=history&amp;feed=atom&amp;title=Netbeans%2FC2%2FHandling-Images-in-a-Java-GUI-Application%2FMalayalam</id>
		<title>Netbeans/C2/Handling-Images-in-a-Java-GUI-Application/Malayalam - Revision history</title>
		<link rel="self" type="application/atom+xml" href="https://script.spoken-tutorial.org/index.php?action=history&amp;feed=atom&amp;title=Netbeans%2FC2%2FHandling-Images-in-a-Java-GUI-Application%2FMalayalam"/>
		<link rel="alternate" type="text/html" href="https://script.spoken-tutorial.org/index.php?title=Netbeans/C2/Handling-Images-in-a-Java-GUI-Application/Malayalam&amp;action=history"/>
		<updated>2026-05-13T21:05:41Z</updated>
		<subtitle>Revision history for this page on the wiki</subtitle>
		<generator>MediaWiki 1.23.17</generator>

	<entry>
		<id>https://script.spoken-tutorial.org/index.php?title=Netbeans/C2/Handling-Images-in-a-Java-GUI-Application/Malayalam&amp;diff=43477&amp;oldid=prev</id>
		<title>Vijinair: Created page with &quot;{| Border=1  | '''Time''' |'''Narration'''  |- | 00:01 |'''Netbeans IDE'''  ഉപയോഗിച്ച് Handling Images in a Java GUI Application  എന്ന    ടൂട...&quot;</title>
		<link rel="alternate" type="text/html" href="https://script.spoken-tutorial.org/index.php?title=Netbeans/C2/Handling-Images-in-a-Java-GUI-Application/Malayalam&amp;diff=43477&amp;oldid=prev"/>
				<updated>2018-06-18T09:27:15Z</updated>
		
		<summary type="html">&lt;p&gt;Created page with &amp;quot;{| Border=1  | &amp;#039;&amp;#039;&amp;#039;Time&amp;#039;&amp;#039;&amp;#039; |&amp;#039;&amp;#039;&amp;#039;Narration&amp;#039;&amp;#039;&amp;#039;  |- | 00:01 |&amp;#039;&amp;#039;&amp;#039;Netbeans IDE&amp;#039;&amp;#039;&amp;#039;  ഉപയോഗിച്ച് Handling Images in a Java GUI Application  എന്ന    ടൂട...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{| Border=1&lt;br /&gt;
&lt;br /&gt;
| '''Time'''&lt;br /&gt;
|'''Narration'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| 00:01&lt;br /&gt;
|'''Netbeans IDE'''  ഉപയോഗിച്ച് Handling Images in a Java GUI Application  എന്ന    ടൂട്ടോറിയലിലേക്ക് എല്ലാവര്‍ക്കും സ്വാഗതം.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|00:10&lt;br /&gt;
|നിങ്ങള്‍ക്ക് ''netbeasn'''നെക്കുറിച്ചുള്ള പ്രാഥമിക വിവരങ്ങള്‍ അറിയുമെന്ന് കരുതുന്നു.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|00:15&lt;br /&gt;
|''J Frame form'' ല്‍  ''text fields, buttons, menus'' എന്നിവ കൊണ്ട്  വരാൻ   നിങ്ങള്‍ക്ക് അറിയുമെന്ന് കരുതുന്നു.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|00:22&lt;br /&gt;
|അല്ലാത്തപക്ഷം ദയവായി ''Spoken Tutorial'' വെബ് സൈറ്റില്‍ ''Netbeans''നെക്കുറിച്ചുള്ള ടൂട്ടോറിയല്‍സ് നോക്കേതാണ്.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|00:29&lt;br /&gt;
|ഈ ടൂട്ടോറിയലില്‍ നമ്മള്‍ ഇമേജ് കള്‍ ഹാൻഡ്ലിങ്  ചെയ്യുന്നതിനെക്കുറിച്ച് വിശദമായി പഠിക്കും.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|00:34&lt;br /&gt;
|കൂടാതെ ഒരു സാമ്പിള്‍ '''GUI application'''ല്‍ ഇവ പ്രവര്‍ത്തനമായി അവതരിപ്പിക്കുകയും ചെയ്യും&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|00:39&lt;br /&gt;
|ഈ Demonstrationനായി ഞാന്‍ ''Linux Operating Systems Ubundu''  'വേര്‍ഷന്‍ '''11.04'' ഉം '''Netbeans IDE'' വേര്‍ഷന്‍ '''7.1.1''നുമാണ് &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|00:52&lt;br /&gt;
|ജാവ ആപ്ലിക്കേഷനില്‍ images handle ചെയ്യാനും അസസ്സ് ചെയ്യാനും സാധാരണ രീതിയില്‍ ''get Resource()' '''Method'' വഴി കഴിയും&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|00:59&lt;br /&gt;
|നമുക്ക് IDE-സില്‍  ''GUI Builder'' ഉപയോഗിച്ച് കോഡ് ജനറേറ്റ് ചെയ്യുന്നതും നിങ്ങളുടെ ആപ്ലിക്കേഷനില്‍ ഇമേജുകള്‍ ഉള്‍ക്കൊള്ളിക്കുന്നതിനെക്കുറിച്ചും പഠിക്കാം &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|01:07&lt;br /&gt;
|കൂടാതെ ഒരു സിംപിള്‍ '''Jframe''' ക്രിയേറ് ചെയ്ത് ഒരു '''Jlabel'''മായി ക്രിയേറ്റ് ചെയ്ത് ഇമേജുകള്‍ ഡിസ്പ്ലേ  ചെയ്യുന്നത് എങ്ങനെയെന്ന് നോക്കാം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|01:13&lt;br /&gt;
|ഈ ടൂേേട്ടാറിയലില്‍, നമ്മള്‍&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|01:15&lt;br /&gt;
|അപ്ലിക്കേഷൻ  ഫോം  ക്രീറ്റ  ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|01:18&lt;br /&gt;
|ഇമേജില്‍ ഒരു ''package'' ഉള്‍പ്പെടുത്തുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|01:20&lt;br /&gt;
|''Label''ല്‍ ഇമേജ്  എങ്ങനെ ഡിസ്‌പ്ലേ ചെയ്യാം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|01:22&lt;br /&gt;
|''Mouse-Event''കളും '''Pop-Up''' ഉം എങ്ങനെ ക്രിയേറ്റ് ചെയ്യാം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|01:25&lt;br /&gt;
| അപ്ലിക്കേഷൻ ''Build'''  ചെയ്ത  '''Run' &amp;quot; ചെയുക &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|01:28&lt;br /&gt;
|ഇപ്പോള്‍ നമുക്ക് '''IDE'''ലേക്ക് സ്വിച്ച് ചെയ്ത് ഒരു sample application എങ്ങനെ create ചെയ്യാം എന്ന് നോക്കാം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|01:33&lt;br /&gt;
|''File''' മെനു  വില്‍ നിന്ന് ''New Project'' തിരഞ്ഞെടുക്കുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|01:37&lt;br /&gt;
|''Categorise''നുതാഴെ ''Java'' സെലക്ട് ചെയ്ത് ''Projetcts'' നു കീഴെ '''Java Application''' തിരഞ്ഞെടുത്ത് ''Next'' ക്ലിക്ക് ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|01.46&lt;br /&gt;
|'''Project Name''' fieldല്‍ ''Image Displya App'' ടൈപ്പ്  ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|01:54 &lt;br /&gt;
|''Create Main Class'' ചെക്ക്  ബോക്സ്  ക്ലിയർ  ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|01:58&lt;br /&gt;
|'''Set as Main Project''' ചെക്ക്  ബോക്സ്  തിരഞ്ഞെടുത്തുവെന്ന് ഉറപ്പുവരുത്തണം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|02:03&lt;br /&gt;
|'Finish''ക്ലിക്ക് ചെയുക . നിങ്ങളുടെ IDEല്‍ പോർജെക്ട  ക്രിയേറ്  ചെയ്യപ്പെട്ടു കഴിഞ്ഞു.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|02:08&lt;br /&gt;
|ഈ സെക്ഷനില്‍ നമ്മള്‍ ''Jframe form'' ക്രിയേറ്റ്   ചെയ്ത് '''Jlabel''' ഫോം ലേക്ക് എങ്ങനെ ആഡ്  ചെയ്യാം എന്നു നോക്കാം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|02:14&lt;br /&gt;
|ആദ്യം നമുക്ക് ''Jframe form'' ക്രിയേറ്റ്   ചെയ്യാം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|02:17&lt;br /&gt;
|'''Projects''' വിന്ഡോ ല്‍ നിന്ന് ''Image Display App''നോട്  ൽ  എക്സ് പാന്റ്  ചെയ്യുക.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|02:23&lt;br /&gt;
|'''Source Packages''' നോട് ല്‍ റൈറ്റ് ക്ലിക്ക് ചെയ്ത് '''New&amp;gt;&amp;gt;Jframe form'' തിരഞ്ഞെടുക്കുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|02:30&lt;br /&gt;
|''Class Name'' ഫീല്‍ഡില്‍ ''Image Display'' എന്ന് ടൈപ്പ് ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|02:37&lt;br /&gt;
|''Package'' ഫീല്‍ഡില്‍ ''org.me.myimageapp'' എന്ന് ടൈപ്പ് ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|02:45&lt;br /&gt;
|ശേഷം ''Finish'' ക്ലിക്ക് ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|02:48&lt;br /&gt;
|ഇനി നമുക്ക് ''J Label'' ചേർക്കാം &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|02:52&lt;br /&gt;
|IDEയുടെ റൈറ്റ് ഹാന്‍ഡ് സൈഡിലുള്ള ''palette''ല്‍ നിന്നും '''Label''' Component തിരഞ്ഞെടുത്ത് ''Jframe''ലേക്ക് ഡ്രാഗ്  ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|03:01&lt;br /&gt;
|ഇപ്പോള്‍ നിങ്ങളുടെ '''form''' ഇതുപോലെ കാണപ്പെടും&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|03:06&lt;br /&gt;
|നിങ്ങള്‍ ആപ്ലിക്കേഷനില്‍ ഇമേജുകളോ മറ്റെന്തെങ്കിലുമോ ഉപയോഗിക്കുകയാണെങ്കില്‍, സവിശേഷമായി നിങ്ങള്‍ പ്രത്യേക Java package ''Resource''നായി ക്രിയേറ്റ് ചെയ്യുന്നു്&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|03:15&lt;br /&gt;
|നിങ്ങളുടെ ലോക്കല്‍ ഫയല്‍ സിസ്റ്റത്തില്‍ ഈ പാക്കേജ് ഫോള്‍ടറായി കാണപ്പെടുന്നു.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|03:19&lt;br /&gt;
|''Projects''' വിന്ഡോ  ല്‍ '''org.me.myimageapp''' നോഡില്‍ റൈറ്റ് ക്ലിക്ക് ചെയ്ത് ''New&amp;gt;Java Package''' തിരഞ്ഞെടുക്കുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|03:30&lt;br /&gt;
|''New Package Wizard''ല്‍ 'org.myimageapp' നൊപ്പെ 'resources 'കൂടി ആഡ്  ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|03:40&lt;br /&gt;
|പുതിയ പാക്കേജ് ഇപ്പോള്‍ '''org.me.myimageapp.resource''' എന്ന് മാറുന്നു&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|03:47&lt;br /&gt;
| '''Finish''' ക്ലിക് ചെയുക &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|03:49&lt;br /&gt;
|നിങ്ങള്‍ ഇമേജുകള്‍ ആഡ് ചെയ്യുന്ന സമയത്ത് '''Projects''' വിന്ഡോ ല്‍ '''org.me.myimageapp.resources''' പാക്കേജില്‍ തന്നെ ഇമേജുകള്‍  കാണാന്‍ കഴിയും&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|03:59&lt;br /&gt;
|ഈ ആപ്ലിക്കേഷനില്‍ ഇമേജുകള്‍ '''Jlabel''' കം പൊനന്റി  ന് ഉള്ളില്‍ തന്നെ ഉറപ്പിക്കപ്പെടുന്നു&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|04:04&lt;br /&gt;
|ഇനി നമുക്ക് ''label''ല്‍ ഇമേജ്  ചേർക്കാം &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|04:08&lt;br /&gt;
|'''GUI Designer''' ല്‍ നിങ്ങള്‍ ''Form''ല്‍ ഉള്‍പ്പെടുത്തിയ label തെരഞ്ഞെടുക്കുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|04:14&lt;br /&gt;
|windowയുടെ റൈറ്റ് ഹാന്റ് സൈഡിലുള്ള  ''Properties''' Windowക്ക് താഴെയുള്ള '''palette''' ല്‍ സ്ക്രോൾ  ഡൌൺ  ചെയ്ത് ''icon''' propertyയിലേക്ക് സ്ക്രോൾ  ഡൌൺ  ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|04:23&lt;br /&gt;
|'''ellipsis (...)''' ഓ അല്ലെങ്കില്‍ റൈറ്റ് സൈഡിലുള്ള മൂന്നു ഡോട്ടുകളിലോ ക്ലിക്ക് ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|04:30&lt;br /&gt;
|''Icon Property''' dialoge boxല്‍ '''import to project''' ക്ലിക്ക്  ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|04:34&lt;br /&gt;
|File chooserല്‍ നിന്നും നിങ്ങള്‍ക്ക് ഉപയോഗിക്കേ ഇമേജ്  ഉള്‍ക്കൊള്ളുന്ന ഫോള്‍ഡറിലേക്ക് നാവിഗേറ്റ് ചെയ്തശേഷം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|04:42&lt;br /&gt;
|'''Next''' ക്ലിക്ക്  ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|04:45&lt;br /&gt;
|'wizardല്‍ ''Select target folder''' Page ല്‍ ''resources''' ഫോൾഡർ  തെരഞ്ഞെടുക്കുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|04:49&lt;br /&gt;
|ശേഷം '''Finsh''' ല്‍ ക്ലിക്ക്  ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|04:52&lt;br /&gt;
|'''Finish'''ല്‍ click ചെയ്ത് കഴിയുമ്പോള്‍ IDE Project ലേക്ക് ഇമേജ് കോപ്പി ചെയ്യുന്നു&lt;br /&gt;
|-&lt;br /&gt;
|04:57&lt;br /&gt;
|അതിനുശേഷം application ''build'' ചെയ്ത് ''run''' ചെയ്യുമ്പോള്‍ ഇമേജ് distributable '''JAR'' ഫയലില്‍ ഉള്‍ക്കൊള്ളുന്നതാണ്&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|05:07&lt;br /&gt;
|OK ക്ലിക്ക്  ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|05:11&lt;br /&gt;
|Project nodeല്‍ റൈറ്റ് ക്ലിക്ക് ചെയ്ത് ''clean and build'' ഓപ്ഷൻ  തെരഞ്ഞെടുക്കുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|05:18&lt;br /&gt;
|നിങ്ങള്‍ക്കിപ്പോള്‍ ''Files''' മെനു  ലേക്ക് പോകാന്‍ കഴിയും. ''build'' ഫോൾഡർ  ല്‍ &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|05:29&lt;br /&gt;
|''dist'' ഫോൾഡർ നു താഴെ നിങ്ങള്‍ക്ക് ''jar'' ഫയൽ  കാണാന്‍ സാധിക്കും&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|05:33&lt;br /&gt;
|ഇത് ''image display' class''' ല്‍ ഇമേജ്  അക്സസ്സ്  ചെയ്യുന്നതിനുള്ള കോഡ് ജനറേറ്റ് ചെയ്യപ്പെടുന്നു&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|05:38&lt;br /&gt;
|ഇത് കൂടാതെ നിങ്ങളുടെ image ''form''ലെ '''Design''' viewല്‍ label ആയും കാണാം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|05:43&lt;br /&gt;
|ഈ സന്ദര്‍ഭത്തില്‍ ''form''ന്റെ അപ്പീറെൻസ്  ഇമ്പ്രൂവ്  ചെയ്യാനുള്ള കാര്യങ്ങളും സാധ്യമാണ്&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|05:48&lt;br /&gt;
|''properties'' വിന്ഡോ ല്‍ നിന്ന് ''Text''' properties' സെലക്ട്   ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|05:56&lt;br /&gt;
|അതിനുശേഷം ''jlabel1' ഡിലീറ്റ്  ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|06:04&lt;br /&gt;
|''GUI  Builder''' generate ചെയ്യുന്ന value labelനുള്ള ഡിസ്‌പ്ലേ text ആണ്&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|06:10&lt;br /&gt;
|എന്തായാലും image display ചെയ്യാന്‍ text അല്ല label ആണ് നിങ്ങള്‍ ഉപയോഗിക്കുന്നത്&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|06:15&lt;br /&gt;
|അതിനാല്‍ ഈ ടെക്സ്റ്റ്  ആവശ്യമില്ല&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|06:18&lt;br /&gt;
|ഇപ്പോള്‍ നമുക്ക് ''label''നെ ഡ്രാഗ്  ചെയ്ത് ''form''ന്റെ സെന്ററിലേക്ക് കൊണ്ടുവരാം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|06:26&lt;br /&gt;
|'''GUI Designer'''ല്‍ ''Source''' ടാബ്  ക്ലിക്ക്  ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|06:30&lt;br /&gt;
|''Generated Code'' എന്ന് കാണിക്കുന്ന വരിയിലൂടെ സ്‌ക്രോള്‍ ഡൗണ്‍ ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|06:33&lt;br /&gt;
|''GUI Designer''' generate ചെയ്ത കോഡ് display ആകുന്നതിനായി ''Generated Code''' Line ന്റെ Left Sideല്‍ കാണുന്ന plus (+) singnല്‍ click ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|06:42&lt;br /&gt;
|ഇവിടെ key line എന്നുപറയുന്നത് ഇതാണ്&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| 06:49&lt;br /&gt;
|  jLabel1'''ന്റെ  ഐക്കൺ  പ്രോപ്പർട്ടി  ,''' Property editor''' ഉപയോഗിച്ചതിനാൽ   '''IDE'''  എന്നത് '''setIcon''' '''method''' ജനറേറ്റു ചെയ്തു . &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| 06:57&lt;br /&gt;
|  അതിന്റെ പരാമീറ്റർ  വിളിക്കുന്നത്  ''' getResource()''' method on an  '''ImageIcon. ''' ന്റെ  അനോണിമസ് ഇന്നർ ക്ലാസ്  മെത്തേഡ് എന്നതാണ് &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|07:10&lt;br /&gt;
|ഒരിക്കല്‍ നിങ്ങളുടെ image add ആയിക്കഴിഞ്ഞാല്‍ ''design''' view ല്‍ imageല്‍ റൈറ്റ്  ക്ലിക്ക്  ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|07:19&lt;br /&gt;
|Click on '''Events &amp;gt; Mouse &amp;gt; mouseClicked.'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|07:24&lt;br /&gt;
|ഇപ്പോള്‍ വ്യൂ ''source''' മോഡ്  ലേക്ക് മാറിക്കഴിഞ്ഞു&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|07:28&lt;br /&gt;
|ഇത്തരത്തില്‍ '''mouse-click''' വഴി നിങ്ങള്‍ ചെയ്യുന്ന പ്രവര്‍ത്തികള്‍ കസ്റ്റമൈസ് ചെയ്യുന്നതിനായി നിങ്ങള്‍ക്കിവിടെ കോഡ്  ആഡ്  ചെയ്യാവുന്നതാണ്. &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|07:33&lt;br /&gt;
|GUIല്‍ imageല്‍ click ചെയ്യുമ്പോള്‍ ''pop-up'' generate ചെയ്യുന്നതിനായുള്ള കോഡില്‍ കുറച്ചു വരികള്‍ കൂടി add ചെയ്യാം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|08:00&lt;br /&gt;
|ഇപ്പോള്‍ ഞാന്‍ 'pop-up generate' ചെയ്യുന്നതിനായുള്ള കോഡില്‍ കുറച്ചു വരികള്‍ കൂടി എന്റർ  ചെയ്യുകയാണ്&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|08:05&lt;br /&gt;
|ആദ്യം ഞാന്‍ pop-upനായി പുതിയ '''Jframe''' ക്രിയേറ്   ചെയ്യുന്നു.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| 08:12&lt;br /&gt;
|അതിനായി ''defaultCloseOperation'' അത് സെറ്റ് ചെയ്യുന്നു&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|08:15&lt;br /&gt;
|അവസാനമായി '''pop-up''' നായി പ്രൊവൈഡ് ചെയ്തിട്ടുള്ള ടെക്സ്റ്റ് ഉം &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|08:24&lt;br /&gt;
|ഈ വരികള്‍ codeല്‍ ചേര്‍ത്ത ശേഷം നമുക്ക് ആവശ്യമുള്ള പാക്കേജുകള്‍ ''import'' ചെയ്യുന്നതിന് ഫയലിന്റെ തുടക്കത്തില്‍ 2 ് statementകള്‍ കൂടി add ചെയ്യാം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|08:36&lt;br /&gt;
|''import javax.swing.*;''ഉൾപെടുത്തുക &lt;br /&gt;
|-&lt;br /&gt;
| 08:45&lt;br /&gt;
|ശേഷം ''' import java.awt.*; '''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|08:53&lt;br /&gt;
|ഇത് ഈ പ്രോഗ്രാമിന് ആവശ്യമുള്ള ''package'' ഇമ്പോര്ട  ചെയ്യും. &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|08:59&lt;br /&gt;
|ഇനി നമുക്ക് ആപ്ലിക്കേഷനില്‍ ''build''' and '''run'' നല്‍കാം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|09:02&lt;br /&gt;
|ഇമേജ്  ഡിസ്പ്ലേ  ചെയ്യുന്നതിനും ആക്സസ്  ചെയ്യുന്നതിനുമുള്ള കോഡ് നമ്മള്‍ ജിൻേറാടെ  ചെയ്തു കഴിഞ്ഞു&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|09:07&lt;br /&gt;
|ഇമേജ്  അക്സസ്സ്  ചെയ്യുന്നുൈന്ന് ഉറപ്പുവരുത്താന്‍ നമുക്ക് ആപ്ലിക്കേഷനില്‍ ബിൽഡ്‌ ചെയ്ത്  റൺ ചെയ്യാം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|09:12&lt;br /&gt;
|ആദ്യം പ്രൊജക്ടിന്റെ '''Main class''' സെറ്റ് ചെയ്യണം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|09:16&lt;br /&gt;
|നിങ്ങള്‍ '''Main class''' സെറ്റ് ചെയ്യുമ്പോള്‍ projectല്‍ ഏത് '''class''' ആണ് run ചെയ്യേതെന്ന് '''IDE''' തിരിച്ചറിയുന്നു&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|09:21&lt;br /&gt;
|ഇതുകൂൂതെ അപ്ലിക്കേഷന്റെ '''JAR''' file ലുളള '''Main class''' elemet അപ്ലിക്കേഷന്‍  build ചെയ്യുമ്പോള്‍  ജനറേറ്റ് ചെയ്യപ്പെടുന്നു എന്നും ഉറപ്പുവരുത്തുന്നു. &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|09:33&lt;br /&gt;
|ഇവിടെ ''ImageDisplayApp'' projectന്റെ '''Node''' ല്‍ റൈറ്റ് ക്ലിക്ക് ചെയ്ത് '''projects''' windowല്‍ നിന്ന് '''properties''' തെരഞ്ഞെടുക്കുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|09:41&lt;br /&gt;
|''Project Properties''' Dialoge Boxല്‍ left sideല്‍ ഉള്ള '''Run''' കാറ്റഗറി  തെരഞ്ഞെടുക്കുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|09:47&lt;br /&gt;
|'''Main Class''' Fieldന് തൊട്ടടുത്തുള്ള '''Browse''' ബട്ടൺ  ക്ലിക്ക്    ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|09:51&lt;br /&gt;
|''org.me.myimageapp.ImageDisplay'' തെരഞ്ഞെടുത്ത് '''Select Main Class''' ക്ലിക്ക്  ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|10:01&lt;br /&gt;
|ഇവിടെ '''OK''' പറയാം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|10:05&lt;br /&gt;
|ഇപ്പോള്‍ ''Project node''ല്‍ റൈറ്റ്  ക്ലിക്ക്   ചെയ്ത് '''Clean &amp;amp; Build''' തെരഞ്ഞെടുക്കുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|10:11&lt;br /&gt;
|Files Windowല്‍ നിന്ന് applicationന്റെ ''Build'' properties നിങ്ങള്‍ക്ക് കാണാന്‍ കഴിയും&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|10:20&lt;br /&gt;
|'''Build''' folderല്‍ compiled '''class'' ഉള്‍പ്പെട്ടിരിക്കുന്നു&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|10:23&lt;br /&gt;
|''dist'' folderല്‍ ഉള്‍പ്പെട്ടിരിക്കുന്ന executable JAR fileല്‍ compiled '''class''' ഉം '''image''' ഉം ഉള്‍ക്കൊള്ളുന്നു&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|10:32&lt;br /&gt;
|ടൂള്‍ ബാറില്‍ നിന്നും 'Run' തെരഞ്ഞെടുക്കുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| 10:34&lt;br /&gt;
|നമ്മുടെ ''output''' window ഇമേജോടുകൂടി തുറക്കുന്നതാണ് &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|10:39&lt;br /&gt;
|ഞാനിപ്പോള്‍ ഇമേജില്‍ ക്ലിക്ക് ചെയ്യുന്നു&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|10:42&lt;br /&gt;
|നിങ്ങള്‍ക്കിപ്പോള്‍ മുകള്‍ വശത്ത് ഇമേജിന്റെ ഡിസ്ക്രിപ്ഷൻ നോടു കൂടിയുള്ള pop-up കാണാന്‍ സാധിക്കും&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|10:50&lt;br /&gt;
|ഇനി അസൈന്‍മെന്റിന്റെ സമയം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|10:54&lt;br /&gt;
|ഈ tutorialല്‍ വിശദമാക്കിയതിന് സമാനമായി നാല് ഇമേജുകള്‍ ഉള്‍ക്കൊള്ളുന്ന മറ്റൊരു GUI create ചെയ്യുക&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|11:01&lt;br /&gt;
|ഓരോ ഇമേജിനും ഇവന്റുകള്‍ സ്പെസിഫിയ  ചെയ്യേതാണ് അതായത് 'keyboard event, mouse-motion event, mouse-click event, mouse-wheel event' എന്നിങ്ങനെ&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|11:12&lt;br /&gt;
|ഞാന്‍ ഇപ്പോള്‍ അസൈന്‍മെന്റ് ക്രിയേറ്റ് ചെയ്തുകഴിഞ്ഞു&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|11:17&lt;br /&gt;
|ഇനി നമുക്ക് അസൈന്‍മെന്റ് project '''run''' ചെയ്യാം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|11:20&lt;br /&gt;
|നിങ്ങളുടെ അസൈന്‍മെന്റ് സമാനമായതായിരിക്കണം&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|11:26&lt;br /&gt;
|എന്റെ അസൈന്‍മെന്റില്‍ ഇവിടെ ഞാന്‍ 'keyboard events'ഉം 'mouse Events'ഉം ക്രിയേറ്റ് ചെയ്തിട്ടു്&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|11:34&lt;br /&gt;
|അതായത് ചുരുക്കത്തില്‍ &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|11:36&lt;br /&gt;
|നമ്മള്‍ ഒരു ''Jframe form'' ക്രിയേറ്റ് ചെയ്തു &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|11:39&lt;br /&gt;
|ഇമേജില്‍ പാക്കേജുകള്‍ ആഡ്  ചെയ്തു&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|11:41&lt;br /&gt;
|ലേബൽ ല്‍ ഇമേജ്  ഡിസ്പ്ലേ  ചെയ്തു&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|11:44&lt;br /&gt;
|mouse events ഉം pop-up ഉം ക്രിയേറ്റ് ചെയ്തു&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
|11:49&lt;br /&gt;
|ഈ സ്‌ക്രീനിലെ '''link''' കാണുന്ന വീഡിയോ ലഭ്യമാണ്&lt;br /&gt;
|-&lt;br /&gt;
| 11:53&lt;br /&gt;
|'' 'സ്പോക്കൺ ട്യൂട്ടോറിയൽ പ്രൊജക്റ്റ് ' 'സംഗ്രഹിക്കുന്നു.&lt;br /&gt;
 &lt;br /&gt;
|-&lt;br /&gt;
| 11:56&lt;br /&gt;
|നിങ്ങൾക്ക് നല്ല ബാൻഡ് വിഡ്ത്ത് ഇല്ലെങ്കിൽ, അത് ഡൌൺലോഡ് ചെയ്ത് കാണാൻ കഴിയും.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| 12:02&lt;br /&gt;
|സ്പോക്കൺ ട്യൂട്ടോറിയൽ പ്രോജക്ട് ടീം: സ്പോക്കൺ ട്യൂട്ടോറിയലുകൾ ഉപയോഗിച്ച് വർക്ക്ഷോപ്പുകൾ നടത്തുന്നു.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| 12:07&lt;br /&gt;
|ഓൺലൈൻ ടെസ്റ്റ് പാസാകുന്നവർക്ക് സർട്ടിഫികറ്റുകൾ നല്കുന്നു.&lt;br /&gt;
|-&lt;br /&gt;
| 12:11&lt;br /&gt;
|കൂടുതൽ വിവരങ്ങൾക്ക് ദയവായി ഈ വിലാസത്തിൽ എഴുതുക: '' 'contact@spoken-tutorial.org' ''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| 12:19&lt;br /&gt;
|'' 'സ്പോക്കൺ ട്യൂട്ടോറിയൽ പ്രോജക്റ്റ്' '' ടോക്ക് ടു എ ടീച്ചർ '' പദ്ധതിയുടെ ഭാഗമാണ്.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| 12:23&lt;br /&gt;
| ഇതിനെ പിന്തുണക്കുന്നത് നാഷണൽ മിഷൻ ഓൺ എഡ്യൂക്കേഷൻ ത്രൂ ഐസിടി, എംഎച്ച്ആർഡി, ഗവർമെന്റ് ഓഫ് ഇന്ത്യ.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| 12:30&lt;br /&gt;
|ഈ മിഷനെ കുറിച്ചുള്ള കൂടുതൽ വിവരങ്ങൾ ലഭ്യമാണ്: '' 'spoken-tutorial.org/NMEICT-Intro.' '' '&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| 12:42&lt;br /&gt;
|ഈ ട്യൂട്ടോറിയൽ സംഭാവന നൽകിയത് '' 'IT  FOR CHANGE ' '' ആണ്.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| 12:46&lt;br /&gt;
|ഞങ്ങളോടൊപ്പം ചേരുന്നതിന് നന്ദി.&lt;/div&gt;</summary>
		<author><name>Vijinair</name></author>	</entry>

	</feed>