Skip to main content

Membuat Peta Digital dengan Flash MX


Sesuai dengan permintaan tentang cara membuat peta digital dengan flash di komentar posting tentang peta surabaya, akhirnya jadilah program darurat ini. Bagi yang pernah mempelajari GIS (Geoghraphical Information System), pasti punya pandangan lain seputar "peta digital". Sedangkan program ini cuma untuk memberikan gambaran dan pencerahan betapa mudahnya membuat sebuah peta digital dengan menggunakan flash. Ngga sampe sejam kok. Tutorial ini menggunakan Macromedia Flash MX, bukan Flash 5 yang terlalu sederhana, dan juga bukan Flash 2004 keatas yang begitu rumit. Fungsi utama yang sudah ada disini berupa navigasi, zooming, dragging, dan jump to location. Tentang penjelasan langkah pembuatan, dengan begitu begitu banyaknya langkah yang harus dilakukan dan peletakkan action script, yang entah dimana saja ada, Tentu tidak bisa dijelaskan dengan cara konvensional, "klik sana dan open sini dan selanjutnya gini gitu" TM. Yang penting adalah langkah dasar yang harus dilakukan, mempelajari script dalam file FLA secara langsung, setelah itu tinggal dikembangkan sendiri secara langsung. Tentu dengan asumsi dasar sudah bisa caranya membuka file FLA. Gunakan kolom komentar untuk pertanyaan lanjutan.

Langkah dasar:
- Siapkan semua bahan: gambar peta, library tombol, suara, dan multimedia item lainnya yang akan dipakai.
- Buat Dokumen flash sesuaikan dengan ukuran gambar peta. Untuk contoh ini punya ukuran 1000x600 px dengan satu scene, dua layer, dan satu frameset.
- Tambahkan peta ke layer satu dan komponen lainnya ke layer 2.
- Buat semua komponen movie clip dan button yang dibutuhkan: Peta, Tombol Navigasi, Tombol Zoom, Text keterangan.
- Pastikan untuk memberi nama semua komponen dengan nama yang unik. Nama inilah yang akan dipanggil melalui action script.
- Tambahkan action script yang dibutuhkan di frame. Script ini berjalan secara global. Skrip ini untuk dragging mouse.
- Tambahkan script untuk setiap komponen tombol yang dibutuhkan. setiap komponen mempunyai script sesuai dengan event yang dijalankan.
- Untuk membuat jump to location, Buat daftar tempatnya, masukkan dalam listbox. Tandai semua lokasi sesuai dengan list dengan sebuah symbol, jangan lupa beri nama. Kemudian Tempatkan script-nya di frame 1. Ubah warna symbol penanda lokasi dengan warna background / putih agar tidak kelihatan.
- Untuk Dragging, tempatkan scriptnya di object peta.
- Gunakan Window, Movie Explorer untuk melihat semua komponen beserta semua script yang sudah ada.
- Coba jalankan, Gunakan perintah publish untuk membuat hasil berupa swf dan exe projector.

Gampang Khan?
Pikiran Anda pasti terlalu kreatif untuk bisa puas dengan cuma hasil segini. Jadi, kembangkan saja sesuai imajinasi dan berbagilah.


Script:

Scene 1
actions for frame 1
_global.w = 401;
_global.h = 301;
_root.L.setChangeHandler("myHandler");
function myHandler(component) { // Untuk Jump to Location
MAPS._width =800;
MAPS._height = 600;
if (_root.L.getSelectedIndex() == 0) {
_root.MAPS._x = _root.MAPS._width-_root.facebook._x;
_root.MAPS._y = _root.MAPS._height-_root.facebook._y;
} else if (_root.L.getSelectedIndex() == 1) {
_root.MAPS._x = _root.MAPS._width-_root.friendster._x;
_root.MAPS._y = _root.MAPS._height-_root.friendster._y;
} else if (_root.L.getSelectedIndex() == 2) {
_root.MAPS._x = _root.MAPS._width-_root.youtube._x;
_root.MAPS._y = _root.MAPS._height-_root.youtube._y;
} else if (_root.L.getSelectedIndex() == 3) {
_root.MAPS._x = _root.MAPS._width-_root.WINDOWS._x;
_root.MAPS._y = _root.MAPS._height-_root.WINDOWS._y;
} else if (_root.L.getSelectedIndex() == 4) {
_root.MAPS._x = _root.MAPS._width-_root.yahoo._x;
_root.MAPS._y = _root.MAPS._height-_root.yahoo._y;
} else if (_root.L.getSelectedIndex() == 5) {
_root.MAPS._x = _root.MAPS._width-_root.blog._x;
_root.MAPS._y = _root.MAPS._height-_root.blog._y;
} else if (_root.L.getSelectedIndex() == 6) {
_root.MAPS._x = _root.MAPS._width-_root.irc._x;
_root.MAPS._y = _root.MAPS._height-_root.irc._y;
} else if (_root.L.getSelectedIndex() == 7) {
_root.MAPS._x = _root.MAPS._width-_root.wikipedia._x;
_root.MAPS._y = _root.MAPS._height-_root.wikipedia._y;
} else if (_root.L.getSelectedIndex() == 8) {
_root.MAPS._x = _root.MAPS._width-_root.myspace._x;
_root.MAPS._y = _root.MAPS._height-_root.myspace._y;
}
}
actions for Zoom Out
on (release) {
MAPS._width += 15;;
MAPS._height += 15;;
}
actions for Zoom In
on (release) {
MAPS._width -= 15;;
MAPS._height -= 15;;
}
actions for Center
on (release) {
MAPS._x = MAPS.center._x + _global.w;
MAPS._y = MAPS.center._y + _global.h;
}
actions for Right
on (release) {
MAPS._x += 15;
}
actions for Left
on (release) {
MAPS._x -= 15;
}
actions for Left
on (release) {
MAPS._y -= 15;
}
actions for Right
on (release) {
MAPS._y += 15;
}
actions for Reset Zoom
on (release) {
MAPS._width =800;
MAPS._height = 600;
}
actions for maps
onClipEvent (load) { Untuk Dragging
_root.MAPS.onMouseDown = function() {
startDrag(_root.MAPS);
};
_root.MAPS.onMouseUp = function() {
stopDrag();
};
}



{Satu hutang selesai! masih ada hutang ajax, ireport, java, C, .NET + Pikiran liar sendiri. Kok ngga abis-abis yah?}
{Info tambahan, apabila melakukan google image search dengan keyword "peta surabaya", blog ini selalu ada di halaman pertama, malah kadang paling atas.}

Download om4gus' Online Map v1 + FLA Source ( Without Jump to Location )
Download om4gus' Online Map v2 + FLA Source ( Full Version )

Comments

  1. mantab Gan.!!!

    visit our site http://www.pusathosting.com/blog/

    ReplyDelete
  2. ah mas hady,
    kok ngga sekalian kenalan mas?
    aw, kok sekarang banyak yang pinter ngomong satire yah?

    ReplyDelete
  3. wadoh...kok udah not found di ziddu yaa

    ReplyDelete
  4. Barusan dicoba masih ada kok.
    Ziddu emang unlimited space-nya, tapi menyebalkan gitu. User interfacenya aneh, berbelit-belit, lambat, sering time-out, ngga ada fasilitas tambahan.
    Dalam segala hal, box.net emang paling bagus. Balik lagi ah....

    ReplyDelete
  5. tutorialnya bagus dan bisa dimengerti

    ReplyDelete
  6. yang full flashnya kq filenya gk ada??

    ReplyDelete
  7. mantap om4gus, ikutan download ya!
    tapii....
    file yang full version sudah nggak ada ya?
    bisa minta diupload lagi
    thank's

    ReplyDelete
  8. @ feriawan , opiq , Anonim
    Duh, makasih udah banyak yang ngingetin. Sudah diupload ulang di box.net yang pasti terjamin selalu ada tuh. Sekali lagi makasih.

    ReplyDelete
  9. mas agus boleh minta dikirimin modul buat Matlab yang ngebahas tentang kriptografi? kirimin ke tsavitri82@yahoo.co.id

    ReplyDelete
  10. @tsavitri82
    :-)
    Kriptografi itu sangat luas, sedangkan saya sendiri bukan orang yang mampu menjelaskan matlab secara mendalam. Kalo java, apalagi java cryptography, paling tidak saya sering bermain dengan itu dan mendalami beberapa bagian implementasi diantaranya...
    Makasih sudah berkunjung, tapi, sekali lagi, saya tidak menerima delivery pengiriman modul ;->

    ReplyDelete
  11. mas ajus,
    saya lagi buat LAPORAN AKHIR tentang penyebaran penduduk.saya membuatnya dalam bentuk peta digital menggunakan flash,
    sifatnya dinamis dan connect database.
    ada tutorialnya ndak mas??
    terima kasih

    ReplyDelete
  12. @anonim,
    mmm, how am I to say it..?
    Menggunakan flash untuk membuat peta penyebaran penduduk seperti halnya menggunakan photoshop untuk membuat surat, bisa tapi tidak efektif. Peta dengan informasi lengkap dari database merupakan fungsi khusus dari GIS.
    Saya tidak berniat untuk membuat tutorialnya, tapi banyak yang sudah menyediakan tentang flash ke databse ini, misalkan di http://www.15seconds.com/Issue/010605.htm.
    Semoga bisa dipelajari sendiri.

    ReplyDelete
  13. ad yang punya flash peta trenggalek

    ReplyDelete
  14. Om gmana script untuk menunjuk per vector contoh nama jalan trus petanya bakal mengarahkan ke nama jalan yang ditunjuk....
    kasih scriptnya dong nanti saya kembangkan
    send to:wiliandri@gmail.com
    makasih

    ReplyDelete
  15. @geocities
    Mungkin yang dimaksud vektor adalah coordinate dari sebuah object gambar, seperti gambar jalan. Kita anggap koordinatnya (200,225), bisa dilihat di bagian apabila mouse digerakkan ke object tersebut. Kemudian ada tombol nama jalan yang diletakkan disamping, yang apabila diklik akan menunjuk ke gambar jalan tersebut. maka action scriptnya adalah:
    on (release) {
    _root.MAPS._x = 200;
    _root.MAPS._y = 225;
    }
    Saya asumsikan dengan clue ini sudah cukup untuk pengembangan selanjutnya. :-)

    ReplyDelete
  16. saya telah buat peta, dengan script di atas. sayangnya, ketika di zoom in, gambar membesar tapi pusatnya di pojok kiri atas peta. gimana caranya agar pusatnya berada di tengah-tengah peta, saat di zoom in? terimakasih.

    ReplyDelete
  17. @ anonim
    Setiap objek dalam flash mempunyai center point. Titik inilah yang dijadikan acuan saat ada perintah zoom. Saat dibuat, titik ini berada tepat di pusat dari setiap objek. Pengeditan pada objek bisa menyebabkan titik ini berpindah. Cari titik ini, berbentuk lingkaran, pindahkan ke tengah dari objek peta.

    ReplyDelete
  18. om.. saya sedang belajar tentang gis. Kemarin dari pak dosen mendapat tugas untuk membuat semacam peta digital tapi berbasis web. Kalau melihat hasil karya om saya sangat tertarik dan ngiri (hehehe). Apakah om bisa bantu mengenai cara pembuatan peta digital berbasis web... makasih sebelumnya.. salam kenal... balas ke-email juga gag papa (hehe)

    ReplyDelete
  19. @ Gilang
    GIS menggunakan program khusus seperti arcview yang sulit untuk diimplementasikan langsung menjadi berbasis web. Sedangkan di contoh ini menggunakan flash mx karena yang tidak bisa dikategorikan sebagai gis karena tidak bisa diisi dengan data yang lengkap misalkan dari database. Tapi sangat mudah untuk dijadikan berbasis web. Sebagai contoh di web ini ada peta surabaya yg dibuat flash dan sudah dijadikan web di artikel lain.

    ReplyDelete
  20. mas saya mau tanya
    bagaimana syntak action script bila dipeta tsb diklik maka keluar nama kota kota di dalam kotak baru dibawah peta tsb
    terima kasih mas :)

    ReplyDelete
  21. @Anonim

    coba pake addItem:

    _root.MAPS.onMouseDown = function() {
    _root.L.addItem("Jakarta");
    _root.L.addItem("Surabaya");

    };

    ReplyDelete
  22. permisi :)
    mas agus, yang v1 sourcenya gak bisa di download, bisa minta kirim ke email engga, kalo berkenan ni alamat email saya, saya lagi belajar flash
    alayarain@yahoo.co.id
    makasih

    ReplyDelete
  23. @Anonim
    http://www.ziddu.com/download/2795368/om4gus_online_map.RAR.html.html

    ReplyDelete
  24. om agus,tolong saya dong om agus. bisa kasih langkah-langkahnya ga om? dari step awal sampe akhir,saya kurang mengerti :(
    tolong di bantu yaa om :D

    ReplyDelete
  25. @Nanayeahyeah!
    awal sampe akhir? butuh 8 semester menjelaskannya.

    ReplyDelete
  26. oh gitu? haha yauda tolong pas masukin codingnya aja tuh om,bagian-bagiannya tuh. bingung banget deh om

    ReplyDelete
  27. @Nanayeahyeah!
    Coba dulu download source codenya. Buka di Flash.

    ReplyDelete
  28. Om Agus,saya siska mw tanya yang bikin center lagi gimana ya Om? trus yg di map layer saya juga masi bingung ,,, ada 2 movie clip dan 1 bitmap dalam 1 layer ,,, apa ada hubungan sama yang center itu ga om ? makasi

    ReplyDelete
  29. @ siska

    Ini untuk membuat posisi di tengah. Ditambah w atau lebarnya karena posisi flash dihitung dari pojok kanan atas:

    MAPS._x = MAPS.center._x + _global.w;


    Begitu juga dengan y:

    MAPS._y = MAPS.center._y + _global.h;
    }

    Jadi tidak ada hubungan dengan layer atau movie clip

    ReplyDelete
  30. salam kenal yah om.. saya alif.. saya mau bertanya.. pertama.. email om agus apa..?
    kedua.. begini om.. kira".. dalam pembuatan map peta itu om agus pake apa..? trus bisa tidak nanti saya bertanya dengan om agus lewat email..??

    ReplyDelete
  31. @alif
    - Apakah artikelnya sudah dibaca?
    - Apakah contohnya sudah didownload dan dicoba?

    ReplyDelete
  32. sudah om.. tapi masih bingung... maklum.. masih baru belajar mengenai pemetaan dari flash...

    contohnya sudah di download om.. tapi masih bingung cara membuatnya... maaf awam mengenai ini..

    ReplyDelete
  33. @alif
    Pelajari saja satu persatu. Kalau ada masalah tinggal ditanyakan disini.

    ReplyDelete
  34. baik om trimakasih.. oh yah.. kalo tidak keberatan buat tutorialnya step by step dong om.. biar lebih faham dan juga disertai gambar.. siapa tau berguna bagi orang lain selain saya.. pribadi.. heheheheh.... makasih yah om... salam kenal... emailnya g dikasih yah om..? hihihi

    ReplyDelete
  35. @alif
    Saya sudah punya emailmu. Kalo memang nanti perlu bisa saya hubungi.

    ReplyDelete
  36. ini siska lagi om ,,,, centernya tetep ga bisa om,, saya coba copy dari fla punya om tetep ga bisa, semuanya saya bikin sama tapi tetep aja centernya ga bisa , gimana ni om ,hehe, makasi

    ReplyDelete
  37. @Siska
    - Apakah gambar peta sudah diberi nama MAPS ?
    - Apakah ada pemberitahuan error di script?

    ReplyDelete
  38. sama persis om ,,,, udah beri nama, semua sama dengan flanya om agus,ga ada errornya ,udah seminggu lebih saya ga bisa bisa hiks hiks hiks

    ReplyDelete
  39. @siska
    Coba sebulan lagi, siapa tau bisa :-)
    Upload di dropbox, kalo sempat saya lihat.

    ReplyDelete
  40. sori ngaco dikit kemarin om ,,,hehehe saya pake flash 8 ,, saya coba di mx bisa semua ,,, makasi ya om

    ReplyDelete
  41. om.... datang lagi neh alif.. heheh
    bdw. kalo misalnya pakek menu pencarian bagaimana kode asnya..? contoh kalo misalnya di textbox dimasukkan kalimat friendster maka peta secara otomatis menunjukkan friendster tersebut gimana yah om..? hihihihi mohon bantuannya.. kalo boleh.. ada baiknya kalo contoh diatas dibuat step by step dalam pembuatannya beserta gambarnya kan lebih bagus mudah dipahami.. hihihi

    ReplyDelete
  42. wah om, artikelna bagus bagus, nitip iklan , buat yang pengen kumpulin receh masuk aja ke Hendssome.wordpress.com

    ReplyDelete
  43. om, gmana caranya bsa nunjukin ke lokasi facebook di peta waktu di klik facebook di listbox,
    saya ga tau dimana om tentuin koordinat dari facebook, tapi di script saya liat ada "_root.facebook._x", itu dimana ditntuin koordinat dari facebooknya?
    makasih om

    ReplyDelete
  44. @Anonim
    udah baca diatas?

    - Untuk membuat jump to location, Buat daftar tempatnya, masukkan dalam listbox. Tandai semua lokasi sesuai dengan list dengan sebuah symbol, jangan lupa beri nama. Kemudian Tempatkan script-nya di frame 1. Ubah warna symbol penanda lokasi dengan warna background / putih agar tidak kelihatan.


    saya pake cara yg paling mudah, dengan membuat symbol kemudian dinamakan facebook

    ReplyDelete
  45. mantap...tq om...

    mau nanya yg melenceng dkit om, gmana cara smpan teks ke notepad, dan kemudian bsa di load lagi...!

    mhon bantuannya om.. :)

    ReplyDelete
  46. Om...
    biar kalo di zoom nggak lari ke tengah gambar lagi gimana????
    maksudnya gini...
    seandainya saya mau ngezoom bagian titik
    x=-38
    y=38
    nah biar titik itu yang terus di zoom gimana??
    aku pakek script diatas kalo di zoom tetep lari ke gambar bagian tengah

    mohon bantuannya
    ^_^

    ReplyDelete
  47. @Anonymous & @Hidan Noazoro
    Jawabannya pending dulu yah. Saya nyari installer flash mx dulu :)

    ReplyDelete
  48. iya ditunggu OM
    Arigato gozaimas!!^_^

    ReplyDelete
  49. bos ,,, pie iki ,,, aku buat zoom kok pas di zoom larinya ke pojok ?

    MAPS w 3010.3
    MAPS h 3181.3

    dokumen setting 700 px x 600 px

    actions button zoom saya
    on (release) {
    peta._width += 80;;
    peta._height += 100;;
    }


    aku indak pakek "action actions for frame 1"
    dan indak pakek titik2 lokasi juga..

    mohon bantuannya ya ya ya ,,,,hahaha,, mumet rek
    muach muach ckcckck

    ReplyDelete
  50. @Hidan Noazoro @Anonymous
    Maaf sampe lupa, barusan nyoba.

    Penjelasannya agak rumit, jadi nanti saja.
    Untuk sementara saya upload aplikasi hasilnya, silakan dites dulu, apakah sesuai keinginan.

    http://www.box.net/shared/ks5mmseb2aacc1y42hfm

    Zooming masih sedikit melenceng, masih perlu beberapa logika matematika untuk perbaikan, tapi tidak jauh seperti sebelumnya.
    Kalo memang ini yang dimaksud, nanti saya buat penjelasan dan file fla sourcenya.

    ReplyDelete
  51. Mas tolong diperjelas step-by-step cara buat "jump to location"nya, karena ini menjadi fitur yang sangat berguna pada peta flash, agar kita tidak banyak menggeser peta.
    Lebih baik lagi kalau dibahas di bagian tersendiri.
    Terima kasih.

    ReplyDelete
  52. @Anonymous
    Doakan saya ada waktu yah...

    ReplyDelete
  53. mas kalo membuat peta sama tombol-tombolnya dimana? apakah boleh di capture? apakah macromedia bisa untuk peta tematik mas?

    ReplyDelete
  54. @Anonymous
    Bisa, bisa bikin sendiri, bisa ambil yang sudah ada, tergantung kreatifitas

    ReplyDelete
  55. Iya om hampir seperti itu...
    jadinya ngezoomnya peta selalu di titik merah, di manapun titik merah itu berada itu maksud saya.
    nah mohon bantuannya,,hehehehehehehe
    terimakasih Om...

    ReplyDelete
  56. @Hidan Noazoro
    Ini link sourcenya:
    http://www.box.net/shared/gel38cejl3dqfrap2ja8
    Sebenarnya masih perlu perbaikan logika matematikanya.

    Nanti kalau sempat saya buat artikel cara buatnya dengan perbaikannya di om4g.us

    ReplyDelete
  57. mas load xml di flash gmn ada gak tutorial nya,,,

    ReplyDelete
  58. Om agus...
    setelah ane coba,,
    scrpinya membingungkan XD
    ini scipt zoom out punyA saya yang saya ikuti dari om..
    on (release) {
    peta._width -= 162.35;;
    peta._height -= 143.32;;

    if(peta._x>400){
    peta._x += ((peta._x-400)/400)*8;
    }
    if(peta._y>300){
    peta._y += ((peta._y-300)/300)*8;
    }
    vXMin = ((1623.5-peta._width)/2);
    vYMin = ((1433.2-peta._height)/2);
    //trace(vXMin + 'v' + vYMin);
    if(peta._x<400){

    peta._x += ((400-peta._x-vXMin)/(400-vXMin))*(-8);
    }
    if(peta._y<300){

    peta._y += ((300-peta._y-vYMin)/(300-vYMin))*(-8);
    }
    }


    apakah angka dari setelah if itu mengikuti perubahan skala dari peta asli??? apa angka 300 dan 400 itu hanya contoh (if) saja???
    mohon pencerahannya...
    kagak bisa ngitung

    ReplyDelete
  59. @hidan
    Itu setengah dari nilai panjang dan tinggi peta.

    ReplyDelete
  60. bisa ngak zoom nya pada area yang diklik?

    ReplyDelete
  61. @anonim
    Bisa. Tinggal tambahin skripnya

    ReplyDelete
  62. scriptnya kasi tau dong :)

    newbie

    ReplyDelete
  63. kasi tau script search seperti pada peta dari yogyes.com lah...

    ReplyDelete
  64. klo bisa tutorialnya sekalian

    ReplyDelete
  65. om, tanya gini kasusnya:
    saya buat peta, nah pada peta itu dikasih tombol, misal peta jogja didalamnya ada teks nama kota, misal "malioboro" nah teks tombol tersebut bisa ikut di zoom, dan tetep bisa berfungsi sebagai tombol. caranya gimana om?

    saya buat ndak bisa-bisa, peta bisa di zoom, tetapi tombol gan bisa ikut ke-zoom, lucunya lagi kalau peta di drag, tombol nya gak bisa ikut, nah lucu kan?

    lagi, aku coba masukin ke mc nya peta, tapi pas dijalanin, tuh tombol gak berfungsi sebagai tombol. mohon pencerahan om...

    ReplyDelete
  66. ak kok kurang jelas ya mas..??
    ada tutorial yg praktek langsung dan ada gambarnya gitu lo mas...

    ReplyDelete
  67. Mas gimana cranya agar gambar petanya ndak ikut geser pas pencarian lokasi jump tapi yang geser cukup bola merahnya aja ,,, mohon bantuannya.????

    ReplyDelete
  68. Om Agus gima biar pencarian bisa dilakukan dari inputan text ???

    ReplyDelete
  69. om kalau zoom in dan zoom out dengan scrool mouse gimana??

    ReplyDelete
  70. yang full versionnya ga bisa di download aja ya,,,
    yang pernah download coba taro di 4shared boleh lah, , , ,

    ReplyDelete
  71. om agus saya buat untuk centernya kagak bisa, gmn ne

    on (release) {
    MAPS._x = MAPS.center._x + _global.w;
    MAPS._y = MAPS.center._y + _global.h;
    }

    arti script nya itu gmn mas agus.. tuink tuink g ngerti.. :(

    ReplyDelete
  72. scriptnya berguna banget om X))
    tapi ada yang mau saya tanya om, gimana caranya supaya zoom out/in ga ngelebihin ukuran aslinya. kan kalo d klik zoom out terus2an dia makin mengecil dari ukuran stage nya

    ReplyDelete
  73. wah kerennnnn..... pengen belajar ahh,, nanti tapinya.. hehe

    ReplyDelete
  74. om, saya udah download trs saya buka dan publish bisa, tp setelah saya ganti peta punyaku ga bisa pencarian dropdownlist, center, sama reset zoom-nya selalu ngaco, di pojok bawah mulu, pdhl cuma saya ganti peta, itupun sudah saya samakan instance name-nya..
    tu kenapa ya? makasih...

    ReplyDelete
  75. klo pada saat mapnya di geser terus di zoom tetap zoomnya ke center gimaana caranya? mohon pencerahannya,

    ReplyDelete
  76. tq infonya gan

    Preferenzial | Foto Prewedding | Surabaya
    http://surabayaprewedding.blogspot.com/

    ReplyDelete
  77. Mantapp..!!klo boleh kasih tutorial ny disini pak,,mengenai peta dan menu saling terhubung..tidak hanya menu yg menentukan arah zoom peta,,tapi zzom peta jg merubah menu :)
    makasih pak

    ReplyDelete
  78. Maksudnya yudi: yang di klik bukan menu di kanan tapi pada peta juga bisa di select,,dan secara otomatis yg di select bisa zoom in...dan menu di kanan jg ganti sesuai yg di select pak..

    ilustrasi ny gini : pada peta, orang men select 'yahoo!games' nah peta kemudian bergerak membesar khusus 'yahoo!games' itu,,dan menu di kanan jg yg ter select 'yahoo!Games'

    sama satu lagi : apakah flash bisa terconect dengan database mysql,,terimakasih pak

    ReplyDelete
  79. @yiimr
    Setiap titik target adalah sebuah object.
    Yg perlu dilakukan adalah mengubah object target tersebut supaya tampak, kemudian menambah event onclick sama dengan action event dari pemanggilnya.
    Misalkan pada object target yahoo tinggal tambahkan action:
    _root.MAPS._x = _root.MAPS._width-_root.yahoo._x;
    _root.MAPS._y = _root.MAPS._height-_root.yahoo._y;

    ReplyDelete
  80. @yiimr
    flash tidak bisa konek langsung dengan database, tapi bisa berkomunikasi dengan xml.
    jadi kita bisa menggunakan php sebagai jembatan: mysql dipanggil oleh php, php dipanggil oleh flash.

    ReplyDelete
  81. wah terimakasih banyak pak respon ny..mantappp..!!

    kalo utk dekstop based gimana y pak,,hasil dari googling pake software 3rd party kayak mdm zinc dll,,alur nya seperti apa y pak,,trims

    ReplyDelete
  82. @yiimr

    php xml bisa diakses darimanapun termasuk dari aplikasi desktop.
    Sedangkan zinc merupakan library sendiri, jadi tinggal gunakan zinc bisa untuk berbagai keperluan termasuk akses database.

    ReplyDelete
  83. wah terimakasih pak,,sedang di coba2..trims respon nya pak,,

    ReplyDelete
  84. yang ada di box.com mana mas linknya...???
    saya coba download yang di ziddu udah ga bisa..

    ReplyDelete
  85. This comment has been removed by the author.

    ReplyDelete
  86. yang ziddu udah ga' bisa mas..

    ReplyDelete
  87. https://www.box.com/shared/8elfsbej42
    https://www.box.com/shared/v8vkizee8o

    ReplyDelete
  88. mas kalo list box diganti button per pilihan gimana mas?
    thx

    ReplyDelete
  89. Buat button sebagai object, kemudian tambahkan action script:

    on (release) {
    _root.MAPS._x = _root.MAPS._width-_root.myspace._x;
    _root.MAPS._y = _root.MAPS._height-_root.myspace._y;
    }

    ReplyDelete
  90. Kalo petanya lebih dari 800 x 600 gmana?

    ReplyDelete
  91. mas kalo bikin search gmn ?, as2 menyocokan array dengan input text biar geser ke tempat peta jika sama gmn...

    ReplyDelete
  92. Om,,ini Yudi,,link full version nya mati om yang di box.com
    boleh upload lagi om??
    btw postingannya keren om,,seru kayaknya

    ReplyDelete
  93. @Yudi,

    Coba pake ini http://1drv.ms/18nrWqv

    ReplyDelete

Post a Comment

Popular posts from this blog

Java-MySql: Aplikasi Database dengan Data Gambar (Updated)

Untuk update metode simpan gambar lihat di appGambar 2.0 Bagaimana caranya menyimpan data yang membutuhkan penyimpanan data gambar? Misalkan data pegawai yang membutuhkan penyimpanan gambar dari setiap pegawai. Alternatifnya ada dua, dengan kelebihan dan kekurangan masing-masing. Cara yang pertama adalah dengan membuat field dengan tipe data binary, kemudian menyimpan gambar yang dibutuhkan dalam field di database tersebut. Cara ini membutuhkan manajemen program yang lebih rumit, tapi data gambar akan terjamin, karena tersimpan didalam database yang terintegrasi dengan data lainnya. Kekurangan lainnya adalah ukuran database yang akan membesar dan lambat. Bayangkan saja, sebuah field membutuhkan gambar dengan format jpeg, 200kB. Apabila ada 200 juta record, maka ukuran field yang diperuntukan khusus untuk gambar dengan perhitungan kasar adalah 0.2 MB x 200M = 40 x 10^12 = 40 TB. Belum ditambah dengan ukuran data dari field lainnya, kalau misalkan untuk menyimpan data penduduk Indonesia.

PHP: Kalkulator

Pada intinya, kalkulator berbasis web ini menggunakan tiga dasar, yaitu CSS, PHP, dan HTML. CSS (Cascading Style Sheets) agar mudah mengatur tampilan, PHP (PHP Hypertext Prepocessor) untuk operasi perhitungan, dan HTML (Hypertext Markup Language) untuk pembuatan form kalkulator. Kesemuanya dalam bentuk dasar dengan logika perhitungan sederhana untuk melakukan perhitungan. Sedangkan array diatas digunakan untuk debugger dan memahami jalannya algoritma. <html> <head> </head> <body> <style type="text/css"> .Hasil { color: #fcc; background-color: blue; font-size: 4em; border: 1px solid #660; padding: 4px; } .Operator { color: #fcc; background-color: #900; font-size: 1.5em; border: 1px solid #660; width: 100px; padding: 4px; } .Angka { color: white; background-color: #660; font-size: 1.5em; border: 1px solid #660; padding: 4px; width: 100px; } </style> <?php function Hitung($b1,$b2,$o){ switch($o){ case '+': return $b1

Pembuatan PDF di PHP dengan FPDF dan HTML2FPDF

Untuk membuat pdf dengan menggunakan php, kita bisa menggunakan fpdf yang berbasis class. Sedangkan html2fpdf digunakan untuk mengubah html menjadi pdf. Dengan hanya menggunakan fpdf, kita harus menentukan semua hal yang mengatur tampilannya berbasis code sesuai dengan aturan dan fungsi yang disediakan class tersebut. Dengan menggunakan html2fpdf, kita cuma perlu membuat sebuah file html dan tampilannya langsung diubah menjadi sebuah file pdf, tentu dengan beberapa keterbatasan dan perubahan tampilan. Saat ini, fpdf terbaru pada versi 1.6 sedangkan html2fpdf versi 3. Instalasi: + Ekstrak file fpdf dan html2fpdf. Sebenarnya html2fpdf merupakan inheritance dari class fpdf, tapi class di fpdf yang disdertakan di paket html2fpdf telah dimodifikasi dari aslinya sesuai dengan kebutuhan konversi tersebut. Class original dari fpdf akan kita pakai untuk pembuatan pdf secara manual, bukan dari html. + Ganti nama file fpdf.php misalkan menjadi fpdf16.php. Karena untuk bebrapa versi instalasi php