<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title> &#187; image</title>
	<atom:link href="http://www.andisun.com/tag/image/feed" rel="self" type="application/rss+xml" />
	<link>http://www.andisun.com</link>
	<description></description>
	<lastBuildDate>Tue, 30 Mar 2010 02:20:46 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>J2ME: Menampilkan Gambar dengan Class Canvas</title>
		<link>http://www.andisun.com/tutorials/j2me-programming/j2me-menampilkan-gambar</link>
		<comments>http://www.andisun.com/tutorials/j2me-programming/j2me-menampilkan-gambar#comments</comments>
		<pubDate>Fri, 15 Jan 2010 02:52:08 +0000</pubDate>
		<dc:creator>myandisun</dc:creator>
				<category><![CDATA[J2ME-Mobile Programming]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[J2ME]]></category>

		<guid isPermaLink="false">http://www.andisun.com/?p=551</guid>
		<description><![CDATA[Salah satu kelebihan class Canvas adalah dapat menampilkan gambar. Pada modul ini kita akan membahas kode program untuk menampilkan file gambar di layar handphone.
Pertama anda siapkan file gambar yang akan ditampilkna. Biasanya file gambar yang ditampilkan dalam layar HP bertipe “PNG”.
Siapkan gambar degan nama dan extensi berikut: &#8220;btw.png,globe.png,ipod.png,printer.png,sepeda.png&#8221;
File di atas dapat diganti sesuai dengan keinginan [...]]]></description>
			<content:encoded><![CDATA[<p>Salah satu kelebihan class Canvas adalah dapat menampilkan gambar. Pada modul ini kita akan membahas kode program untuk menampilkan file gambar di layar handphone.</p>
<p>Pertama anda siapkan file gambar yang akan ditampilkna. Biasanya file gambar yang ditampilkan dalam layar HP bertipe “PNG”.</p>
<p>Siapkan gambar degan nama dan extensi berikut: &#8220;btw.png,globe.png,ipod.png,printer.png,sepeda.png&#8221;<br />
File di atas dapat diganti sesuai dengan keinginan kita.</p>
<p><strong>MIDShowImage.java</strong></p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p551code2'); return false;">View Code</a> JAVA</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p5512"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
</pre></td><td class="code" id="p551code2"><pre class="java" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">import</span> <span style="color: #006699;">javax.microedition.midlet.*</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">import</span> <span style="color: #006699;">javax.microedition.lcdui.*</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000000; font-weight: bold;">class</span> ShowImageNext <span style="color: #000000; font-weight: bold;">extends</span> MIDlet <span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">private</span> Display display<span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">private</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Acanvas+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Canvas</span></a> canvas<span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">private</span> Command cmdNExt<span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">private</span> <span style="color: #000066; font-weight: bold;">int</span> counter <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">public</span> ShowImageNext<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
canvas <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> CanvasShowImg<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000066; font-weight: bold;">void</span> startApp<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
display.<span style="color: #006633;">getDisplay</span><span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #006633;">setCurrent</span><span style="color: #009900;">&#40;</span>canvas<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000066; font-weight: bold;">void</span> pauseApp<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000066; font-weight: bold;">void</span> destroyApp<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">boolean</span> unconditional<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">//End of MIDlet</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000000; font-weight: bold;">class</span> CanvasShowImg <span style="color: #000000; font-weight: bold;">extends</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Acanvas+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Canvas</span></a> <span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">private</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Aimage+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Image</span></a> currentImg<span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">public</span> CanvasShowImg<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">protected</span> <span style="color: #000066; font-weight: bold;">void</span> paint<span style="color: #009900;">&#40;</span><a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Agraphics+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Graphics</span></a> g<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">try</span> <span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">//set background to white</span>
&nbsp;
g.<span style="color: #006633;">setColor</span><span style="color: #009900;">&#40;</span>0xFFFFFF<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
g.<span style="color: #006633;">fillRect</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span>, <span style="color: #cc66cc;">0</span>, <span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006633;">getWidth</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>, <span style="color: #000000; font-weight: bold;">this</span>.<span style="color: #006633;">getHeight</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Astring+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">String</span></a><span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> option <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span><span style="color: #0000ff;">&quot;/btw.png&quot;</span>, <span style="color: #0000ff;">&quot;/globe.png&quot;</span>, <span style="color: #0000ff;">&quot;/ipod.png&quot;</span>, <span style="color: #0000ff;">&quot;/printer.png&quot;</span>, <span style="color: #0000ff;">&quot;/sepeda.png&quot;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
currentImg <span style="color: #339933;">=</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Aimage+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Image</span></a>.<span style="color: #006633;">createImage</span><span style="color: #009900;">&#40;</span>option<span style="color: #009900;">&#91;</span>counter<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Asystem+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">System</span></a>.<span style="color: #006633;">out</span>.<span style="color: #006633;">println</span><span style="color: #009900;">&#40;</span>counter<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">catch</span> <span style="color: #009900;">&#40;</span><a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Aexception+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Exception</span></a> e<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
e.<span style="color: #006633;">getMessage</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
&nbsp;
g.<span style="color: #006633;">drawImage</span><span style="color: #009900;">&#40;</span>currentImg, getWidth<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">/</span> <span style="color: #cc66cc;">2</span>, getHeight<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">/</span> <span style="color: #cc66cc;">2</span>, <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Agraphics+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Graphics</span></a>.<span style="color: #006633;">VCENTER</span> <span style="color: #339933;">|</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Agraphics+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Graphics</span></a>.<span style="color: #006633;">HCENTER</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000066; font-weight: bold;">void</span> keyPressed<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> keycode<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">switch</span> <span style="color: #009900;">&#40;</span>getGameAction<span style="color: #009900;">&#40;</span>keycode<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">case</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Acanvas+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Canvas</span></a>.<span style="color: #006633;">RIGHT</span><span style="color: #339933;">:</span>
&nbsp;
counter <span style="color: #339933;">=</span> counter <span style="color: #339933;">+</span> <span style="color: #cc66cc;">1</span><span style="color: #339933;">;</span>
&nbsp;
repaint<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">break</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">case</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Acanvas+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Canvas</span></a>.<span style="color: #006633;">LEFT</span><span style="color: #339933;">:</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">break</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">default</span><span style="color: #339933;">:</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>Hasil program di atas adalah sebagai berikut:</p>
<div id="attachment_554" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.andisun.com/wp-content/uploads/2010/01/tampil_gambar1.png"><img class="size-full wp-image-554" title="tampil_gambar" src="http://www.andisun.com/wp-content/uploads/2010/01/tampil_gambar1.png" alt="Program menampilkan gambar" width="300" height="383" /></a><p class="wp-caption-text">Program menampilkan gambar</p></div>
<p><strong>Keterangan:</strong></p>
<p>Klik panah ke kanan untuk melihat gambar selanjutnya.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.andisun.com/tutorials/j2me-programming/j2me-menampilkan-gambar/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Memanfaatkan Class List</title>
		<link>http://www.andisun.com/tutorials/j2me-programming/memanfaatkan-class-list</link>
		<comments>http://www.andisun.com/tutorials/j2me-programming/memanfaatkan-class-list#comments</comments>
		<pubDate>Thu, 23 Jul 2009 15:30:42 +0000</pubDate>
		<dc:creator>myandisun</dc:creator>
				<category><![CDATA[J2ME-Mobile Programming]]></category>
		<category><![CDATA[class]]></category>
		<category><![CDATA[exclusive]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[implicit]]></category>
		<category><![CDATA[J2ME]]></category>
		<category><![CDATA[list]]></category>
		<category><![CDATA[multiple]]></category>

		<guid isPermaLink="false">http://www.andisun.com/?p=265</guid>
		<description><![CDATA[Class List merupakan turunan dari class Screen. Class ini berfungsi untuk menampilkan daftar item pilihan yang dapat diakses denagn cara menscroll. Untuk memilih item yang diinginkan dengan menekan tombol select atau menggunakan Command.
Bentuk constructor List adalah sebagai berikut:

List(String title, int listType)
List(String title, int listType, String[] choices, Image[] images)

Daftar method clas List yang digunakan untuk memanipulasi [...]]]></description>
			<content:encoded><![CDATA[<p>Class <span style="font-family: courier new,courier;">List</span> merupakan turunan dari class <span style="font-family: courier new,courier;">Screen</span>. Class ini berfungsi untuk menampilkan daftar item pilihan yang dapat diakses denagn cara menscroll. Untuk memilih item yang diinginkan dengan menekan tombol select atau menggunakan <span style="font-family: courier new,courier;">Command</span>.</p>
<p>Bentuk constructor List adalah sebagai berikut:</p>
<ul>
<li><span style="font-family: terminal,monaco;">List(String title, int listType)</span></li>
<li><span style="font-family: terminal,monaco;">List(String title, int listType, String[] choices, Image[] images)</span></li>
</ul>
<p>Daftar method clas <span style="font-family: courier new,courier;">List </span>yang digunakan untuk memanipulasi item adalah:</p>
<table style="width: 591px; height: 134px;" border="0" cellspacing="1" cellpadding="1">
<tbody>
<tr>
<td width="127">
<p align="center"><strong>Nama Method</strong></p>
</td>
<td width="454">
<p align="center"><strong>Kegunaan</strong></p>
</td>
</tr>
<tr>
<td width="127"><span style="font-family: courier new,courier;">append()</span></td>
<td width="454"><span style="font-family: arial,helvetica,sans-serif;">Menambah item   dan menempatkannya pada posisi terakhir.</span></td>
</tr>
<tr>
<td width="127"><span style="font-family: courier new,courier;">insert()</span></td>
<td width="454"><span style="font-family: arial,helvetica,sans-serif;">Menambah item   dan menempatkannya di posisi sebelum item yang aktif(item yang sedang   dipilih)</span></td>
</tr>
<tr>
<td width="127"><span style="font-family: courier new,courier;">delete()</span></td>
<td width="454"><span style="font-family: arial,helvetica,sans-serif;">Menghapus item   yang sedang dipilih.</span></td>
</tr>
<tr>
<td width="127"><span style="font-family: courier new,courier;">deleteAll()</span></td>
<td width="454"><span style="font-family: arial,helvetica,sans-serif;">Menghapus   semua item yan gterdapat pada objek List.</span></td>
</tr>
</tbody>
</table>
<p>Parameter choices digunakan untuk melewatkan item-item yang diisikan, sedangkan images digunakan untuk menyimpan daftar gambar (icon) yang akan ditampilkan.</p>
<p>Dalam class List ada tiga macam tipe:</p>
<table style="width: 598px; height: 137px;" border="0" cellspacing="1" cellpadding="1">
<tbody>
<tr>
<td width="102"><strong>Tipe</strong></td>
<td width="479"><strong>Keterangan</strong></td>
</tr>
<tr>
<td width="102"><span style="font-family: courier new,courier;">EXCLUSIVE</span></td>
<td width="479"><span style="font-family: arial,helvetica,sans-serif;">List ini berbentuk radio button. User hanya dapat memilih   satu pilihan.</span></td>
</tr>
<tr>
<td width="102"><span style="font-family: courier new,courier;">MULTIPLE</span></td>
<td width="479"><span style="font-family: arial,helvetica,sans-serif;">List berupa   list yang didalamnya dilengkapi dengan ChecBox. User dapat memilih lebih dari satu pilihan.</span></td>
</tr>
<tr>
<td width="102"><span style="font-family: courier new,courier;">IMPLICITE</span></td>
<td width="479"><span style="font-family: arial,helvetica,sans-serif;">List standar   yang biasa digunakan untuk menampilkan item pilihan.</span></td>
</tr>
</tbody>
</table>
<p>Untuk mengetahui gambar-gambar mana yang dipilih, class List mendefinisikan method-method sebagai berikut:</p>
<pre>public int getSelectedIndex()
public void getSelectedFlags(boolean[] selected)
public boolean isSelected(int elemenNum)</pre>
<p>Sebelum memulai menuliskan program kita siapkan dulu icon yang akan dimunculkan pada List. Format gambar yang digunakan untuk icon adalah PNG. Berikut icon yang yang akan digunakan:</p>
<table style="width: 179px; height: 149px;" border="0" cellspacing="1" cellpadding="1">
<tbody>
<tr>
<td><strong>Nama File</strong></td>
<td><strong>Images</strong></td>
</tr>
<tr>
<td>register.png</td>
<td><img class="aligncenter size-full wp-image-266" title="register" src="http://www.andisun.com/wp-content/uploads/2009/07/register.png" alt="register" width="20" height="22" /></td>
</tr>
<tr>
<td>tools.png</td>
<td><img class="aligncenter size-full wp-image-267" title="tools" src="http://www.andisun.com/wp-content/uploads/2009/07/tools.png" alt="tools" width="20" height="20" /></td>
</tr>
<tr>
<td>wizard.png</td>
<td><img class="aligncenter size-full wp-image-268" title="wizard" src="http://www.andisun.com/wp-content/uploads/2009/07/wizard.png" alt="wizard" width="20" height="20" /></td>
</tr>
<tr>
<td>contact.png</td>
<td><img class="aligncenter size-full wp-image-269" title="contact" src="http://www.andisun.com/wp-content/uploads/2009/07/contact.png" alt="contact" width="20" height="20" /></td>
</tr>
<tr>
<td>help.png</td>
<td><img class="aligncenter size-full wp-image-270" title="help" src="http://www.andisun.com/wp-content/uploads/2009/07/help.png" alt="help" width="20" height="20" /></td>
</tr>
</tbody>
</table>
<p><span id="more-265"></span></p>
<p>Copykan file di atas jadi satu direktori dengan file Java, yaitu direktory: <span style="font-family: courier new,courier;">src</span>. Jika dilihat pada tampilan explorer adalah sebagai berikut:</p>
<table border="0">
<tbody>
<tr>
<td>
<div id="attachment_271" class="wp-caption aligncenter" style="width: 476px"><img class="size-full wp-image-271  " title="j2me_list_icon01" src="http://www.andisun.com/wp-content/uploads/2009/07/j2me_list_icon01.png" alt="Tampilan pada file explorer" width="466" height="80" /><p class="wp-caption-text">Tampilan pada file explorer</p></div></td>
</tr>
</tbody>
</table>
<p>Kode program untuk aplikasi ini adalah:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p265code4'); return false;">View Code</a> JAVA</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2654"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
</pre></td><td class="code" id="p265code4"><pre class="java" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">import</span> <span style="color: #006699;">javax.microedition.lcdui.*</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">import</span> <span style="color: #006699;">javax.microedition.midlet.*</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000000; font-weight: bold;">class</span> MIDList <span style="color: #000000; font-weight: bold;">extends</span> MIDlet <span style="color: #000000; font-weight: bold;">implements</span> CommandListener <span style="color: #009900;">&#123;</span>
&nbsp;
    <span style="color: #000000; font-weight: bold;">private</span> Display display<span style="color: #339933;">;</span>
    <span style="color: #000000; font-weight: bold;">private</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Alist+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">List</span></a> list<span style="color: #339933;">;</span>
    <span style="color: #000000; font-weight: bold;">private</span> Command cmdPilih<span style="color: #339933;">;</span>
    <span style="color: #000000; font-weight: bold;">private</span> Command cmdBack<span style="color: #339933;">;</span>
    <span style="color: #000000; font-weight: bold;">private</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Aimage+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Image</span></a> img1, img2, img3, img4, img5<span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #000000; font-weight: bold;">public</span> MIDList<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        display <span style="color: #339933;">=</span> Display.<span style="color: #006633;">getDisplay</span><span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
&nbsp;
    <span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000066; font-weight: bold;">void</span> startApp<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #666666; font-style: italic;">//membuat objek Command</span>
        cmdPilih <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Command<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Pilih&quot;</span>, Command.<span style="color: #006633;">SCREEN</span>, <span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        cmdBack <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Command<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Back&quot;</span>, Command.<span style="color: #006633;">BACK</span>, <span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
        <span style="color: #666666; font-style: italic;">//membuat daftar icon</span>
        <span style="color: #000000; font-weight: bold;">try</span> <span style="color: #009900;">&#123;</span>
            img1 <span style="color: #339933;">=</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Aimage+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Image</span></a>.<span style="color: #006633;">createImage</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;/register.png&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            img2 <span style="color: #339933;">=</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Aimage+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Image</span></a>.<span style="color: #006633;">createImage</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;/contact.png&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            img3 <span style="color: #339933;">=</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Aimage+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Image</span></a>.<span style="color: #006633;">createImage</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;/tools.png&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            img4 <span style="color: #339933;">=</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Aimage+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Image</span></a>.<span style="color: #006633;">createImage</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;/wizard.png&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            img5 <span style="color: #339933;">=</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Aimage+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Image</span></a>.<span style="color: #006633;">createImage</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;/help.png&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">catch</span> <span style="color: #009900;">&#40;</span><a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Aexception+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Exception</span></a> e<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Asystem+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">System</span></a>.<span style="color: #006633;">out</span>.<span style="color: #006633;">println</span><span style="color: #009900;">&#40;</span>e.<span style="color: #006633;">getMessage</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #666666; font-style: italic;">//membuat List bertipe Exclusive</span>
        list <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Alist+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">List</span></a><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;List Tipe Exclusive&quot;</span>, <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Achoice+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span style="color: #003399;">Choice</span></a>.<span style="color: #006633;">EXCLUSIVE</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        list.<span style="color: #006633;">append</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Register&quot;</span>, img1<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        list.<span style="color: #006633;">append</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Contact&quot;</span>, img2<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        list.<span style="color: #006633;">append</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Tool&quot;</span>, img3<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        list.<span style="color: #006633;">append</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Wizard&quot;</span>, img4<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        list.<span style="color: #006633;">append</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Help&quot;</span>, img5<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        list.<span style="color: #006633;">addCommand</span><span style="color: #009900;">&#40;</span>cmdPilih<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        list.<span style="color: #006633;">addCommand</span><span style="color: #009900;">&#40;</span>cmdBack<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        list.<span style="color: #006633;">setCommandListener</span><span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        display.<span style="color: #006633;">setCurrent</span><span style="color: #009900;">&#40;</span>list<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
&nbsp;
    <span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000066; font-weight: bold;">void</span> pauseApp<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #009900;">&#125;</span>
&nbsp;
    <span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000066; font-weight: bold;">void</span> destroyApp<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">boolean</span> unconditional<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #009900;">&#125;</span>
&nbsp;
    <span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000066; font-weight: bold;">void</span> commandAction<span style="color: #009900;">&#40;</span>Command c, Displayable d<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000000; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>c <span style="color: #339933;">==</span> cmdBack<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            destroyApp<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #000066; font-weight: bold;">int</span> indeks <span style="color: #339933;">=</span> list.<span style="color: #006633;">getSelectedIndex</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            Alert info <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Alert<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Informasi&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            info.<span style="color: #006633;">setString</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Anda memilih : &quot;</span> <span style="color: #339933;">+</span> list.<span style="color: #006633;">getString</span><span style="color: #009900;">&#40;</span>indeks<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            info.<span style="color: #006633;">setTimeout</span><span style="color: #009900;">&#40;</span>Alert.<span style="color: #006633;">FOREVER</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            display.<span style="color: #006633;">setCurrent</span><span style="color: #009900;">&#40;</span>info, list<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
    <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>Bentuk tipe List dapat dilihat pada gambar-gambar berikut:</p>
<table border="0">
<tbody>
<tr>
<td>
<p><div id="attachment_276" class="wp-caption alignnone" style="width: 201px"><img class="size-full wp-image-276 " title="j2me_list_exclusive" src="http://www.andisun.com/wp-content/uploads/2009/07/j2me_list_exclusive.png" alt="Tipe Exclusive" width="191" height="283" /><p class="wp-caption-text">Tipe Exclusive</p></div></td>
<td>
<p><div id="attachment_279" class="wp-caption alignnone" style="width: 204px"><img class="size-full wp-image-279 " title="j2me_list_exclusive02" src="http://www.andisun.com/wp-content/uploads/2009/07/j2me_list_exclusive02.png" alt="Setelah dipilih tombol &quot;Pilih&quot;" width="194" height="283" /><p class="wp-caption-text">Setelah dipilih tombol &quot;Pilih&quot;</p></div></td>
</tr>
</tbody>
</table>
<p>Jika di ubah tipe Listnya hasilnya masing-masing sebagai berikut:</p>
<table style="width: 100%;" border="0">
<tbody>
<tr>
<td>
<p><div id="attachment_276" class="wp-caption alignleft" style="width: 163px"><img class="size-full wp-image-276  " title="j2me_list_exclusive" src="http://www.andisun.com/wp-content/uploads/2009/07/j2me_list_exclusive.png" alt="Tipe Exclusive" width="153" height="226" /><p class="wp-caption-text">Tipe Exclusive</p></div>
<div id="attachment_277" class="wp-caption alignleft" style="width: 167px"><img class="size-full wp-image-277  " title="j2me_list_implicit" src="http://www.andisun.com/wp-content/uploads/2009/07/j2me_list_implicit.png" alt="Tipe Implicit" width="157" height="226" /><p class="wp-caption-text">Tipe Implicit</p></div>
<p><div id="attachment_278" class="wp-caption alignleft" style="width: 162px"><img class="size-full wp-image-278  " title="j2me_list_multiple" src="http://www.andisun.com/wp-content/uploads/2009/07/j2me_list_multiple.png" alt="Tipe Multiple" width="152" height="226" /><p class="wp-caption-text">Tipe Multiple</p></div></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.andisun.com/tutorials/j2me-programming/memanfaatkan-class-list/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Pengambilan Gambar dari Web Camera untuk Membangun Sistem Informasi</title>
		<link>http://www.andisun.com/jurnal/pengambilan-gambar-dari-web-camera-untuk-membangun-sistem-informasi-2</link>
		<comments>http://www.andisun.com/jurnal/pengambilan-gambar-dari-web-camera-untuk-membangun-sistem-informasi-2#comments</comments>
		<pubDate>Thu, 16 Jul 2009 11:36:16 +0000</pubDate>
		<dc:creator>myandisun</dc:creator>
				<category><![CDATA[Jurnal]]></category>
		<category><![CDATA[basic]]></category>
		<category><![CDATA[camera]]></category>
		<category><![CDATA[gambar]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[visual]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.andisun.com/?p=137</guid>
		<description><![CDATA[Oleh: Andi Sunyoto
Abstraksi
Makalah ini membahas tentang pemanfaatan media Digital dalam hal ini Web Camera untuk membantu proses pengambilan gambar pada objek untuk kepentingan pembangunan sistem informasi yang berhubungan dengan penyajian foto personil. Pembahasan kita nanti akan secara teknis menggunakan bahasa pemrograman Visual Basic 6.0.  Pada percobaan yang penulis sudah memutuskan menggunakan Web Camera dibanding menggunakan [...]]]></description>
			<content:encoded><![CDATA[<p>Oleh: Andi Sunyoto</p>
<p style="text-align: left;"><strong>Abstraksi</strong></p>
<p style="text-align: left;">Makalah ini membahas tentang pemanfaatan media Digital dalam hal ini <em>Web Camera </em>untuk membantu proses pengambilan gambar pada objek untuk kepentingan pembangunan sistem informasi yang berhubungan dengan penyajian foto personil. Pembahasan kita nanti akan secara teknis menggunakan bahasa pemrograman Visual Basic 6.0.  Pada percobaan yang penulis sudah memutuskan menggunakan <em>Web Camera </em>dibanding menggunakan kamera konvensional atau kamera Digital. Walaupun demikian masih ada persoalan-persoalan teknis yang ada. Penulis akan membahas permasalahan teknis tersebut serta langkah-langkah pengambilan gambar (foto).</p>
<p><strong>Kata Kunci: </strong>image, gambar, web, camera, visual basic</p>
<p><strong> </strong></p>
<h2>I.      Pendahuluan</h2>
<p>Hampir semua alat sekarang berbentuk digital. Tidak ketinggalan camera, yang dulunya masing menggunakan negatif film untuk menyimpan gambar sekarang sudah tidak perlu lagi menggunakan negatif film. Kita tidak bisa melihat hasil sebelum kita mencetaknya, bahkan sebelum kita mengambil gambar kita bisa melihat secara visual hasil gambarnya.</p>
<p>Pengolahan data gambar yang berhubungan dengan data personil dulunya masing menggunakan media kertas. Hal tersebut sekarang sudah mulai ditinggalkan dan beralih ke era tanpa kertas <em>(papper less)</em>. Dengan menggunakan model  <em>papper less,</em> berati kita menggunakan media digital untuk memproses data kita yang dalam hal ini kita menggunakan alat bantu komputer. Efisiensi akan kita dapat ketika dituntut untuk cepat, tepat dan akurat dengan menggunkan media Digital.</p>
<p>Foto yang dulunya di buat dengan kamera konvensional dan baru terllihat hasilnya ketika kita mencetaknya. Kemudian foto ditempel ke tempat dimana data yang sebelumnya di cetak. Hal ini akan memekan waktu yang lama. Nampaknya hal tersebut sudah mulai ditinggalkan dan beranjak menggunakan kamera digital dan <em>web camera</em> untuk merekamnya.</p>
<p>Walaupun demikian jika kita tetap akan menggunakan kamera konvensional untuk merekam gambar (foto) kita bisa merubah data gambar tersebut dari gambar yang tercetak di kertas ke bentuk digital dengan menggunakan piranti scanner.</p>
<p><span id="more-137"></span></p>
<h2>II.      Mana yang lebih baik ? (Kamera Konvensional, Kamera Digital atau  Web Camera)</h2>
<p><strong>Kamera Konvensional</strong></p>
<p>Kamera konvensional adalah kamera model lama yang masih menggunakan media negatif film untuk menyimpan gambar. Pada media ini kita bisa melihat hasil pemotretan harus dicetak terlebih dahulu.</p>
<div id="attachment_139" class="wp-caption alignnone" style="width: 211px"><img class="size-full wp-image-139" title="convensional_camera" src="http://www.andisun.com/wp-content/uploads/2009/07/convensional_camera.png" alt="Kamera Konvesional" width="201" height="129" /><p class="wp-caption-text">Kamera Konvesional</p></div>
<p>Jika nantinya data yang merubah kedalam sistem informasi digital berarti akan mengubah dari proses cetak negatif film (yang berbentuk kertas foto) ke bentuk digital menggunakan media <em>scaner</em>. Setelah tahap penyecannan selesai barulah kita bisa mengolah gambar tersebut dalam media komputer. Masalah timbul ketika kita harus mengedit satu persatu foto yang mungkin kurang jelas, terlalu lebar atau terlalu panjang, dan organisasi file juga sulit. Dan tidak semua orang bisa melakukannya.</p>
<p><strong>Kamera Digital</strong></p>
<p>Sangatlah mudah saat ini kita mendapatkan kamera digital. Harganya bervariasi tergantung dari resousi yang ditawarkan, fasilitas yang ada dan tentunya merk. Pengoperasian kamera ini juga mudah karena sudah banyak kamera digital sekarang yang menggunakan layar tampilan.Masalah akan muncul ketika kita akan memanajemen file dan jika kita membutuhkan tampilan secara <em>real time</em> pada software kita. Dan juga dilengkapi dengan software-software bawaan yang emudahkan bagi kita untuk mentransfer, mengolahnya kedalam bentuk lain.</p>
<div id="attachment_140" class="wp-caption alignnone" style="width: 131px"><img class="size-full wp-image-140" title="digital_camera001" src="http://www.andisun.com/wp-content/uploads/2009/07/digital_camera001.png" alt="Kamera Digital" width="121" height="87" /><p class="wp-caption-text">Kamera Digital</p></div>
<p><strong>Web Camera</strong></p>
<p><em>Web Camera </em>sendiri adalah sebuah alat yang hampir sama dengan Kamera Digital tapi biasanya digunakan untuk camera aplikasi-aplikasi web.  Dengan menggunakan <em>Web Camera </em>kita bisa menutup kelemahan.</p>
<p>Setelah kita penulis coba menggunakan <em>Web Camera </em>ternyata masih ada beberapa masalah secara teknis yang perlu kita perhatikan. Yang tentunya masalh ini juga dimilki media lain (kamera konvensional dan kamera digital).</p>
<div id="attachment_141" class="wp-caption alignnone" style="width: 126px"><img class="size-full wp-image-141" title="web_camera001" src="http://www.andisun.com/wp-content/uploads/2009/07/web_camera001.png" alt="Web Kamera" width="116" height="116" /><p class="wp-caption-text">Web Kamera</p></div>
<h2>III.      Pembahasan</h2>
<p>Dalam percobaan penulis menggunakan Web Camera Merk Logitech QuickCam Zoom dan bahasa pemrograman Visaul Basic. Untuk pembahasan selanjutanya penulis lebih cenderung membahas secara bahasa pemrograman.</p>
<p>Permasalahan permasalah teknis dalam menggunakan Web Camera adalah:</p>
<ol>
<li>Pencahayaan</li>
<li>Gambar      yang yang dihasilkan dari alat yang kita pilih belum ukurannya belum      sesuai dengan yang kita kehendaki</li>
<li>File      gambar terlalu besar</li>
</ol>
<h2>IV.      Langkah teknis (dengan bahasa pemrograman dengan Visual Basic) pengambilan image dan Solusi masalah</h2>
<div id="attachment_142" class="wp-caption alignnone" style="width: 657px"><img class="size-full wp-image-142" title="proses_capture" src="http://www.andisun.com/wp-content/uploads/2009/07/proses_capture.bmp" alt="langkah Proses Pengolahan Image" width="647" height="80" /><p class="wp-caption-text">Langkah Proses Pengolahan Imange</p></div>
<p>a)       Solusi permasalahn mudah kita atasi dengan menambah penerangan pada areal pemotretan kita. Dengan cahaya yang cukup akan membuat gambar lebih bagus.</p>
<p>b)       Dari segi Visual Basic, untuk keperluan pengambilan gambar kita membutuhkan satu komponen standart exe yang ada di Visual Basic yaitu PictureBox yang digunakan untuk menampilkan secara Real time gambar yang akan diambil. Dan Timer untuk merefresh tampilan pada PictureBox.</p>
<div id="attachment_143" class="wp-caption alignnone" style="width: 311px"><img class="size-full wp-image-143" title="hasil_capture_web" src="http://www.andisun.com/wp-content/uploads/2009/07/hasil_capture_web.png" alt="Contoh Hasil Capture dari Web Camera" width="301" height="199" /><p class="wp-caption-text">Contoh Hasil Capture dari Web Camera</p></div>
<p>Gambar diambil dari Visual Basic dengan perintah</p>
<pre>mCapHwnd = capCreateCaptureWindow("WebcamCapture", 0, 0, 0, 320, 240, Me.hwnd, 0)</pre>
<p>Fungsi ini memanfaatkan WinAPI dari file avicap32.dll yang ada di Sistem Operasi Windows dengan bentuk umum:</p>
<p><code></code><code></code></p>
<pre>HWND VFWAPI capCreateCaptureWindow(
 LPCSTR lpszWindowName,
 DWORD dwStyle,
 int x,
 int y,
 int nWidth,
 int nHeight,
 HWND hWnd,
 int nID
);<code> </code></pre>
<pre></pre>
<p><strong>Keterangan Parameter:</strong></p>
<pre></pre>
<ul>
<li><em>lpszWindowName</em></li>
</ul>
<p style="padding-left: 30px;">Nama string untuk capture gambar</p>
<ul>
<li><em>dwStyle</em></li>
</ul>
<p style="padding-left: 30px;">Style window yang digunakan untuk capture. Stule Window  di terangkan difungdi <a href="javascript:alink_1.Click()"><strong>CreateWindowEx</strong></a>.</p>
<ul>
<li><em>x </em>and <em>y</em></li>
</ul>
<p style="padding-left: 30px;">x dan y adalah kooerdinat pojok kiri atas dan window yang akan di capture.</p>
<ul>
<li><em>nWidth </em>and <em>nHeight</em></li>
</ul>
<p style="padding-left: 30px;">Lebar dan tinggi window yang akan di capture.</p>
<ul>
<li><em>hWnd</em></li>
</ul>
<p style="padding-left: 30px;">Penghendelan window utama.</p>
<ul>
<li><em>nID</em></li>
</ul>
<p style="padding-left: 30px;">Identitas windownya.</p>
<h4>Nilai Pengembalian</h4>
<h4>Kembalian dari fungsi ada atau tidak nilai yang dikembalikan.</h4>
<p>Jika gambar yang tampil pada Komponen Picture Box belum sesuai ukuran kita bisa potong dengan dengan fungsi Crop yang ada di windows.</p>
<pre>PicHasil.PaintPicture picOutput.Picture, 0, 0, KotakCrop.Width, KotakCrop.Height, KotakCrop.Left, KotakCrop.Top, KotakCrop.Width, KotakCrop.Height</pre>
<p><strong>Keterangan:</strong></p>
<p>PicHasil adalah komponen Picture Penampung hasil Croping.</p>
<p>KotakCrop adalah komponen rectangle untuk membantu proses croping.</p>
<p>Draws the contents of a graphics file (.bmp, .wmf, .emf, .cur, .ico, or .dib) on a <strong>Form</strong>, <strong>PictureBox</strong>, or <strong>Printer</strong>. Doesn&#8217;t support <a href="javascript:alink_4.Click()">named arguments</a>.</p>
<p><strong>Bentuk Umum:</strong></p>
<p><em>object</em><strong>.PaintPicture </strong><em>picture</em>, <em>x1</em>, <em>y1</em>, <em>width1</em>, <em>height1</em>, <em>x2</em>, <em>y2</em>, <em>width2</em>, <em>height2</em>, <em>opcode</em></p>
<p>Setelah gambar bisa diambil kemudian di simpan dalam bentuk Bitmap Standar (*.bmp).</p>
<p>Script yang digunakan untuk menyimpan gambar adalah:</p>
<pre>SavePicture PicHasil.Image, App.Path + "\foto.bmp"</pre>
<p>Keterangan:</p>
<p>PicHasil adalah obyek yang akan disimpan gambarnya</p>
<p>App.Path adalah fungsi di VB berguna untuk membaca lokasi aplikasi tertebut berada.</p>
<p>Foto.bmp adalah nama file yang disimpan kedalam hard disk.</p>
<p>Setelah data gabar yang kita inginkan tersimpan (dengan nama file foto.bmp) langkah selanjutnya adalah mengkompres file tersebut ke dalam file kompresi (*.jpg)</p>
<p>Perintah yang digunakan adalah:</p>
<pre>BMPToJPG(App.Path + "\Foto\foto.Bmp", App.Path + "\Foto\foto.jpg", 100)</pre>
<p>Dalam perintah BMPToJPG ini menggunakan library third party.</p>
<h2>V.      Penyimpanan Data Dalam Databse</h2>
<ul>
<li>Meyimpan <em>path</em> gambar</li>
</ul>
<p style="padding-left: 30px;">Cara dan langkah di atas menggunkan file tersendiri untuk menyimpan file gambar, sedangkan pada dalam database hanya merekap data path (letak direktori) dan nama file.</p>
<ul>
<li>Menggunakan      BLOB</li>
</ul>
<p style="padding-left: 30px;">Langkah kedua menggunakan database untuk menyimpan foto. Jika menggunkan cara ini maka kita memerlukan database yang dapat menyimpan data dalam bentuk BLOB (Binary Large Object).</p>
<h2>VI.      Kesimpulan</h2>
<p>Pembangunan sistem informasi yang meyediakan detail data yang dilengkapi dengan gambar personil akan efektif jika menggunakan Web Camera. Karena manajemen pengolahannya akan lebih mudah, dengan kemampuan <em>real time</em> untuk display dan dapat dikendalikan dengan software kita dengan mudah. Kelemahan-lemahan yang ada pada <em>Web Camera</em> bisa kita atasi baik kelemahan teknis (pencahayaan) maupun secara programming dapat diatasi dengan mudah.</p>
<h2>VII.      Daftar Pustaka</h2>
<ul>
<li>Microsoft Software Dovelompment Network (MSDN)</li>
</ul>
<ul>
<li>Help Logitech Software Logitech Image Studio</li>
</ul>
<p>Contoh kode program: <a href="http://www.andisun.com/wp-content/uploads/2009/07/SoftwareKTP.zip">SoftwareKTP.zip</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.andisun.com/jurnal/pengambilan-gambar-dari-web-camera-untuk-membangun-sistem-informasi-2/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
