Javascript untuk bookmark dan proteksi copy halaman web



Latar Belakang

Dalam artikel ini saya akan menjelaskan 2 fungsi javascript yang bisa kita gunakan dalam membuat sebuah halaman web. yaitu fungsi bookmark dan fungsi agar halaman web kita tidak bisa di copy. dengan catatan pengaturan javascript di browsernya dalam keadaan aktif.

Bookmark adalah kegiatan user menandai halaman web di sebuah web browser untuk suatu saat nanti di kunjungi kembali. Untuk bookmark halaman web biasanya kita menggunakan shortcut ctrl+D pada web browser. javascript juga menyediakan fungsi seperti itu. tinggal klik link maka browser khususnya mozila akan muncul kotak bookmark.

Fungsi Bookmark

function addBookmark()
{
bookmarkurl = “http://www.ri32.wordpress.com”;
bookmarktitle=”Blog Ri32″;
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
else if ( window.sidebar ) {
window.sidebar.addPanel(bookmarktitle, bookmarkurl,””);
}
}

Fungsi Proteksi

if (typeof document.onselectstart!=”undefined”) {
document.onselectstart=new Function (“return false”);
}
else{
document.onmousedown=new Function (“return false”);
document.onmouseup=new Function (“return true”);
}

Klik kanan Copyright

document.oncontextmenu = new Function(“alert(‘Copyright by Agus Sumarna – WebGIS’);return false”);

Implementasi

<body>
Don’t copy this page!
<a href=”javascript:addBookmark();”>Bookmark this page!</a>
</body>

Download

http://www.4shared.com/zip/7tnMvPag/Javascript-ri32.html

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Depok, 22-12-2011

noname

Capture seluruh halaman web dengan Add-Ons Awesome Screenshot


Latar Belakang

  1. Untuk para programmer jika proyeknya sudah selesai biasanya diminta untuk membuat manual book
  2. Untuk teman-teman yang skripsi atau penulisan ilmiahnya membuat web biasanya ada halaman lampiran output
  3. Untuk teman-teman yang punya tugas lab membuat web biasanya ada pembuatan laporan
  4. Bagi saya sendiri agak kesulitan mengatasi masalah printscreen halaman web (tekan tombol crtl+alt+PrtSc)
  5. Biasanya menggunakan bantuan ms.word dengan fasilitas crop image

Solusi

  1. Gunakan Add-Ons untuk browser mozila firefox Awesome Screenshot
  2. Jika sudah sampai ke halaman web klik tombol Add to Firefox
  3. Ikuti semua prosedur penginstalan Add-Ons sampai selesai

Cara Penggunaan

  1. Buka halaman web diinternet dengan browser mozila (atau halaman web yang dijalankan di localhost)
  2. Lihat pojok kanan atas dari browser mozila terdapat icon ads-ons yang sudah di install atau bisa juga dengan klik kanan pada halaman web.

    Icon Add-Ons Capture

  3. Pilih menu capture Full page
  4. Klik tombol Done
  5. Klik tombol Save
  6. Silahkan simpan gambar capture
  7. Untuk setting Add-Ons saat langka ke 2, pilih menu Options
  8. Selesai

Hasil Capture

https://ri32.files.wordpress.com/2011/07/labhouse-capture.jpeg

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Depok, 18-07-2011

noname

Mengganti halaman homepage google


 

Kalo teman-teman ingin mengganti halaman utama atau homepage google menjadi nama anda. caranya adalah sebagai berikut :

  1. http://funnylogo.info/create.asp dengan browser mozila
  2. Step 1 : Masukan nama anda, Step 2 : Pilih style logo, Klik Create my search engine
  3. Jika sudah muncul logo google dengan nama anda, copy URL nya.
  4. Setelah itu pilih di mozila menu Tools > Options > General > Homepage. dan paste URL nya di bagian homepage dan klik tombol OK
  5. Tutup browser mozilanya, setelah itu buka tembali browser mozilanya sampai menampilkan homepage google yang baru dengan nama anda.
  6. Selesai

Sekian tutorial dari saya, semoga bermanfaat untuk teman-teman dan anda semua…aamin

 

Depok, 9-2-2011

 

noname

Membuat Enkripsi URL pada Halaman WEB dengan AES Class


Encryption Code

Latar Belakang

Menurut teman-teman di Club Sandi UGM definisi dari enkripsi adalah

Enkripsi adalah sebuah proses penyandian yang melakukan perubahan sebuah kode (pesan) dari yang bisa dimengerti (plainteks) menjadi sebuah kode yang tidak bisa dimengerti (cipherteks). Sedangkan proses kebalikannya untuk mengubah cipherteks menjadi plainteks disebut dekripsi. Proses enkripsi dan dekripsi memerlukan suatu mekanisme dan kunci tertentu.

Oleh karena itu banyak programmer web base yang menerapkan konsep enkripsi untuk tujuan keamanan data dari pihak yang tidak di ijinkan misalnya untuk enkripsi password, dan enkripsi URL.

Enkripsi password digunakan untuk menyamarkan password asli menjadi password yang sudah terenkripsi yang disimpan didalam sebuah database. didalam PHP itu sendiri terdapat fungsi yang biasa digunakan untuk enkripsi data yaitu MD5 yang penerapan aplikasinya ada pada saat login user. teman-teman bisa baca artikel yang berkaitan dengan MD5 pada artikel : ri32.wordpress.com/2009/08/04/membuat-login-dengan-php-dan-mysql/

Sedangkan untuk ekripsi URL ataupun method GET biasa menggunakan AES Class. yaitu :

This is an implementation of AES (Advanced Encryption Standard) algoritm that can easyly encrypt/decrypt data without external liblary.

Halaman Utama

Dalam aplikasi sederhana yang saya buat ini ada beberapa kasus yang coba dipecahkan yaitu :

  1. Mengenkripsi parameter GET, dan men depkrip nya lagi pada file proses.php.
  2. Untuk variabel name yang ada didalam method POST tidak perlu dilakukan depkrip atau decode. karena bisa langsung di panggil nama variabel name nya.
  3. mengenkripsi URL menu, sehingga file tujuan dari menu yang dipilih tidak diketahui (terlihat).

Coding index.php

<?php
//untuk enkripsi
include “./lib/function.php”;
?>
<html>
<head>
<title>Enkripsi URL — Ri32.wordpress.Com</title>
</head><body>
<form action=”proses.php?<?php echo paramEncrypt(‘nama=agus&blog=ri32’)?>” method=”post”>
<table>
<tr><td>Email</td><td><input type=”email”  name=”email” size=”33″/></td></tr>
<tr><td>Pesan</td><td><textarea cols=”25″ rows=”3″ name=”pesan”></textarea></tr>
<tr><td><input type=”submit” name=”test” value=”test” /></td><td></td></tr>
</table>
<p><strong>Menu Link Terenkripsi :</strong></p>
<ul><li><a href=”?<?php echo paramEncrypt(‘page=menu_satu’)?>” title=””>Menu SATU</a></li>
<li><a href=”?<?php echo paramEncrypt(‘page=menu_dua’)?>” title=””>Menu DUA</a>.</li></ul>
</form>
</body>
</html>
<br>

<?php
//untuk mendecode url yang di enrypsi
$var=decode($_SERVER[‘REQUEST_URI’]);

//pecahkan nilai array
$page=$var[‘page’];

//concate dengan nama file
$halaman=”$page.php”;

//jika file yang diinclude tidak ada.
if(!file_exists($halaman) || empty($page)){
//include “welcome.php”;
}else{
include “$halaman”;
}
?>

Enkripsi URL Menu

Coding file proses.php

<?php
//untuk enkripsi
include “./lib/function.php”;

//untuk mendecode url yang di enrypsi
$var=decode($_SERVER[‘REQUEST_URI’]);

//pecahkan nilai array
echo “<b>Nilai diambil dari parameter GET (ter enkripsi) : </b>”;
echo “<br>”;
echo “Nama : “.$var[‘nama’];
echo “<br>”;
echo “Blog : “.$var[‘blog’];
echo “<br>”;

echo “<b>Nilai diambil dari parameter POST : </b>”;
echo “<br>”;
echo $_POST[’email’];
echo “<br>”;
echo $_POST[‘pesan’];
?>

Decode Parameter GET

Cara penggunaan AES Class

  1. Include file function.php  include “./lib/function.php”;
  2. Gunakan fungsi paramEncryp proses.php?<?php echo paramEncrypt(‘nama=agus&blog=ri32’)?>
  3. Setelah menuju file tujuan misalnya proses.php, dilakukan proses decode $var=decode($_SERVER[‘REQUEST_URI’]);
  4. Ambil masing-masing nilai parameter yang sudah di decode tadi $var[‘nama’]
  5. Selesai

Download

http://www.4shared.com/file/xwyTZqrg/enkripsi_url.html

Thanks to

http://blog.rosihanari.net/mengenkripsi-parameter-get-method-untuk-keamanan

Sekian tutorial dari saya, semoga dapat bermanfaat untuk anda semua…aamin 🙂

Depok, 7-12-2010

 

noname

Penomoran Halaman (Page First Different) pada Office 2007


Waktu saya membuat penulisan ilmiah di kampus, tulisan saya di bagi dalam beberapa bab, dan setiap bab di pisahkan pada file-file yang berbeda. namun suatu hari saya diminta bantuanya oleh teman saya “Y” yang sedang menyusun skripsi. teman saya tersebut penulisanya digabung semua bab dalam 1 file dan dia menggunakan ms.word 2007.

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.

Untuk lebih jelasnya dalam pembuatan halaman per bab pada office 2007, ikuti langkah-langkah berikut :

  1. Klik ganda pada header/footer untuk memunculkan Header & Footer Tools.
  2. Kemudian, pada Design tab, grup Options, centang kotak Different First Page.
  3. Setelah itu, pada halaman pertama, buat nomor halaman seperti contoh pada gambar.  tapi jangan manual mengetik nomor pada halaman pertama, karena nanti akan dianggap footer!
  4. Untuk membuat nomornya, pilih menu Page number>Bottom of page>Plain number 2 
  5. Kemudian pindah ke halaman kedua, dan beri nomor halaman di kanan atas. pilih menu Page number>Top of page>Plain number 3. maka halaman 2 pun akan terbentuk.
  6. Selanjutnya kita akan membuat section baru untuk memisahkan antar bab.
  7. Taruh kursor di bagian yang ingin dibuat section baru (contoh pada gambar: di tulisan Chapter 2).
  8. Pada Page Layout tab, Page Setup, klik Breaks.
  9. Dalam grup Section Breaks , pilih jenis break Next Page. Sekarang lihat format nomor halaman pada section 2 akan sama dengan section 1.
  10. Selanjutnya bila kita ingin menambahkan bab baru, ikuti langkah 6-8.
  11. Selesai

Sekian tutorial dari saya semoga bermanfaat buat teman2 yang sedang menyusun skripsi atau tugas akhir…semangatt 🙂

Dedicated for “Y”

Thanks for http://computer1001.blogspot.com/2008/11/cara-membuat-dan-mengatur-posisi-nomor.html

Depok, 2-5-2010

noname

Membuat View Halaman dengan PHP


statistikSaat membuat sebuah web biasanya ada menu untuk menampilkan berita atau artikel agar di baca oleh pengunjung. Kadang kita ingin mengetahui berapa kali tulisan kita itu dibaca oleh user atau pengunjung, maka ditutorial ini akan di jelaskan tentang bagaimana caranya membuat sebuah halaman statiktik untuk menampilkan data jumlah berapa kali halaman akses oleh user. Sedangkan data atau informasinya di simpan di database.

DOWNLOAD FILE

http://www.4shared.com/file/124710234/7a55cd81/statistik.html

File yang dibutuhkan :

  1. File koneksi untuk koneksi ke database (conn.php).
  2. File tracking untuk pencatatan ke database (tracking.php).
  3. File-file halaman 1-5 untuk contoh halaman yang di klik oleh user.
  4. File statistik untuk menampilkan hasil tracking halaman (statistik.php).

Adapun logikanya adalah :

  1. Kemudian di halaman tersebut ada pengecekan : apakah halaman ini sudah tercatat di database? Jika belum, maka catat halamannya dan tambahkan nilai satu untuk jumlah halaman tersebut.
  2. Jika sudah ada, maka ubah nilai jumlah nya dengan cara : jumlah terakhir di tambah nilai 1. sehingga jumlahnya akan bertambah setiap kali halaman tersebut di akses.
  3. User meng klik sebuah link menuju halaman tertentu.
  4. Selesai.

Depok, 13-08-09

noname

%d bloggers like this: