Menampilkan hasil pencarian dengan paging PHP & MySQL


searching-paging-ri32

Latar Belakang

Dalam membuat aplikasi pencarian terkadang jika hasil pencariannya banyak, kita membutuhkan paging untuk membagi data menjadi beberapa halaman.

Masalahnya adalah jika kita mencari dengan suatu kata kunci, dan data tersebut berhasil  ditampilkan dalam paging. Namun saat kita ingin menampilkan data hasil pencarian tadi di halaman yang lain, maka yang tampil bukan data hasil pencarian. tapi data keseluruhan sebelum pencarian.

Teknik Coding

Saya memanfaatkan metod GET untuk menyimpan nilai form pencarian di URL dan saya jadikan nilai url tadi sebagai parameter untuk searcing-paging. Parameter tersebut di simpan dalam tag link nomor halaman.

Download Sourcecode :

https://blogri32.blogspot.co.id/2017/12/free-downloads.html

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

Cilangkap, 26-04-2013

KangAgus

 

Advertisements

Plugins Menampilkan Peta GoogleMap di Wordpress


Latar Belakang

Kadang kita ingin menampilkan peta di sebuah pages atau di artikel posting. plugin ini cocok untuk bloger yang suka traveling.

Artikel ini untuk CMS wordpress yang di install di hosting tersendiri bukan wordpress.com

Install Plugin

Adapun nama plugin nya adalah Comprehensive Google Map Plugin.Bisa di download atau langsung install di dashboard>plugins>add new> cari plugin nya dan install

Comprehensive Google Map Plugin - Ri32

Implementasi

Jika berhasil di install, maka setiap kita akan membuat posting baru dengan memilih menu add new posting di bawahnya ada widget untuk input peta ke new posting tadi.

peta-ri32

Pilih marker dan masukan alamat peta

peta-2

Generate Kode Peta ke Posting

peta-3

Kode Peta sudah ada di artikel posting

Jika sudah, tinggal publish artikel dan peta tampil di halaman web/blog anda. Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Cilangkap, 8-02-2013

KangAgus

Menampilkan peta digital dari Postgis ke Mapserver


Latar Belakang

Dalam tulisan saya terdahulu menjelaskan cara import peta digital dari QuantumGIS ke  database Postgre. sekarang menjelaskan bagaimana caranya menampilkan peta digital yang tersimpan dalam database postgre tersebut dengan bantuan library postgis.

Dalam konsep GIS web base yang saya tau, peta digital itu dapat disimpan dalam file SHP dapat juga disimpan dalam sebuah database. dalam project saya waktu penulisan ilmiah, saya menggunakan teknik pertama yaitu menyimpan peta digital kedalam kumpulan file-file SHP. untuk pengembangannya sekarang saya mempelajari teknik menyimpan peta digital kedalam sebuah database postgre menggunakan library postgis.

Tahap Persiapan

yang harus disiapkan dalam percobaan ini adalah file peta_db.map yang berisi script mapserver yang digunakan untuk melakukan koneksi ke database postgre. dan menjalankan query untuk menampilkan peta digital yang ada didalam tabel distrik yang sebelumnya sudah terbuat dan sudah berisi data.

Tahap Coding

kita membuat sebuah file peta_db.map yang sisimpan dalam folder C:\ms4w\apps\map\

#
# Komentar untuk mapfile ybs.
#
MAP                      # tanda awal mapfile
NAME        District  #
IMAGETYPE   JPEG        # bisa PNG, GIF, dll
EXTENT      -119.88000 36.53000 -119.33000 36.89000  # B1,L1; B2,L2
STATUS      ON     #
UNITS       DD    # satuan derajat
SIZE        350 400   # ukuran image
SHAPEPATH   “\ms4w\apps\map\shp”
IMAGECOLOR  255 255 255
#
# Mulai pendefinisian layers
#
LAYER
NAME      District
STATUS    ON
TYPE      POLYGON

CONNECTIONTYPE POSTGIS
CONNECTION “host=localhost dbname=testgis user=postgres password=shugaru7 port=5432
DATA “the_geom from distrik

CLASS
NAME   “District”
STYLE
COLOR 179 243 251
OUTLINECOLOR 0 0 0
END # style
END # class
END # Akhir definisi layer
#
END # Akhir mapfile

Membuat Halaman Web

kita membuat sebuah file index_db.html yang sisimpan dalam folder C:\ms4w\Apache\htdocs\web\

<html>
<head><title>Menampilkan Peta dari Postgis-Mapserver</title></head>
<body>
<center>
<img border=”1″ src=”http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/map/peta_db.map&layer=District&mode=map“>
</center>
</body>
</html>

Tahap Testing

Untuk menjalankannya kita menggunakan sebuah web browser dan mengetikan alamat url :

  1. http://localhost/web/index_db.html
  2. Anda juga dapat menggunakan alamat URL langsung menuju file mapservernya http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/map/peta_db.map&layer=District&mode=mapsehingga hasilnya akan tampil seperti dibawah ini :

    Output

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

Depok, 13-06-2011

noname

Risoft-32 : Hotkey Visual Basic 6.0


Pada artikel kali ini saya membuat sebuah program sederhana dengan visual basic 6.0 yang didalamnya terdapat penggunaan :

  1. Drivelistbox, Dirlistbox, dan Filelistbox
  2. Shockwave flash
  3. Menampilkan, mengcopy, dan menghapus file gambar
  4. Penggunaan Progressbar
  5. Penggunaan hotkey tombol ctrl

Download

http://www.4shared.com/file/SDX_yNcU/Risoft-32_Hotkey.html

Gambar dan contoh Flash

http://www.4shared.com/file/RgrsnpxR/gambar.html

Untuk mengetahui komponen (component) yang diperlukan, dapat dilihat dengan cara CTRL+T pada proyek visual basic yang saya berikan. kemudian lihat komponen yang saya pilih (centang)

Copy folder gambar ke drive C sehingga menjadi C:\gambar\ yang digunakan untuk penyimpanan file gambar dan contoh flash jam.

Sekian artikel dari saya, semoga ada manfaatnya untuk teman-teman dan anda semua…aamin

 

Depok, 26-03-2011

noname

Menampilkan text editor javascript tinymce pada textarea


Penulisan pada editor

Alur Program :

  1. User input artikel pada text editor
  2. User  menyimpan data artikel tersebut ke database MySQL
  3. Data disimpan di database
  4. User menampilkan data yang tersimpan di database ke halaman view artikel
  5. Selesai

Untuk penjelasan syntaxnya silahkan buka file index.php

Coding untuk memanggil library editor

<script type=”text/javascript” src=”./jscripts/tiny_mce/tiny_mce.js“></script>
<script type=”text/javascript”>
tinyMCE.init({
mode : “exact”,
elements : “elm2“,
theme : “advanced”,
skin : “o2k7”,
skin_variant : “silver”,
plugins :

template_external_list_url : “lists/template_list.js”,
external_link_list_url : “lists/link_list.js”,
external_image_list_url : “lists/image_list.js”,
media_external_list_url : “lists/media_list.js”,

template_replace_values : {
username : “Some User”,
staffid : “991234”
}
});
</script>

Coding untuk Form editor

<title>Form Editor Ri32</title>
<body onLoad=”document.login.userid.focus();”>
<form action=”simpan.php” method=”post”>

<table width=”637″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tr>
<td height=”30″><strong>Judul Artikel</strong></td>
</tr>
<tr>
<td width=”67%” height=”30″><font face=”Times New Roman” size=”2″>
<input type=”text” name=”judul”/ size=”40″></font></td>
</tr>

<tr>
<td width=”67%” height=”30″><font face=”Verdana, Arial, Helvetica, sans-serif” size=”1″><em>(Gunakan editor untuk mengedit tulisan)</em></font></td>
</tr>

<tr>
<td width=”67%” height=”182″><font face=”Times New Roman” size=”2″>
<textarea name=”isi” cols=”30″ rows=”10″ id=’elm2′></textarea></font></td>
</tr>

<tr>
<td>&nbsp;</td>
</tr>

<tr>
<td width=”67%”><input type=”submit” value=”Simpan”>&nbsp;</td>
</tr>
</table>
</form>
</body>
</html>

Catatan :

perhatikan syntax id=elm2 pada tag <textarea name=”isi” cols=”30″ rows=”10″ id=’elm2‘></textarea>

Tampilan Hasil Editor

Download Tinymce

http://www.4shared.com/file/OHLhCcFF/text_editor.html

Download nicEdit

http://www.4shared.com/file/SUhOsg3C/nicEdit-ri32.html

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

Depok, 26-02-2011

 

noname

Menampilkan file PDF kedalam file SWF menggunakan FlexPaper


Artikel ini adalah kelanjutan dari artikel sebelumnya. setelahkita berhasil mengkonversi file-file pdf menjadi file berformat SWF, sekarang kita akan menampilkan file dalam bentuk SWF tadi kedalam sebuah web menggunakan PHP. sebelumnya yang harus kita siapkan adalah :

  1. Konversi file pdf ke swf
  2. Download flugins Flexpaper

Setelah flugins di download dan di extract, sekarang kita akan menampilkan file swf kedalam flugins tersebut. tidak sulit konfigurasi yang kita lakukan untuk menampilkan file swf kedalam flugins tersebut. karena kita cukup memberi nama file *.swf yang akan kita tampilkan. Silahkan buka file FlexPaperViewer.html pada folder hasil extract flexpaper yang sudah anda download tadi.

var flashvars = {
SwfFile : escape(“Paper.swf“),
Scale : 0.6,
ZoomTransition : “easeOut”,
ZoomTime : 0.5,
ZoomInterval : 0.1,
FitPageOnLoad : false,
FitWidthOnLoad : true,
PrintEnabled : true,
FullScreenAsMaxWindow : false,
ProgressiveLoading : true,

pada script diatas, berarti flexpaper akan membuka file dengan nama Paper.swf. untuk konfigurasi parameter lebih lanjut bisa anda baca pada panduan manualnya

Berhubung aplikasi yang akan kita buat adalah sebuah web dinamis menggunakan PHP, maka file yang ditampilkannya juga tidak hanya satu file swf. oleh karena itu saya memodifikasi coding dari flexpaper tersebut. sehingga menjadi beberapa bagian coding.

Coding untuk combobox

<select name=”modul” id=”modul” onChange=”pilih(this.value)”>
<option value=”0″ selected=”selected”>Pilih Modul</option>
<option value=”1″ <?php if(isset($_GET[‘modul’]) and $_GET[‘modul’]==1){ echo “selected=’selected'”;}?>>Modul 1</option>
<option value=”2″ <?php if(isset($_GET[‘modul’]) and $_GET[‘modul’]==2){ echo “selected=’selected'”;}?>>Modul 2</option>
<option value=”3″ <?php if(isset($_GET[‘modul’]) and $_GET[‘modul’]==3){ echo “selected=’selected'”;}?>>Modul 3</option>
</select>

Coding untuk memilih combobox

function pilih(modul){

location.replace(“index.php?page=tutorial&modul=”+modul);
}

Coding untuk memproses pilihan combobox

<?php
if(isset($_GET[‘modul’])){
$pilihan=$_GET[‘modul’];
}else{
$modul=’Paper.swf’;
}

if(isset($pilihan)){
switch($pilihan)
{
case “1”;
$modul=’./modul/modul_1.swf’;
break;

case “2”;
$modul=’./modul/modul_2.swf’;
break;

case “3”;
$modul=’./modul/modul_3.swf’;
break;

default;
$modul=’Paper.swf’;
break;
}
}
?>

Coding untuk menampilkan file SWF

var flashvars = {
SwfFile : escape(“<?php echo $modul;?>“),
Scale : 0.6,
ZoomTransition : “easeOut”,
ZoomTime : 0.5,
ZoomInterval : 0.1,
FitPageOnLoad : false,
FitWidthOnLoad : true,
PrintEnabled : true,
FullScreenAsMaxWindow : false,
ProgressiveLoading : true,

 

Download

http://www.4shared.com/file/obAZcAdz/tutorial-swf.html

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

Depok, 17-02-2011

noname

Menampilkan data berdasarkan pilihan di listbox pada PHP


Ada teman saya mas kaka yang bertanya :

Bagaiamana caranya menampilkan data berdasarkan pilihan yg ada di listbox. bagaiamana caranya menampilkan data berdasarkan pilihan yg ada di listbox. Misalnya di list box itu berdasarkan nama_staff. mohon bantuannya, saya lagi buat TA. terimakasih

Alur Program :

  1. Buat koneksi ke database
  2. Buat Form
  3. Fungsi javascript
  4. Proses tampilkan data

Script Koneksi

<?php
$host="localhost";
$user="root";
$pass="";
$db="test";
//koneksi
$koneksi=mysql_connect($host,$user,$pass);
mysql_select_db($db,$koneksi);
?>

Potongan Script Form

<?php
$query_limit=mysql_query("select * from guestbook“);
while($row=mysql_fetch_array($query_limit))
{
?><option value="”>

<select name="id" id="id" onChange="pilih(this.value)“>
Pilih Nama
<option value="”>

Fungsi Javascript

function pilih(id){
location.replace(“list-ri32.php?id=”+id);
}

Script menampilkan data

No Nama Email Pesan

Download

http://www.4shared.com/file/9EmUx_MU/listbox.html


Download Tabel

http://www.4shared.com/file/qfhiRDTt/guestbooksql.html

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

Depok, 25-01-2011

noname

%d bloggers like this: