Berkreasi dengan Peta HTML dan tag Map Area [Bagian 2]

MENGAMBIL KOORDINAT SEBUAH TITIK DARI SEBUAH GAMBAR

Jika pada Posting lalu https://blogit.bimosaurus.com/2013/03/16/berkreasi-dengan-peta-html-dan-tag-map-area-bagian-1/ telah dipaparkan bagaimana cara menyajikan sebuah gabungan antara gambar peta dan data koordinat dalam source HTML, maka di bagian ini akan dijelaskan bagaimana cara mengambil koordinat sebuah gambar. Untuk mengambil value koordinat yang diperlukan oleh MAP AREA, kita akan menggunakan bantuan Javascript untuk menentukannya.

Format koordinat MAP AREA untuk kategori POLYGON adalah sebagai berikut :

x1,y1,x2,y2,x3,y3,x4,y4………xn,yn
Continue reading “Berkreasi dengan Peta HTML dan tag Map Area [Bagian 2]”

Berkreasi dengan Peta HTML dan tag Map Area [Bagian 1]

HTML, telah menyediakan fasilitas sederhana untuk membuat mapping sebuah gambar. Dengan menggunakan mapping gambar tersebut, dapat dikreasikan menjadi sebuah halaman yang memuat peta sederhana. Layanan HTML dalam menangani peta gambar adalah dengan menggunakan tag <map></map> yang dilengkapi dengan <area></area>. Tag MAP, terdiri dari beberapa pilihan, antara lain adalah untuk penandaan bujursangkar (rect), penandaan lingkaran (circle) dan penandaan poligon. Tag map ini membutuhkan gambar sebagai media yang akan ditandai. Sedangkan penunjuk tempat dapat menggunakan koordinat yang terdapat pada HTML source. Sintaks map dan area adalah sebagai berikut.

Some Alt


  Suatu Alt
  Suatu Alt
  Suatu Alt

 
Continue reading “Berkreasi dengan Peta HTML dan tag Map Area [Bagian 1]”

[Contoh] Mendesain Halaman Comment Posisi Terbalik dengan JQuery .insertBefore()

Seperti artikel sebelumnya, contoh yang digunakan adalah halaman untuk web chat. Namun disana, halaman yang dibuat adalah dalam bentuk Chronological atau berurutan sesuai waktu, dan yang akan terbaru akan ditempatkan paling bawah. Sedang jika kita melihat beberapa situs, menempatkan komentar terbaru ada di paling atas. Untuk itu, kita dapat menggunakan fungsi JQuery .insertBefore untuk melakukan generating halaman ini.
Fungsi JQuery .insertBefore berguna untuk melakukan penambahan elemen pada SEBELUM sebuah elemen lain. Dengan demikian elemen baru yang datang, akan muncul diatasnya. Misal kita memiliki script sedemikian : Continue reading “[Contoh] Mendesain Halaman Comment Posisi Terbalik dengan JQuery .insertBefore()”

[Contoh] Memanfaatkan Fungsi .append() pada JQuery untuk Aplikasi Web

Diantara anda mungkin ada yang sering memanfaatkan web chat seperti pada Facebook, GTalk, dan lain sebagainya. Mungkin juga kita sering melihat fungsi komentar yang berjalan real time pada Facebook, Twitter, dan lain sebagainya. Dimana ketika kita melakukan POST komentar atau chat, halaman web tidak perlu melakukan reloading secara keseluruhan. Kita bisa membandingkan fungsi seperti yang ada pada situs detik, dimana setiapkali komentar, halaman akan melakukan refresh secara keseluruhan, hal ini akan sangat memberatkan client terutama yang memiliki bandwidth internet kurang memadai. Sudah seharusnya halaman yang diload hanya pada yang berubah saja. Jika kita melakukan post, ya seharusnya yang berubah hanyalah pada perubahan post itu saja.

Untuk melakukan itu, kita bisa memanfaatkan fungsional JQuery .append() untuk melakukannya. .append() berfungsi untuk menambahkan sebuah elemen, dengan isi seperti parameter yang akan ditunjukkan oleh fungsi tersebut. Sebagai contoh saya memiliki script seperti demikian : Continue reading “[Contoh] Memanfaatkan Fungsi .append() pada JQuery untuk Aplikasi Web”

[Contoh] Cara Menampilkan Jam Server Secara Real Time

Jam sepertinya hal yang sederhana, tapi ternyata jam bisa membuat masalah tertentu. Perbedaan antara client dan server dalam beberapa aplikasi web dapat menjadi masalah tersendiri. Dalam sebuah halaman web, dapat saja kita menampilkan jam di web dengan javascript biasa, namun hasilnya hanyalah jam Client, artinya jam yang diambilkan waktunya dari waktu masing-masing pengakses internet. Bayangkan saja apabila sebuah input data dilakukan berdasar jam Client, maka bisa terjadi banyak masalah, terutama manipulasi waktu dan kesalahan time stamp.

Salah satu syarat menampilkan jam server ke browser adalah dengan menggunakan perintah command PHP :
Continue reading “[Contoh] Cara Menampilkan Jam Server Secara Real Time”

[Tips] Mengatur Grant User MySQL

Jika kita adalah seorang system administrator, atau network engineer, atau software engineer, maka kita akan sering berhadapan dengan proses administrasi installasi database server, misal : Installasi MySQL. Proses installasi MySQL memiliki beberapa tahap. Setelah melakukan installasi software MySQL Server, akan dilanjutkan installasi database mysql itu sendiri. Selanjutnya pekerjaan penting seorang system administrator adalah mengatur Grant atau hak akses masing-masing user.

Pengaturan hak akses itu sendiri dilakukan di dalam prompt MySQL dengan mode “root”. Pengaturan hak akses dapat dilakukan dengan melakukan perintah utama mysql : GRANT. Untuk user root, akan selalu memiliki hak akses terhadap apapun, termasuk membuat GRANT. Contoh membuat grant adalah:

 

GRANT ALL PRIVILEGE ON `namadatabase`.* to 'namauser'@'host' identified by 'password';

Artinya adalah bahwa dibuat grant baru yang memberikan segala hak kepada ‘namauser’ yang login di ‘host’ dengan password ‘password’. Grant yang diberikan termasuk MEMBUAT, dan MENGHAPUS. Untuk memberikan grant sebagian dapat diberikan perintah seperti berikut :

GRANT SELECT on `namadatabase`.`satu` to namauser@localhost identified by 'pass1';

Yang artinya adalah user ‘namauser’ yang hanya boleh login dari localhost dengan password = pass1 hanya boleh melakukan SELECT terhadap tabel ‘satu’ dalam database ‘namadatabase’

Kadang terdapat kebutuhan agar seorang user dapat membuat database dan menghapus database tertentu. Maka kita dapat membuat grant seperti demikian :

use mysql;
GRANT ALL PRIVILEGES on `bimo_%`.* to bimo@'%' identified by 'bimpass';

Artinya adalah saya membuat grant untuk user ‘bimo’ agar dapat membuat segala database selama diawali dengan prefix “bimo_” dan dilakukan dengan login password ‘bimpass’

Jangan lupa seteah melakukan granting, lakukanlah perintah :

flush privileges;

agar aturan granting yang baru segera dapat diberlakukan..

Semoga berguna