instalasi aplikasi buku tamu

42
LOGO Instalasi Aplikasi Buku Tamu Oleh : Akhmad Syaikhu HS

Upload: dotty

Post on 29-Jan-2016

164 views

Category:

Documents


2 download

DESCRIPTION

Instalasi Aplikasi Buku Tamu. Oleh : Akhmad Syaikhu HS. Aplikasi Buku Tamu. Pendataan kunjungan pemustaka ke perpustakaan. Biodata pemustaka. Keperluan. Jam kadatangan. Kebutuhan. Cek ‘n ricek. INSTAL APLIKASI. XAMPP. OS. File SQL. Digilib. 1. 2. INSTALL XAMPP. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Instalasi Aplikasi Buku Tamu

LOGO

Instalasi

Aplikasi Buku Tamu

Oleh : Akhmad Syaikhu HS

Page 2: Instalasi Aplikasi Buku Tamu

LOGO Aplikasi Buku Tamu

Pendataan kunjungan pemustaka ke perpustakaan

Biodata pemustaka

Keperluan

Jam kadatangan

Page 3: Instalasi Aplikasi Buku Tamu

LOGO Kebutuhan

Cek ‘n ricek

XAMPP

OS

File SQL

INSTAL APLIKASI

Digilib

Page 4: Instalasi Aplikasi Buku Tamu

LOGO INSTALL XAMPP

1 2Buka Windows Eksplorer Buka Flashdisk

Page 5: Instalasi Aplikasi Buku Tamu

LOGO Install XAMPP

3 4

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

5Tunggu sampai process install selesai

Page 6: Instalasi Aplikasi Buku Tamu

LOGO Mengaktifkan XAMPP

6Mengaktifkan APACHE dan MYSQL, Klik START

APACHE dan MYSQL Running

Buka folder XAMPP6a

Klik 2x pada Xampp_start6b

Page 7: Instalasi Aplikasi Buku Tamu

LOGO

Buka Flashdisk7

COPY BKTAMU

bktamu disini hanya nama

sebuah folder. Berisi file-file

php yang dibuat untuk

menjalankan aplikasi buku

tamu

Page 8: Instalasi Aplikasi Buku Tamu

LOGO Copy Bktamu

8 9COPY folder BKTAMU PASTE pada folder XAMPP\HTDOCS

Page 9: Instalasi Aplikasi Buku Tamu

LOGO IMPORT DATABASE BUKU TAMU

10

11

Buka MOZILLA / INTERNET EXPLORER / GOOGLE CHROME

Ketik pada kolom address : LOCALHOST/XAMPP

Page 10: Instalasi Aplikasi Buku Tamu

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

LOCALHOST/PHPMYADMIN

Page 11: Instalasi Aplikasi Buku Tamu

LOGO Membuat database buku tamu

13 Klik pada menu Database

Page 12: Instalasi Aplikasi Buku Tamu

LOGO Membuat database buku tamu

14Ketik bktamu pada kolom create new database 14a

Klik CREATE untuk membuat database BKTAMU

Page 13: Instalasi Aplikasi Buku Tamu

LOGO Membuat database buku tamu

15 Cek database BKTAMU

Page 14: Instalasi Aplikasi Buku Tamu

LOGO Import Database Buku Tamu

16Klik BKTAMU untuk membuka database

Page 15: Instalasi Aplikasi Buku Tamu

LOGO Import Database Buku Tamu

17Klik pada menu IMPORT

Page 16: Instalasi Aplikasi Buku Tamu

LOGO Import Database Buku Tamu

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

File SQL dalam panduan ini tersimpan dalam flashdisk…!

Page 17: Instalasi Aplikasi Buku Tamu

LOGO Import Database Buku Tamu19

Klik file SQL (guestbook.sql)

20Klik OPEN

21Klik GO

21aKlik GO

Page 18: Instalasi Aplikasi Buku Tamu

LOGO Import Database Buku Tamu22

Klik file SQL (guestbook.sql)

Page 19: Instalasi Aplikasi Buku Tamu

LOGO Menjalankan Aplikasi Buku Tamu

Ketik pada kolom address : LOCALHOST/bktamu23

Page 20: Instalasi Aplikasi Buku Tamu

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

24

Page 21: Instalasi Aplikasi Buku Tamu

LOGO Menghapus Data Buku Tamu

Klik BROWSE pada field TAMU25

Page 22: Instalasi Aplikasi Buku Tamu

LOGO Menghapus Data Buku Tamu

Klik HAPUS/TRUNCATE26

Klik OKKlik OPERATIONS

Klik TRUNCATE

Page 23: Instalasi Aplikasi Buku Tamu

LOGO Refresh Aplikasi Buku Tamu

Page 24: Instalasi Aplikasi Buku Tamu

LOGO File-File Penting Aplikasi Buku tamu

File-file php

dalam aplikasi

buku tamu

Page 25: Instalasi 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

Page 26: Instalasi Aplikasi Buku Tamu

LOGO Peta File Aplikasi Buku Tamu

Page 27: Instalasi Aplikasi Buku Tamu

LOGO MENGATUR DAN MENGGANTI HEADER APLIKASI BUKU TAMU

Persiapkan…!

Data Institusi

Ukuran banner nantinya akan menyesuaikan layar monitor yang digunakan

Page 28: Instalasi Aplikasi Buku Tamu

LOGO Mengganti Header Aplikasi Buku Tamu

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

Page 29: Instalasi Aplikasi Buku Tamu

LOGO Mengatur dan Mengganti Header Aplikasi Buku Tamu

2Buka Folder BKTAMU pada XAMPP/HTDOCS 3

Klik 2x pada file HEADER.PHP, Gunakan NOTEPAD

Page 30: Instalasi Aplikasi Buku Tamu

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

Page 31: Instalasi Aplikasi Buku Tamu

LOGO

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

Mengatur dan Mengganti Header Aplikasi Buku Tamu

Page 32: Instalasi 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

Page 33: Instalasi Aplikasi Buku Tamu

LOGO

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

Mengatur dan Mengganti Header Aplikasi Buku Tamu

Page 34: Instalasi 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

Page 35: Instalasi Aplikasi Buku Tamu

LOGOMelihat Hasil Pengaturan dan Penggantian

Header Aplikasi Buku Tamu

Ketik pada kolom address : LOCALHOST/bktamu9

Page 36: Instalasi Aplikasi Buku Tamu

LOGOMENGATUR DAN MENGGANTI FOOTER

APLIKASI BUKU TAMU

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

Page 37: Instalasi Aplikasi Buku Tamu

LOGOMENGATUR DAN MENGGANTI FOOTER

APLIKASI BUKU TAMU

2 Edit pada bagian yang ditandai.

Page 38: Instalasi Aplikasi Buku Tamu

LOGO Mengatur Jam/Waktu

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

Page 39: Instalasi Aplikasi Buku Tamu

LOGO Mengatur Jam/Waktu

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

Ubah Europe/Berlin menjadi Asia/Jakarta

Page 40: Instalasi Aplikasi Buku Tamu

LOGO Refresh APACHE dan MYSQL

3Klik STOP untuk menghentikan APACHE dan MYSQL

4Klik START untuk menjalankan APACHE dan MYSQL

Page 41: Instalasi Aplikasi Buku Tamu

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

Page 42: Instalasi Aplikasi Buku Tamu

LOGO