Download 4. Presentasi_aplikasi_bukutamu

Instalasi
Aplikasi Buku Tamu
Oleh : Akhmad Syaikhu HS
LOGO
LOGO
Aplikasi Buku Tamu
Pendataan kunjungan pemustaka ke perpustakaan
Biodata pemustaka
Keperluan
Jam kadatangan
LOGO
Kebutuhan
Cek ‘n ricek
XAMPP
OS
File SQL
Digilib
INSTAL
APLIKASI
LOGO
INSTALL XAMPP
Buka Windows Eksplorer
1
Buka Flashdisk
2
LOGO
3
Klik 2x pada Xampp-win32-1.7.7VC9-installer
Install XAMPP
Tentukan Drive (saran D:\)
4
Tunggu sampai process install selesai
5
LOGO
6
Mengaktifkan APACHE dan
MYSQL, Klik START
Mengaktifkan XAMPP
6a
APACHE dan MYSQL Running
6b
Buka folder XAMPP
Klik 2x pada
Xampp_start
LOGO
COPY BKTAMU
Buka Flashdisk
7
Copy Bktamu
LOGO
COPY folder BKTAMU
8
PASTE pada folder XAMPP\HTDOCS
9
LOGO
IMPORT DATABASE BUKU TAMU
10
Buka MOZILLA / INTERNET EXPLORER / GOOGLE CHROME
11
Ketik pada kolom address : LOCALHOST/XAMPP
LOGO
Import database buku tamu
12 Klik pada menu phpMyAdmin Ketik pada kolom address :
LOCALHOST/PHPMYADMIN
LOGO
Membuat database buku tamu
13 Klik pada menu Database
LOGO
14
Membuat database buku tamu
Ketik bktamu pada kolom
create new database
14a
Klik CREATE untuk
membuat database BKTAMU
LOGO
15
Membuat database buku tamu
Cek database BKTAMU
LOGO
16
Import Database Buku Tamu
Klik BKTAMU untuk membuka database
LOGO
Import Database Buku Tamu
Klik pada menu IMPORT
17
LOGO
18
Import Database Buku Tamu
Klik BROWSE/TELUSURI
untuk mencari file SQL
yang akan diimport
File SQL dalam panduan ini
tersimpan dalam flashdisk…!
LOGO
19
Import Database Buku Tamu
Klik file SQL (guestbook.sql)
Klik GO 21
20
Klik OPEN
21a
Klik GO
LOGO
22
Import Database Buku Tamu
Klik file SQL (guestbook.sql)
LOGO
23
Menjalankan Aplikasi Buku Tamu
Ketik pada kolom address : LOCALHOST/bktamu
LOGO
24
Menghapus Data Buku Tamu
Ketik pada kolom address : LOCALHOST/phpmyadmin,
Klik pada bktamu pada daftar database
LOGO
25
Menghapus Data Buku Tamu
Klik BROWSE pada field TAMU
LOGO
26
Menghapus Data Buku Tamu
Klik HAPUS/TRUNCATE
Klik OK
Klik OPERATIONS
Klik TRUNCATE
LOGO
Refresh Aplikasi Buku Tamu
LOGO
File-File Penting Aplikasi Buku tamu
LOGO
File-File Penting Aplikasi Buku tamu
Memproses tampilan footer
Melihat data pengunjung
Mengecek data yang di entri
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
LOGO
Peta File Aplikasi Buku Tamu
LOGO
MENGATUR DAN MENGGANTI HEADER APLIKASI BUKU TAMU
Persiapkan…!
Ukuran banner nantinya akan menyesuaikan layar
monitor yang digunakan
Data Institusi
LOGO
1
Mengganti Header Aplikasi Buku Tamu
COPY file Banner (header) pada XAMPP\HTDOCS\BKTAMU\IMAGES
Misal : pustaka.jpg, balithi.jpb, bptpjambi.jpg
LOGO
2
Mengatur dan Mengganti Header Aplikasi Buku Tamu
Buka Folder BKTAMU
pada XAMPP/HTDOCS
3
Klik 2x pada file HEADER.PHP,
Gunakan NOTEPAD
LOGO
4
Mengatur dan Mengganti Header Aplikasi Buku Tamu
Edit 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
LOGO
5
Mengatur dan Mengganti Header Aplikasi
Buku Tamu
Klik 2x pada file DEPAN.PHP, Gunakan NOTEPAD
LOGO
6
Mengatur dan Mengganti Header Aplikasi
Buku Tamu
Edit pada bagian yang ditandai.
Lebar dan tinggi sesuaikan dengan layar monitor
WIDTH : untuk mengatur lebar banner/tampilan
LOGO
7
Mengatur dan Mengganti Header Aplikasi
Buku Tamu
Klik 2x pada file INDEX.PHP, Gunakan NOTEPAD
LOGO
8
Mengatur dan Mengganti Header Aplikasi
Buku Tamu
Edit 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
LOGO
9
Melihat Hasil Pengaturan dan Penggantian
Header Aplikasi Buku Tamu
Ketik pada kolom address : LOCALHOST/bktamu
LOGO
1
MENGATUR DAN MENGGANTI FOOTER
APLIKASI BUKU TAMU
Klik 2x pada file KONFIGURASI.PHP, Gunakan NOTEPAD
LOGO
2
MENGATUR DAN MENGGANTI FOOTER
APLIKASI BUKU TAMU
Edit pada bagian yang ditandai.
LOGO
1
Mengatur Jam/Waktu
Buka FOLDER PHP pada C:XAMPP, buka file PHP.ini
LOGO
2
Mengatur Jam/Waktu
Buka FOLDER PHP pada C:XAMPP, buka file PHP.ini
Ubah Europe/Berlin menjadi Asia/Jakarta
LOGO
3
Refresh APACHE dan MYSQL
Klik STOP untuk
menghentikan APACHE
dan MYSQL
4
Klik 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