Instalasi Aplikasi Buku Tamu

Presentasi berjudul: "Instalasi Aplikasi Buku Tamu"— Transcript presentasi:

1 Instalasi Aplikasi Buku Tamu
Oleh : Akhmad Syaikhu HS

2 Aplikasi Buku Tamu Pendataan kunjungan pemustaka ke perpustakaan
Biodata pemustaka Keperluan Jam kadatangan

3 Kebutuhan Cek ‘n ricek INSTAL APLIKASI XAMPP OS File SQL Digilib

4 INSTALL XAMPP Buka Windows Eksplorer Buka Flashdisk 1 2

5 Install XAMPP 3 4 5 Klik 2x pada Xampp-win32-1.7.7-VC9-installer
Tentukan Drive (saran D:\) 3 4 Tunggu sampai process install selesai 5

6 Mengaktifkan XAMPP 6 6a 6b Buka folder XAMPP Klik 2x pada Xampp_start
Mengaktifkan APACHE dan MYSQL, Klik START 6a APACHE dan MYSQL Running 6b Klik 2x pada Xampp_start

7 COPY BKTAMU Buka Flashdisk 7
bktamu disini hanya nama sebuah folder. Berisi file-file php yang dibuat untuk menjalankan aplikasi buku tamu

8 Copy Bktamu COPY folder BKTAMU PASTE pada folder XAMPP\HTDOCS 8 9

9 IMPORT DATABASE BUKU TAMU
10 Buka MOZILLA / INTERNET EXPLORER / GOOGLE CHROME 11 Ketik pada kolom address : LOCALHOST/XAMPP

10 Import database buku tamu
12 Klik pada menu phpMyAdmin Ketik pada kolom address : LOCALHOST/PHPMYADMIN

11 Membuat database buku tamu
13 Klik pada menu Database

12 Membuat database buku tamu
14 14a Ketik bktamu pada kolom create new database Klik CREATE untuk membuat database BKTAMU

13 Membuat database buku tamu
15 Cek database BKTAMU

14 Import Database Buku Tamu
16 Klik BKTAMU untuk membuka database

15 Import Database Buku Tamu
Klik pada menu IMPORT 17

16 Import Database Buku Tamu
Klik BROWSE/TELUSURI untuk mencari file SQL yang akan diimport 18 File SQL dalam panduan ini tersimpan dalam flashdisk…!

17 Import Database Buku Tamu
Klik file SQL (guestbook.sql) 19 21 Klik GO Klik OPEN 20 21a Klik GO

18 Import Database Buku Tamu
Klik file SQL (guestbook.sql) 22

19 Menjalankan Aplikasi Buku Tamu
Ketik pada kolom address : LOCALHOST/bktamu 23

20 Menghapus Data Buku Tamu
Ketik pada kolom address : LOCALHOST/phpmyadmin, Klik pada bktamu pada daftar database 24

21 Menghapus Data Buku Tamu
Klik BROWSE pada field TAMU 25

22 Menghapus Data Buku Tamu
Klik HAPUS/TRUNCATE 26 Klik OK Klik OPERATIONS Klik TRUNCATE

23 Refresh Aplikasi Buku Tamu

24 File-File Penting Aplikasi Buku tamu
File-file php dalam aplikasi buku tamu

25 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

26 Peta File Aplikasi Buku Tamu

27 MENGATUR DAN MENGGANTI HEADER APLIKASI BUKU TAMU
Persiapkan…! Ukuran banner nantinya akan menyesuaikan layar monitor yang digunakan Data Institusi

28 Mengganti Header Aplikasi Buku Tamu
1 COPY file Banner (header) pada XAMPP\HTDOCS\BKTAMU\IMAGES Misal : pustaka.jpg, balithi.jpb, bptpjambi.jpg

29 Mengatur dan Mengganti Header Aplikasi Buku Tamu
2 3 Buka Folder BKTAMU pada XAMPP/HTDOCS Klik 2x pada file HEADER.PHP, Gunakan NOTEPAD

30 Mengatur dan Mengganti Header Aplikasi Buku Tamu
4 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

31 Mengatur dan Mengganti Header Aplikasi Buku Tamu
5 Klik 2x pada file DEPAN.PHP, Gunakan NOTEPAD

32 Mengatur dan Mengganti Header Aplikasi Buku Tamu
6 Edit pada bagian yang ditandai. Lebar dan tinggi sesuaikan dengan layar monitor WIDTH : untuk mengatur lebar banner/tampilan

33 Mengatur dan Mengganti Header Aplikasi Buku Tamu
7 Klik 2x pada file INDEX.PHP, Gunakan NOTEPAD

34 Mengatur dan Mengganti Header Aplikasi Buku Tamu
8 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

35 Melihat Hasil Pengaturan dan Penggantian Header Aplikasi Buku Tamu
Ketik pada kolom address : LOCALHOST/bktamu 9

36 MENGATUR DAN MENGGANTI FOOTER APLIKASI BUKU TAMU
1 Klik 2x pada file KONFIGURASI.PHP, Gunakan NOTEPAD

37 MENGATUR DAN MENGGANTI FOOTER APLIKASI BUKU TAMU
2 Edit pada bagian yang ditandai.

38 Mengatur Jam/Waktu Buka FOLDER PHP pada C:XAMPP, buka file PHP.ini 1

39 Mengatur Jam/Waktu 2 Buka FOLDER PHP pada C:XAMPP, buka file PHP.ini
Ubah Europe/Berlin menjadi Asia/Jakarta

40 Refresh APACHE dan MYSQL
3 4 Klik STOP untuk menghentikan APACHE dan MYSQL Klik START untuk menjalankan APACHE dan MYSQL

41 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

42 Thank You !