<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Coba ikut-ikutan nge-blog . . .</title>
	<atom:link href="http://arioss.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://arioss.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Mon, 16 Jan 2012 03:33:12 +0000</lastBuildDate>
	<language>id</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='arioss.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Coba ikut-ikutan nge-blog . . .</title>
		<link>http://arioss.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://arioss.wordpress.com/osd.xml" title="Coba ikut-ikutan nge-blog . . ." />
	<atom:link rel='hub' href='http://arioss.wordpress.com/?pushpress=hub'/>
		<item>
		<title>[WebGIS 3] &#8211; menampilkan Layer Ganda</title>
		<link>http://arioss.wordpress.com/2011/10/17/webgis-3-menampilkan-layer-ganda/</link>
		<comments>http://arioss.wordpress.com/2011/10/17/webgis-3-menampilkan-layer-ganda/#comments</comments>
		<pubDate>Mon, 17 Oct 2011 06:56:57 +0000</pubDate>
		<dc:creator>arioss</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">https://arioss.wordpress.com/2011/10/17/webgis-3-menampilkan-layer-ganda/</guid>
		<description><![CDATA[&#60;&#60; Artikel Sebelumnya: &#34;Mapfile pada MapServer&#34; &#160; Menyambung tutorial sebelumnya mengenai “Mapfile pada Mapserver” pada 07 Februari 2011 lalu, berikut akan dibahas mengenai cara menampilkan peta yang terdiri dari lebih dari satu layer. Pada kenyataannya, jarang sekali suatu peta hanya terdiri dari satu layer saja. Karena informasi geografis yang sesungguhnya adalah gabungan dari beberapa layer [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=149&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><em><font size="1"><u><a href="http://arioss.wordpress.com/2011/02/07/webgis-2-mapfile-pada-mapserver/" target="_blank">&lt;&lt; Artikel Sebelumnya: &quot;Mapfile pada MapServer&quot;</a></u></font></em></p>
<p>&#160;</p>
<p>Menyambung tutorial sebelumnya mengenai “Mapfile pada Mapserver” pada 07 Februari 2011 lalu, berikut akan dibahas mengenai cara menampilkan peta yang terdiri dari lebih dari satu layer.</p>
<p>Pada kenyataannya, jarang sekali suatu peta hanya terdiri dari satu layer saja. Karena informasi geografis yang sesungguhnya adalah gabungan dari beberapa layer sehingga membentuk suatu informasi peta yang lengkap. Bagian ini akan membahas bagaimana caranya menampilkan beberapa layer dalam satu peta.</p>
<p>&#160;</p>
<h3><a name="_Toc228532204">Skema MapFile Untuk Layer Ganda</a></h3>
<blockquote><pre class="csharpcode">MAP
...
  LAYER 1
  ...
    CLASS 1
    ...
      STYLE 1
      ...
      END    # AKHIR DEFINISI STYLE
      ...
      LABEL 1
      ...
      END   # AKHIR DEFINISI LABEL
    ...
    END   # AKHIR DEFINISI CLASS
   ...
  END  # AKHIR DEFINISI OBJEK LAYER
  ...
  ...
  LAYER N
  ...
    CLASS N
    ...
      STYLE N
      ...
      END    # AKHIR DEFINISI STYLE
      ...
      LABEL N
      ...
      END   # AKHIR DEFINISI LABEL
    ...
    END   # AKHIR DEFINISI CLASS
   ...
  END  # AKHIR DEFINISI OBJEK LAYER
...
END   # AKHIR MAP</pre>
</blockquote>
<p>&#160;</p>
<h3><a name="_Toc228532205">Contoh MapFile</a></h3>
<blockquote>
<pre class="csharpcode">#
# Komentar untuk mapfile
#
MAP		# tanda awal mapfile
   NAME Indonesia		# nama mapfile
   IMAGETYPE JPEG		# bisa juga GIF, PNG
   EXTENT  73.33 -10.28 160.20 5.80	# B1,L1,B2,L2
   STATUS ON
   UNITS DD
   SIZE 600 400			# ukuran image yang dihasilkan
   SHAPEPATH  &quot;../data/asean/&quot;	# bisa juga “&lt;drive&gt;:\ms4w\......\data\asean\”
   IMAGECOLOR 108 166 205
   #
   # Mulai pendefinisian layer
   #
   LAYER				# tanda awal definisi layer
    NAME Asean			# nama layer
    DATA Asean-oceania		# nama shapefile “Acean-oceania.shp”
    STATUS ON			# layer dimunculkan
    TYPE POLYGON			# untuk tipe poligon
    CLASS
	NAME &quot;Asean&quot;
    	STYLE
      	  COLOR 255 255 255		# warna latar putih
	  OUTLINECOLOR 108 166 205	# warna batas luar poligon
	END	# akhir style
    END	#akhir class
   END		#akhir definisi layer

   LAYER
     NAME &quot;Propinsi&quot;
     DATA &quot;Propinsi.shp&quot;
     STATUS ON
     TYPE POLYGON
     STATUS ON
     CLASS
        NAME “Propinsi”
        STYLE
          COLOR 119 136 153	#warna abu-abu
          OUTLINECOLOR 0 0 0
        END
     END
   END
END 	# akhir mapfile</pre>
</blockquote>
<p>Simpanlah mapfile tersebut dengan nama <strong>kab_kota.map</strong> di direktori <strong>C:\ms4w\apps\latih\map\</strong></p>
<p><strong></strong></p>
<h3>&#160;</h3>
<h3><a name="_Toc228532206">Menampilkan Layer Ganda</a></h3>
<p>Buka kembali file <strong>c:\ms4w\apps\latih\htdocs\</strong><b>peta.html </b>dan ubahlah menjadi seperti berikut ini:</p>
<blockquote>
<pre class="csharpcode">&lt;html&gt;
&lt;head&gt;
  &lt;title&gt; Belajar Mapserver&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;h1&gt; Contoh-contoh Belajar Mapserver&lt;/h1&gt;
  &lt;h3&gt;Menu&lt;/h3&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;a href=&quot;contoh_01.html&quot;&gt;Menampilkan Peta Sederhana&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;contoh_02.html&quot;&gt;Menampilkan Layer Ganda&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
</blockquote>
<p>&#160;</p>
<p>Kemudian, buatlah file html baru dengan isinya sebagai berikut:</p>
<blockquote>
<pre class="csharpcode">&lt;img border=&quot;1&quot; src=&quot;http://localhost:1111/cgi-bin/mapserv.exe?map=c:\ms4w\apps\latih\map\kab_kota.map&amp;mode=map&amp;layers=all&quot;&gt;</pre>
</blockquote>
<p>Simpan file tersebut dengan nama <strong>contoh_02.html </strong>dan simpan di <strong>c:\ms4w\apps\latih\htdocs\</strong>. <strong></strong>Pada browser bukalah alamat <a href="http://localhost:1111/latih/peta.html">http://localhost:1111/latih/peta.html</a> sehingga akan muncul tampilan seperti berikut ini.</p>
<p>&#160;</p>
<p><a href="http://arioss.files.wordpress.com/2011/10/image.png"><img style="background-image:none;border-bottom:0;border-left:0;padding-left:0;padding-right:0;display:block;float:none;margin-left:auto;border-top:0;margin-right:auto;border-right:0;padding-top:0;" title="image" border="0" alt="image" src="http://arioss.files.wordpress.com/2011/10/image_thumb.png?w=524&#038;h=267" width="524" height="267" /></a></p>
<p>&#160;</p>
<p>Ketika link “<strong>Menampilkan Layer Ganda</strong>” di klik, akan muncul tampilan peta dengan 2 layer seperti gambar berikut ini.</p>
<p>&#160;</p>
<p><a href="http://arioss.files.wordpress.com/2011/10/image1.png"><img style="background-image:none;padding-left:0;padding-right:0;display:block;float:none;margin-left:auto;margin-right:auto;padding-top:0;border-width:0;" title="image" border="0" alt="image" src="http://arioss.files.wordpress.com/2011/10/image_thumb1.png?w=547&#038;h=443" width="547" height="443" /></a></p>
<p>&#160;</p>
<p>Pada peta tersebut terlihat ada 2 peta yang ditampilkan, yaitu peta “<strong>Asean-oceania.shp</strong>” yang berlatar putih dan peta “<strong>Propinsi.shp</strong>” yang berlatar abu-abu.</p>
<p>Mudah kan?</p>
<p>Jika ingin menambahkan layer lagi, tinggal tambah saja blok <font size="2" face="Courier New"><strong>LAYER … END</strong></font> pada mapfile sesuai kebutuhan. Selamat mencoba… <img style="border-style:none;" class="wlEmoticon wlEmoticon-winkingsmile" alt="Winking smile" src="http://arioss.files.wordpress.com/2011/10/wlemoticon-winkingsmile.png?w=655" /></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/arioss.wordpress.com/149/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/arioss.wordpress.com/149/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/arioss.wordpress.com/149/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/arioss.wordpress.com/149/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/arioss.wordpress.com/149/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/arioss.wordpress.com/149/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/arioss.wordpress.com/149/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/arioss.wordpress.com/149/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/arioss.wordpress.com/149/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/arioss.wordpress.com/149/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/arioss.wordpress.com/149/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/arioss.wordpress.com/149/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/arioss.wordpress.com/149/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/arioss.wordpress.com/149/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=149&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://arioss.wordpress.com/2011/10/17/webgis-3-menampilkan-layer-ganda/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31c8a724933aacb0f457ad58b883aeda?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">arioss</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/10/image_thumb.png" medium="image">
			<media:title type="html">image</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/10/image_thumb1.png" medium="image">
			<media:title type="html">image</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/10/wlemoticon-winkingsmile.png" medium="image">
			<media:title type="html">Winking smile</media:title>
		</media:content>
	</item>
		<item>
		<title>[WebGIS 2] &#8211; MapFile pada MapServer</title>
		<link>http://arioss.wordpress.com/2011/02/07/webgis-2-mapfile-pada-mapserver/</link>
		<comments>http://arioss.wordpress.com/2011/02/07/webgis-2-mapfile-pada-mapserver/#comments</comments>
		<pubDate>Mon, 07 Feb 2011 04:52:00 +0000</pubDate>
		<dc:creator>arioss</dc:creator>
				<category><![CDATA[mapserver]]></category>
		<category><![CDATA[webgis]]></category>

		<guid isPermaLink="false">https://arioss.wordpress.com/2011/02/07/webgis-2-mapfile-pada-mapserver/</guid>
		<description><![CDATA[&#60;&#60; Artikel sebelumnya &#8220;Pengenalan WebGIS dan MapServer” Untuk memanfaatkan fungsionalitasnya yang paling sederhana sekalipun, MapServer akan selalu membutuhkan minimal sebuah mapfile. Mapfile merupakan file teks biasa yang berekstensi *.map yang akan mendeskripsikan apa dan dimana sumber datanya, dan bagaimana cara data tersebut harus ditampilkan. Oleh karena itu, penting bagi kita untuk memahami struktur mapfile ini [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=138&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><em><font size="1"><u><a href="http://arioss.wordpress.com/2011/02/05/pengenalan-webgis-dan-mapserver/" target="_blank">&lt;&lt; Artikel sebelumnya &#8220;Pengenalan WebGIS dan MapServer”</a></u></font></em></p>
<p>Untuk memanfaatkan fungsionalitasnya yang paling sederhana sekalipun, MapServer akan selalu membutuhkan minimal sebuah <i>mapfile</i>. Mapfile merupakan file teks biasa yang berekstensi <b>*.map</b> yang akan mendeskripsikan apa dan dimana sumber datanya, dan bagaimana cara data tersebut harus ditampilkan. Oleh karena itu, penting bagi kita untuk memahami struktur <i>mapfile</i> ini terlebih dahulu sebelum memasuki bahasan selanjutnya.</p>
<p>&nbsp;</p>
<h3><a name="_Toc228532194">Tentang MapFile</a></h3>
<p>Sebelum benar-benar menggunakan MapServer untuk pertama kalinya, pengguna harus membuat file teks yang berekstensi <strong>*.map</strong>. File yang disebut <i>mapfile </i>tersebut memiliki ketentuan-ketentuan penulisan sebagai berikut:</p>
<ul>
<li>Teks pada <i>mapfile </i>tidak bersifat <i>case-sensitive</i>.
<li>Penulisan <i>string</i> yang berisi campuran beberapa karakter non-alphanumerik (selain karakter huruf dan angka) atau <i>keywords</i> milik MapServer harus diapit oleh tanda petik ganda ( “ ).
<li>Setiap <i>mapfile </i>dapat digunakan untuk mendefinisikan (secara <i>default</i>) maksimal 50 <i>layer</i> peta.
<li>Penulisan <i>path </i>lokasi file bisa dilakukan secara absolut maupun relatif.
<li>Susunan atau isi <i>mapfile </i>memiliki hierarki struktur dengan objek “MAP” sebagai “root”. Sementara objek-objek lainnya berada di bawah objek ini.
<li>Pengguna dapat menambahkan baris-baris komentar di dalam <i>mapfile </i>dengan cara mengawali komentar tersebut dengan karakter pagar (#). </li>
</ul>
<p>&nbsp;</p>
<h3><a name="_Toc228532195">Contoh Pembuatan MapFile Sederhana</a></h3>
<p>Sebagai contoh pertama kita, berikut ini adalah isi <i>mapfile </i>sederhana yang dapat digunakan untuk menampilkan sebuah <i>layer </i>peta di dalam program aplikasi <i>browser </i>internet. Namun sebelum itu silahkan download file <strong>data.zip</strong> yang ada di alamat <a href="http://www.4shared.com/file/cPDkWoIK/data.html">http://www.4shared.com/file/cPDkWoIK/data.html</a>, kemudian ekstrak ke direktori <strong>C:\ms4w\apps\latih\</strong> sehingga pada direktori tersebut terdapat direktori <strong>“data”</strong>.</p>
<p>Silahkan Anda tulis isi <i>mapfile </i>berikut ini<i> </i>pada program editor teks sederhana seperti Notepad, kemudian simpan di direktori <strong>C:\ms4w\apps\latih\map\</strong> dengan nama file <b>asean.map</b>:</p>
<blockquote><p><font size="3" face="Cordia New"># <br /># Komentar untuk mapfile <br /># <br />MAP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # tanda awal mapfile <br />&nbsp;&nbsp; NAME Indonesia&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # nama mapfile <br />&nbsp;&nbsp; IMAGETYPE JPEG&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # bisa juga GIF, PNG <br />&nbsp;&nbsp; EXTENT&nbsp; 73.33 -10.28 160.20 5.80&nbsp;&nbsp;&nbsp; # B1,L1,B2,L2 <br />&nbsp;&nbsp; STATUS ON <br />&nbsp;&nbsp; UNITS DD <br />&nbsp;&nbsp; SIZE 600 400&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # ukuran image yang dihasilkan <br />&nbsp;&nbsp; SHAPEPATH&nbsp; &#8220;../data/asean/&#8221;&nbsp;&nbsp;&nbsp; # bisa juga “&lt;drive&gt;:\ms4w\&#8230;&#8230;\data\asean\” <br />&nbsp;&nbsp; IMAGECOLOR 108 166 205&nbsp;&nbsp;&nbsp;&nbsp; </font></p>
<p><font size="3" face="Cordia New">&nbsp;&nbsp; # <br />&nbsp;&nbsp; # Mulai pendefinisian layer <br />&nbsp;&nbsp; # <br />&nbsp;&nbsp; LAYER&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # tanda awal definisi layer <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; NAME Asean&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # nama layer <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; DATA Asean-oceania&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # nama shapefile “Acean-oceania.shp” <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; STATUS ON&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # layer dimunculkan <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; TYPE POLYGON&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # untuk tipe poligon <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; CLASS <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; NAME &#8220;Asean&#8221; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; STYLE <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; COLOR 255 255 255&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; # warna latar putih <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; OUTLINECOLOR 108 166 205&nbsp;&nbsp;&nbsp; # warna batas luar poligon <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; END&nbsp;&nbsp;&nbsp; # akhir style <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; END&nbsp;&nbsp;&nbsp; #akhir class <br />&nbsp;&nbsp; END&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; #akhir definisi layer <br />END&nbsp;&nbsp;&nbsp;&nbsp; # akhir mapfile <br /></font></p>
</blockquote>
<p>&nbsp;</p>
<p>Keterangan (sesuai urutan baris):</p>
<ul>
<li>MapFile tersebut memiliki objek <strong>MAP</strong> yang bernama <strong>“Indonesia”</strong>
<li>File sementara yang dihasilkan oleh MapServer nantinya berupa file <strong>JPEG</strong> (bisa juga berupa <strong>GIF</strong> maupun <strong>PNG</strong>).
<li>Jangkauan batas koordinat peta adalah <strong>(73.33,-10.28); (160.20,5.80)</strong>. Nilai-nilai tersebut diambil dari (sebagian) cakupan peta aslinya.
<li>Semua layer dimunculkan (<strong>STATUS ON</strong>).
<li>Satuan koordinat peta dalam derajat (<strong>DD</strong>). Digunakan untuk menentukan <i>scalebar </i>dan komputasi lainnya yang terkait dengan koordinat &amp; skala.
<li>Ukuran (resolusi) gambar yang dihasilkan adalah <strong>600&#215;400 pixel</strong>.
<li>Data spasial yang digunakan berlokasi di <b>“../data/asean”</b> (relatif terhadap folder dimana <i>mapfile</i> berada).
<li>Warna latar pada peta adalah warna biru muda (RGB: 108 166 205). Untuk memudahkan dalam memilih warna, Anda bisa menggunakan tool <b>ColorPic</b> yang dapat di download di internet.
<li>Pada peta <strong>“Indonesia”</strong> tersebut, terdapat layer yang bernama <strong>“Asean”</strong>.
<li>Nama <i>shapefile </i>yang digunakan untuk layer <strong>“Asean”</strong> tersebut adalah <strong>“Asean-oceania.shp”</strong>.
<li>Layer tersebut statusnya dimunculkan (<strong>STATUS ON</strong>).
<li>Di dalam layer <strong>“Asean”</strong> terdapat unsur-unsur spasial yang bertipe poligon dengan nama <strong>“Asean”</strong> juga.
<li>Kelas <strong>“Asean”</strong> akan disajikan dengan warna latar putih (RGB: 255 255 255) dengan garis tepi warna biru muda yang sama dengan warna latar peta. </li>
</ul>
<p>&nbsp;</p>
<h3><a name="_Toc228532196">Objek-objek di dalam MapFil</a>e</h3>
<p>Pada contoh sederhana di bagian sebelumnya, kita lihat bahwa secara garis besar <i>mapfile </i>terdiri dari 5 bagian: <b>Map, Layer, Class, Label,</b> dan <b>Style</b>. Kita akan bahas 5 bagian tersebut satu-per-satu.</p>
<p>&nbsp;</p>
<h4><a name="_Toc228532197">Map</a></h4>
<p>Objek ini mendefinisikan objek master milik <i>mapfile</i>, yang isinya adalah parameter-parameter global untuk peta yang akan ditampilkan.</p>
<blockquote><pre class="csharpcode">#
# BARIS KOMENTAR UNTUK MAPFILE YANG BERSANGKUTAN
#
MAP
...
...
END # AKHIR MAP</pre>
<pre class="csharpcode">&nbsp;</pre>
</blockquote>
<h4><a name="_Toc228532198">Layer</a></h4>
<p>Objek ini paling sering digunakan untuk mendefinisikan layer-layer yang kemudian membentuk peta. Urutan penempatan layer di peta adalah sesuai dengan urutan penulisannya. Artinya, layer yang paling dulu dituliskan akan ditempatkan di bagian paling bawah dari peta.</p>
<blockquote><pre class="csharpcode">#
# BARIS KOMENTAR UNTUK MAPFILE YANG BERSANGKUTAN
#
MAP
...
  LAYER
  ...
  END # AKHIR DEFINISI OBJEK LAYER
...
END # AKHIR MAP</pre>
</blockquote>
<p>&nbsp;</p>
<h4><a name="_Toc228532199">Class</a></h4>
<p>Objek ini digunakan untuk mendefinisikan kelas tematik untuk suatu layer. Jadi bisa dikatakan, setiap layer pasti memiliki paling tidak satu kelas. Ketika layer memiliki lebih dari satu kelas, maka kelas-kelas tersebut dibedakan oleh nilai-nilai yang terkait beserta ekspresi yang digunakan untuk mengevaluasinya. Mengenai ekspresi akan dibahas di bagian selanjutnya.</p>
<blockquote><pre class="csharpcode">#
# BARIS KOMENTAR UNTUK MAPFILE YANG BERSANGKUTAN
#
MAP
...
  LAYER
  ...
     CLASS
     ...
     END # AKHIR DEFINISI CLASS
  ...
  END # AKHIR DEFINISI OBJEK LAYER
...
END # AKHIR MAP</pre>
</blockquote>
<p>&nbsp;</p>
<h4><a name="_Toc228532200">Label</a></h4>
<p>Objek ini digunakan untuk mendefinisikan anotasi suatu unsur dalam peta. Selain itu, label juga dapat dijadikan sebagai simbol.</p>
<blockquote><pre class="csharpcode">#
# BARIS KOMENTAR UNTUK MAPFILE YANG BERSANGKUTAN
#
MAP
...
  LAYER
  ...
     CLASS
     ...
       LABEL
       ...
       END # AKHIR DEFINISI LABEL
     ...
     END # AKHIR DEFINISI CLASS
  ...
  END # AKHIR DEFINISI OBJEK LAYER
...
END # AKHIR MAP</pre>
</blockquote>
<p>&nbsp;</p>
<h4><a name="_Toc228532201">Style</a></h4>
<p>Objek ini digunakan untuk menentukan parameter-parameter simbol yang dipakai. Dengan adanya objek ini, setiap kelas dapat memiliki simbol dengan tipe, ukuran, dan warna tersendiri.</p>
<blockquote><pre class="csharpcode">#
# BARIS KOMENTAR UNTUK MAPFILE YANG BERSANGKUTAN
#
MAP
...
  LAYER
  ...
     CLASS
     ...
       STYLE
       ...
       END # AKHIR DEFINISI STYLE
       LABEL
       ...
       END # AKHIR DEFINISI LABEL
     ...
     END # AKHIR DEFINISI CLASS
  ...
  END # AKHIR DEFINISI OBJEK LAYER
...
END # AKHIR MAP</pre>
</blockquote>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><a name="_Toc228532202">Menampilkan MapFile</a></h3>
<p>Untuk menampilkan peta pertama kita, silahkan buka melalui browser dengan perintah: </p>
<p><u>http://localhost:1111/cgi-bin/mapserv.exe?map=&lt;drive&gt;:\ms4w\apps\latih\map\asean.map&amp;</u><b>¿</b><u> mode=map&amp;layers=all</u></p>
<p><u></u></p>
<p align="center"><u><a href="http://arioss.files.wordpress.com/2011/02/gambar_3_contoh_tampilan_peta_asean.png"><img style="background-image:none;padding-left:0;padding-right:0;display:inline;padding-top:0;border-width:0;" title="gambar_3_contoh_tampilan_peta_asean" border="0" alt="gambar_3_contoh_tampilan_peta_asean" src="http://arioss.files.wordpress.com/2011/02/gambar_3_contoh_tampilan_peta_asean_thumb.png?w=513&#038;h=260" width="513" height="260"></a></u></p>
<p><u></u></p>
<p>Atau, untuk lebih mudahnya kita buat suatu file html yang isinya adalah sebagai berikut:</p>
<p>&nbsp;</p>
<blockquote><pre class="csharpcode"><span class="kwrd">&lt;</span><span class="html">html</span><span class="kwrd">&gt;</span>
<span class="kwrd">&lt;</span><span class="html">head</span><span class="kwrd">&gt;</span>
<span class="kwrd">&lt;</span><span class="html">title</span><span class="kwrd">&gt;</span> Belajar Mapserver<span class="kwrd">&lt;/</span><span class="html">title</span><span class="kwrd">&gt;</span>
<span class="kwrd">&lt;/</span><span class="html">head</span><span class="kwrd">&gt;</span>
<span class="kwrd">&lt;</span><span class="html">body</span><span class="kwrd">&gt;</span>
<span class="kwrd">  &lt;</span><span class="html">h1</span><span class="kwrd">&gt;</span> Contoh-contoh Belajar Mapserver<span class="kwrd">&lt;/</span><span class="html">h1</span><span class="kwrd">&gt;</span>
<span class="kwrd">  &lt;</span><span class="html">h3</span><span class="kwrd">&gt;</span>Menu<span class="kwrd">&lt;/</span><span class="html">h3</span><span class="kwrd">&gt;</span>
<span class="kwrd">  &lt;</span><span class="html">ul</span><span class="kwrd">&gt;</span>
<span class="kwrd">    &lt;</span><span class="html">li</span><span class="kwrd">&gt;&lt;</span><span class="html">a</span> <span class="attr">href</span><span class="kwrd">="contoh_01.html"</span><span class="kwrd">&gt;</span>Menampilkan Peta Sederhana<span class="kwrd">&lt;/</span><span class="html">a</span><span class="kwrd">&gt;&lt;/</span><span class="html">li</span><span class="kwrd">&gt;</span>
<span class="kwrd">  &lt;/</span><span class="html">ul</span><span class="kwrd">&gt;</span>
<span class="kwrd">&lt;/</span><span class="html">body</span><span class="kwrd">&gt;</span>
<span class="kwrd">&lt;/</span><span class="html">html</span><span class="kwrd">&gt;</span></pre>
</blockquote>
<p>&nbsp;</p>
<p>Simpanlah dengan nama file <b>peta.html</b> di direktori <strong>C:\ms4w\apps\latih\htdocs\</strong></p>
<p>Selanjutnya, buatlah file html baru yang isinya adalah sebagai berikut:</p>
<p>&nbsp;</p>
<blockquote><pre class="csharpcode"><span class="kwrd">&lt;</span><span class="html">img</span> <span class="attr">border</span><span class="kwrd">="1"</span> <span class="attr">src</span><span class="kwrd">="http://localhost:1111/cgi-bin/mapserv.exe?map=c:\ms4w\apps\latih\map\asean.map&amp;mode=map&amp;layers=all"</span><span class="kwrd">&gt;</span></pre>
</blockquote>
<p>&nbsp;</p>
<p>Simpanlah dengan nama file <b>contoh_01.html</b> dan simpan di <strong>C:\ms4w\apps\latih\htdocs\. </strong>Pada browser bukalah alamat <a href="http://localhost:1111/latih/peta.html">http://localhost:1111/latih/peta.html</a> sehingga akan muncul tampilan seperti berikut ini.</p>
<p><a href="http://arioss.files.wordpress.com/2011/02/gambar_4_tampilan_peta_html.png"><img style="background-image:none;padding-left:0;padding-right:0;display:block;float:none;margin-left:auto;margin-right:auto;padding-top:0;border-width:0;" title="gambar_4_tampilan_peta_html" border="0" alt="gambar_4_tampilan_peta_html" src="http://arioss.files.wordpress.com/2011/02/gambar_4_tampilan_peta_html_thumb.png?w=490&#038;h=243" width="490" height="243"></a></p>
<p>Ketika link yang ada pada halaman tsb di klik, akan muncul tampilan peta seperti pada gambar sebelumnya.&nbsp; <img style="border-style:none;" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://arioss.files.wordpress.com/2011/02/wlemoticon-smile.png?w=655"></p>
<p>Oke… selamat… sampai tahap ini Anda sudah berhasil menampilkan peta di browser… itu sudah disebut dengan “WebGIS” loh… tapi masih amat-sangat-sederhana-sekali… <img style="border-style:none;" class="wlEmoticon wlEmoticon-winkingsmile" alt="Winking smile" src="http://arioss.files.wordpress.com/2011/02/wlemoticon-winkingsmile1.png?w=655"><img style="border-style:none;" class="wlEmoticon wlEmoticon-winkingsmile" alt="Winking smile" src="http://arioss.files.wordpress.com/2011/02/wlemoticon-winkingsmile1.png?w=655"><img style="border-style:none;" class="wlEmoticon wlEmoticon-winkingsmile" alt="Winking smile" src="http://arioss.files.wordpress.com/2011/02/wlemoticon-winkingsmile1.png?w=655"></p>
<p>&nbsp;</p>
<p>Tulisan selanjutnya akan membahas bagaimana menampilkan layer ganda… staytuned… (harusnya ga lama sih) <img style="border-style:none;" class="wlEmoticon wlEmoticon-winkingsmile" alt="Winking smile" src="http://arioss.files.wordpress.com/2011/02/wlemoticon-winkingsmile1.png?w=655"></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/arioss.wordpress.com/138/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/arioss.wordpress.com/138/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/arioss.wordpress.com/138/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/arioss.wordpress.com/138/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/arioss.wordpress.com/138/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/arioss.wordpress.com/138/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/arioss.wordpress.com/138/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/arioss.wordpress.com/138/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/arioss.wordpress.com/138/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/arioss.wordpress.com/138/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/arioss.wordpress.com/138/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/arioss.wordpress.com/138/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/arioss.wordpress.com/138/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/arioss.wordpress.com/138/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=138&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://arioss.wordpress.com/2011/02/07/webgis-2-mapfile-pada-mapserver/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31c8a724933aacb0f457ad58b883aeda?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">arioss</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/02/gambar_3_contoh_tampilan_peta_asean_thumb.png" medium="image">
			<media:title type="html">gambar_3_contoh_tampilan_peta_asean</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/02/gambar_4_tampilan_peta_html_thumb.png" medium="image">
			<media:title type="html">gambar_4_tampilan_peta_html</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/02/wlemoticon-smile.png" medium="image">
			<media:title type="html">Smile</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/02/wlemoticon-winkingsmile1.png" medium="image">
			<media:title type="html">Winking smile</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/02/wlemoticon-winkingsmile1.png" medium="image">
			<media:title type="html">Winking smile</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/02/wlemoticon-winkingsmile1.png" medium="image">
			<media:title type="html">Winking smile</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/02/wlemoticon-winkingsmile1.png" medium="image">
			<media:title type="html">Winking smile</media:title>
		</media:content>
	</item>
		<item>
		<title>[webgis 1] &#8211; Pengenalan WebGIS dan MapServer</title>
		<link>http://arioss.wordpress.com/2011/02/05/pengenalan-webgis-dan-mapserver/</link>
		<comments>http://arioss.wordpress.com/2011/02/05/pengenalan-webgis-dan-mapserver/#comments</comments>
		<pubDate>Sat, 05 Feb 2011 11:53:00 +0000</pubDate>
		<dc:creator>arioss</dc:creator>
				<category><![CDATA[mapserver]]></category>
		<category><![CDATA[webgis]]></category>

		<guid isPermaLink="false">https://arioss.wordpress.com/2011/02/05/pengenalan-webgis-dan-mapserver/</guid>
		<description><![CDATA[intro Sudah lama ga update blog… ga tau dapat inspirasi darimana… pokoknya pengen nulis tentang “pemrograman dasar WebGIS menggunakan Mapserver for Windows dengan framework ka-Map!”. Semua bahannya berasal dari modul yang saya buat, hasil kompilasi dari beberapa sumber serta pengalaman waktu membuat Sigtatrawil dan Peta SilogKPU. Secara garis besar, referensi yang saya gunakan adalah sebagai [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=130&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h2>intro</h2>
<p>Sudah lama ga update blog… ga tau dapat inspirasi darimana… pokoknya pengen nulis tentang “<em>pemrograman dasar WebGIS menggunakan Mapserver for Windows dengan framework ka-Map!</em>”. Semua bahannya berasal dari modul yang saya buat, hasil kompilasi dari beberapa sumber serta pengalaman waktu membuat <strong>Sigtatrawil</strong> dan <strong>Peta SilogKPU</strong>. Secara garis besar, referensi yang saya gunakan adalah sebagai berikut:</p>
<ul>
<li>Blog, http://dennycharter.wordpress.com</li>
<li>Ka-Map Wiki, Official Website, http://ka-map.ominiverdi.org, 2008</li>
<li>Prahasta, Eddy, &quot;<i>Membangun Aplikasi Web-based GIS dengan MapServer&quot;,</i> 2007, Informatika Bandung</li>
<li>UMN MapServer, Official Website, http://mapserver.gis.umn.edu, 2008</li>
<li>Wikimapia, <a href="http://wikimapia.org">http://wikimapia.org</a></li>
</ul>
<p>Saya lupa bagian mana &amp; ngambil dari mana-nya… pokoknya itulah sumbernya… <img style="border-style:none;" class="wlEmoticon wlEmoticon-openmouthedsmile" alt="Open-mouthed smile" src="http://arioss.files.wordpress.com/2011/02/wlemoticon-openmouthedsmile.png?w=655" /></p>
<p>Sebelum memulai, tentunya harus ada pengenalan dulu ya… tak kenal maka tak sayang… begitu kata pepatah… walaupun bagian pengenalan ini sebenarnya bisa didapat dengan mudah via mbah google… tapi ya sudah lah… saya masukkan saja agar terstruktur…</p>
<p>&#160;</p>
<h2>Pengenalan</h2>
<p>Sistem Informasi Geografis (SIG) hingga saat ini merupakan sistem yang sangat menarik. Sistem yang (cenderung) selalu dibuat untuk interaktif ini dapat mengintegrasikan data spasial (peta vektor dan citra digital) dan atribut (tabel sistem basisdata) penting lainnya. Konsekuensi integrasi ini, sistem informasi tersebut memiliki fungsionalitas-fungsionalitas yang teradopsi dari sistem-sistem perangkat lunak di mana data-data tersebut berasal.</p>
<h4></h4>
<h4>&#160;</h4>
<h3><a name="_Toc228532190">WebGIS</a></h3>
<p>Secara umum, cara kerja aplikasi SIG yang berjalan pada sistem komputer <i>desktop</i> dan <i>standalone</i> adalah relatif sederhana. Ketika aplikasi dijalankan dan memunculkan user-interface, setiap pengguna dapat berinteraksi secara langsung dengan program aplikasi tersebut. Interaksi yang intens ini dapat berlangsung selama pengguna melakukan proses-proses masukan data, konversi format/data, <i>query, </i>analisis, dan akhirnya pementukan <i>layout</i> (kartografis) peta dan atau pembuatan laporan.</p>
<p>Hampir semua langkah ini dilakukan secara interaktif, dan pengguna secara langsung berhubungan dengan perangkat SIG yang bersangkutan. Jika perlu koneksi dengan basisdata, pengguna tinggal meng-install salah satu perangkat lunak DBMS yang dapat didukung oleh sistem komputer yang bersangkutan. Semua <i>resource</i> yang dibutuhkan terdapat pada sistem komputer tersebut dan hanya bisa diakses oleh satu pengguna saja dalam satu waktu, sehingga untuk menjalankan fungsi-fungsinya, semua perangkat pendukungnya harus sudah terpasang pada sistem komputer yang bersangkutan. Inilah yang menjadi keterbatasan SIG <i>standalone</i>.</p>
<p>&#160;</p>
<p><a href="http://arioss.files.wordpress.com/2011/02/gambar_1_contoh_tampilan_webgis.png"><img style="background-image:none;border-bottom:0;border-left:0;padding-left:0;padding-right:0;display:block;float:none;border-top:0;border-right:0;padding-top:0;margin:0 auto 2px;" title="gambar_1_contoh_tampilan_webgis" border="0" alt="gambar_1_contoh_tampilan_webgis" src="http://arioss.files.wordpress.com/2011/02/gambar_1_contoh_tampilan_webgis_thumb.png?w=407&#038;h=264" width="407" height="264" /></a></p>
<p align="center">Contoh tampilan WebGIS</p>
<p align="center">&#160;</p>
<p>Lain halnya dengan aplikasi-aplikasi yang dibuat dengan berbasis web (internet maupun intranet), sistem informasi dapat diakses secara bersamaan oleh beberapa pengguna sekaligus. Selain itu, sistem juga tidak terikat dengan sistem operasi tertentu. “Berbasis web” berarti bahwa sistem diakses melalui browser. Sehingga, otomatis dapat diakses oleh sistem operasi apa saja (Windows, Linux, MacOS, dll). Hal ini tentu saja menjadi nilai tambah tersendiri.</p>
<h4></h4>
<h4>&#160;</h4>
<h3><a name="_Toc228532191">MapServer</a></h3>
<p>MapServer merupakan salah satu lingkungan pengembangan perangkat lunak <i>open-source</i> yang dapat digunakan untuk mengembangan aplikasi-aplikasi berbasis internet yang melibatkan data spasial (peta digital). Pada awalnya, MapServer dikembangkan oleh beberapa personel dari Universitas Minnesota (UMN), di Amerika Serikat, yang pada saat itu tengah bekerja-sama di proyek ForNet dengan NASA sebagai penyandang dana. Proyek ForNet ini menghasilkan beberapa tools utama (MapServer dan ImageView) yang dapat diaplikasikan ke berbagai tipe permasalahan yang terkait dengan data spasial pada saat itu.</p>
<p>Karena kedua produknya sangat bermanfaat, “proyek MapServer” ini dilanjutkan sebagai bagian dari proyek “TerraSIP” yang merupakan proyek kerja sama (yang juga disponsori NASA) antara UMN dengan konsorium <i>land management interests.</i> Hingga pada akhir tahun 2005, melalui surat <i>online </i>dan terbuka, diumumkan bahwa telah terbentuk MapServer foundation. Yayasan yang independen dan non-profit ini dibentuk oleh para anggota komunitas MapServer dengan tujuan untuk:</p>
<ol>
<li>Memenuhi kebutuhan dan mendukung komunitas <i>web-mapping </i>yang <i>open-source</i></li>
<li>Memperluas komunitas pengguna MapServer</li>
<li>Menyediakan <i>supportive framework </i>untuk pengembangan perangkat lunak geospasial yang terbuka dan kolaboratif.</li>
</ol>
<p><a href="http://www.maptools.org/ms4w/index.phtml" target="_blank">MapServer for Windows (MS4W)</a> adalah suatu paket perangkat lunak yang sangat memudahkan para pengguna di dalam menginstalasi MapServer pada <i>platform</i> sistem operasi Microsoft Windows. Tujuan utama pembuatan paket ini adalah untuk memudahkan semua pengguna, secepatnya terhindar dari segala detil yang rumit di dalam mempersiapkan lingkungan kerja yang diperlukan oleh MapServer di lingkungan Microsoft Windows. Selain itu, paket ini juga merupakan suatu cara yang sangat baik untuk memaketkan dan kemudian mendistribusikan aplikasi-aplikasi MapServer kepada pihak manapun. </p>
<p>Paket dasar MS4W terdiri dari beberapa komponen sebagai berikut:</p>
<ul>
<li>Webserver Apache</li>
<li>PHP</li>
<li>MapServer CGI</li>
<li>PHP/Mapscript</li>
<li>Program utiliti (pustaka) GDAL &amp; OGR</li>
<li>Program utiliti MapServer (shp2img, legend, scalebar, sortshp, sym2img, shptree, dan tile4ms)</li>
<li>Ekstensi OGR/PHP</li>
<li>OWTChart</li>
</ul>
<p>&#160;</p>
<p>Untuk sistem operasi Linux, bisa menggunakan <a href="http://www.maptools.org/fgs/" target="_blank">FGS Linux Installer</a> yang sudah teruji pada platform berikut:</p>
<ul>
<li>Fedora Core 2</li>
<li>Debian Sarge</li>
<li>Debian Etch</li>
<li>Gentoo</li>
<li>Centos 4</li>
<li>Centos 5</li>
<li>Ubuntu     </li>
</ul>
<p>Untuk selanjutnya saya akan menggunakan MS4W dalam membangun sistem informasinya. Porting ke Linux-nya ga susah koq, cuma beda ketika instalasinya saja… <img style="border-style:none;" class="wlEmoticon wlEmoticon-winkingsmile" alt="Winking smile" src="http://arioss.files.wordpress.com/2011/02/wlemoticon-winkingsmile.png?w=655" /></p>
<p>&#160;</p>
<h3><a name="_Toc228532192">Instalasi MS4W</a></h3>
<p>Baca terlebih dahulu instruksi berikut ini sebelum memulai instalasi.</p>
<ol>
<li>Download paket MS4W di website <a href="http://www.maptools.org/ms4w/index.phtml?page=downloads.html">http://www.maptools.org/ms4w/index.phtml?page=downloads.html</a> . Sampai saat ini sudah sampai versi 3.0, tapi pada tulisan ini masih menggunakan versi 2.2.7 </li>
<li>Untuk menginstalasi, ekstrak file <b>ms4w_2.2.7.zip</b> menggunakan salah satu program kompresi (contoh 7zip, WinZip, WinRAR) ke <i>root drive</i> (misal C:\, D:\). Jika sukses, Anda akan mempunyai satu direktori baru dengan nama <strong>“ms4w” </strong>di <i>root drive</i> yang anda pilih (misal C:\ms4w).      <br /><b>INGAT: harus diekstrak ke root drive, jangan ke dalam folder lain!</b></li>
<li>Edit file <strong>C:\ms4w\Apache\conf\httpd.conf</strong> menggunakan editor teks (misal: notepad++). Carilah baris yang memuat pernyataan <strong>“Listen 80”</strong> (baris 46). Kemudian ganti menjadi <strong>“Listen 1111”</strong>. Hal ini dilakukan agar apache milik ms4w berjalan pada port yang berbeda dengan apache pada umumnya (port 80), sehingga tidak akan menyebabkan konflik jika ada 2 apache yang berjalan pada satu mesin. Jika sekiranya hanya apache milik ms4w saja yang ada, langkah ini abaikan saja.</li>
<li>Jalankan <i>web server</i> Apache milik MS4W melalui file <strong>C:\ms4w\apache-install.bat</strong> (di <i>command line</i> atau dengan men double-klik itu). File ini menginstal Apache sebagai <i>Windows service</i> (disebut &quot;&#8217;web server&#8217; Apache&quot;) sehingga Apache akan otomatis dijalankan setiap Windows Anda di <i>restart</i>. Ketika dieksekusi akan muncul dengan pesan berikut:
<p><a href="http://arioss.files.wordpress.com/2011/02/gambar_2_cmd_webserver_install.png"><img style="background-image:none;border-bottom:0;border-left:0;padding-left:0;padding-right:0;display:block;float:none;margin-left:auto;border-top:0;margin-right:auto;border-right:0;padding-top:0;" title="gambar_2_cmd_webserver_install" border="0" alt="gambar_2_cmd_webserver_install" src="http://arioss.files.wordpress.com/2011/02/gambar_2_cmd_webserver_install_thumb.png?w=482&#038;h=156" width="482" height="156" /></a>      </p>
<p>Artinya Apache itu sedang menjalankan dan di-install sebagai sebuah <i>service</i>.</li>
<p>Catatan untuk pengguna Windows 95,98,ME:</p>
<p>Anda tidak akan bisa menginstal Apache sebagai sebuah <i>service</i>, sehingga sebagai gantinya Anda harus menjalankan Apache secara manual dengan cara meng-klik di <strong>C:\ms4w\Apache\bin\httpd.exe</strong>. Satu jendela DOS kosong akan membuka, yang berarti Apache sedang berjalan. Untuk menghentikan Apache anda cukup menutup jendela DOS kosong tersebut.</p>
<p>Catatan khusus untuk Microsoft Windows Vista:</p>
<p>Untuk menjalankan file <b>apache-install.bat</b>, Anda harus melakukan hal berikut:</p>
<p>· Di Windows Explorer, pergi ke lokasi file cmd.exe (C:/Windows/system32)</p>
<p>· Klik kanan cmd.exe dan pilih “Run as Administrator”</p>
<p>· Arahkan ke direktori ms4w Anda dalam prompt window dan jalankan apache-install.bat</p>
<p>&#160;</p>
<li>Untuk menguji apakah Apache sedang berjalan dengan baik, buka browser dan ketikan URL berikut:</li>
<blockquote><p>http://localhost:1111/</p>
</blockquote>
<p>Jika tidak ada pesan kesalahan pada browser, itu artinya Anda sudah berhasil menginstalasi MS4W.</p>
<li>Untuk mempersiapkan latihan kita, marilah kita buat folder untuk menyimpan file-file yang akan kita buat nantinya. Langkah-langkahnya adalah sebagai berikut:      <br />a. Buatlah direktori “latih” di <strong>C:\ms4w\apps\</strong> </li>
<p>b. Buatlah direktori <strong>“htdocs”</strong>, <strong>“data”</strong> dan <strong>“map”</strong> di <strong>C:\ms4w\apps\latih\</strong> </p>
<p>c. Buatlah file teks baru yang isinya sebagai berikut: </p>
<blockquote><p>Alias /latih &quot;/ms4w/apps/latih/htdocs/&quot; </p>
<p>&lt;Directory &quot;/ms4w/apps/latih/htdocs/&quot;&gt; </p>
<p>AllowOverride None </p>
<p>Options Indexes FollowSymLinks Multiviews </p>
<p>Order allow,deny </p>
<p>Allow from all </p>
<p>&lt;/Directory&gt; </p>
</blockquote>
<p>d. Simpanlah dengan nama file <b>httpd_latih.conf</b> dan simpan di direktori <strong>C:\ms4w\httpd.d\</strong> </p>
<p>e. Restart apache dengan cara menjalankan file <strong>C:\ms4w\apache-restart.bat</strong></p>
</ol>
<p>&#160;</p>
<p>Sampai langkah ini kita masih belum ngapa-ngapain… itu cuma persiapan saja… tunggu tulisan selanjutnya… <img style="border-style:none;" class="wlEmoticon wlEmoticon-openmouthedsmile" alt="Open-mouthed smile" src="http://arioss.files.wordpress.com/2011/02/wlemoticon-openmouthedsmile.png?w=655" />&#160;<img style="border-style:none;" class="wlEmoticon wlEmoticon-openmouthedsmile" alt="Open-mouthed smile" src="http://arioss.files.wordpress.com/2011/02/wlemoticon-openmouthedsmile.png?w=655" />&#160;<img style="border-style:none;" class="wlEmoticon wlEmoticon-openmouthedsmile" alt="Open-mouthed smile" src="http://arioss.files.wordpress.com/2011/02/wlemoticon-openmouthedsmile.png?w=655" /></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/arioss.wordpress.com/130/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/arioss.wordpress.com/130/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/arioss.wordpress.com/130/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/arioss.wordpress.com/130/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/arioss.wordpress.com/130/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/arioss.wordpress.com/130/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/arioss.wordpress.com/130/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/arioss.wordpress.com/130/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/arioss.wordpress.com/130/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/arioss.wordpress.com/130/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/arioss.wordpress.com/130/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/arioss.wordpress.com/130/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/arioss.wordpress.com/130/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/arioss.wordpress.com/130/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=130&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://arioss.wordpress.com/2011/02/05/pengenalan-webgis-dan-mapserver/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31c8a724933aacb0f457ad58b883aeda?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">arioss</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/02/wlemoticon-openmouthedsmile.png" medium="image">
			<media:title type="html">Open-mouthed smile</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/02/gambar_1_contoh_tampilan_webgis_thumb.png" medium="image">
			<media:title type="html">gambar_1_contoh_tampilan_webgis</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/02/wlemoticon-winkingsmile.png" medium="image">
			<media:title type="html">Winking smile</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/02/gambar_2_cmd_webserver_install_thumb.png" medium="image">
			<media:title type="html">gambar_2_cmd_webserver_install</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/02/wlemoticon-openmouthedsmile.png" medium="image">
			<media:title type="html">Open-mouthed smile</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/02/wlemoticon-openmouthedsmile.png" medium="image">
			<media:title type="html">Open-mouthed smile</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2011/02/wlemoticon-openmouthedsmile.png" medium="image">
			<media:title type="html">Open-mouthed smile</media:title>
		</media:content>
	</item>
		<item>
		<title>Instalasi redmine 0.8.7 di FreeBSD</title>
		<link>http://arioss.wordpress.com/2011/02/05/instalasi-redmine-0-8-7-di-freebsd/</link>
		<comments>http://arioss.wordpress.com/2011/02/05/instalasi-redmine-0-8-7-di-freebsd/#comments</comments>
		<pubDate>Sat, 05 Feb 2011 10:24:37 +0000</pubDate>
		<dc:creator>arioss</dc:creator>
				<category><![CDATA[FreeBSD]]></category>
		<category><![CDATA[redmine]]></category>

		<guid isPermaLink="false">http://arioss.wordpress.com/?p=117</guid>
		<description><![CDATA[Sekedar berbagi pengalaman saja, berikut ini langkah-langkah instalasi redmine di sistem operasi FreeBSD yang sudah berhasil saya lakukan. Memang sudah ada petunjuk instalasinya di http://www.redmine.org, tetapi berdasarkan pengalaman saya semua itu tidak sesuai &#8220;rencana&#8221; seperti yang tertulis di website redmine.org tersebut. Perlu usaha googling lagi untuk bisa memecahkan beberapa masalah yang timbul. Berikut langkah-langkah ideal [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=117&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Sekedar berbagi pengalaman saja, berikut ini langkah-langkah instalasi redmine di sistem operasi FreeBSD yang sudah berhasil saya lakukan. Memang sudah ada petunjuk instalasinya di <a href="http://www.redmine.org/">http://www.redmine.org</a>, tetapi berdasarkan pengalaman saya semua itu tidak sesuai &#8220;rencana&#8221; seperti yang tertulis di website redmine.org tersebut. Perlu usaha googling lagi untuk bisa memecahkan beberapa masalah yang timbul.</p>
<p>Berikut langkah-langkah ideal yang sudah saya lakukan di beberapa mesin FreeBSD (mungkin untuk kasus yg lain bisa saja berbeda :p )<br />
login sebagai root terlebih dahulu, kemudian lakukan langkah berikut ini:</p>
<blockquote><p>cd /usr/ports/devel/ruby-gems/<br />
make install<br />
cd /usr/local/bin<br />
gem install rails &#8211;include-dependencies</p></blockquote>
<p>kalau koneksi internet menggunakan proxy (misal: proksi.punyaku.com:8080), maka baris terakhir perlu ditambahkan sbb:</p>
<blockquote><p>gem install rails &#8211;include-dependencies -p http://proksi.punyaku.com:8080</p></blockquote>
<p>Download redmine 0.8.7 di redmine.org, kemudian ekstrak ke folder tertentu (misal: /data/, sehingga akan terbentuk /data/redmine-0.8.7/)</p>
<p>Buat database kosong (misalnya: redmine) dan grant user khusus untuk database &#8216;redmine&#8217; tsb:</p>
<p>Untuk MySQL:</p>
<blockquote><p>create database redmine character set utf8;<br />
create user &#8216;redmine&#8217;@'localhost&#8217; identified by &#8216;my_password&#8217;;<br />
grant all privileges on redmine.* to &#8216;redmine&#8217;@'localhost&#8217;;</p></blockquote>
<p>Salin file /data/redmine-0.8.7/config/database.yml.example menjadi /data/redmine-0.8.7/config/database.yml dan edit sbb untuk lingkungan &#8220;production&#8221;.</p>
<p>Untuk MySQL :</p>
<blockquote><p>production:<br />
adapter: mysql<br />
database: redmine<br />
host: localhost<br />
username: redmine<br />
password: my_password</p></blockquote>
<p>Masuk ke folder /data/redmine-0.8.7/, kemudian jalankan perintah ini ( asumsi rake ada di /usr/local/bin/ ) :</p>
<blockquote><p>/usr/local/bin/rake config/initializers/session_store.rb</p></blockquote>
<p>kalau keluar pesan error sbb:</p>
<blockquote><p>rake aborted!<br />
no such file to load &#8212; iconv</p></blockquote>
<p>jalankan perintah ini dulu:</p>
<blockquote><p>cd /usr/ports/converters/ruby-iconv<br />
make clean &amp;&amp; make install</p></blockquote>
<p>*pastikan ports tree mesin Anda up-to-date ( <a title="http://www.bsdguides.org/guides/freebsd/beginners/portsnap.php" href="http://www.bsdguides.org/guides/freebsd/beginners/portsnap.php" target="_blank">http://www.bsdguides.org/guides/freebsd/beginners/portsnap.php</a> )</p>
<p>kemudian ulangi perintah</p>
<blockquote><p>/usr/local/bin/rake config/initializers/session_store.rb</p></blockquote>
<p>Selanjutnya jalankan perintah ini:</p>
<blockquote><p>/usr/local/bin/rake db:migrate RAILS_ENV=&#8221;production&#8221;</p>
<p>chmod -R 755 files log tmp public/plugin_assets</p></blockquote>
<p>(buat foldernya klo emang ga ada)</p>
<p>Setelah itu jalankan webservernya sbb:</p>
<blockquote><p>/usr/local/bin/ruby script/server webrick -e production</p></blockquote>
<p>Jika tidak ada masalah, Anda akan bisa membuka alamat http://ip.add.ress.nya:3000/ di browser.</p>
<p>Selamat mencoba.</p>
<blockquote><p>referensi:<br />
- <a title="http://www.redmine.org/wiki/redmine/RedmineInstall" href="http://www.redmine.org/wiki/redmine/RedmineInstall" target="_blank">http://www.redmine.org/wiki/redmine/RedmineInstall</a><br />
- <a title="http://jasonnoble.org/2008/09/installing-ruby-on-rails-in-freebsd.html" href="http://jasonnoble.org/2008/09/installing-ruby-on-rails-in-freebsd.html" target="_blank">http://jasonnoble.org/2008/09/installing-ruby-on-rails-in-freebsd.html</a><br />
- <a title="http://dhiku.wordpress.com/2007/10/23/installing-redmine-di-windows/" href="http://dhiku.wordpress.com/2007/10/23/installing-redmine-di-windows/" target="_blank">http://dhiku.wordpress.com/2007/10/23/installing-redmine-di-windows/</a><br />
- <a title="http://www.redmine.org/boards/2/topics/9752" href="http://www.redmine.org/boards/2/topics/9752" target="_blank">http://www.redmine.org/boards/2/topics/9752</a><br />
- <a title="http://www.redmine.org/news/30" href="http://www.redmine.org/news/30" target="_blank">http://www.redmine.org/news/30</a><br />
- <a title="http://www.redmine.org/boards/2/topics/2008" href="http://www.redmine.org/boards/2/topics/2008" target="_blank">http://www.redmine.org/boards/2/topics/2008</a></p></blockquote>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/arioss.wordpress.com/117/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/arioss.wordpress.com/117/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/arioss.wordpress.com/117/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/arioss.wordpress.com/117/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/arioss.wordpress.com/117/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/arioss.wordpress.com/117/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/arioss.wordpress.com/117/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/arioss.wordpress.com/117/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/arioss.wordpress.com/117/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/arioss.wordpress.com/117/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/arioss.wordpress.com/117/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/arioss.wordpress.com/117/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/arioss.wordpress.com/117/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/arioss.wordpress.com/117/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=117&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://arioss.wordpress.com/2011/02/05/instalasi-redmine-0-8-7-di-freebsd/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31c8a724933aacb0f457ad58b883aeda?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">arioss</media:title>
		</media:content>
	</item>
		<item>
		<title>Jubler untuk mengedit subtitle film</title>
		<link>http://arioss.wordpress.com/2009/03/27/jubler-untuk-mengedit-subtitle-film/</link>
		<comments>http://arioss.wordpress.com/2009/03/27/jubler-untuk-mengedit-subtitle-film/#comments</comments>
		<pubDate>Fri, 27 Mar 2009 02:35:10 +0000</pubDate>
		<dc:creator>arioss</dc:creator>
				<category><![CDATA[Referensi Software]]></category>
		<category><![CDATA[Seputar Windows]]></category>
		<category><![CDATA[jubler]]></category>
		<category><![CDATA[subtitle]]></category>
		<category><![CDATA[subtitle editor]]></category>

		<guid isPermaLink="false">http://arioss.wordpress.com/2009/03/27/jubler-untuk-mengedit-subtitle-film/</guid>
		<description><![CDATA[Jubler adalah subtitle editor berbasis java yang sangat mudah digunakan. Saya menggunakannya untuk “ngepasin” timing teks pada film-film koleksi saya yang terkadang tidak sinkron dengan dialog di filmnya. Format file dan encoding-nya juga banyak yang sudah didukung, sehingga memudahkan kita untuk menyimpan subtitle kita ke format lainnya yang kita inginkan. Cara penggunaannya sangatlah sederhana. Sebagai [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=115&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.jubler.org" target="_blank">Jubler</a> adalah subtitle editor berbasis java yang sangat mudah digunakan. Saya menggunakannya untuk “ngepasin” timing teks pada film-film koleksi saya yang terkadang tidak sinkron dengan dialog di filmnya. Format file dan encoding-nya juga banyak yang sudah didukung, sehingga memudahkan kita untuk menyimpan subtitle kita ke format lainnya yang kita inginkan.</p>
<p><a href="http://arioss.files.wordpress.com/2009/03/format-jubler.jpg"><img title="format_jubler" style="display:inline;border-width:0;" height="130" alt="format_jubler" src="http://arioss.files.wordpress.com/2009/03/format-jubler-thumb.jpg?w=244&#038;h=130" width="244" border="0" /></a> <a href="http://arioss.files.wordpress.com/2009/03/encoding-jubler.jpg"><img title="encoding_jubler" style="display:inline;border-width:0;" height="130" alt="encoding_jubler" src="http://arioss.files.wordpress.com/2009/03/encoding-jubler-thumb.jpg?w=244&#038;h=130" width="244" border="0" /></a> </p>
<p>Cara penggunaannya sangatlah sederhana. Sebagai contoh kasus, saya punya koleksi BBC – Live in Cold Bold episode 2 yang timing teksnya terlalu cepat muncul, jadinya bikin “kagok” nontonnya… :p Pada kasus saya, teks muncul kira-kira 1 detik lebih cepat dari suaranya.</p>
<p>Langkah-langkah yang saya lakukan adalah sebagai berikut:</p>
<ol>
<li>Buka file subtitle-nya (untuk kasus saya formatnya *.srt).      <br /><a href="http://arioss.files.wordpress.com/2009/03/jubler-1.jpg"><img title="jubler_1" style="display:inline;border-width:0;" height="200" alt="jubler_1" src="http://arioss.files.wordpress.com/2009/03/jubler-1-thumb.jpg?w=244&#038;h=200" width="244" border="0" /></a> </li>
<li>Berhubung kasusnya hanya timing teks yang telalu cepat, maka yang perlu dilakukan adalah “menggeser” waktu muncul teks tersebut sebanyak 1 detik. Tapi perlu diperhatikan bahwa yang harus digeser adalah timing semua teks, oleh karena itu pertama-tama kita harus mem-blok semua subtitle sbb:      <br /><a href="http://arioss.files.wordpress.com/2009/03/jubler-2.jpg"><img title="jubler_2" style="display:inline;border-width:0;" height="200" alt="jubler_2" src="http://arioss.files.wordpress.com/2009/03/jubler-2-thumb.jpg?w=244&#038;h=200" width="244" border="0" /></a> </li>
<li>Kemudian, buka menu <strong>Tools | Shift time</strong>. Pada bagian “Shift Subtitles” tambahkan 1 detik dan klik OK.       <br /><a href="http://arioss.files.wordpress.com/2009/03/jubler-3.jpg"><img title="jubler_3" style="display:inline;border-width:0;" height="173" alt="jubler_3" src="http://arioss.files.wordpress.com/2009/03/jubler-3-thumb.jpg?w=244&#038;h=173" width="244" border="0" /></a> </li>
<li>Simpanlah, maka akan muncul dialog yang menanyakan apakah subtitle yang sudah diedit akan disimpan ke dalam format tertentu. Klik OK untuk menyimpannya.      <br /><a href="http://arioss.files.wordpress.com/2009/03/jubler-4.jpg"><img title="jubler_4" style="display:inline;border-width:0;" height="173" alt="jubler_4" src="http://arioss.files.wordpress.com/2009/03/jubler-4-thumb.jpg?w=244&#038;h=173" width="244" border="0" /></a> </li>
</ol>
<p>Gampang kan?</p>
<p>Untuk subtitle yang timingnya ngaco ditengah-tengah film, caranya sama saja. Tetapi kita harus mem-blok pada timing tertentu, dan tentu saja kita harus tahu dulu pada menit/detik keberapa ngaconya… <img src='http://s0.wp.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/arioss.wordpress.com/115/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/arioss.wordpress.com/115/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/arioss.wordpress.com/115/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/arioss.wordpress.com/115/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/arioss.wordpress.com/115/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/arioss.wordpress.com/115/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/arioss.wordpress.com/115/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/arioss.wordpress.com/115/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/arioss.wordpress.com/115/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/arioss.wordpress.com/115/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/arioss.wordpress.com/115/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/arioss.wordpress.com/115/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/arioss.wordpress.com/115/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/arioss.wordpress.com/115/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=115&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://arioss.wordpress.com/2009/03/27/jubler-untuk-mengedit-subtitle-film/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31c8a724933aacb0f457ad58b883aeda?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">arioss</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2009/03/format-jubler-thumb.jpg" medium="image">
			<media:title type="html">format_jubler</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2009/03/encoding-jubler-thumb.jpg" medium="image">
			<media:title type="html">encoding_jubler</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2009/03/jubler-1-thumb.jpg" medium="image">
			<media:title type="html">jubler_1</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2009/03/jubler-2-thumb.jpg" medium="image">
			<media:title type="html">jubler_2</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2009/03/jubler-3-thumb.jpg" medium="image">
			<media:title type="html">jubler_3</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2009/03/jubler-4-thumb.jpg" medium="image">
			<media:title type="html">jubler_4</media:title>
		</media:content>
	</item>
		<item>
		<title>membuat grafik chart di php menggunakan google chart api</title>
		<link>http://arioss.wordpress.com/2009/03/19/membuat-grafik-chart-di-php-menggunakan-google-chart-api/</link>
		<comments>http://arioss.wordpress.com/2009/03/19/membuat-grafik-chart-di-php-menggunakan-google-chart-api/#comments</comments>
		<pubDate>Thu, 19 Mar 2009 02:25:00 +0000</pubDate>
		<dc:creator>arioss</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[Google Chart API]]></category>
		<category><![CDATA[open flash chart]]></category>
		<category><![CDATA[phplot]]></category>

		<guid isPermaLink="false">http://arioss.wordpress.com/2009/03/19/membuat-grafik-chart-di-php-menggunakan-google-chart-api/</guid>
		<description><![CDATA[Sebelumnya saya sudah posting tulisan mengenai cara membuat chart menggunakan PHPlot pada php melalui artikel “Membuat grafik chart di php menggunakan PHPlot”, sekarang kita coba bermain-main chart di php lagi menggunakan Google Chart API. Cara penggunaannya sangat sederhana dan tidak memerlukan instalasi library tertentu di script php Anda, yang perlu dilakukan hanyalah mengakses alamat http://chart.apis.google.com/chart [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=98&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Sebelumnya saya sudah posting tulisan mengenai cara membuat chart menggunakan PHPlot pada php melalui artikel “<a href="http://arioss.wordpress.com/2007/07/26/buat-grafik-chart-di-php/" target="_blank">Membuat grafik chart di php menggunakan PHPlot</a>”, sekarang kita coba bermain-main chart di php lagi menggunakan Google Chart API.</p>
<p>Cara penggunaannya sangat sederhana dan tidak memerlukan instalasi library tertentu di script php Anda, yang perlu dilakukan hanyalah mengakses alamat <code><a href="http://chart.apis.google.com/chart">http://chart.apis.google.com/chart</a></code> dengan melewatkan parameter-parameter yang sudah disediakan. Sebagai contoh, mari kita lihat contoh berikut ini:</p>
<p align="center"><a href="http://arioss.files.wordpress.com/2009/03/chart1.jpg"><img title="chart1" style="display:inline;border-width:0;" height="127" alt="chart1" src="http://arioss.files.wordpress.com/2009/03/chart1-thumb.jpg?w=244&#038;h=127" width="244" border="0" /></a> </p>
<p>Pie chart di atas muncul setelah kita menuliskan URL berikut ini di browser Anda:</p>
<blockquote><p><a href="http://chart.apis.google.com/chart?cht=p3&amp;chd=t:60,40&amp;chs=250x100&amp;chl=Hello|World">http://chart.apis.google.com/chart?cht=p3&amp;chd=t:60,40&amp;chs=250&#215;100&amp;chl=Hello|World</a></p>
</blockquote>
<p>Pada contoh URL di atas, kita melewatkan beberapa parameter ke alamat <code><a href="http://chart.apis.google.com/chart">http://chart.apis.google.com/chart</a></code>, yaitu: <strong>chs, chd, cht</strong> dan <strong>chl</strong>. Untuk penjelasannya kurang lebih sebagai berikut:</p>
<ul>
<li><code><a href="http://chart.apis.google.com/chart">http://chart.apis.google.com/chart</a>?</code> merupakan lokasi Chart API </li>
<li><code>&amp; </code>memisahkan parameter </li>
<li><code>chs=250x100 </code>merupakan ukuran dari chart (dalam pixel) </li>
<li><code>chd=t:60,40 </code>merupakan data dari chart yang ditampilkan </li>
<li><code>cht=p3 </code>merupakan tipe chart </li>
<li><code>chl=Hello|World </code>merupakan label chart </li>
</ul>
<p>Untuk penggunaannya kita tinggal memasukkan URL diatas ke dalam tag <strong>&lt;img&gt;</strong> sebagai berikut:</p>
<blockquote><pre class="csharpcode"><span class="kwrd">&lt;</span><span class="html">img</span> <span class="attr">src</span><span class="kwrd">=&quot;http://chart.apis.google.com/chart? </span></pre>
<pre class="csharpcode"><span class="kwrd">chs=250x100 </span></pre>
<pre class="csharpcode"><span class="kwrd">&amp;amp;chd=t:60,40 </span></pre>
<pre class="csharpcode"><span class="kwrd">&amp;amp;cht=p3 </span></pre>
<pre class="csharpcode"><span class="kwrd">&amp;amp;chl=Hello|World&quot;</span> </pre>
<pre class="csharpcode"><span class="attr">alt</span><span class="kwrd">=&quot;Sample chart&quot;</span> <span class="kwrd">/&gt;</span></pre>
</blockquote>
<p>*Pastikan untuk mengganti karakter ampersand (&amp;) menjadi &amp;amp; </p>
<p>&#160;</p>
<p>Perlu diketahui bahwa Google Chart API akan menghasilkan gambar dengan format PNG. Beberapa tipe chart yang bisa dihasilkan adalah line, bar, pie, venn diagram, scatter plot, radar, maps, Google-o-meter dan QR codes. Berikut beberapa contoh chart yang bisa dihasilkan. <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p align="center"><a href="http://arioss.files.wordpress.com/2009/03/chart2.jpg"><img title="chart2" style="display:inline;border-width:0;" height="160" alt="chart2" src="http://arioss.files.wordpress.com/2009/03/chart2-thumb.jpg?w=244&#038;h=160" width="244" border="0" /></a></p>
<p align="center">&#160;<a href="http://arioss.files.wordpress.com/2009/03/chart3.jpg"><img title="chart3" style="display:inline;border-width:0;" height="216" alt="chart3" src="http://arioss.files.wordpress.com/2009/03/chart3-thumb.jpg?w=244&#038;h=216" width="244" border="0" /></a> <a href="http://arioss.files.wordpress.com/2009/03/chart4.jpg"><img title="chart4" style="display:inline;border-width:0;" height="235" alt="chart4" src="http://arioss.files.wordpress.com/2009/03/chart4-thumb.jpg?w=244&#038;h=235" width="244" border="0" /></a> </p>
<p>&#160;</p>
<p>Untuk ukuran gambarnya, Google Chart API hanya mengijinkan maksimal 300.000 pixel. Itu artinya, hasil perkalian nilai parameter <strong>chs</strong> tidak boleh melebihi dari angka 300.000. Misalnya angka 1000&#215;300, 300&#215;1000, 600&#215;500, 800&#215;375 dan 375&#215;800 masih diperbolehkan karena tidak melebihi 300.000, tapi nilai 800&#215;600 tidak diperbolehkan karena menghasilkan angka 480.000 pixel.</p>
<p>Untuk manual lengkapnya, silahkan mengunjungi alamat <a title="http://code.google.com/apis/chart/" href="http://code.google.com/apis/chart/">http://code.google.com/apis/chart/</a>. Disana dijelaskan semua parameter yang tersedia untuk menghasilkan tipe chart yang diinginkan.</p>
<p>Satu-satunya kelemahan dari Google Chart API ini adalah harus selalu terhubung ke internet. Untuk sistem yang hanya bisa diakses lokal, sepertinya PHPlot masih jadi pilihan utama. Atau mungkin Anda bisa menggunakan <a href="http://teethgrinder.co.uk/open-flash-chart/" target="_blank">Open Flash Chart</a> biar lebih cantik lagi karena menghasilkan chart berbasis flash. Tunggu saja tulisan berikutnya… <img src='http://s1.wp.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Sedangkan kelebihan Google Chart API (seperti yang sudah disebutkan di bagian awal) adalah kita tidak perlu menginstalasi modul-modul tertentu ke script php/html kita.</p>
<p>Semoga bermanfaat…</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/arioss.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/arioss.wordpress.com/98/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/arioss.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/arioss.wordpress.com/98/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/arioss.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/arioss.wordpress.com/98/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/arioss.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/arioss.wordpress.com/98/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/arioss.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/arioss.wordpress.com/98/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/arioss.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/arioss.wordpress.com/98/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/arioss.wordpress.com/98/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/arioss.wordpress.com/98/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=98&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://arioss.wordpress.com/2009/03/19/membuat-grafik-chart-di-php-menggunakan-google-chart-api/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31c8a724933aacb0f457ad58b883aeda?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">arioss</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2009/03/chart1-thumb.jpg" medium="image">
			<media:title type="html">chart1</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2009/03/chart2-thumb.jpg" medium="image">
			<media:title type="html">chart2</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2009/03/chart3-thumb.jpg" medium="image">
			<media:title type="html">chart3</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2009/03/chart4-thumb.jpg" medium="image">
			<media:title type="html">chart4</media:title>
		</media:content>
	</item>
		<item>
		<title>file .hlp tidak didukung di Vista</title>
		<link>http://arioss.wordpress.com/2009/03/14/file-hlp-tidak-didukung-di-vista/</link>
		<comments>http://arioss.wordpress.com/2009/03/14/file-hlp-tidak-didukung-di-vista/#comments</comments>
		<pubDate>Sat, 14 Mar 2009 10:27:41 +0000</pubDate>
		<dc:creator>arioss</dc:creator>
				<category><![CDATA[Seputar Windows]]></category>

		<guid isPermaLink="false">http://arioss.wordpress.com/2009/03/14/file-hlp-tidak-didukung-di-vista/</guid>
		<description><![CDATA[Baru tau kalau file-file help lama (.hlp) sudah tidak didukung lagi mulai di Windows Vista (dan Windows Server 2008), jadinya ketika mau buka file-file help dari program lama pasti akan bermasalah. Jadinya mesti donlot dulu deh “updatenya” di http://go.microsoft.com/fwlink/?LinkID=82148 (tentunya harus melewati validasi sistem operasi, apakah ori atau bajakan ) Ternyata disana Microsoft juga sudah [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=88&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Baru tau kalau file-file help lama (.hlp) sudah tidak didukung lagi mulai di Windows Vista (dan Windows Server 2008), jadinya ketika mau buka file-file help dari program lama pasti akan bermasalah. Jadinya mesti donlot dulu deh “updatenya” di <a title="http://go.microsoft.com/fwlink/?LinkID=82148" href="http://go.microsoft.com/fwlink/?LinkID=82148">http://go.microsoft.com/fwlink/?LinkID=82148</a> (tentunya harus melewati validasi sistem operasi, apakah ori atau bajakan <img src='http://s0.wp.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  )</p>
<p>Ternyata disana Microsoft juga sudah menyediakan update untuk Windows 7 juga, walaupun sifatnya masih <em>experimental </em>(berhubung Windows 7 juga masih beta).</p>
<p>Untuk lebih jelasnya, bisa kunjungi link berikut ini: <a title="http://support.microsoft.com/?kbid=917607" href="http://support.microsoft.com/?kbid=917607">http://support.microsoft.com/?kbid=917607</a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/arioss.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/arioss.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/arioss.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/arioss.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/arioss.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/arioss.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/arioss.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/arioss.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/arioss.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/arioss.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/arioss.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/arioss.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/arioss.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/arioss.wordpress.com/88/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=88&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://arioss.wordpress.com/2009/03/14/file-hlp-tidak-didukung-di-vista/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31c8a724933aacb0f457ad58b883aeda?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">arioss</media:title>
		</media:content>
	</item>
		<item>
		<title>Goonerisasai anak ^_^</title>
		<link>http://arioss.wordpress.com/2009/02/21/goonerisasai-anak-_/</link>
		<comments>http://arioss.wordpress.com/2009/02/21/goonerisasai-anak-_/#comments</comments>
		<pubDate>Sat, 21 Feb 2009 17:33:10 +0000</pubDate>
		<dc:creator>arioss</dc:creator>
				<category><![CDATA[Keluarga]]></category>

		<guid isPermaLink="false">http://arioss.wordpress.com/2009/02/21/goonerisasai-anak-_/</guid>
		<description><![CDATA[&#160; &#160;<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=86&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>&#160;</p>
<p><a href="http://arioss.files.wordpress.com/2009/02/img-2693-resize.png"><img title="IMG_2693_resize" style="border-right:0;border-top:0;display:inline;border-left:0;border-bottom:0;" height="244" alt="IMG_2693_resize" src="http://arioss.files.wordpress.com/2009/02/img-2693-resize-thumb.png?w=184&#038;h=244" width="184" border="0" /></a>&#160; <a href="http://arioss.files.wordpress.com/2009/02/img-2694-resize.png"><img title="IMG_2694_resize" style="border-right:0;border-top:0;display:inline;border-left:0;border-bottom:0;" height="244" alt="IMG_2694_resize" src="http://arioss.files.wordpress.com/2009/02/img-2694-resize-thumb.png?w=184&#038;h=244" width="184" border="0" /></a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/arioss.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/arioss.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/arioss.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/arioss.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/arioss.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/arioss.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/arioss.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/arioss.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/arioss.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/arioss.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/arioss.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/arioss.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/arioss.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/arioss.wordpress.com/86/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=86&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://arioss.wordpress.com/2009/02/21/goonerisasai-anak-_/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31c8a724933aacb0f457ad58b883aeda?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">arioss</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2009/02/img-2693-resize-thumb.png" medium="image">
			<media:title type="html">IMG_2693_resize</media:title>
		</media:content>

		<media:content url="http://arioss.files.wordpress.com/2009/02/img-2694-resize-thumb.png" medium="image">
			<media:title type="html">IMG_2694_resize</media:title>
		</media:content>
	</item>
		<item>
		<title>Menjadikan form &#8220;Always On Top&#8221; di Delphi</title>
		<link>http://arioss.wordpress.com/2009/02/14/menjadikan-form-always-on-top-di-delphi/</link>
		<comments>http://arioss.wordpress.com/2009/02/14/menjadikan-form-always-on-top-di-delphi/#comments</comments>
		<pubDate>Sat, 14 Feb 2009 23:10:55 +0000</pubDate>
		<dc:creator>arioss</dc:creator>
				<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://arioss.wordpress.com/?p=76</guid>
		<description><![CDATA[Udah lama ga ngoprek Delphi, jadi agak2 lupa &#38; lama nyambungin otak ke lingkungan IDE Delphi. Banyak juga fitur-fitur standar Delphi yg lupa juga. Apalagi setelah pindah ke Delphi 2007, cukup drastis lah perubahannya (sebelumnya pake Delphi 7). Sesuai dengan judulnya, kmaren ada kerjaan lama yg mau direvisi dikit. Jadi pengennya form utamanya di set [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=76&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Udah lama ga ngoprek Delphi, jadi agak2 lupa &amp; lama nyambungin otak ke lingkungan IDE Delphi. Banyak juga fitur-fitur standar Delphi yg lupa juga. Apalagi setelah pindah ke Delphi 2007, cukup drastis lah perubahannya (sebelumnya pake Delphi 7).</p>
<p>Sesuai dengan judulnya, kmaren ada kerjaan lama yg mau direvisi dikit. Jadi pengennya form utamanya di set ke &#8220;always on top&#8221;. Pusing juga cari2 di properties formnya&#8230; akhirnya setelah googling sana-sini, ketemu juga caranya. Jadi intinya, kita memanfaatkan fungsi <strong>SetWindowPos()</strong> yg ada di unit Windows. Sintaks lengkapnya adalah sebagai berikut:</p>
<pre class="clsSyntax">BOOL SetWindowPos(     
    HWND <em>hWnd</em>,
    HWND <em>hWndInsertAfter</em>,
    int <em>X</em>,
    int <em>Y</em>,
    int <em>cx</em>,
    int <em>cy</em>,
    UINT <em>uFlags</em>
);</pre>
<p>Keterangan:</p>
<ul>
<li><em>hWnd</em>: handle dari form</li>
<li><em>hWndInsertAfter</em>: yg akan menentukan form kita itu akan &#8220;always on top&#8221; atau nggak</li>
<li><em>X, Y</em>: koordinat form</li>
<li><em>cx, cy</em>: ukuran form</li>
<li><em>uFlags</em>: flag yg berhubungan dengan ukuran dan penempatan posisi form.</li>
</ul>
<p>Sorry ya, lg males translate&#8230; jadi untuk detilnya silahkan liat saja di help-nya Delphi&#8230; :p</p>
<p>Ya untuk lebih singkatnya, cara pakai fungsi tersebut adalah dengan cara meletakkannya di event <strong>OnShow()</strong> milik form yg bersangkutan.</p>
<blockquote><p>SetWindowPos(Self.Handle,<br />
HWND_TOPMOST,<br />
0, 0, 0, 0,<br />
SWP_NOMOVE or SWP_NOSIZE or SWP_SHOWWINDOW);</p></blockquote>
<p>Hasilnya bisa dicoba sendiri&#8230; <img src='http://s1.wp.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/arioss.wordpress.com/76/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/arioss.wordpress.com/76/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/arioss.wordpress.com/76/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/arioss.wordpress.com/76/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/arioss.wordpress.com/76/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/arioss.wordpress.com/76/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/arioss.wordpress.com/76/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/arioss.wordpress.com/76/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/arioss.wordpress.com/76/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/arioss.wordpress.com/76/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/arioss.wordpress.com/76/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/arioss.wordpress.com/76/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/arioss.wordpress.com/76/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/arioss.wordpress.com/76/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=76&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://arioss.wordpress.com/2009/02/14/menjadikan-form-always-on-top-di-delphi/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31c8a724933aacb0f457ad58b883aeda?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">arioss</media:title>
		</media:content>
	</item>
		<item>
		<title>Lupa Password mysql di Windows?</title>
		<link>http://arioss.wordpress.com/2008/06/02/lupa-password-mysql-di-windows/</link>
		<comments>http://arioss.wordpress.com/2008/06/02/lupa-password-mysql-di-windows/#comments</comments>
		<pubDate>Mon, 02 Jun 2008 07:04:23 +0000</pubDate>
		<dc:creator>arioss</dc:creator>
				<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://arioss.wordpress.com/2008/06/02/lupa-password-mysql-di-windows/</guid>
		<description><![CDATA[Pernah ga sih lupa password mysql? Klo cuma menangani 1-2 server sih ga masalah, tapi klo dah banyak terkadang lupa juga tuh sama. Saya pernah loh suatu hari lupa password mysql. Ngeselin banget. Apalagi pas diburu2&#8230; wuih bener2 bikin jengkel. Alhamdulillah ada mister google. Setelah beberapa menit ngubek2 google&#8230; akhirnya ketemu juga cara untuk me-restore [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=73&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Pernah ga sih lupa password mysql? Klo cuma menangani 1-2 server sih ga masalah, tapi klo dah banyak terkadang lupa juga tuh sama. Saya pernah loh suatu hari lupa password mysql. Ngeselin banget. Apalagi pas diburu2&#8230; wuih bener2 bikin jengkel. </p>
<p>Alhamdulillah ada mister google. Setelah beberapa menit ngubek2 google&#8230; akhirnya ketemu juga cara untuk me-restore password mysql yang kelupaan itu (<a title="http://www.mydigitallife.info/2006/04/23/reset-the-root-password-of-mysql-server/" href="http://www.mydigitallife.info/2006/04/23/reset-the-root-password-of-mysql-server/">http://www.mydigitallife.info/2006/04/23/reset-the-root-password-of-mysql-server/</a>). Berikut langkah2nya:</p>
<ol>
<li>Pastikan kita masuk ke Windows semagai <strong>Administrator</strong>.</li>
<li>Jika mysql sedang berjalan, tentunya harus dihentikan dulu donk.</li>
<li>Sekarang, buatlah file teks biasa yang berisi baris:</li>
<div style="border-right:gray 1px solid;border-top:gray 1px solid;font-size:8pt;overflow:auto;border-left:gray 1px solid;width:97.5%;cursor:text;line-height:12pt;border-bottom:gray 1px solid;font-family:consolas, 'Courier New', courier, monospace;background-color:#f4f4f4;max-height:200px;margin:20px 0 10px;padding:4px;">
<div style="font-size:8pt;overflow:visible;width:100%;color:black;line-height:12pt;font-family:consolas, 'Courier New', courier, monospace;background-color:#f4f4f4;border-style:none;padding:0;">
<pre style="font-size:8pt;overflow:visible;width:100%;color:black;line-height:12pt;font-family:consolas, 'Courier New', courier, monospace;background-color:white;border-style:none;margin:0;padding:0;"><span style="color:#0000ff;">SET</span> PASSWORD <span style="color:#0000ff;">FOR</span> <span style="color:#006080;">'root@localhost'</span> = PASSWORD(<span style="color:#006080;">'PasswordBaru'</span>);</pre>
</div>
</div>
<p>Simpanlah dengan nama file apa saja. Untuk memudahkan, simpan saja di root drive, misalnya C:\mysql-reset.txt</p>
<li>Dengan asumsi mysql diinstal di C:\mysql, jalankan perintah berikut ini di command-prompt:</li>
<div style="border-right:gray 1px solid;border-top:gray 1px solid;font-size:8pt;overflow:auto;border-left:gray 1px solid;width:97.5%;cursor:text;line-height:12pt;border-bottom:gray 1px solid;font-family:consolas, 'Courier New', courier, monospace;background-color:#f4f4f4;max-height:200px;margin:20px 0 10px;padding:4px;">
<div style="font-size:8pt;overflow:visible;width:100%;color:black;line-height:12pt;font-family:consolas, 'Courier New', courier, monospace;background-color:#f4f4f4;border-style:none;padding:0;">
<pre style="font-size:8pt;overflow:visible;width:100%;color:black;line-height:12pt;font-family:consolas, 'Courier New', courier, monospace;background-color:white;border-style:none;margin:0;padding:0;">C:\&gt; C:\mysql\bin\mysql-nt -init-file=C:\mysql-reset.txt</pre>
</div>
</div>
<li>Restart mysql.</li>
<li>Silahkan konek ke mysql dengan menggunakan <strong>PasswordBaru</strong>.</li>
</ol>
<p>Saya sudah coba dan berhasil. Silahkan mencoba.</p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/arioss.wordpress.com/73/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/arioss.wordpress.com/73/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/arioss.wordpress.com/73/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/arioss.wordpress.com/73/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/arioss.wordpress.com/73/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/arioss.wordpress.com/73/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/arioss.wordpress.com/73/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/arioss.wordpress.com/73/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/arioss.wordpress.com/73/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/arioss.wordpress.com/73/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/arioss.wordpress.com/73/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/arioss.wordpress.com/73/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/arioss.wordpress.com/73/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/arioss.wordpress.com/73/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/arioss.wordpress.com/73/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/arioss.wordpress.com/73/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=arioss.wordpress.com&amp;blog=1130021&amp;post=73&amp;subd=arioss&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://arioss.wordpress.com/2008/06/02/lupa-password-mysql-di-windows/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31c8a724933aacb0f457ad58b883aeda?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">arioss</media:title>
		</media:content>
	</item>
	</channel>
</rss>
