Peta Interaktif

Tutorial Pembuatan Peta Interaktif

We’re Moving

tinggalkan komentar »

kami tidak lagi mengelola website ini, jika anda ingin berdikusi tentang suatu hal, bisa ikutan FORUM KLANJABRIK.COM

Written by jtv

Juli 24, 2008 at 12:53 pm

Ditulis dalam Umum

Hello world!

with one comment

Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!

Written by jtv

Desember 31, 2007 at 5:35 am

Ditulis dalam Umum

Membuat dan update data titik dengan Flash, PHP, XML

with 10 comments

Ditengah pekerjaan pembuatan peta interaktif Bali, serta ditemani dengan suara indahnya sang Putri, diselingi Band of Brothers saya mendapatkan metode ini, dan saya pikir mungkin metode ini bisa dipake buat temen-temen untuk kebaikan. Terima kasih buat mas Ayi, untuk sharing ide alogirtmanya.

Flash 8 & XML

Pada artikel sebelumnya tentang XML di Flash, saya sudah menerangkan beberapa poin, jadi kalau mau liat teori singkat, coba cari-cari di kategori flash :D

Update Titik

Untuk update titik kita menggunakan PHP untuk menulisnya ke file XML, kalau bicara PHP, berarti kita butuh Apache sebagai webserver.

Pembuatannya sangat sederhana, jadi kalau butuh perkembangan, please improve your self, nanti bisa saya bantu-bantu.

Pembuatan
PHP
Berikut adalah source-code php yang kita gunakan untuk membaca dan memodifikasi file XML.

$file = fopen(“xml/dot.xml”, “w+”) or die(“Can’t open XML file”);
$xmlString = $HTTP_RAW_POST_DATA;
if(!fwrite($file, $xmlString)){
print “Error writing to XML-file”;
}
fclose($file);
print $xmlString.”\n”;

Flash akan membaca data yang ditampilkan oleh PHP, yaitu pada baris terakhir,
print $xmlString.”\n”;

Contoh
Baca entri selengkapnya »

Written by jtv

November 8, 2007 at 12:10 pm

Ditulis dalam Flash Prof. 8, PHP

Flash Zoom ke titik yang diinginkan

with one comment

Tetep saja Adobe masih belum bisa memuaskan hasrat flash developer untuk memposisikan objek terpusat setelah proses zoom (in/out), tp jangan khawatir, bagi kamu pengguna flash 8 / Actionscript2, bisa menggunakan DynamicRegistration.as dari Darron Schall.

DynamicRegistration.as berkerja sebagai library yang harus kamu import terlebih dahulu pada actionscript, dan setelah kamu mengaktifkan dynamicRegistration, kamu dapat mengakses properti baru sebagai berikut:

1. _x2
2. _y2
3. _xscale2
4. _yscale2
5. _rotation2
6. _xmouse2
7. _ymouse2

Jangan lupa untuk menggunakan fungsi “this.setRegistration(this._xmouse, this._ymouse);” untuk memulai penggunaan modul DynamicRegistration.as.

Lihat Contoh berikut (klik gambar dibawah untuk zoom in/out):

Download source code flash diatas, Good luck…..

Written by jtv

September 17, 2007 at 1:57 pm

Ditulis dalam Flash Prof. 8

Mengetahui level user di wordpress

with 2 comments

WordPress adalah sistem CMS yang solid dan kompleks, kalau ada yang berminat untuk mengotak-atik source code aslinya, monggo…, mungkin nanti kita bisa sharing.

Untuk artikel ini, saya akan memberikan cara bagaimana mengetahui level pengguna, dengan mengetahui level pengguna kita dapat menyembunyikan/menampilkan modul-modul yang kita inginkan.

Cara mengetahui pengguna yang sedang aktif, kita dapat menggunakan :

$user = wp_get_current_user();

variabel $user memiliki tipe object, oleh sebab itu untuk menampilkan data “nama”, kita bisa mengetikkan kode di bawah ini:

echo $user->display_name;

Untuk mengambil level pengguna, caranya sama seperti diatas,

echo $user->user_level;

user_level terdapat pada tabel wp_usermeta.

Tapi, bagaimana jika kita tidak memiliki data user_level, caranya sebagai berikut:

$st = array_keys($user->wp_capabilities);
echo $st[0];

Hasilnya adalah jenis pengguna di worpress:

1. Administrator
2. Editor
3. Author
4. Contributor
5. Subscriber

Selamat mencoba…

Written by jtv

Agustus 28, 2007 at 11:41 am

Ditulis dalam PHP

Membuat AJAX sederhana

with 2 comments

“Better late than never”….

AJAX adalah…enough for the bulls***, read this

Untuk membuat program AJAX sederhana, kita butuh 2 file, dengan penjelasan sebagai berikut:

1. File yang menyediakan tempat untuk tampilan data dan trigger (javascript) untuk mengaktifkan AJAX. File ini kita beri nama “index.php”
2. File yang berisikan data yang akan ditampilkan. File ini kita beri nama “getberita.php”

Sebelumnya kita siapkan terlebih dahulu data di MySQL, buat database “berita”, dan ketikkan query dibawah ini:

[mysql]

CREATE TABLE `berita` (
`berita_id` int(11) NOT NULL auto_increment,
`berita_judul` varchar(255) default NULL,
`berita_tgl` datetime default NULL,
`berita_detail` text,
PRIMARY KEY (`berita_id`)
)

INSERT INTO `berita` VALUES (6746, ‘Auxerre Rekrut Tamas’, ‘2007-06-28 00:37:00′, ‘Klub papan tengah Ligue 1 AJ Auxerre kembali kedatangan pemain baru yakni palang pintu Gabriel Tamas yang didatangkan dari klub asal Rusia Spartak Moskow.\r\n Kepindahan pemain berusia 23 tahun ini saat ini belum rampung sepenuhnya dan akan segera diselesaikan setelah Tamas berhasil melewati sesi tes medis.\r\n\r\nAuxerre memang melakukan pembenahan dengan serius karena musim ini gagal meraih tiket ke Piala UEFA dan cuma finis di urutan kedelapan klasemen akhir Ligue 1.\r\n\r\nTamas merupakan pemain kelima yang didatangkan Auxerre setelah Tofilou Maoulida, Marcos Antonio, Kamel Chafni dan Jean-Marc Lesage.\r\n\r\n(Tho/Goal)\r\n’);
INSERT INTO `berita` VALUES (6747, ‘Arab Saudi Permalukan Singapura’, ‘2007-06-28 01:26:00′, ‘Arab Saudi semakin percaya diri menjelang bergulirnya Piala Asia setelah pada laga uji coba, Rabu (27/6), berhasil menang 2-1 atas tuan rumah Singapura, meski di babak kedua mereka harus bermain dengan 10 pemain. Bermain di kandang Singapura, Stadion National, Arab tidak gentar dan langsung bermain menyerang sehingga mampu melahirkan beberapa peluang emas.\r\n\r\nTak perlu menunggu lama, Arab sudah berhasil membuka skor melalui Abdulrahman Al Qahtani pada menit ke-26. Delapan menit kemudian Taiseer Al Jassam menggandakan skor menjadi 2-0.\r\n\r\nDua menit sebelum turun minum, Singapura memperkecil kedudukan melalui Shadin Shref.\r\n\r\nLima menit setelah jeda, Al Jassam mendapat kartu kuning kedua sehingga Arab harus bermain dengan 10 pemain. Untungnya hingga laga usai Singapura tak mampu menyamakan skor.\r\n\r\n”Saya senang dengan kemenangan ini. Kami bermain dengan 10 pemain pada babak kedua. Kami melawan tim yang tangguh,” pelatih Arab Helio Anjos.\r\n\r\nKemenangan ini menjadi modal berharga bagi Arab sebelum turun di Piala Asia. Pasukan Anjos ini tergabung di Grup B bersama Indonesia, Bahrain dan Korea Selatan.\r\n\r\n(Tho/Reuters) \r\n’);
INSERT INTO `berita` VALUES (6748, ‘Fulham Boyong Hughes’, ‘2007-06-28 02:34:00′, ‘Seolah tidak mau kalah dengan klub lain yang sudah memulai perburuan pemain, Fulham mendatangkan palang pintu Aaron Hughes dari Aston Villa. Hughes didatangkan dengan nilai transfer sebesar satu juta pound dan akan meneken kontrak bersama Fulham selama tiga musim. Hughes diharapkan mampu menutup lubang di lini belakang mereka\r\n\r\nMantan pemain Newcastle United ini merupakan pembelian pertama pelatih anyar Fulham Lawrie Sanchez, sejak terpilih melatih Liam Rosenior cs.\r\n\r\nKetertarikan Sanchez terhadap Hughes karena ia telah mengenal gaya bermain pemain berusia 27 tahun ini ketika masih menjadi pelatih Irlandia Utara.\r\n\r\n”Saya senang berhasil membawa Hughes ke Fulham. Saya mengetahui kualitas yang ia miliki. Saya gembira ia menjadi rekrutan pertama saya pada musim panas ini,” ujar Sanchez.\r\n\r\n(Tho/AFP)\r\n’);

[/mysql]

Baca entri selengkapnya »

Written by jtv

Agustus 21, 2007 at 6:04 pm

Ditulis dalam MySQL, PHP

Membuat file MAP (konfigurasi layer-layer) bag. ketiga

with 14 comments

Pada artikel sebelumnya, telah dibuat beberapa kode di file MAP, dalam artikel ini saya akan membahas konfigurasi layer-layer peta yang kita miliki di file MAP.

Kita akan membuat pada peta di Chameleon dengan menggunakan 3 layer:
1. Layer “Sungai”
2. Layer “Poli Bantu”
3. Layer “Administrasi”

Saya akan membahasnya satu persatu.

LAYER “SUNGAI”

#
# Start of layer definitions
#

LAYER
  GROUP "Polygon"
  NAME sungai
  METADATA
    "DESCRIPTION" "Sungai"
    "GROUP" "Polygon"
    "LAYER" "sungai"
  END
  TYPE POLYGON
  STATUS ON
  DATA sungai
  CLASS
    NAME "Sungai"
    COLOR 23 149 247
    OUTLINECOLOR 23 149 247
  END
PROJECTION
    "init=epsg:4269"
END
END # layer

GROUP, digunakan untuk pengklasifikasian grup, untuk layer “sungai” kita masukkan ke grup polygon.
NAME, layer “sungai” diberi nama variabel “sungai”.
METADATA, kode ini digunakan untuk menghubungkan ke file DBF yang dimiliki oleh layer.
TYPE, tipe layer terdiri dari 3 jenis, yaitu tipe “Polygon”, “Line” dan “Point”.
STATUS, nilai variabel STATUS adalah ON menandakan bahwa layer “sungai” akan muncul sewaktu pertama kali halaman web ditampilkan. jika kamu tidak ingin memunculkan layer “sungai” pada saat awal tampilan, dapat diganti nilainya menjadi OFF
DATA, variabel ini diisikan dengan nilai “sungai” yang merujuk ke file “sungai.dbf”, harap diingat bahwa penamaan file tidak boleh memiliki karakter spasi, misalkan “sungai besar”, dapat diganti dengan “sungai_besar”.
COLOR, warna sungai, dengan kode RGB.
OUTLINECOLOR, warna garis tepi, dengan kode RGB.
PROJECTION, atau proyeksi disamakan nilainya dengan variabel PROJECTION di atas

Nilai Pada CLASS=>NAME sama dengan METADATA=>DESCRIPTION

Baca entri selengkapnya »

Written by jtv

Agustus 20, 2007 at 12:11 pm

Ditulis dalam MapServer

Programming MapServer + Chameleon, bag. kedua

with 3 comments

Membuat File MAP

Brief: Chameleon yang bekerja di Mapserver memiliki file MAP berfungsi sebagai pendeklarasian layer-layer sesuai dengan file SHP yang kita miliki yang dikategorikan sesuai dengan grup Line, Polygon dan Point, pendeklarasian skala, Proyeksi yang digunakan, dll.

Pertama kali yang diisikan pada file MAP adalah seperti berikut:

#
# Start of map file
#
# Sample map file for a chameleon app.
#
NAME DEMO
STATUS ON
SIZE 400 300
SYMBOLSET ../etc/symbols.sym
EXTENT 287087.190338 9236933.007130 296637.946419 9242847.100283
UNITS METERS
SHAPEPATH "../data/tegal"
IMAGECOLOR 241 241 228
FONTSET ../etc/fonts.txt

Keterangan:

SIZE , ukuran peta yang pertama kali ditampilkan di browser (Width Height) => (400 300)
SYMBOLSET, Jenis karakter symbol yang akan digunakan untuk pemberian simbol di peta.
EXTENT, koordinat referensi.
UNITS, Satuan ukuran di peta.
SHAPEPATH, Letak direktori dimana file SHP, DBF dan SHX berada.
IMAGECOLOR, warna bakcground peta.
FONTSET, Jenis karakter huruf yang akan digunakan untuk penulisan.

Baca entri selengkapnya »

Written by jtv

Agustus 20, 2007 at 12:06 pm

Ditulis dalam MapServer

Flash txt Baca Tulis File php apache web server

tinggalkan komentar »

(Artikel ini untuk yang sudah menguasai/menginstall Apache Web Server dan PHP)

flashphpapachebacatulis

Fakta:

C:\Apache\ => Letak direktori Apache Webserver.
C:\Apache\htdocs => Letak Direktori Kerja/Dokumen HTML Apache WebServer.

Langkah-langkah Pembuatan

Mempersiapkan direktori kerja

Langkah pertama adalah membuat direktori kerja, dimana nanti kita akan menaruh file HTML, PHP, TXT dan SWF, caranya buat direktori baru “bacatulis” di C:\Apache\htdocs\

sampai tahap ini kita memliki direktori baru di C:\Apache\htdocs\bacatulis\

Mempersiapkan file TXT

Buat file data.txt di direktori kerja tadi (C:\Apache\htdocs\bacatulis\)

Mempersiapkan file PHP untuk menulis dan membaca file txt

Baca entri selengkapnya »

Written by jtv

Agustus 8, 2007 at 11:30 am

Ditulis dalam Flash Prof. 8, PHP

Programming MapServer + Chameleon, bag. pertama

tinggalkan komentar »

(Kamu harus baca artikel sebelumnya mengenai Mapserver…)

Mapserver

Untuk mencoba-coba programming mapserver + chameleon, kita akan mengambil contoh seperti di link yang di dalam kotak merah pada gambar di atas, yaitu “Sample Using XML Theme Legend”.

Baca entri selengkapnya »

Written by jtv

Agustus 7, 2007 at 9:19 am

Ditulis dalam MapServer