Membuat Virtual Host di XAMPP


Latar Belakang

Untuk menampilkan website yang kita buat, biasanya kita mengetikan URL misalnya http://localhost/labhouse/. maka aplikasi web labhouse tersebut akan di tampilkan di web browser.

Dalam artikel ini akan dibahas bagaimana caranya agar kita bisa memanggil website yang ada di localhost dengan mengetikan URL http://labhouse.com . padahal sebenarnya kita masih menjalankannya di localhost.

Ini berguna saat teman-teman ingin mendemokan website yang dibuat kepada orang lain atau client. agar lebih terkesan profesional dan prestise karena langsung menggunakan nama domain website yang dibuat.

Tahap Persiapan

  1. Saya asumsikan teman-teman sudah menginstall software XAMPP
  2. Teman-teman juga sudah membuat website yang disimpan di folder htdocs
  3. Dalam artikel ini saya ambil contoh nama domain yang dibuat adalah labhouse.com
  4. Alamat websitenya sudah tersimpan di alamat C:/xampp/htdocs/labhouse

Langkah Pertama

  1. Buka file hosts yang ada di alamat  C:\WINDOWS\system32\drivers\etc
  2. Di bagian paling bawah tambahkan  alamat IP Address localhost 127.0.0.1  dan nama domain yang dibuat misalnya labhouse.com

Langkah Kedua

  1. Buka file httpd.conf  yang ada di alamat C:\xampp\apache\conf
  2. Cari bagian Directory dan ubah menjadi seperti dibawah ini

<Directory “C:/xampp/htdocs/labhouse”>
Options Indexes FollowSymLinks Includes ExecCGI
AllowOverride All
Order allow,deny
Allow from all
</Directory>

Langkah Ketiga

  1. Buka lagi file httpd-vhosts.conf  yang ada di alamat C:\xampp\apache\conf\extra
  2. Tambahkan setingan di bawah ini untuk membedakan website yang dipanggil dengan localhost dan website yang dipanggil dengan virtual host

NameVirtualHost *:80

#VirtualHost untuk labhouse.com
<VirtualHost *:80>
DocumentRoot C:/xampp/htdocs/labhouse
ServerName labhouse.com
</VirtualHost>

#Untuk localhost yang biasa
<VirtualHost *:80>
DocumentRoot C:/xampp/htdocs
ServerName localhost
</VirtualHost>

Tahap Testing

  1. Restart Apache dengan cara : pada XAMPP Control Panel dengan klik tombol stop kemudian klik tombol start.
  2. Ketikan pada browser http://labhouse.com
  3. Ketikan juga pada browser http://localhost/labhouse

Jika kedua alamat tersebut berhasil dibuka, berarti kita sudah berhasil membuat virtual host. sehingga website tersebut bisa di jalankan menggunakan 2 cara yaitu secara localhost dan virtual host.

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

Depok, 20-01-2012

noname

Membuat Koneksi Database dan Java Netbeans


Tahap Persiapan Software

Pada artikel kali ini saya akan menjelaskan cara melakukan koneksi database dari Java ke MySQL. yang perlu disiapkan dalam belajar java menggunakan editor netbeans dan database mysql adalah sebegai berikut :

  1. JDK
  2. NetBeans
  3. MySQL
  4. Mysql-connector-Java

Tahap Persiapan Proyek

Setelah semua software yang kita butuhkan sudah siap, maka saatnya membuat sebuah proyek baru di NetBeans :

  1. Buat Proyek Baru
  2. Klik kanan di Proyek tadi. New=>Java Class=>Beri nama “DBConnection”=> ketikan coding dibawah ini

import java.sql.Connection;
import java.sql.DriverManager;
/**
* @author Agus Sumarna
*/
public class DBConnection {
public DBConnection() {
}
public Connection connect(){
Connection conn = null;
try{
String userName = “root”;
String password = “”;
String url = “jdbc:mysql://localhost:3306/tokobuku”;
Class.forName (“com.mysql.jdbc.Driver“).newInstance ();
conn = DriverManager.getConnection (url, userName, password);
}catch(Exception e){
e.printStackTrace();
conn = null;
}finally{
if (conn != null){
try{
conn.close ();
}catch (Exception ex) {
ex.printStackTrace();
}
}
}
return conn;
}
}

  1. Klik kanan lagi di Proyek yang sama tadi. New=>Java Class=>Beri nama “TesConnection”=> ketikan coding berikut :

import java.sql.Connection;
/**
* @author Agus Sumarna
*/
public class TesConnection {
public static void main(String args[]) {
Connection dbcon = new DBConnection().connect();
if(dbcon != null){
System.out.println(“Berhasil Koneksi Database“);
}else{
System.out.println(“Gagal euuyy!“);
}
}
}

  1. Klik kanan di file “TesConnection.java”=>Klik Run File

  1. Selesai

 

Depok, 11-11-2010

noname

Menampilkan tabel data dalam bentuk PDF menggunakan PHP


Dalam membuat web, kadang client ingin agar data yang ditampilkan pada table web ingin ditampilkan juga dalam file PDF. silahkan download dan pelajari karena pada codingnya sudah saya beri komentar.

DOWNLOAD :

http://www.4shared.com/file/PoL3VU6L/tablepdf.html

DEMO :

Kunjungi situs LabHouse.co.cc

Potongan Coding :

<?php
//include core
include “fpdf.php”;

//untuk koneksi, bisa diganti
$koneksi=mysql_connect(“localhost”,”root”,””);
mysql_select_db(“labhousedb”,$koneksi);

//untuk inisial
$pdf = new FPDF();
$pdf->AddPage();

//untuk judul table, bisa diganti
$pdf->setFont(‘Arial’,’B’,8);
$pdf->setXY(80,10); $pdf->cell(30,6,’Data Statistik LabHouse’);
$pdf->setFont(‘Arial’,’B’,10);

$y_initial = 31;
$y_axis1 = 25;
$pdf->setFont(‘Arial’,”,8);

$pdf->setFillColor(233,233,233);
$pdf->setY($y_axis1);
$pdf->setX(25);

//untuk nama field, bisa diganti
$pdf->cell(10,6,’No’,1,0,’C’,1);
$pdf->cell(50,6,’Menu Demo’,1,0,’C’,1);
$pdf->cell(20,6,’View’,1,0,’C’,1);
$pdf->cell(20,6,’Bad’,1,0,’C’,1);
$pdf->cell(20,6,’Good’,1,0,’C’,1);
$y = $y_initial + $row;

//untuk query database, bisa diganti
$nilai = mysql_query(“select * from stat”);

$no = 0;
$row = 6;

//untuk menampilkan data, bisa diganti
while ($daftar = mysql_fetch_array($nilai)){
$no++;
$pdf->setY($y);
$pdf->setX(25);
$pdf->cell(10,6,$no,1,0,’C’);
$pdf->cell(50,6,$daftar[menu],1,0,’L’);
$pdf->cell(20,6,$daftar[view],1,0,’C’);
$pdf->cell(20,6,$daftar[good],1,0,’C’);
$pdf->cell(20,6,$daftar[bad],1,0,’C’);
$y = $y + $row;
}
$pdf->Output();
?>

REVISI (10-11-2010)

Program diatas masih ada bug, yaitu jika data lebih banyak untuk dimasukan kedalam satu halaman PDF, maka data tidak rapi untuk ditampilkan. untuk itu saya membuat aplikasi baru untuk mencoba menyempurnakan aplikasi konversi dari table mysql ke file PDF. silahkan download file dibawah ini :

http://www.4shared.com/file/su1bVISL/table_pdf.html

Jika ada pertanyaan silahkankan ditanyakan. Sekian tutorial dari saya, semoga bermanfaat untuk anda semua…aamiin

Depok, 17-10-2010

noname

Membuat Aplikasi Image Thumbnail dengan PHP dan MySQL


Latar Belakang :

Pernahkah lihat gambar teman anda di FB atau di koprol yang ukurannya kecil-kecil seperti ini :

Image Thumbnail Facebook

Image Thumbnail Koprol.com

Nah, disini saya  ingin membuat sebuah aplikasi yang fungsinya adalah :

Untuk membuat ukuran file gambar menjadi kecil, tapi tidak membuat tampilan gambarnya menjadi “pecah”. dan saat gambarnya di save images as…, ukuran dimensi gambarnya sudah berubah menjadi kecil.

Cara Menggunakan Aplikasi :

Upload gambar yang akan di kecilkan ukurannya

Tampilan Output

Algoritma Aplikasi :

  1. Upload file gambar asli
  2. Gambar akan di upload, file asli disimpan di folder  files, dan file thumbnail disimpan di folder thumb.
  3. Data alamat gambar di masukan kedalam database imagedb.
  4. Gambar akan di tampilkan dengan susunan gambar asli, gambar hasil thumbnail, dan gambar yang di perkecil manual dengan mengurangi ukuran gambar.
  5. Selesai.

Cara menggunakan fungsi cropImage :

fungsinya disimpan di file conn.php, sedangkan bentuk pemanggilan fungsinya adalah sebagai berikut :

cropImage(45, 45, “$alamatfile”, ‘jpg’, “$alamatthumb”);

atau

cropImage(ukuran_lebar,ukuran_tinggi,alamat_file_sumber, tipe_gambar,alamat_thumbnail_disimpan);

 

Anda tertarik membuat atau mengembangkan aplikasi ini? silahkan download dan pelajari skript nya.

DOWNLOAD :

http://www.4shared.com/file/xV0cK2nJ/cropimage.html

 

Demikian tutorial dari saya, semoga bermanfaat untuk teman2 dan anda semua…aamin

 

Depok, 17-10-2010

 

noname

Membuat aplikasi Web menggunakan kalender Javascript


Cara menggunakan  :

  1. Include file javascript dan file css
  2. Sediakan sebuah form
  3. Didalam form tadi, sediakan sebuah input text
  4. Sisipkan di samping input text coding javascript

Potongan Coding :

<script src=”calendar_db.js“></script>
<link rel=”stylesheet” href=”calendar.css“>
<form action=”index.php?page=tanggalhasil&mode=usia” name=”usiaanda” method=”post”>
<table>
<tr><td>Nama Anda </td><td colspan=”2″><input name=”nama”></td></tr>
<tr><td>Tanggal Lahir</td><td colspan=”2″><input name=”tanggalusia“>
<script language=”JavaScript”>
new tcal ({
// form name
‘formname’: ‘usiaanda‘,
// input name
‘controlname’: ‘tanggalusia
});
</script>
</td></tr><tr><td></td>
<td colspan=”2″><input value=”OK”></td></tr>
</table>
</form>

Download :

http://www.4shared.com/file/gMCeakyA/hitunghari.html

Referensi yang lain :

http://www.4shared.com/file/NSs0f0b7/calender.html

Setting File normal.js

// —- PopCalendar Specific Options —-
var gsSplit=”/”;    // separator of date string. If set it to empty string, then giMonthMode and gbPadZero will be fixed to 0 and true.
var giDatePos=0;    // date format sequence  0: D-M-Y ; 1: M-D-Y; 2: Y-M-D
var gbPadZero=true;    // whether to pad the digits with 0 in the left when less than 10.
var giMonthMode=0;    // month format 0: digits ; 1: full name from gMonths; >2: abbreviated month name in specified length.
var gbShortYear=false;   // year format   true: 2-digits; false: 4-digits
var gbAutoPos=true;    // enable auto-adpative positioning or not
var gbPopDown=true;    // true: pop the calendar below the dateCtrl; false: pop above if gbAutoPos is false.
var gbAutoClose=true;    // whether to close the calendar after selecting a date.
var gPosOffset=[0,0];    // Offsets used to adjust the pop-up postion, [leftOffset, topOffset].
var gbFixedPos=false;    // true: pop the calendar absolutely at gPosOffset; false: pop it relatively.

Sekian artikel dari saya, semoga bermanfaat untuk temen-temen dan anda semua 🙂

Depok, 01-10-2010

noname

Bagaimana cara mempercantik Blog WordPress


Ada teman saya mas Firmansyah yang bertanya :

Assalamualaikm…mas mw tanya ada tutorial membuat wordpress soalnya saya tertarik dengan wordpressnya mas agus yang https://ri32.wordpress.com/,.. itu mas bayar ato yang gratis soalnya saya coba pake yang gratis cuman bisa widget text cma disediakan satu… gmana ia mas ya aq sih tertrik membuat yang mirip” mas agus gitu ya mas klo ada tutorial lengkapnya nya bisa shering terima kasi sebelumnya saya tunggu kabarnya

waalaikum salam mas firmansyah ^_^

alhamdulilah dan terimakasih telah mengunjungi blog saya.

JAWAB :

1. “tanya ada tutorial membuat wordpress”

Saya belum coba menemukan tutorial lengkap untuk mempercantik blog wordpress, tapi kalau bukunya sudah ada saya lihat di toko buku 🙂

banyak sech yang bertanya gimana cara mempercantik blog….Maaf jika jawaban saya ini kurang memuaskan.

2. “mas bayar ato yang gratis” ??

saya sudah lama menggunakan wordpress “gratisan”. bisa dilihat dari nama blog nya : ri32 <dot> wordpress <dot> com

ada kata wordpress yang menempel di nama blog saya.

kalau tidak mau ada nama ID wordpressnya, pakai sebuah web hosting, lalu install wordpressnya di menu fantastico.

  1. “pake yang gratis cuman bisa widget text”

Saya juga pake widget itu…

jadi, mungkin solusi ini yang bisa saya berikan…

SOLUSI :

Sesuaikan kebutuhan widget di blog anda. misalnya di blog anda itu ingin ada widget counter pengunjung, anda cari di google saja “tutorial menampilkan widget counter di blog”. nanti dapat sumber tutorial dari blog lain. Biasanya Anda dapat code html yang harus di copy-paste ke dalam widget “text”. setelah di “save”, refresh halaman blog Anda, jika berhasil widget counter pengunjung pun akan tampil di blog anda.

seperti itu prosesnya, kurang lebih sama untuk menambahkan widget yang lain dengan cara : memasukan sebuah code html yang didapat dari sebuah web, dan di simpan ke dalam widget “text” di blog Anda.

TIPS :

tema pertanyaanya adalah : blog yang “cantik”

seperti kata orang, cantik itu relatif 🙂

dalam sebuah blog, content atau isi adalah kunci utama. artinya, jika content atau isi blog anda bagus, informatif, dan menarik. walaupun dari segi tampilan blog anda kurang menarik. pasti akan tetap banyak orang yang mengunjungi blog anda. karena informasi adalah sebuah kebutuhan.

Nah menurut saya, untuk mempercantik blog caranya seperti berikut… :

  1. Pilihlah template/theme blog yang menarik. misalnya dari segi warna tidak membuat mata orang yang membaca blog anda menjadi “lelah”. template itu bisa di analogikan seperti sebuah baju atau pakaian. orang bisa menilai Anda lugu, sederhana, glamour, trendy dengan melihat pakaian kita. begitu juga sebuah blog. pemilihan thema sangat penting karena akan mewakili anda sebagai penulis dan thema tulisan dari blog anda secara keseluruhan.
  2. Pilihlah widget yang anda butuhkan. di blog ri32 ini mungkin terlihat “ramai” karena banyak widget yang saya gunakan. tapi menurut saya, widget standar untuk blog itu adalah widget untuk menghitung jumlah pengunjung (hit counter). selanjutnya untuk widget yang lain terserah anda disesuaikan dengan kebutuhan.
  3. Kalau saya suka widget untuk menampilkan ayat-ayat alqur’an, tanggal hijriyah, asmaul husna, jadwal sholat serta arah kiblat. Niat ibadah mudah2an blog nya membawa berkah…aamin
  4. Widget yang umum seperti widget prakiraan cuaca hari ini, widget RSS untuk mengupdate berita dari suatu situs berita kesukaan anda seperti detik.com. dan masih banyak lagi widget yang lainnya.
  5. Jika template sudah di tentukan, widget sudah di cari, maka perhatikan penempatan dan tata letak dari widget-widget yang ada di blog anda tersebut. susunlah dengan rapi agar nyaman dilihat, serta tidak berantakan susunannya. gunakan jiwa seni anda untuk merapihkan dan meletakan widget anda tersebut. agar blog anda terlihat rapi, cantik, dan menarik untuk di kunjungi kembali.
  6. Jika dari segi design sudah fix, maka berkaryalah dengan tulisan-tulisan yang menarik, informatif, dan bermanfaat untuk orang banyak. gunakan bahasa yang sopan dan tulisan yang jelas. semoga blog Anda bermanfaat untuk diri Anda sendiri dan orang lain.

Sekian artikel dan jawaban dari saya, semoga bermanfaat untuk teman-teman dan anda semua..aamin

Depok, 25 September 2010

noname

Membuat web e-commerce dengan PHP dan MySQL


Pada artikel kali ini, saya akan sharing tentang contoh web ecommers sederhana dengan PHP. Aplikasi ini hasil dari tugas praktikum pemrograman web di kampus saya. pada contoh web sederhana ini saya menggunakan database untuk pembuatan fitur shopping chart.

Halaman Admin

Halaman Edit member

Halaman Tambah Barang

Database :

Untuk masuk admin aplikasi ini, bisa di akses : http://localhost/tokoonline/admin/

gunakan username dan password : agus

Download 

Demo Online 

http://ri32.byethost14.com/tokoonline

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

Depok, 20 September 2010

KangAgus

Klik untuk info dan pemesanan

%d bloggers like this: