LOGO

Instalasi

Aplikasi Buku Tamu

Oleh : Akhmad Syaikhu HS

LOGO Aplikasi Buku Tamu

Pendataan kunjungan pemustaka ke perpustakaan

Biodata pemustaka

Keperluan

Jam kadatangan

LOGO Kebutuhan

Cek ‘n ricek

XAMPP

OS

File SQL

INSTAL APLIKASI

Digilib

LOGO INSTALL XAMPP

1 2Buka Windows Eksplorer Buka Flashdisk

LOGO Install XAMPP

3 4

Klik 2x pada Xampp-win32-1.7.7-VC9-installer Tentukan Drive (saran D:\)

5Tunggu sampai process install selesai

LOGO Mengaktifkan XAMPP

6Mengaktifkan APACHE dan MYSQL, Klik START

APACHE dan MYSQL Running

Buka folder XAMPP6a

Klik 2x pada Xampp_start6b

LOGO

Buka Flashdisk7

COPY BKTAMU

bktamu disini hanya nama

sebuah folder. Berisi file-file

php yang dibuat untuk

menjalankan aplikasi buku

tamu

LOGO Copy Bktamu

8 9COPY folder BKTAMU PASTE pada folder XAMPP\HTDOCS

LOGO IMPORT DATABASE BUKU TAMU

10

11

Buka MOZILLA / INTERNET EXPLORER / GOOGLE CHROME

Ketik pada kolom address : LOCALHOST/XAMPP

LOGO Import database buku tamu12 Klik pada menu phpMyAdmin Ketik pada kolom address :

LOCALHOST/PHPMYADMIN

LOGO Membuat database buku tamu

13 Klik pada menu Database

LOGO Membuat database buku tamu

14Ketik bktamu pada kolom create new database 14a

Klik CREATE untuk membuat database BKTAMU

LOGO Membuat database buku tamu

15 Cek database BKTAMU

LOGO Import Database Buku Tamu

16Klik BKTAMU untuk membuka database

LOGO Import Database Buku Tamu

17Klik pada menu IMPORT

LOGO Import Database Buku Tamu

18Klik BROWSE/TELUSURI untuk mencari file SQL yang akan diimport

File SQL dalam panduan ini tersimpan dalam flashdisk…!

LOGO Import Database Buku Tamu19

Klik file SQL (guestbook.sql)

20Klik OPEN

21Klik GO

21aKlik GO

LOGO Import Database Buku Tamu22

Klik file SQL (guestbook.sql)

LOGO Menjalankan Aplikasi Buku Tamu

Ketik pada kolom address : LOCALHOST/bktamu23

LOGO Menghapus Data Buku TamuKetik pada kolom address : LOCALHOST/phpmyadmin, Klik pada bktamu pada daftar database

24

LOGO Menghapus Data Buku Tamu

Klik BROWSE pada field TAMU25

LOGO Menghapus Data Buku Tamu

Klik HAPUS/TRUNCATE26

Klik OKKlik OPERATIONS

Klik TRUNCATE

LOGO Refresh Aplikasi Buku Tamu

LOGO File-File Penting Aplikasi Buku tamu

File-file php

dalam aplikasi

buku tamu

LOGO File-File Penting Aplikasi Buku tamu

Memproses tampilan footer

Melihat data pengunjung

Mengatur lebar dan tinggi tampilan

Mengatur lebar dan tinggi tampilan, mengganti header

Mengatur lebar dan tinggi tampilan, mengganti header

Mengatur konfigurasi aplikasi buku tamu

Memproses setiap entri buku tamu

Memberikan informasi jika ada kesalahan entri

Memproses pengurutan data pengunjung per bulan

Memberikan informasi jika entri berhasil

Mengecek data yang di entri

LOGO Peta File Aplikasi Buku Tamu

LOGO MENGATUR DAN MENGGANTI HEADER APLIKASI BUKU TAMU

Persiapkan…!

Data Institusi

Ukuran banner nantinya akan menyesuaikan layar monitor yang digunakan

LOGO Mengganti Header Aplikasi Buku Tamu

1COPY file Banner (header) pada XAMPP\HTDOCS\BKTAMU\IMAGESMisal : pustaka.jpg, balithi.jpb, bptpjambi.jpg

LOGO Mengatur dan Mengganti Header Aplikasi Buku Tamu

2Buka Folder BKTAMU pada XAMPP/HTDOCS 3

Klik 2x pada file HEADER.PHP, Gunakan NOTEPAD

LOGO

4Edit pada bagian yang ditandai. Lebar dan tinggi sesuaikan dengan layar monitor

WIDTH : untuk mengatur lebar banner/tampilan

HEIGHT : untuk mengatur tinggi banner

Ganti headerpustaka.jpg dengan nama file banner yang akan dipasang

Mengatur dan Mengganti Header Aplikasi Buku Tamu

LOGO

5 Klik 2x pada file DEPAN.PHP, Gunakan NOTEPAD

Mengatur dan Mengganti Header Aplikasi Buku Tamu

LOGOMengatur dan Mengganti Header Aplikasi

Buku Tamu

6Edit pada bagian yang ditandai. Lebar dan tinggi sesuaikan dengan layar monitor

WIDTH : untuk mengatur lebar banner/tampilan

LOGO

7 Klik 2x pada file INDEX.PHP, Gunakan NOTEPAD

Mengatur dan Mengganti Header Aplikasi Buku Tamu

LOGOMengatur dan Mengganti Header Aplikasi

Buku Tamu

8Edit pada bagian yang ditandai. Lebar dan tinggi sesuaikan dengan layar monitor

WIDTH : untuk mengatur lebar banner/tampilan

HEIGHT : untuk mengatur tinggi banner

Ganti headerpustaka.jpg dengan nama file banner yang akan dipasang

LOGOMelihat Hasil Pengaturan dan Penggantian

Header Aplikasi Buku Tamu

Ketik pada kolom address : LOCALHOST/bktamu9

LOGOMENGATUR DAN MENGGANTI FOOTER

APLIKASI BUKU TAMU

1 Klik 2x pada file KONFIGURASI.PHP, Gunakan NOTEPAD

LOGOMENGATUR DAN MENGGANTI FOOTER

APLIKASI BUKU TAMU

2 Edit pada bagian yang ditandai.

LOGO Mengatur Jam/Waktu

1Buka FOLDER PHP pada C:XAMPP, buka file PHP.ini

LOGO Mengatur Jam/Waktu

2Buka FOLDER PHP pada C:XAMPP, buka file PHP.ini

Ubah Europe/Berlin menjadi Asia/Jakarta

LOGO Refresh APACHE dan MYSQL

3Klik STOP untuk menghentikan APACHE dan MYSQL

4Klik START untuk menjalankan APACHE dan MYSQL

LOGO FOR YOUR INFORMATION….

Tidak selamanya instalasi aplikasi berjalan dengan sukses

Catat atau Print Screen setiap timbul permasalahan

Gunakan perangkat TIK untuk berkomunikasi

Gunakan mesin pencari untuk mendapatkan solusi

Siapkan Back-up data maupun aplikasi

LOGO