18
PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2

PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

  • Upload
    others

  • View
    60

  • Download
    0

Embed Size (px)

Citation preview

Page 1: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM

E M I S

2

Page 2: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

1.1 Cara Petunjuk Instalasi PostgreSQL

Langkah-langkah untuk instalasi PostgreSQL

Tunggu beberapa saat sampai muncul tampilan seperti di bawah ini :

Gambar 1.1

Klik “Next” untuk ke langkah selanjutnya, Maka akan muncul tampilan seperti di bawah ini

Gambar 1.2Klik “Next” kembali untuk ke langkah selanjutnya

3

Klik pada Gambar

Page 3: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

Maka akan muncul tampilan seperti di bawah ini, kemudian klik “Next” kembali untuk melanjutkan instalasi selanjutnya

Gambar 1.3

Setelah muncul tampilan seperti di bawah ini, langkah selanjutnya anda masukkan password dan retype password sama seperti pada pengisian password, (disarankan passwordnya : admin)

Gambar 1.4

Setelah anda memasukkan password, kemudian anda klik “Next” kembali untuk melanjutkan ke langkah berikutnya.

Langkah berikutnya anda klik “Next” kembali untuk melanjutkan instalasi selanjutnya seperti pada gambar 1.5

4

Page 4: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

Gambar 1.5

Setelah muncul tampilan seperti di bawah ini, jangan ada yg di ubah atau diganti, anda langsung klik “Next” kembali

Gambar 1.6

Jika muncul tampilan seperti di bawah ini, berarti aplikasi ini siap untuk di install, anda klik “Next” lagi untuk menjalankan instalasi ini.

5

Page 5: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

Gambar 1.7

Gambar 1.8

Proses instalasi sedang berjalan, anda tunggu beberapa saat sampai proses ini selesai

6

Page 6: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

Gambar 1.9

Setelah selesai proses instalasi, maka akan muncul tampilan seperti pada gambar di atas ini, sebelum anda klik “ Finish”, anda “uncheck” (hilangkan tanda contrengnya dengan mengklik kiri mouse satu kali pada kotak kecil tersebut) terlebih dahulu pada “launch Stack Builder at exit?” kemudian anda klik “Finish” untuk menyelesaikan instalasi PostgreSQL ini.

7

Page 7: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

1.2 Petunjuk membuat dan Restore Database Langkah selanjutnya setelah proses instalasi PostgreSQL adalah bagaimana cara untuk membuat dan restore database pada PC / komputer dan Notebook anda.

Pertama-tama di komputer klik mouse pada program Start pilih

All Programs, kemudian pilih PostgreSQL lalu klik pgAdmin III,

seperti pad gambar di bawah ini.

Gambar 1.2

Maka akan muncul tampilan di bawah ini, arahkan mouse dan klik kiri mouse satu kali pada PostgreSQL 8.4 (localhost:5432) kemudian klik kanan pada mouse anda kemudian pilih atau klik “Connect”.

Gambar 1.3

8

Page 8: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

Maka akan muncul tampilan seperti di bawah ini, masukkan password sama seperti ketika anda memasukan password pada saat “setup” di awal instalasi PostgreSQL, lalu klik OK atau Enter pada keyboard anda.

Gambar 1.4

Maka akan muncul tampilan seperti di bawah ini.

Gambar 1.5

Arahkan mouse dan klik kiri satu kali pada “Login Roles” dilanjutkan dengan klik kanan kemudian pilih “ New Login Role..” untuk membuat login baru, seperti yang terlihat di bawah ini.

Gambar 1.6

9

Page 9: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

Setelah di klik maka akan muncul tampilan seperti di bawah ini, lalu isi “Role name” dgn nama “emis”, kemudian langkah selanjutnya masukkan Password yaitu : “emis”, begitu juga pada Password (again) diisi dengan “emis”, jika anda sudah memasukkan password anda masuk ke “Role privileges”

Gambar 1.7

Maka akan muncul tampilan seperti di bawah ini, kemudian “Check” (berikan tanda contreng, dengan cara mengklik kiri mouse 1 kali pada kotak-kotak kecil tersebut) semua yang ada di “Role privileges”

Gambar 1.8

Langkah selanjutnya anda masuk ke “Role membership” lalu check “WITH ADMIN OPTION” kemudian diakhiri dengan meng-

klik tombol “OK”

10

Page 10: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

Gambar 1.9

Maka user “emis” pada postgresql sudah siap di gunakan, sebagai user database yang akan digunakan di aplikasi

Gambar 2.0

11

Page 11: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

1.3 Cara Petunjuk Instalasi PostgreSQL

Arahkan mouse dan klik kiri satu kali pada “Databases” dilanjutkan dengan klik kanan kemudian pilih “ New Database...” untuk membuat database baru, seperti yang terlihat di bawah ini.

Gambar 2.5

Hasil dari klik New Database akan terlihat seperti gambar di bawah ini

Gambar 2.6

Masukkan “Name : emis-data”, lalu “Owner : emis” dan “Tablespace : (default tablespace)”, jangan klik OK dulu

12

Page 12: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

karena kita masuk langkah selanjutnya, klik “Privileges” maka akan muncul tampilan seperti di bawah ini (Gambar 2.7).

Gambar 2.7

Kemudian klik Check ALL, dan klik Add/Change dan setelah itu baru anda bisa klik OK untuk save data yang sudah anda edit. Setelah selesai dalam pembuatan database baru, maka anda masuk ke tahap selanjutnya.Klik “Schemas” kemudian klik kanan untuk pembuatan “New Schema” lihat pada Gambar 2.8.

Gambar 2.8

Maka akan muncul seperti tampilan di bawah ini(Gambar 2.9), lalu isi “ Name : emis dan “Owner : emis”

13

Page 13: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

Gambar 2.9

Kemudian anda masuk ke langkah selanjutnya, klik “Priveleges” kemudian “Check ALL” dan “Add/Change” baru kemudian anda klik “OK” untuk save data (Gambar 3.0).

Gambar 3.0

14

Page 14: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

1.4 Petunjuk Restore Database EMIS

Step atau Langkah selanjutnya adalah merestore database Emis pada computer anda, dengan cara anda klik start kemudian klik pada “pgadmin III” (lihat pada Gambar 3.1)

Gambar 3.1

Setelah itu anda klik Database (2) kemudian klik kanan emis-data dan pilih restore (lihat gambar 3.2)

Gambar 3.2maka akan muncul tampilan seperti di bawah ini (gambar 3.3) kemudian klik di paling kanan sebelah atas (lihat pada gambar 3.3) untuk browse mencari database.

15

Page 15: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

Gambar 3.3

Setelah anda klik mencari folder emis, kemudian anda cari file “emis-data.backup” kemudian anda klik “Open”

Gambar 3.4

Maka akan muncul tampilan seperti pada gambar 3.4 kemudian anda klik Ok untuk menjalankan proses Restrore ini, tunggu beberapa saat untuk prosesnya.

16

Page 16: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

Gambar 3.5

Setelah proses Restore selesai maka akan muncul tampilan seperti pada gambar 3.6, Stop jangan klik OK karena akan mengulang proses Restore kembali, klik Cancel untuk mengakhiri proses restore.

Gambar 3.6

Proses instalasi selesai.

17

Page 17: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

1.1 Petunjuk Instalasi Xampp

Langkah-langkah untuk instalasi PostgreSQL

Maka Akan muncul tampilan seperti di bawah ini :

Gambar 1.1 pilih bahasa

Klik “OK” untuk ke langkah selanjutnya, Maka akan muncul tampilan seperti di bawah ini

Gambar 1.2 pilih tempat penyimpanan (default, next)

Klik “Next” kembali untuk ke langkah selanjutnya

18

Klik pada Gambar

Page 18: PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan ... · PETUNJUK INSTALASI DATABASE, XAMPP (Web Server) dan APLIKASI EDUCATION MANAGEMENT INFORMATION SISTEM E M I S 2. 1.1 Cara

Gambar 1.3 pilih service

Pilihlah (checklist) pada ‘Install Apache as service’, kemudian klik ‘install’ untuk memulai proses instalasi. Proses akan berjalan ditandai dengan adanya progress bar.

Setelah proses selesai anda dapat klik finish.

Gambar 1.3 proses selesai.

19