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

GusnaNuri

 

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

GusnaNuri

Menampilkan Screensaver Animasi Lalat dan Kumbang di Desktop


Latar Belakang

Waktu saya jalan-jalan di sebuah toko komputer, saya melihat ada laptop yang banyak di hinggapi lalat. ketika saya dekati ternyata itu hanya sebuah screensaver…hehe

Download

Thank You

http://drive-software.com

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

Depok, 25-04-2012

noname

Input text tidak bisa menampilkan 2 suku kata dengan Spasi


Hypertext Markup Language

Latar Belakang Masalah

Saya membuat aplikasi buku tamu sederhana dengan PHP dan MySQL. saat saya membuat aplikasi untuk edit data bukutamu ketika di pilih data mana yang akan di edit, ternyata data berupa nama dengan 2 suku kata hanya menampilkan nama pertama saja. misalnya Agus Sumarna ditampilkan di input text hanya kata Agus. apa masalahnya? mungkin ada teman-teman yang pernah mengalamai hal yang sama.

Bentuk Coding yang SALAH

<?php

include “conn.php”;

$query=mysql_query(“select * from guestbook where id=’4′ “);

while ($row=mysql_fetch_array($query)){

$nama=$row[‘name’];

}

echo ”

<form action=update.php>

<input type=text name=nama value=$nama>

</form>”;

?>

Bentuk Coding yang BENAR

<?php

include “conn.php”;

$query=mysql_query(“select * from guestbook where id=’4′ “);

while ($row=mysql_fetch_array($query)){

$nama=$row[‘name’];

}

echo ”

<form action=update.php>

<input type=’text’ name=’nama’ value=’$nama’>

</form>”;

?>

Apa yang membedakan?

Ternyata kita harus menambahkan tanda kutip di value=’$nama’. ini juga sesuai dengan format standar HTML untuk form :

<form>
<input type=”checkbox” name=”vehicle” value=”Bike” /> I have a bike<br />
<input type=”checkbox” name=”vehicle” value=”Car” /> I have a car
</form>

Thanks to :

  1. w3schools
  2. Forum

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

Depok,29-09-2011

noname

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

%d bloggers like this: