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

Advertisements

Membuat Sistem Informasi Nilai Online dengan PHP dan MySQL


Latar Belakang Sistem Informasi Nilai Online (SINO) adalah sebuah sistem berbasis web yang menampilkan informasi nilai siswa dalam suatu instansi pendidikan. Terintegrasi antara Admin, Guru, Siswa, dan Orang Tua. Sehingga bisa diakses kapan saja dan dimana saja.

Gambaran Sistem

Dalam sistem ini dibagi menjadi 3 pengguna yaitu :

  1. Admin yang bertugas untuk mengelola data guru, siswa, kelas, pelajaran, membuat jadwal pengajaran, dan melihat laporan penilaian.
  2. Guru yang bertugas menginput nilai siswa berdasarkan mata pelajaran dan kelas yang diajar.
  3. Siswa yang dapat melihat hasil nilai masing-masing mata pelajaran yang sudah diinput oleh guru.

Form Input Nilai oleh Guru

Output Hasil Nilai Siswa

Output Laporan Nilai untuk Admin

Desain Database

Free Download :

https://sourcecode.kangagus.id/aplikasi-nilai-online

Live Demo :

Username & Password :

  • Superadmin : fattan
  • Admin : agus
  • Guru / Dosen : budi
  • Ortu : lukman
  • Siswa / Mahasiswa : adi
  • Password : bismillah@123

Koleksi Buku :

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

Depok, 19 Januari 2012

KangAgus

Belajar dari kupu-kupu


Karena sesungguhnya sesudah kesulitan itu ada kemudahan, sesungguhnya sesudah kesulitan itu ada kemudahan (Q.S Al-Insyirah : 5-6)

Seorang pemuda menemukan kepompong seekor kupu-kupu. Suatu hari lubang kecil muncul dari kepompong. Pemuda tersebut duduk dan mengamati selama beberapa jam bagaimana si kupu-kupu berjuang memaksa dirinya melewati lubang kecil itu. Kemudian kupu-kupu itu berhenti membuat kemajuan. Kelihatannya dia telah berusaha semampunya dan dia tidak bisa lebih jauh lagi.

Akhirnya pemuda tersebut memutuskan untuk membantunya, dia ambil sebuah gunting dan memotong sisa kekangan dari kepompong itu. Kupu-kupu tersebut keluar dengan mudahnya. Ternyata, Kupu-kupu itu mempunyai tubuh yang gembung dan kecil, dan sayapnya mengkerut.

Pemuda tersebut terus mengamatinya karena dia berharap bahwa pada suatu saat, sayap-sayap itu akan mekar dan melebar sehingga mampu menopang tubuhnya, yg mungkin akan berkembang dalam waktu singkat. Ternyata semuanya tak pernah terjadi. kupu-kupu itu menghabiskan sisa hidupnya merangkak di sekitarnya dengan tubuh gembung dan sayap-sayap mengkerut. Dia tidak pernah bisa terbang.

Kebaikan dan ketergesaan pemuda tersebut merupakan akibat dari ketidak mengertiannya bahwa kepompong yg menghambat, dan perjuangan yg dibutuhkan kupu-kupu untuk melewati lubang kecil adalah jalan Tuhan untuk memaksa cairan dari tubuh kupu-kupu itu berpindah ke dalam sayap-sayapnya sedemikian sehingga sayapnya menjadi kuat, dan siap terbang begitu memperoleh kebebasan dari kepompong tersebut.

Perjuangan adalah yang kita perlukan dalam hidup kita. Jika Tuhan membiarkan kita hidup tanpa hambatan, itu mungkin melumpuhkan kita. Kita mungkin tidak sekuat yg semestinya kita mampu. Kita mungkin tidak pernah dapat terbang.

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

Depok, 18-01-2012

noname

Menu Accordion Horizontal Jquery


Latar Belakang

Banyak jenis menu yang digunakan untuk navigasi dalam sebuah web. ada yang horizontal maupun vertikal. ada yang berjenis topdown sampai jenis menu accordion yang sekarang saya bahas.  menu ini dibuat menggunakan JQuery.

Potongan Script

<li>

Ri32 Web Blog

Ri32 Web Blog

Berawal dari kesenangan menulis dan mendokumentasikan apa yang sudah dipelajari.
berbagi secercah ilmu sebagai rasa syukur atas nikmat Allah yg tak dapat diukur.
Semoga bermanfaat untuk teman-teman dan anda semua…aamiin 🙂

more →

</li>

*Jika ada content yang ingin ditambahkan, teman-teman tinggal copy paste dan ganti keterangannya.

Download

http://www.4shared.com/zip/NQxEfqtX/profile-ri32-accordion.html

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

Depok, 14-01-2012

noname

Membuat Mail Server di localhost dengan XAMPP Mercury


Latar Belakang

Misalnya teman-teman membuat aplikasi web menggunakan PHP yang dapat mengirim email. jika kita tidak menseting sebuah mailserver, maka aplikasi email tadi tidak dapat dijalankan. biasanya akan menampilkan error :

Warning: mail() [function.mail]: Failed to connect to mailserver at “localhost” port 25, verify your “SMTP” and “smtp_port” setting in php.ini or use ini_set()

Atau kita harus upload dahulu ke hosting untuk mencoba aplikasi email. dan harus di seting dahulu email yang ada di hosting tersebut. contoh emailnya adalah agus@tokoperjuangan.com yang merupakan email dari web TokoPerjuangan.Com

Solusi

Pada referensi yang lain ada yang menyarankan untuk menggunakan software argosoft untuk membuat mailserver. tapi ketika coba di install memerlukan framework .net untuk menjalankan software tersebut. dari pada menggunakan software tambahan lebih baik menggunakan software yang sudah disediakan XAMPP.

Selama ini saya mengembangkan aplikasi web di localhost menggunakan XAMPP versi 1.7.3 yang didalamnya sudah terdapat software-software yang kita butuhkan seperti :

  • Apache sebagai webserver
  • MySQL sebagai DBMS
  • Filezila sebagai software FTP
  • Mercury sebagai mailserver
  • phpMyAdmin sebagai Tools Database

Dalam artikel ini saya sengaja membahas khusus tentang aplikasi mercury yang digunakan untuk mengirim email di localhost. contoh akun email di localhost yang akan dibuat misalnya agus@localhost dan ri32@localhost.

Setting Mercury

  1. Klik start pada mercury. klik Admin yang ada di sebelah kanannya untuk pengaturan mercury
  2. Jika sudah masuk pilih menu Configuration>Protocol Modules dan seting seperti gambar dibawah ini 
  3. Setelah itu pilih menu Configuration>Manage Local Users . Pilih menu Add untuk registrasi aku email dan lakukan setting seperti gambar dibawah ini
  4. Setelah itu kita setting file php.ini di alamat C:\xampp\php
  5. Edit dengan text editor dan cari bagian sendmail_from. Kemudian masukan alamat email agus@localhost
  6. Silahkan restart webserver apache dan mailserver mercury untuk meyakinkan setingan sudah tersimpan semua.
  7. Selesai

Aplikasi Kirim email

<?php
$kepada=”ri32@localhost”;
$subject=”Email Localhost”;
$dari=”agus@localhost”;
$pesan=”assalamu’alaikum, apa kabar mas bro?”;

$kirim_email=mail($kepada,$subject,$pesan,$dari);

if($kirim_email){
echo “email berhasil terkirim”;
}else{
echo “email gagal terkirim”;
}
?>

  1. Ketik coding diatas dan simpan dengan nama index.php di alamat C:\xampp\htdocs\email
  2. Buka web browser misalnya mozila firefox dan ketikan alamat http://localhost/email/
  3. Jika berhasil akan ada bacaan email berhasil terkirim

Cek Email

Untuk mengecek email baik localhost maupun online saya sarankan menggunakan software thunderbird.

  1. Buka thunderbird dan pilih menu create new account
  2. Masukan username=ri32, email=ri32@localhost , dan password yang sudah kita seting sebelumnya di mercury. dan klik tombol continue.
  3. Jika adawarning pilih ceklist i understand the risks. dan klik tombol create account
  4. Jika berhasil, maka akan ada email baru dengan subject Email Localhost
  5. Selesai

Thanks to

http://ganjarramadhan.wordpress.com/2011/08/28/setting-mercury-mail-server-di-xampp/

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

Depok, 14-1-2012

noname

Membuat kuisioner paperless menggunakan Google Form


Latar Belakang

Setelah kita membuat sebuah aplikasi web, biasanya dalam tahap testing atau implementasi kita membutuhkan sebuah kuisioner untuk mengukur sejauh mana web kita dapat digunakan oleh user sekaligus untuk  mengukur 3 parameter web yaitu :

  • Fast
  • Interesting
  • Informatif

Teman-teman yang pernah melakukan Penulisan Ilmiah khususnya dalam pembuatan aplikasi web base, untuk mengambil kesimpulannya biasanya diambil dari hasil kuisioner yang disebarkan dalam bentuk hardcopy atau kertas.

Solusi Alternatif

Sekarang sudah ada google docs atau mungkin sudah banyak teman-teman yang tahu. didalam google docs terdapat google form yang digunakan untuk membuat sebuah form atau kuisioner secara online.

Hasil dari form kuisioner yang kita buat bisa kita embeded atau sisipkan di sebuah web, atau bisa kita gunakan sebuah link URL menuju form tersebut, atau disebarkan melalui email. Sedangkan hasil tabulasinya dapat kita lihat menggunakan google spreadsheet.

Cara Pembuatan Google Docs – Form

  1. Buat terlebih dahulu akun email di  gmail.com
  2. Jika sudah mempunyain email, maka silahkan Login dengan username dan password anda
  3. Jika sudah masuk, lihat menu paling atas ada menu Documents
  4. Setelah dipilih, akan ada tombol Create dan akan menampilkan beberapa pilihan aplikasi google docs
  5. Pilihlah Form untuk membuat kuisioner

Cara Pembuatan Kuisioner Online

  1. Dibagian Untitled form tuliskan judul kuisioner anda. sedangkan text area di bagian bawahnya untuk mengisikan keterangan atau aturan dalam mengisi kuisioner.
  2. Pada bagian Sample Question 1 ganti menjadi salah satu pertanyaan kuisioner anda.
  3. Pertanyaan defaultnya adalah dengan inputan berjenis Text yang digunakan misalnya untuk input nama.
  4. Teman-teman bisa mengganti jenis inputan berupa paragraf text untuk input alamat, multiple choise untuk inputan jenis kelamin atau memilih salah satu pilihan, Checkbox untuk input hobi atau lebih dari satu pilihan.
  5. Untuk keperluan kuisioner sendiri biasanya menggunakan tipe inputan Scale atau skala. misalnya inputan dari sekala 1 sampai 7. untuk batas bawahnya adalah 1 (sangat tidak setuju)  sedangkan untuk pilihan paling atas adalah skala 7 (sangat setuju).
  6. Kita juga bisa mengedit, duplicate, atau delete pertanyaan kuisioner yang sudah kita buat.
  7. Untuk kuisioner sendiri,  saya sarankan untuk menduplikat salah satu pertanyaan. sehingga teman-teman tinggal ganti saja pertanyaannya dengan jenis inputan yang sama yaitu skala 1 sampai skala 7.

Tahap Akhir

  1. Agar tampilannya lebih menarik ubahlah melalui menu tombol Theme
  2. Pilih salah satu theme dan klik tombol apply
  3. Jika ingin melihat hasil akhir form klik URL di bagian footer paling bawah yang terdapat bacaan You can view the published form here
  4. Untuk melihat hasilnya bisa dilihat di menu See Responses
  5. Untuk menyisipkan form kuisioner kehalaman web bisa dilihat di menu More Actions

Implementasi

Untuk melihat contoh dari kuisioner online sekaligus saya mengajak partisipasi teman-teman untuk menilai salah satu web saya.  Sebelumnya saya ucapkan terimakasih banyak.

Contoh Softcopy Kuisioner

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

Depok, 13-1-2012

noname

Membuat web Multimedia dengan PHP dan MySQL


Web ini adalah web multimedia penggabungan dari content tulisan, gambar, dan video streaming. terdapat 2 halaman utama yaitu frontend dan backend.

Frontend

  • Halaman artikel
  • Halaman Gallery Photo
  • Halaman Gallery Video
  • Terdapat Shoutbox
  • Banner Flash
  • Jam Javacsript
  • Jquery Gallery Photo
  • Download Video

Backend

  • Masuk melalui URL /admin/
  • Gunakan username password admin
  • Halaman edit Gallery Photo
  • Halaman edit Gallery Video
  • Halaman edit Artikel
  • Halaman edit Profil

Fitur

Web multimedia ini menekankan pada fungsi upload video melalui halaman admin atau backend, dan tampilkan semua video serta ada fungsi download video yang sedang ditampilkan di halaman gallery video atau frontend.

Database

file databasenya db_multimedia.sql.zip yang ada di folder utama web. silahkan import ke database mysql di komputer teman-teman.

Free Download :

https://sourcecode.kangagus.id/aplikasi-web-multimedia

Live Demo :

http://ri32.byethost14.com/multimedia

Koleksi Buku :

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

Depok, 7 Januari 2012

KangAgus

%d bloggers like this: