Anda di halaman 1dari 91

Pastikan File di atas sudah tercopy di

PC/Laptop nya

Install Aplikasi Webserver: xamppwin32-5.5.30

Klik OK

Klik Next >

Klik Next >

Perhatikan Alamat penginstalan

Klik Next >

Jika ingin diubah alamat


penginstalannya ke Drive D
misalnya

Klik Next >

Klik Next >

Klik Next >

Proses Penginstalan

Proses Penginstalan

Klik Finish

Pilihan Bahasa dan Klik Save

Klik Tombol Start untuk Apache dan


MySQL

Jika sudah berwarnah Hijau dan ada


nilai PID dan Ports berarti
Webserver sudah runing

Jangan mengklik STOP untuk


Apache dan MySQL, kecuali jika
ingin menutup aplikasi Webserver

Install Aplikasi Brackets untuk Editor

Klik RUN

Klik Next

Klik Install

Proses Penginstalan

Klik Finish

Copy Folder Aplikasi Asamurat di


Folder ../xampp/htdocs

1. Drive C

2. Folder xampp di buka

3. Buka Folder htdocs tempat


mempaste aplikasi asamurat

Aplikasi asamurat di pastekan di


folder ..\xampp\htdocs

Buka aplikasi browser misalnya


Google Chrome

Ketik localhost

Akan tampil seperti ini jika kita


sudah berhasil menginstal aplikasi
xampp

Sekarang kita membuat Database


aplikasi asam urat dengan cara ketik:
localhost/phpmyadmin

Bisa juga langsung klik link


phpMyAdmin

1. Klik Basi Data (Databases)

2. Ketik nama database untuk


aplikasi asamurat misalnya:
dbsmkn2majene

Hasilnya akan terbuat satu


database dengan nama
dbsmkn2majene

1. Klik Impor

2. Klik Pilih File/Browse/Choose


File

3. Pilih file database master


asamurat.sql di
..\xampp\htdocs\asamurat\

4. Klik Open

Pastikan nama file master


database aplikasi asamurat sudah
tertera: _asamurat.sql

5. Klik Kirim/Go

Jika Berhasil akan tampil seperti


ini!

Jalankan Aplikasi Bracket untuk


Editor

Tampilan Brackets jik sudah


terbuka

1. Klik File

2. Klik Open Folder

3. Pilih folder asamurat yang ada


di ..\xampp\htdocs\asamurat

4. Klik Select Folder

Jika berhasil akan tampil seperti


ini

Perhatikan di baris 8 ini, ganti


nama database (_asamurat)
sesuai dengan nama database
yang telah dibuat sebelumnya

Harus sama nama database yang


dibuat

Silahkan di Save (simpan) => Ctrl


+S

Jika ada perubahan nama folder aplikasi asamurat di ..\xampp\htdocs\ maka perlu mengedit file
config.php

1. Klik file config.php

2. Ganti kata asamurat sesuai dengan


nama folder aplikasi asamurat yang
ada di ..\xampp\htdocs\

Sekarang buka aplikasi asamurat


dengan cara mengetik
localhost/asamurat jika nama folder
tidak diganti di ..\xampp\htdocs\

Akan tampil seperti ini jika


konfigurasi sudah benar

Silahkan login ke Superadmin


dengan menggunakan Username:
admin dan Password: admin

Ini halaman Super Admin

Mengubah Instansi
Pengguna

Ketikkan Nama Instansi, Alamat, Nama


Pimpinan dan NIP

Pilih File Logo Instansi disini

Manajemen
Admin:
Menambah dan
menghapus
Admin

Klik Tambah

Ketikkan Username,
Passowrd, Nama, NIP
serta Level admin

Ada 2 Pilihan Level: Super


Admin dan Admin (Operator)

Jika berhasil akan


tampil seperti ini

Tombol untuk
menghapus User

Klik Klasifikasi Surat untuk menginput


Klasifikasi Surat berdasarkan Tata Naskah
yang ada

Klik Tambah

1. Ketikkan Kode Klasifikasi,


Nama dan uraian sesuai dengan
tata naskah yang ada

2. Klik Simpan

Pencarian dengan
cara memasukkan
kata kunci yang
akan dicari

Jika berhasil akan


tampil seperti ini

Button untuk
mengedit dan
menghapus

1. Mencetak Buku
Agenda Surat
Masuk dan Surat
Keluar

2. Masukkan tanggal dari


tanggal berapa sampai
tanggal berapa yang akan
dicetak

3. Klik Cetak

Mengubah
Password

Masukkan data
password

Klik Simpan

Login sebagai
admin biasa
(Operator)

Tampilan admin
(Operator)

Melihat Klasifikasi surat


yang diinput oleh Super
admin

Mencatat Surat
Masuk

1. Isi data Surat Masuk

3. Klik Simpan

2. Pilih File surat masuk


yang sudah di scan dalam
bentuk gambar atau pdf

Tampilannya seperti ini


jika sudah berhasil

Ini adalah file surat yang sudah


discan dan diupload. Dapat diprint
kapan saja, tinggal klik file ini

Klik ini jika surat akan di


disposisi

1. Klik Tambah Data

2. Masukkan data
sesuai dengan disposisi

3. Klik Simpan

3. Klik Kembali

Jika berhasil akan


tampil seperti ini

4. Klik Ctk untuk


mencetak Lembar
Disposisi

Ini tampilan Disposisi


siap Cetak

Mencatat Surat Keluar

1. Isi data Surat Keluar

3. Klik Simpan

2. Klik Pilih File untuk


memasukkan file surat
keluar yang sudah
discan

Tampilan akan seperti


ini jika sudah berhasil
menginpus surat keluar

Jika suatu saat ingin


mencetak kembali surat
ini, cukup mengklik file
gambar surat yang sudah
di scan

Mencetak Buku Agenda


Surat Masuk atau Surat
Keluar

1. Masukkan tanggal
sesuai dengan agenda
yang akan dicetak

2. Klik Cetak untuk


mencetak

Buku Agenda Surat


Masuk siap cetak

1. Mengubah password
Admin (Operator)
2. Isi data password
sesuai dengan
keinginan

3. Klik Simpan

Klik Logout untuk keluar


dari aplikasi asamurat

Ketik di browser:
localhost/phpmyadmin

2. Klik Ekspor
1. Klik Nama database
yang akan di backu

3. Klik Kirim/Go

File backup database akan


tersimpan: dbsmkn2majene.sql

Klik tanda panah


kebawah dan klik
Tampilkan dalam folder

Copy file ini dengan cara


tekan CTRL + C

Dan Paste di folder


../xampp/htdocs/asamurat/

Copy folder aplikasi asamurat yang


ada di ..\xampp\htdocs\ ke tempat
yang aman

Anda mungkin juga menyukai