Mohon maaf, mungkin terdapat beberpa tulisan yang contohnya tidak ada dan tidak dapat didownload bahkan sudah tidak dapat diterapkan. Hal ini dikarenakan tulisan tersebut dibuat babaerapa tahun lalu (jadul).

28 October 2011

Menampilkan Google Map pada Web Pribadi

Administrator 28 October 2011 3
Menampilkan Google Map pada Web Pribadi
Setelah sekian lama saya menulis mengenai pengertian google map maka kali ini saya akan menuliskan bagaimana cara menampilkan google map pada halaman web pribadi kita, baik pada localhost maupun pada server global. Namun ada syarat tertentu jika ingin ditampilkan pada localhost, yakni harus terkoneksi dengan internet. Lalu bagaimana memualinya? Ok, langsung saja kita bahas bagaimana cara menampilkan google map pada halaman web kita pribadi.

Saya akan menampilkan map kampus Universitas Muhammadiyah Malang, pada halaman web pribadi saya dengan ukuran 600x600 dan perbesaran 16 pada google map. Bagaimana cara menampilkan peta ini? Ok, langsung saja kita buat file HTML, terserah mau diletakkan pada localhost ataupun server global, dan tuliskan kode berikut ini:
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAV0LoZNpqgY-rxlxY5tHlNhTk3sZGQVAGR3OJC3CutBGx_5gyMxTkSi6ThADd2ByPqNZWnId0tJkDPQ" type="text/javascript"></script>

<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(-7.921512630151737, 112.59718179702759),16);

//ini untuk control zoom
map.addControl(new GLargeMapControl());

//ini untuk kanan atas
var mapControl = new GMapTypeControl();
map.addControl(mapControl);

//memilih jenis peta
map.setMapType(G_SATELLITE_MAP);
}
}
</script>
<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width: 600px; height: 400px"></div>
</body>
Keterangan dari kode di atas adalah sebagai berikut :
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAV0LoZNpqgY-rxlxY5tHlNhTk3sZGQVAGR3OJC3CutBGx_5gyMxTkSi6ThADd2ByPqNZWnId0tJkDPQ" type="text/javascript"></script>
Kode di atas merupakan kode application programming interface (API). Untuk mendapatkan kode tersebut, kunjungi halaman ini. Lalu pilih kode JavaScript dan letakkan pada awal script. Pada tulisan "sensor" pada URL tersebut, pilih atau tulis true.
map.setCenter(new GLatLng(-7.921512630151737, 112.59718179702759),16);
Kode di atas berfungsi untuk menentukan titik tengah pada map yang akan ditampilkan. Terdapat tulisan angka yakni -7.921512630151737 dan 112.59718179702759. Angka -7.921512630151737 merupakan koordinat lintang atau latitude, sedangkan 112.59718179702759 adalah koordinat bujur atau longitude. Sedangkan angka 16 dibelakangnya merupakan perbesaran dari tampilan peta
map.addControl(new GLargeMapControl());
Kode di atas berfungsi untuk menampilkan zoom control, atau kontrol untuk membesar atau mengecilkan peta. Terletak pada sebelah kiri peta. Jika kode tersebut tidak ditulis, maka zoom control tersebut tidak akan nampak.
var mapControl = new GMapTypeControl();
map.addControl(mapControl);
Pada kode di atas berfungsi untuk menampilkan pilihan jenis peta yang dapat dipilih. Letaknya ada pada sebelah kanan atas gambar peta. Dan jika kode tersebut tidak ditulis, maka pilihan peta tersebut tidak akan ditampilkan.
map.setMapType(G_SATELLITE_MAP);
Kode di atas berfungsi untuk menampilkan jenis peta yang pertama kali ditampilkan. adapun kode jenis map tersebut antara lain :
  • G_NORMAL_MAP menampilkan jenis peta jalan/digital.
  • G_SATELLITE_MAP menampilkan jenis foto satelit.
  • G_HYBRID_MAP menampilkan gabungan antara peta jalan dengan foto satelit.
<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width: 600px; height: 400px"></div></body>
Kode di atas merupakan kode utama yang berfungsi untuk menampilkan peta tersebut. Untuk menentukan besar suatu peta dapat mengubah angka pada width untuk lebar dan height untuk tinggi pada kanvas suatu peta.

Nah, cukup mudah bukan untuk membuat google map pada halaman web milik kita sendiri bagooos Nah, sekarang giliran anda untuk mencobanya. Sebagai contoh, anda dapat melihat halaman di bawah ini.

demo

download :
download

25 October 2011

Cara Membuat dan Mengatur Posisi Nomor Halaman di Word 2007

Administrator 25 October 2011 3
Cara Membuat dan Mengatur Posisi Nomor Halaman di Word 2007

Membuat Nomor Halaman Pada Dokumen

  1. Pada Insert tab, Header & Footer, klik Page Number.
    Header Footer Group
  2. Pilih letak nomor halaman:
    • Top of Page, untuk menempatkan nomor halaman di bagian atas (header).
    • Bottom of Page, untuk menempatkan nomor halaman di bagian bawah (footer).
    • Page Margins, untuk menempatkan nomor halaman di dekat marjin halaman.
    • Current Position, untuk menempatkan nomor halaman di posisi kursor.
  3. Klik bentuk nomor halaman yang diinginkan dari galeri.
  4. Tutup header/footer dengan mengklik ganda pada area dokumen atau klik tombol Close Header and Footer.

Merubah Format Nomor Halaman

    Misalnya, merubah dari format 1,2,3 ke format i,ii,iii.
  1. Klik ganda pada header/footer tempat nomor halaman berada untuk memunculkan Header & Footer Tools.
  2. Pada Design tab, Header & Footer, klik Page Number, dan kemudian klik Format Page Numbers.
    Page Number Format
  3. Di kotak dialog PageNumber Format, bagian Number format, klik tanda panah dan pilih gaya penomoran yang diinginkan.
  4. Klik OK.

Merubah Penomoran Halaman

  1. Klik ganda pada header/footer untuk memunculkan Header & Footer Tools.
  2. Pada Design tab, Header & Footer, klik Page Number, dan kemudian klik Format Page Numbers.
  3. Di kotak dialog PageNumber Format, bagian Page numbering, pillih:
    • Continue from previous section, untuk melanjutkan nomor halaman dari section sebelumnya.
    • Start at dan isi nomor pada kotak di sampingnya, untuk memulai penomoran dari nomor tertentu.
  4. Klik OK.

Merubah Jenis dan Ukuran Font Nomor Halaman

  1. Klik ganda pada header/footer tempat nomor halaman berada untuk memunculkan Header & Footer Tools.
  2. Pilih/sorot nomor halaman.
  3. Pada mini toolbar yang muncul, lakukan format yang diinginkan.
    mini toolbar

Membuat Letak Nomor Halaman Yang Berbeda Di Halaman Ganjil Dan Genap


Different Odd Even Pages
Seperti contoh di atas, kita akan membuat halaman ganjil memiliki nomor halaman di sebelah kanan. Pada halaman genap, nomor halaman di sebelah kiri.
  1. Klik ganda pada header/footer tempat nomor halaman berada untuk memunculkan Header & Footer Tools.
  2. Pada Design tab, grup Options, centang kotak Different Odd & Even Pages.
    Header Footer Option
  3. Pada halaman ganjil, buat nomor halaman di sebelah kanan.
  4. Kemudian pindah ke halaman genap, dan buat nomor halaman dengan posisi di sebelah kiri.
  5. Selanjutnya setiap kita menambah halaman baru, maka posisi nomor halaman akan mengikuti format yang telah dibuat.

Membuat Letak Nomor Halaman Pertama Yang Berbeda Pada Setiap Bab


Different First Page
Seperti contoh pada gambar, halaman pertama pada setiap bab akan berbeda posisinya dengan halaman-halaman yang lain. Biasanya untuk pengaturan seperti ini, ada yang memisahkan setiap bab dalam dokumen yang berbeda.

Tetapi dengan penggunaan section break maka kita dapat menggabungkan beberapa bab dalam dokumen yang sama.
  1. Klik ganda pada header/footer untuk memunculkan Header & Footer Tools.
  2. Pada Design tab, grup Options, centang kotak Different First Page.
  3. Pada halaman pertama, buat nomor halaman seperti contoh pada gambar.
  4. Kemudian pindah ke halaman kedua, dan beri nomor halaman di kanan atas.
  5. Selanjutnya kita akan membuat section baru untuk memisahkan antar bab.
  6. Taruh kursor di bagian yang ingin dibuat section baru (contoh pada gambar: di tulisan Chapter 2).
  7. Pada Page Layout tab, Page Setup, klik Breaks.
  8. Dalam grup Section Breaks , pilih jenis break Next Page. Sekarang lihat format nomor halaman pada section 2 akan sama dengan section 1.
  9. Selanjutnya bila kita ingin menambahkan bab baru, ikuti langkah 6-8.

Membuat Format Nomor Halaman Yang Berbeda Dalam Dokumen Yang Sama


Format Nomor Halaman Berbeda

Seperti contoh pada gambar, halaman Daftar Isi menggunakan format angka romawi (i,ii, iii, dst) sedangkan isi menggunakan angka arab (1,2,3, dst).

Pada bagian ini juga akan digunakan Section Break .
  1. Pisahkan antar bagian (Daftar Isi dan The Article) dengan section break. Pilih tipe break Next Page.

    Tip: Kita bisa membuat section break dahulu, baru kemudian mengetikkan isi dokumen. Tandai dengan judul masing-masing section.
  2. Pada Insert tab, Header & Footer, klik Page Number dan pilih Format Page Numbers.
  3. Pada bagian Number format, pilih format angka romawi. Setelah selesai klik OK.
  4. Ulangi langkah 2 dan sekarang pilih Bottom of Page untuk menyisipkan nomor halaman.
  5. Klik ganda pada footer di Section 2 (bagian The Article). Lihat contoh pada gambar.
    Page Number - Footer
  6. Selanjutnya pada grup Header & Footer, klik Page Number dan pilih Format Page Numbers.
  7. Pada Page numbering klik Start At dan ketikkan angka 1. Setelah selesai klik OK.

Menghilangkan Nomor Halaman

  1. Pada Insert tab, grup Header & Footer, klik Page Number.
  2. Pilih Remove Page Numbers.
  3. Untuk menghapus secara manual, klik header/footer dan pilih nomor halaman. Kemudian tekan tombol Delete.
  4. Catatan:
    Jika ada membuat different first-page atau odd and even header/footer, atau memiliki section yang tidak terhubung, maka pastikan untuk menghapus setiap nomor halaman pada tiap header/footer.

sumber Cara Membuat dan Mengatur Posisi Nomor Halaman di Word 2007

11 October 2011

Menampilkan Nama Bulan dari Database dengan PHP

Administrator 11 October 2011 3
Menampilkan Nama Bulan dari Database dengan PHP
Yap, jumpa lagi dengan saya nyengir. Sekarang kita belajar kembali. Masih dengan bahasa pemprograman PHP. Setelah banyak kita bahas mengenai manipulasi tanggal pada artikel-artikel sebelumnya, sekarang kita tetap memainkan manipulasi tanggal itu nyengir. Sebelum saya lanjutkan, mungkin sedikit saya jelaskan maksud dari judul "Menampilkan Nama Bulan dari Database". Pada artikel sebelum-sebelumnya, telah dibahas bagaimana cara menampilkan tanggal dari database.

Tapi pada artikel tersebut, data yang ditampilkan sesuai dengan database atau berbeda dengan database namun masih dengan format angka. Misalkan saja, pada database terdapat data tanggal 2012-12-20 (tipe data tanggal pada database adalah date dengan format yyyy-mm-dd), maka pada artikel tersebut hanya menampilkan angka saja, hanya letaknya diubah menjadi 20-12-2012. Nah, pada artikel ini berbeda, kita akan menmpilkan tanggal tersebut menjadi 20 Desember 2012. Jadi pada intinya, nama bulan itu ditampilkan, bukan dengan angka saja. Penjelasan yang ribet ya ngledek malu.

Ok, langsung saja kita mulai pembahasan kali ini. Pada artikel cara menampilkan tanggal dari database, kita telah memiliki sebuah file. Pada artikel ini, anggap saja kita telah memiliki file tersebut. Berikut ini merupakan script dari artikel cara menampilkan tanggal dari database ditambah dengan script yang sesuai dengan
<?php
$server = "nama_server";
$username = "nama_user_server";
$password = "pasword_user";
$database = "nama_database_yang_digunakan";

// Koneksi dan memilih database di server
mysql_connect($server,$username,$password) or die("Koneksi gagal");
mysql_select_db($database) or die("Database tidak bisa dibuka");

function xinthinx($tgl){
$tanggal = substr($tgl,8,2);
$bulan = ambil(substr($tgl,5,2));
$tahun = substr($tgl,0,4);
return $tanggal.' '.$bulan.' '.$tahun;
}

function ambil($bln){
switch ($bln){
case 1: return "Januari"; break;
case 2: return "Februari"; break;
case 3: return "Maret"; break;
case 4: return "April"; break;
case 5: return "Mei"; break;
case 6: return "Juni"; break;
case 7: return "Juli"; break;
case 8: return "Agustus"; break;
case 9: return "September";break;
case 10: return "Oktober"; break;
case 11: return "November"; break;
case 12: return "Desember"; break;
}
}

$a=mysql_query("select * from kalender");
echo"<table border='1' width='50%'>
<tr>
<td align='center'>Default</td>
<td align='center'>Indonesia</td>
<td align='center'>Full Format</td>
</tr>";
while($b=mysql_fetch_array($a)){
$tgl = substr($b[tgl],8,2);
$bln = substr($b[tgl],5,2);
$thn = substr($b[tgl],0,4);
$semua = xinthinx($b[tgl]);
echo "<tr>
<td align='center'>$b[tgl]</td>
<td align='center'>$tgl-$bln-$thn<br></td>
<td align='center'>$semua</td>
</tr>";
}
echo "</table>";
?>
  • Pada script yang berwarna biru di atas, merupakan suatu script yang fungsinya mengambil nilai tertentu. kemudian pada variabel $bulan, nilai tersebut diubah menggunakan funggsi "ambil". Misalkan, pada database tersimpan bulan ke 04. Maka akan diganti menjadi April (lihat function ambil). Begitu juga seterusnya.
  • Pada code yang berwarna merah maroon, berfungsi untuk mengambil data dari database kemudian nilai yang telah didapat diproses menggunakan function xinthinx.
Saya rasa cukup mudah membuatnya. Sekarang giliran anda mencobanya. Selamat mencoba bagooos. Sebagai contoh, buka alamat ini http://xinthinx.us/demo/full-format.

*nb : untuk file, silahkan unduh halaman berikut, kemudian edit seperti script di atas.

download