buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan...

29
BUKU PANDUAN APLIKASI (USER MANUAL) Sistem Informasi Database Peralatan dan Kelengkapan Laboratorium Puslitbang Perumahan dan Permukiman

Transcript of buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan...

Page 1: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

BUKU PANDUAN APLIKASI

(USER MANUAL)

Sistem Informasi Database

Peralatan dan Kelengkapan Laboratorium

Puslitbang Perumahan dan Permukiman

Page 2: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

2

1. Pendahuluan

1.1. Tujuan Pembuatan Dokumen

Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

penggunaan aplikasi SI Database Peralatan dan Kelengkapan Laboratorium Puslitbang

Perumahan dan Permukiman untuk pengguna (user) dan administrator.

1.2. Deskripsi Umum Aplikasi

Aplikasi ini merupakan alat bantu untuk memudahkan user (admin, superadmin, dan

peminjam) dalam melakukan proses pengelolaan peralatan yang berada di balai..

Administrator dapat menggunakan aplikasi ini untuk mengolah data barang dan peminjaman

barang..

Apilkasi ini dibuat dengan menggunakan beberapa komponen, yaitu:

a. Xampp

b. PHP dan Mysql

c. Framework Codeigniter

d. Jquery

e. HTML & CSS

f. Twitter Bootstrap

Page 3: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

3

2. Menu dan Cara Penggunaan

2.1. Beranda Menu

2.1.1. User manual

2.1.2. Balai dan peralatan

2.1.3. Login

2.2. Menu Halaman Superadmin

2.2.1. Database barang

2.2.2. Database laboratorium

2.2.3. Database admin

2.2.4. Database gedung

2.2.5. Database ruangan

2.2.6. Database denah

2.2.7. Kalibrasi barang

2.2.8. Database peminjam

2.2.9. Peminjaman barang

2.2.10. Home

2.2.11. Search

2.2.12. Profile

2.2.13. Logout

2.3. Menu Halaman Admin

2.3.1. Database barang

2.3.2. Database gedung

2.3.3. Database ruangan

2.3.4. Home

2.3.5. Search

2.3.6. Profile

2.3.7. Logout

2.4. Menu Halaman Peminjam

2.4.1. Database barang

2.4.2. Peminjaman Barang

2.4.3. Home

Page 4: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

4

2.4.4. Search

2.4.5. Profile

2.4.6. Logout

2.5. Cara Penggunaan

Pada bagian ini akan dijelaskan mengenai tata cara penggunaan website.

2.5.1. Cara membuka website/situs

1. Bukalah aplikasi melalui browser (google chrome, mozilla firefox dll),

untuk hasil lebih baik, gunakan browser mozilla. Setelah itu ketikan

alamat http://www.sanaksaindonesia.com/puskim (alamat ini merupakan

alamat sementara dan bisa dirubah ke alamat yang lainnya).

2. Setelah itu tekan enter pada keyboard, atau klik go pada browser

3. Maka akan muncul halaman menu beranda.

2.5.2. Beranda Menu

1. User manual

Menu ini berisikan informasi user manual (buku panduan) untuk

menggunakan aplikasi. Untuk mendownload user manual klik tombol

download yang terletak di sebelah kanan.

Page 5: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

5

2. Balai dan peralatan

Menu ini berisikan informasi data barang yang berada di balai.

3. Login

Menu ini digunakan untuk login. Terdapat 3 jenis user yang bisa

melakukan login, yaitu admin, superadmin, dan peminjam.

Page 6: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

6

2.5.3. Menu Halaman Superadmin

Pada menu halaman super admin terdapat beberapa menu seperti pada gambar

berikut:

1. Database barang

Menu ini berisikan informasi database barang yang berada di balai. User

dengan level superadmin bisa melihat database barang dari seluruh balai..

Untuk export data ke excel, klik tombol export to excel dibawah tombol

tambah, untuk menambah data barang, klik tombol dengan panah yang

terletak di bagian atas kiri.

Page 7: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

7

2. Database laboratorium

Menu ini berisikan daftar nama laboratorium yang berada di balai.

Untuk export data ke excel, klik tombol export to excel dibawah tombol

tambah, untuk menambah data laboratorium, klik tombol dengan panah

yang terletak di bagian atas kiri.

Page 8: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

8

3. Database admin

Menu ini berisikan data admin yang mengelola data barang di balai.

Untuk export data ke excel, klik tombol export to excel dibawah tombol

tambah, untuk menambah admin, klik tombol dengan icon panah yang

berada di pojok kiri atas.

4. Database gedung

Menu isi berisi daftar nama gedung yang berada dibalai.

Page 9: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

9

Untuk export data ke excel, klik tombol export to excel dibawah tombol

tambah, untuk menambah gedung, klik tombol dengan icon panah yang

berada di pojok kiri atas.

5. Database ruangan

Menu ini berisikan nama ruangan, nama gedung beserta data barang

Untuk export data ke excel, klik tombol export to excel dibawah tombol

tambah, untuk menambah ruangan, klik tombol dengan icon panah yang

berada di pojok kiri atas.

Page 10: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

10

6. Database Denah

Menu ini berisikan daftar lokasi gedung yang dimiliki balai.

Untuk melihat denah, klik tombol dengan tulisan “view” yang berada di

kolom sebelah kanan.

7. Kalibrasi barang

Menu ini berisikan data barang yang terdapat tanggal dimana barang

tersebut harus dimaintenance oleh pihak yang berwenang.

Page 11: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

11

Cara menggunakan form kalibrasi ini sangatlah mudah, ada 2 opsi untuk

melihat data kalibrasi:

- Pertama menggunakan periode dengan menggunakan tanggal awal

dan akhir yakni memasukan tanggal awal dan tanggal akhir pada

form kalibrasi, lalu klik search.

- Kedua menggunakan periode 3, 6, 9, 12 bulan. Pilih periode di

combobox dibawah, lalu pilih periode kalibrasi yang diinginkan, lalu

klik search.

Berikut hasil dari pencarian kalibrasi yang menggunakan kedua periode

8. Database peminjam

Menu ini berisikan daftar peminjam yang sudah melakukan registrasi.

Untuk export data ke excel, klik tombol export to excel dibawah tombol

tambah, untuk menambah peminjam, klik tombol dengan icon panah

yang berada di pojok kanan atas.

Page 12: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

12

9. Database peminjaman barang

Menu ini berisikan data barang yang dipinjam oleh peminjam.

10. Home

Menu ini digunakan untuk kembali ke halaman menu utama

11. Search

Menu ini digunakan untuk mencari barang, tampilannya sama dengan

menu database barang

12. Profile

Menu ini digunakan untuk melihat profile yang login pada aplikasi

13. Logout

Menu ini digunakan untuk keluar dari halaman login.

Page 13: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

13

2.5.4. Menu Halaman Admin

Pada menu halaman admin terdapat beberapa menu seperti pada gambar

berikut:

1. Database barang

Menu ini berisikan informasi database barang yang berada di balai.

Admin hanya bisa melihat data barang sesuai dengan balai yang

didaftarkan oleh superadmin.

Untuk menambah data barang, klik tombol dengan panah yang terletak di

bagian atas kiri.

Page 14: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

14

2. Database gedung

Menu ini berisikan daftar gedung yang dimiliki balai.

Untuk menambah peminjam, klik tombol dengan icon panah yang berada

di pojok kanan atas.

Page 15: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

15

3. Database ruangan

Menu ini berisikan nama ruangan, nama gedung beserta data barang

Untuk export data ke excel, klik tombol export to excel dibawah tombol

tambah, untuk menambah ruangan, klik tombol dengan icon panah yang

berada di pojok kiri atas.

14. Home

Menu ini digunakan untuk kembali ke halaman menu utama

15. Search

Menu ini digunakan untuk mencari barang, tampilannya sama dengan

menu database barang

16. Profile

Menu ini digunakan untuk melihat profile yang login pada aplikasi

Page 16: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

16

17. Logout

Menu ini digunakan untuk keluar dari halaman login.

2.5.5. Menu Halaman Peminjam

Pada menu halaman peminjam terdapat beberapa menu seperti pada gambar

berikut:

1. Database barang

Menu ini berisikan informasi database barang yang berada di balai.

Peminjam bisa meminjam dengan cara mengklik tombol pinjam seperti

pada gambar di bawah ini:

Page 17: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

17

2. Database peminjaman barang

Menu ini berisikan data barang yang dipinjam oleh peminjam.

3. Home

Menu ini digunakan untuk kembali ke halaman menu utama

4. Search

Menu ini digunakan untuk mencari barang, tampilannya sama dengan

menu database barang

5. Profile

Menu ini digunakan untuk melihat profile yang login pada aplikasi

6. Logout

Menu ini digunakan untuk keluar dari halaman login.

Page 18: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

18

3. Unggah ke Hosting

3.1. Unggah Komponen Website

Setelah seluruh komponen website selesai dibuat dan diuji dilocalhost, tahap berikutnya

adalah memindahkan konten halaman website ke hosting. Berikut ini adalah beberapa

tahapan untuk memindahkan konten website ke hosting.

Untuk mempermudah pemindahan halaman website ke hosting, semua komponen website

diubah menjadi format zip. Buka folder halaman konten website, kemudian tekan Ctrl + A,

seluruh komponen akan terseleksi. Setelah itu klik kanan, kemudian pilih Add to archive.

Page 19: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

19

Beri nama file pada Archive name, kemudian pilih format zip pada Archive format.

Klik tombol Ok, seluruh komponen akan masuk ke format zip.

Page 20: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

20

Seteleh seluruh komponen website di ubah ke format zip, tahapan selanjutnya adalah

memindahkan file tersebut ke hosting. Untuk halaman hosting disesuaikan dengan

domain yang sudah ditentukan, berikut ini adalah tahapan untuk memindahkan file ke

halaman www.sanaksaindonesia.com/puskim

3.1.1. Login ke cpanel

Buka halaman www.namadomain.com/cpanel, pada contoh berikut digunakan

domain www.sanaksaindonesia.com/cpanel.

Isikan username dan password, kemudian tekan tombol login.

3.1.2. Buka folder public

Setelah masuk ke cpanel, pilih menu “file manager”. Kemudian buka klik

“public_html”.

Page 21: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

21

3.1.3. Buat folder dengan nama “puskim”

Setelah folder public_html terbuka, buat folder dengan nama “puskim”. Kemudian

klik tombol “Create New Folder”.

3.1.4. Unggah file puskim

Setelah membuat folder puskim, klik folder tersebut kemudian klik tombol

upload.

Pilih file “puskim.zip” dengan cara menekan tombol “Select File” atau drop file

“puskim.zip” ke area drop file.

Page 22: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

22

Setelah persentase upload file mencapai 100%, buka kembali folder sip. Klik

kanan pada file “puskim.zip”, pilih Extract kemudian pilih Extract File.

Semua file pada format “puskim.zip” akan di extract ke folder halaman puskim.

3.2. Unggah Database MySQL

Agar halaman website dapat digunakan dengan baik, harus dilakukan pemindahan

database dari localhost ke hosting. Berikut ini adalah beberapa tahapan untuk

memindahkan database di localhost ke hosting.

3.2.1. Export database localhost

Buka halaman http://localhost/phpmydmin/. Pilih database yang digunakan untuk

menyimpan database halaman website, kemudian klik “Export”.

Page 23: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

23

Klik tombol Go

Klik tombol OK untuk menyimpan database.

Page 24: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

24

3.2.2. Membuat database MySQL

Login ke cpanel, dengan mengetik alamat www.sanaksaindonesia.com/cpanel, atau

disesuaikan dengan domain yang dibuat di hosting. Setelah login klik MySQL

Databases.

Beri nama database pada kolom New Database.

Setelah membuat database, langkah selanjutnya adalah membuat username yang dapat

mengakses database.

Isikan username dan password, kemudian klik Create User.

Page 25: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

25

Setelah membuat username, langkah berikutnya adalah menambahkan username pada

database dan memberikan hak akses.

Klik tombol add, kemudian akan muncul tampilan seperti di bawah ini. Kemudian

klik tombol “Make Changes”

Page 26: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

26

3.2.3. Mengimport database

Setelah membuat username dan database, langkah berikutnya adalah

mengimport database yang telah di export dari localhost.

Masuk ke cpanel, kemudian pilih phpMyAdmin.

Setelah halaman phpMyAdmin terbuka, muncul tampilan seperti berikut.

Pilih database, pada gambar diatas klik sanaksai_puskim (disesuaikan dengan nama

database yang dibuat).

Page 27: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

27

Klik tombol Import.

Untuk mengimport database dari localhost, tekan tombol browse dan pilih database

yang akan diexport. Kemudian klik open.

Page 28: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

28

3.2.4. Mengubah konfigurasi

Untuk konfigurasi alamat web, Login ke cpanel, kemudian pilih file manager. Buka

public_html dan pilih folder sip/application/config/. Klik kanan pada file config.php,

kemudian pilih Code Edit.

Page 29: buku panduan aplikasi (user manual) - sanaksaindonesia.com · 2 1. Pendahuluan 1.1. Tujuan Pembuatan Dokumen Dokumen user manual aplikasi ini dibuat untuk menggambarkan dan menjelaskan

29

Ganti alamat website sesuai dengan nama domain yang telah ditentukan!

Untuk konfigurasi database, klik kanan pada database.php, kemudian pilih edit.

Isikan username, password, dan database sesuai dengan username, password dan

nama database yang telah dibuat sebelumnya di cpanel.