ANALYSIS AND DESIGN LEND FACILITY INFORMATION SYSTEM IN HOUSEHOLD DEPARTMENT OF STMIK AMIKOM YOGYAKARTA BASED ON WEB (Analisis Dan Perancangan Sistem Informasi Peminjaman Fasilitas

ANALISIS DAN PERANCANGAN SISTEM INFORMASI PEMINJAMAN

FASILITAS BAGIAN KERUMAHTANGGAAN STMIK AMIKOM

YOGYAKARTA BERBASIS WEB

SKRIPSI

disusun oleh

Maksum Ro’is Adin Saf

09.11.2680

JURUSAN TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM

YOGYAKARTA

2012

ANALISIS DAN PERANCANGAN SISTEM INFORMASI PEMINJAMAN

FASILITAS BAGIAN KERUMAHTANGGAAN STMIK AMIKOM

YOGYAKARTA BERBASIS WEB

Skripsi

untuk memenuhi sebagian persyaratan

mencapai derajat Sarjana S1

pada jurusan Teknik Informatika

disusun oleh


09.11.2680

JURUSAN TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM

YOGYAKARTA

2012

ii

iii

iv

PERNYATAAN

Saya yang bertandatangan dibawah ini menyatakan bahwa, skripsi ini

merupakan karya saya sendiri (ASLI), dan isi dalam skripsi ini tidak terdapat

karya yang pernah diajukan oleh orang lain untuk memperoleh gelar akademis di

suatu Institusi Pendidikan, dan sepanjang pengetahuan saya juga tidak terdapat

karya atau pendapat yang pernah ditulis dan/ atau diterbitkan oleh orang lain,

kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam daftar

pustaka.

Yogyakarta, 1 Agustus 2012


09.11.2680

v

MOTTO

“Sebaik – baik manusia adalah yang paling baik budi

pekertinya dan paling bermanfaat bagi orang lain”.

vi

PERSEMBAHAN

Dengan mengucapkan Alhamdulillah sebagai tanda rasa syukur kepada

Allah sang pemilik segalanya atas segala nikmat dan karunianya sehingga Skripsi

ini dapat terselesaikan dalam waktu 1 semester.

Skripsi ini saya persembahkan untuk :

Tuhan Sang Khaliq “Allah Ta’ala”

Almarhum ayahanda tercinta dan Ibunda tercinta dengan segala

petualangannya.

Keluarga Besar STMIK AMIKOM Yogyakarta khususnya bagian

Kerumahtanggaan.

Keluarga Besar Pondok Modern Darussalam Gontor.

Keluarga Besar Pondok Modern Baitussalam Prambanan.

Keluarga Besar Senat Mahasiswa, IKAMARI, dan TAMAM.

Keluarga Besar Forza – Azha dan Formagonta.

Terima kasih Kepada :

Bapak Melwin Syafrizal, S.Kom, M.Eng sebagai dosen

pembimbing yang mencurahkan waktu dan fikirannya untuk

membimbing perjalanan penyusunan skripsi ini dari awal hingga

akhir.

Segenap Jajaran Bagian Kerumahtanggaan STMIK AMIKOM

Yogyakarta yang telah mengizinkan kami untuk melakukan

penelitian dan pengambilan data serta mempermudah kami dalam

penyusunan skripsi ini.

Teman – teman 09-S1TI-02 yang telah memberikan doa dan

dukungannya sepenuh hati.

Teman – teman Ikatan Mahasiswa Amikom Yogyakarta Riau –

Kepri (IKAMARI) untuk doa dan motivasinya.

Ibunda tercinta dengan perjuangannya yang tak mampu

digambarkan dengan kata-kata.

The special one MR “Nora Fitriyani” yang setia menemani dengan

caranya yang unik sepanjang perjuangan menyelesaikan skripsi ini.

Keluarga Besar Pondok Pesantren Modern Baitussalam

Prambanan, yang telah mendukung dan mendoakan serta

memberikan banyak kemudahan sehingga kami tetap bisa

menyelesaikan skripsi ini tepat waktu.

Teman - teman Forza – Azha dan Formagonta, Mari kita wujudkan

motto kita.

Teman – teman Abiturent Angkatan 54.

semua pihak terkait yang membantu terselesaikannya perjuangan

ini tepat pada waktunya.

vii

KATA PENGANTAR

Puji syukur dipanjatkan kehadirat Allah ta’ala yang telah melimpahkan

segala kebutuhan yang diperlukan selama penyusunan skripsi ini, sehingga bisa

terselesaikan dalam satu semester.

Penyusunan skripsi yang dimaksud ini, diharapkan dapat melengkapi

Sistem Informasi Terpadu yang sudah ada di STMIK AMIKOM Yogyakarta,

sehingga bisa lebih maksimal dalam pemanfaatan teknologi di lingkungan STMIK

AMIKOM Yogyakarta, khususnya di bagian kerumahtanggaan yang menangani

seputar peminjaman fasilitas.

Kekurangan dan ketidak sempurnaan masih dapat ditemukan agar dapat

menjadi patokan kearah yang lebih baik lagi dimasa yang akan datang. Maka dari

itu, saran dan kritik yang membangun sangat diharapkan untuk melengkapi dan

menyempurnakan sistem informasi peminjaman fasilitas ini.

Selebihnya permohonan maaf jika terdapat salah kata dan salah dalam

penyusunan . Terima Kasih.

Yogyakarta, 1 Agustus 2012

Penulis

viii

COVER………………………………………………………………………………………………………………….. i

HALAMAN JUDUL ……………………………………………………………………………………………. ii

DAFTAR ISI ………………………………………………………………………………………………………… iii

DAFTAR TABEL ……………………………………………………………………………………………….. vii

DAFTAR GAMBAR …………………………………………………………………………………………… viii

BAB I Pendahuluan ……………………………………………………………. 1

1.1 Latar Belakang Masalah ………………………………………………… 1

1.2 Rumusan Masalah ………………………………………………………. 2

1.3 Batasan Masalah ………………………………………………………… 2

1.4 Tujuan Penelitian ……………………………………………...………… 3

1.5 Manfaat Penelitian …………………………………………….………… 3

1.6 Metode Penelitian ……..………………………………………………… 4

1.7 Sistematika Penulisan …………………………………………………… 4

BAB II Landasan Teori ………………………………………………………... 6

2.1 Definisi Sistem, Informasi, Sistem Informasi ………………………….. 6

2.1.1 Definisi Sistem ………………………………………………….. 6

2.1.2 Definisi Informasi …………………………………………...….. 6

2.1.3 Definisi Sistem Informasi ……………………………………….. 8

2.2 Karakteristik Sistem Informasi ……………………………………..….. 8

2.3 Konsep Arsitektur Sistem …………………………………………….... 11

2.4 Konsep Bagian Kerumahtanggaan …………………………………….. 14

2.5 Konsep Pemodelan Sistem ………………………….………………….. 14

2.5.1 Unified Modeling Language (UML) …………….…………….. 14

DAFTAR ISI

ix

2.6 Konsep Basis Data ………………………………………….………….. 17

2.6.1 E-R Diagram ………………………………………..………….. 17

2.7 Perangkat Lunak yang digunakan …………………………..………….. 19

2.7.1 Macromedia Dreamweaver 8 ……………………….………….. 19

2.7.2 MySQL …………………………………………………...…….. 19

2.7.3 Apache ………………………………………………………….. 20

2.7.4 Bahasa Pemrograman HTML ………………………………….. 20

2.7.5 Bahasa Pemrograman PHP …………………………………….. 21

2.7.6 Adobe Photoshop CS ……………………………….………….. 21

2.7.7 Web Browser …………………………………………….…….. 22

BAB III Analisis dan Perancangan Sistem …………………………………. 24

3.1 Tinjauan Umum ……………………………………………………….. 24

3.1.1 Profil Bagian Kerumahtanggaan …………...………………….. 24

3.1.2 Struktur Organisasi …………………………………………….. 24

3.1.3 Sistem yang berjalan saat ini …………….…………………….. 25

3.2 Analisis Sistem …………………………………………………..…….. 25

3.2.1 Identifikasi Masalah ………………………………..………….. 25

3.2.2 Analisis Kebutuhan Sistem ……………………...…………….. 26

3.2.2.1 Analisis Kebutuhan Fungsional ……………………….. 26

3.2.2.2 Analisis Kebutuhan Non-Fungsional ………………….. 28

3.2.3 Analisis Kelemahan Sistem …………..……………………….. 30

- Analisis Kinerja ……………………………………..……….. 30

- Analisis Informasi ……………………………..…………….. 31

- Analisis Ekonomi ……………………………...…………….. 32

x

- Analisis Pengendalian …………………………………….. 32

- Analisis Efisiensi ………………………...……………….. 34

- Analisis Pelayanan ………………………………………... 34

3.2.4 Analisis Kelayakan Sistem ………………………………….. 35

3.2.4.1 Kelayakan Teknologi ………………….…………….. 35

3.2.4.2 Kelayakan Hukum …………………………….…….. 35

3.2.4.3 Kelayakan Operasional ………………………..…….. 36

3.3 Perancangan sistem dengan Unified Modeling Language (UML) ….. 36

3.3.1 Use Case Diagram …………………………………………... 36

3.3.2 Activity Diagram ……………………………………...…….. 37

3.3.2.1 Activity Diagram Penambahan Data Oleh Admin ……..….. 37

3.3.2.2 Activity Diagram Edit Data oleh admin …………..……….. 39

3.3.2.3 Activity Diagram Hapus Data oleh admin …………...…….. 40

3.3.2.4 Activity Diagram Pengelolaan Laporan oleh admin ……….. 41

3.3.2.5 Activity Diagram Lihat Data oleh User …………....……….. 42

3.3.2.6 Activity Diagram Hubungi Kami ………………….……….. 42

3.3.2.7 Activity Diagram Peminjaman Fasilitas ……………………. 44

3.3.3 Class Diagram ……………………………………….……………….. 45

3.3.4 Squence Diagram …………………………………….……………….. 46

3.3.5 Data Model …………………………………………………………… 47

3.3.6 Relasi Antar Tabel …………………………..……………………….. 48

3.3.7 Rancangan Struktur Tabel ……………………………..…………….. 48

3.3.8 Perancangan Tampilan ………………………………...…………….. 53

3.3.8.1 Halaman Admin ………………………………….………….. 53

xi

3.3.8.2 Halaman User ……………………………………………….. 61

BAB IV Implementasi dan Pembahasan ………………………………… 62

4.1 Implementasi ……………………………………………………….. 62

4.2 Pembutan Program ………………………………...……………….. 62

4.2.1 Pembuatan Database, Tabel, dan Operasinya …………….... 62

4.2.2 Koneksi Database MySQL ……………………..………….. 67

4.3 Pengujian Sistem …………………………………………….…….. 68

4.3.1 Black Box Testing …………………………...…………….. 68

4.3.2 White Box Testing ………………………..……………….. 70

4.4 Pengujian Fungsi ………………………………………………….. 71

4.5 Manual Program ………………………………….……………….. 72

4.5.1 Pengunjung dan Peminjam ………….…………………….. 72

4.5.2 Petugas …………………………………………………….. 73

4.5.3 Pembahasan Singkat ……………………...……………….. 76

1. Halaman Utama Control Panel …………………………. 76

2. Fasilitas/Inventaris ………………..…………………….. 77

3. Peminjaman …………………………………………….. 82

4. Laporan ……………………………...………………….. 89

5. Log Out ………………………………...……………….. 94

BAB V Penutup ………………………………………………………….. 95

5.1 Kesimpulan ……………………………………………………….. 95

5.2 Saran ………………………………………………………..…….. 96

DAFTAR PUSTAKA …………………………………………………... 98

xii

DAFTAR TABEL

Tabel 2.1 Keterangan Simbol E-R Diagram ….....……………………….. 18

Tabel 3.1 Spesifikasi Asus Eee PC Flare Series ....……………………….. 28

Tabel 3.2 Kebutuhan Perangkat Lunak ………......……………………….. 28

Tabel 3.3 Analisis Kinerja ……………………......……………………….. 30

Tabel 3.4 Analisis Informasi .…………………......……………………….. 31

Tabel 3.5 Analisis Ekonomi ..…………………......……………………….. 32

Tabel 3.6 Analisis Pengendalian ...……………......……………………….. 33

Tabel 3.7 Analisis Efisiensi ..…………………......……………………….. 34

Tabel 3.8 Analisis Pelayanan ....………………......……………………….. 35

Tabel 3.9 Tabel Users ………....………………......……………………….. 48

Tabel 3.10 Tabel Petugas ..…....………………......……………………….. 49

Tabel 3.11 Tabel Inventaris .......………………......……………………….. 49

Tabel 3.12 Tabel Pinjam ……....………………......……………………….. 50

Tabel 3.13 Tabel Detail Pinjam ………………......……………………….. 51

Tabel 3.14 Tabel Temp ……….………………......……………………….. 51

Tabel 3.15 Tabel Hubungi ……………………......……………………….. 52

Tabel 3.16 Tabel Halaman Statis ….…………......……………………….. 52

Tabel 3.17 Tabel YM ………..………………......……………………….. 53

Tabel 4.1 Laporan black box testing …………......……………………….. 68

Tabel 4.2 Laporan white box testing …………......……………………….. 70

Tabel 4.3 Hasil Uji Fungsi ………….…………......……………………….. 71

xiii

DAFTAR GAMBAR

Gambar 2.1 Siklus Informasi …………………...………………………… 7

Gambar 2.2 Konsep Sistem Informasi …………………...….…………… 8

Gambar 2.3 Arsitektur Aplikasi Web …………...………………………… 12

Gambar 2.4 Tampilan Dreamweaver Macromedia ..……………………… 19

Gambar 2.5 Tampilan Muka Adobe Photoshop …………...……………… 22

Gambar 2.6 Contoh Tampilan Web Browser …...………………………… 23

Gambar 3.1 Struktur Organisasi STMIK AMIKOM Yogyakarta ....……… 24

Gambar 3.2 Use Case Diagram …………………………………....……… 37

Gambar 3.3 Activity Diagram Penambahan data oleh admin …......……… 38

Gambar 3.4 Activity Diagram Edit data oleh admin ……………....……… 39

Gambar 3.5 Activity Diagram hapus data oleh admin ………….....……… 40

Gambar 3.6 Activity Diagram Kelola Laporan oleh admin …….....……… 41

Gambar 3.7 Activity Diagram Lihat data oleh User …………….....……… 42

Gambar 3.8 Activity Diagram Hubungi Kami ………………….....……… 43

Gambar 3.9 Activity Diagram Peminjaman Fasilitas …………......……… 44

Gambar 3.10 Class Diagram ….……………………………….......……… 45

Gambar 3.11 Squence Diagram ….…………………………….......……… 46

Gambar 3.12 Entity Relationship Diagram ...………………….......……… 47

Gambar 3.13 Relasi Antar Tabel……………………………….......……… 48

Gambar 3.14 Halaman Login ....……………………………….......……… 53

Gambar 3.15 Halaman Utama Admin ..……………………….......……… 54

Gambar 3.16 Halaman Password ..…………………………….......……… 55

Gambar 3.17 Halaman Manajemen Petugas .………………….......……… 55

Gambar 3.18 Halaman Peminjaman .………………………….......……… 55

xiv

Gambar 3.19 Halaman Fasilitas …………...………………….......……… 56

Gambar 3.20 Halaman Penambahan Fasilitas .……………….......……… 56

Gambar 3.21 Halaman Customer Service …...……………….......……… 57

Gambar 3.22 Halaman Tambah Customer Service …...….….......…….… 57

Gambar 3.23 Halaman Manajemen Hal Statis …...………….......……… 57

Gambar 3.24 Halaman Edit Hal Statis ….…...……………….......……… 58

Gambar 3.25 Halaman Hubungi Kami ……...……………….......……… 58

Gambar 3.26 Halaman Proses Laporan ...…...……………….......……… 58

Gambar 3.27 Halaman Laporan ………...…...……………….......……… 59

Gambar 3.38 Halaman Log Out ………..…...……………….......……… 60

Gambar 3.29 Halaman Home …………..…...……………….......……… 61

Gambar 4.1 Pembuatan Database …………...……………….......……… 63

Gambar 4.2 Database telah dibuat ...………...……………….......……… 63

Gambar 4.3 Tabel Petugas ……..…………...……………….......……… 64

Gambar 4.4 Tampilan hasil penambahan data petugas .……........……… 65

Gambar 4.5 Tampilan hasil ubah data petugas .……………........……… 66

Gambar 4.6 Tampilan hasil hapus data petugas ……………........……… 67

Gambar 4.7 Work Flow Pengunjung ………….…………….......……… 72

Gambar 4.8 Work Flow Peminjam …………….…………….......……… 73

Gambar 4.9 Work Flow Petugas ……………….…………….......……… 74

Gambar 4.10 Work Flow Peminjam Cepat …….…………….......……… 74

Gambar 4.11 Work Flow konfirmasi peminjaman .………….......……… 75

Gambar 4.12 Work Flow Pengembalian Fasilitas ..………….......……… 75

Gambar 4.13 Tampilan Control Panel ...……….…………….......……… 76

Gambar 4.14 Tampilan Manajemen Fasilitas ….…………….......……… 77

xv

Gambar 4.15 Tampilan Form tambah Fasilitas ..…………….......……… 77

Gambar 4.16 Tampilan Form edit Fasilitas ...….…………….......……… 78

Gambar 4.17 Tampilan Manajemen Peminjaman ……………………….. 83

Gambar 4.18 Tampilan Tambah/Edit Peminjaman ………….......……… 83

Gambar 4.19 Tampilan Detail Peminjaman ..….…………….......……… 83

Gambar 4.20 Tampilan Pilih waktu laporan .….…………….......………. 89

Gambar 4.21 Tampilan Laporan dalam pdf ...….…………….......……… 90

Gambar 4.22 Tampilan Pesan Log Out...……….…………….......……… 94

xvi

INTISARI

Perkembangan teknologi informasi terus berkembang dengan cepat dan

merata di berbagai hal. Penggunaan Sistem Informasi Manajemen banyak

diterapkan di berbagai instansi, karena diyakini dapat menjadikan sebuah proses

menjadi lebik efektif dan efisien.

Bagian Kerumahtanggaan STMIK AMIKOM Yoyakarta sebagai

departemen yang mengatur penggunaan dan penambahan fasilitas kampus terus

berusaha memperbaiki sistem yang sudah ada. Salah satu sistem yang masih bisa

dikembangkan adalah sistem peminjaman fasilitas oleh segenap civitas akademika

di STMIK AMIKOM Yogyakarta.

Kekurangan dari sistem peminjaman yang ada sekarang adalah proses

awal yang panjang, dimana peminjam di haruskan mengajukan surat peminjaman

dan mengisi formulir peminjaman secara manual untuk kemudian meminta

persetujuan dari PUKET III. Setelah itu barulah peminjam bisa memesan fasilitas

yang dibutuhkan selama fasilitas tersebut tersedia. Disisi lain data peminjaman

belum terkomputerisasi secara langsung.

Dari analisa permasalahan di atas penulis mencoba merancang sebuah

sistem informasi peminjaman yang diharapkan dapat memperbaiki kekurangan

yang ada, dimana peminjam akan bisa melakukan pengisian formulir peminjaman

secara online dan memeriksa ketersediaan fasilitas yang di butuhkannya saat itu

juga. Disisi lain data peminjaman fasilitas sudah tersimpan di database dan siap

untuk diolah sesuai kebutuhan.

Kata Kunci : Sistem Informasi Peminjaman Fasilitas, Sistem Informasi berbasis

web.

xvii

ABSTRACT

The development of information technology continues to evolve rapidly

and evenly in a variety of things. Use of Management Information Systems are

widely applied in various instances, as is believed to make a process to be

effective and efficient.

Household department of STMIK AMIKOM Yoyakarta as department

which regulates the use of campus facilities and the addition continue to improve

the existing system. One system that can still be developed is a system of lending

facilities by the entire academic community in Yogyakarta AMIKOM STMIK.

Shortcomings of the current loan system is beginning a long process, in which

borrowers required to submit a letter of borrowing and lending fill out manually

and then seek approval from Puket III. Afterwards, the borrower can order the

necessary facilities available for the facility. On the other hand the data is not

computerized direct lending.

From the above analysis of the problem the authors tried to design an

information system of lending is expected to improve existing deficiencies, which

the borrower will be able to fill online loan form and check the availability of

facilities in need it right away. On the other hand borrowing facilities of data

already stored in the database and ready to be processed as needed

Key word : System, Lending Facility Information System.

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Perkembangan teknologi informasi terus berkembang dengan cepat dan

merata di berbagai hal. Penggunaan Sistem Informasi Manajemen banyak

diterapkan di berbagai instansi, karena diyakini dapat menjadikan sebuah proses

menjadi lebik efektif dan efisien.

Bagian Kerumahtanggaan STMIK AMIKOM Yoyakarta sebagai

departemen yang mengatur penggunaan dan penambahan fasilitas kampus terus

berusaha memperbaiki sistem yang sudah ada. Salah satu sistem yang masih bisa

dikembangkan adalah sistem peminjaman fasilitas oleh segenap civitas akademika

di STMIK AMIKOM Yogyakarta.

Kekurangan dari sistem peminjaman yang ada sekarang adalah proses

awal yang panjang, dimana peminjam di haruskan mengajukan surat peminjaman

dan mengisi formulir peminjaman secara manual untuk kemudian meminta

persetujuan dari PUKET III. Setelah itu barulah peminjam bisa memesan fasilitas

yang dibutuhkan selama fasilitas tersebut tersedia. Disisi lain data peminjaman

belum terkomputerisasi secara langsung.

Dari analisa permasalahan di atas penulis mencoba merancang sebuah

sistem informasi peminjaman yang diharapkan dapat memperbaiki kekurangan

yang ada, dimana peminjam akan bisa melakukan pengisian formulir peminjaman

secara online dan memeriksa ketersediaan fasilitas yang di butuhkannya saat itu

2

juga. Disisi lain data peminjaman fasilitas sudah tersimpan di database dan siap

untuk diolah sesuai kebutuhan.

1.2 Rumusan Masalah

Berdasarkan latar belakang masalah di atas, maka permasalahan yang

dapat didefinisikan adalah bagaimana merancang sistem informasi peminjaman

fasilitas berbasis web yang dapat meningkatkan pelayanan bagian

kerumahtanggaan STMIK AMIKOM Yogyakarta.

1.3 Batasan Masalah

Untuk menghindari terlalu melebarnya objek penelitian, maka di

butuhkan batasan masalah, antara lain :

1) Perancangan dan pembuatan Sistem Informasi Peminjaman

berbasis web di gunakan untuk mengaplikasikan proses

peminjaman yang ada sekarang ke dalam bentuk sistem

peminjaman on-line.

2) Informasi dan menu yang di sediakan dalam Sistem Informasi

Peminjaman ini meliputi :

a) Pemeriksaan ketersediaan fasilitas secara on-line

b) Pengisian formulir peminjaman secara on-line

c) Pemesanan penggunaan fasilitas secara on-line

3) Dalam pembuatan sistem informasi peminjaman berbasis web

tersebut, digunakan server Apache dengan database server MySQL

menggunakan script PHP, sofware pendukung Macromedia

3

Dreamweaver 8, Adobe Photoshop CS 3, Adobe Image Ready CS

3, dan Corel Draw X4.

1.4 Tujuan Penelitian

Tujuan penelitian ini adalah :

1) Sebagai salah satu syarat untuk menyelesaikan pendidikan Strata 1

pada program studi Teknik Informatika STMIK AMIKOM

Yogyakarta.

2) Membangun Sistem Informasi Peminjaman Berbasis Web yang di

desain khusus untuk bagian kerumahtanggaan STMIK AMIKOM

Yogyakarta.

1.5 Manfaat Penelitian

Adapun manfaat yang diharapkan dari penelitian ini adalah :

1) Memperoleh gelar Sarjana Komputer (S. Kom)

2) Dapat digunakan sebagai acuan atau bahan pertimbangan untuk

membuat makalah dan sebagai penunjang untuk menambah

pengetahuan.

3) Perancangan Sistem Informasi Peminjaman yang di desain khusus

untuk bagian kerumahtanggaan STMIK AMIKOM Yogyakarta

diharapkan mampu memberikan efektifitas dan meningkatkan

pelayanan pada bagian tersebut.

4

1.6 Metode Penelitian

Metode pengumpulan informasi dan data yang digunakan dalam

penelitian ini diantaranya :

1) Metode Observasi

Dengan melakukan observasi atau penelitian langsung pada objek

penelitian yaitu bagian kerumahtanggaan STMIK AMIKOM

Yogyakarta.

2) Metode Studi Pustaka

Metode ini digunakan untuk mendapatkan informasi tambahan dengan

membaca dan meringkas berbagai macam buku koleksi pribadi

maupun koleksi beberapa perpustakaan.

3) Referensi Internet

Dengan membaca dan meringkas informasi dari internet yang bisa di

jadikan referensi dalam penulisan dan perancangan sistem.

4) Metode Wawancara

Dengan melakukan tanya jawab langsung dengan pihak yang terkait

dengan masalah yang di teliti.

1.7 Sistematika Penulisan

Gambaran umum sistematika penulisan skripsi ini adalah sebagai berikut :

5

BAB I PENDAHULUAN

Membahas tentang latar belakang masalah, rumusan masalah, batasan

masalah, tujuan dan manfaat penelitian, metodologi penelitian, dan sistematika

penulisan.

BAB II LANDASAN TEORI

Landasan Teori menjelaskan tentang teori-teori yang digunakan oleh

penulis sebagai dasar penelitian.

BAB III ANALISIS DAN PERANCANGAN SISTEM

Menjelaskan tentang gambaran umum objek penelitian, analisis,

rancangan implementasi, dan proses pembuatan.

BAB IV IMPLEMENTASI DAN PEMBAHASAN

Menjelaskan tentang perancagan sistem dan implementasi. Perancangan

sistem menggunakan DFD (Data Flow Diagram) dan ERD (Entity Relational

Diagram). Implementasi menggunakan MySQL sebagai DBMS-nya dan PHP

Sebagai bahasa pemrogramannya.

BAB V PENUTUP

Merupakan bab terakhir yang berisi kesimpulan dan saran yang

digunakan dalam pengembangan yang akan datang.

DAFTAR PUSTAKA

LAMPIRAN

6

BAB II

LANDASAN TEORI

2.1 Definisi Sistem, Informasi, Sistem Informasi

2.1.1 Definisi Sistem

Secara garis besar ada dua kelompok pendekatan di dalam

mendefinisikan sistem, kelompok pertama menekankan pada prosedur dan

kelompok kedua menekankan pada komponen atau elemennya. Dengan

pendekatan sistem yang menekankan pada komponen akan lebih mudah didalam

mempelajarinya untuk tujuan analisis dan perancangan suatu sistem yang

mendefenisikan sistem sebagai berikut :

Sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk

mencapai suatu tujuan tertentu1.

Pendekatan sistem yang merupakan kumpulan dari elemen-elemen atau

komponen-komponen atau subsistem-subsistem merupakan pedekatan yang

paling banyak diterima, karena kenyataannya suatu sistem dapat terdiri dari

beberapa subsistem atau sistem bagian, sebagai misal sistem akutansi yang terdiri

dari subsistem akutansi penjualan, subsistem akutansi pembelian, subsistem

akutansi penggajian, subsistem akutansi biaya dan lain sebagainya.

2.1.2 Definisi Informasi

Infomasi adalah data yang diolah menjadi bentuk yang lebih berguna dan

lebih berarti bagi yang menerimanya2. Definisi lain menyebutkan Informasi

1 H. Jogiyanto, Analisis & Disain Sistem Informasi: pendekatan terstruktur teori dan praktek

aplikasi bisnis, Penerbit Andi, Yogyakarta,1999, hal 2. 2 Ibid, hal 8.

7

adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi

penerimanya dan bermanfaat dalam pengambilan keputusan saat ini atau

mendatang.3 Informasi bersumber dari data yang merupakan bentuk jamak dari

datum atau data-item.

Menurut Jogiyanto data adalah kenyataan yang menggambarkan suatu

kejadian-kejadian dan kesatuan nyata. Kejadian-kejadian (event) adalah sesuatu

yang terjadi pada saat yang tertentu. Data masih berupa bentuk mentah sehingga

perlu diolah lebih lanjut melalui suatu model untuk menghasilkan informasi

(Jogiyanto, 1999, h.8).

Data yang diolah untuk menghasilkan informasi menggunakan suatu

model tertentu akan melalui beberapa proses sehingga membentuk suatu siklus.

Siklus ini oleh John Burch disebut dengan siklus informasi (information cycle).

Dan siklus ini disebut juga dengan siklus pengolahan data (data processing

cyces)4.

Gambar. 2.1. Siklus Informasi

3 Al Fatta Hanif, Analisis & Perancangan Sistem Informasi untuk keunggulan bersaing

perusahaan & organisasi modern, Penerbit Andi, Yogyakarta, 2007, hal.9. 4 Op.Cit., hal 9.

Proses (Model)

Dasar Data

Output (Information)

Penerima

Keputusan Tindakan

Hasil Tindakan

Data (ditangkap)

Input (Data)

8

2.1.3 Definisi Sistem Informasi

Sistem Informasi adalah suatu sistem di dalam suatu organisasi yang

mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,

bersifat manajerial dan kegiatan strategi dari suatu organsisasi dan menyediakan

pihak luar tertentu dengan laporan-laporan yang diperlukan. 5

Al Fatta menyebutkan Sistem Informasi Manajemen dapat didefinisikan

sebagai suatu alat untuk menyajikan informasi dengan cara sedemikian rupa

sehingga bermanfaat bagi penerimanya (Al Fatta 2007, hal. 9). Lebih lanjut

dijelaskan bahwa :

Tujuannya adalah untuk menyajikan informasi guna pengambilan

keputusan pada perencanaan, pemrakarsaan, perngorganisasian,

pengendalian kegiatan operasi subsistem suatu perusahaan, dan

menyajikan sinergi organisasi pada proses. Dengan demikian, sistem

informasi berdasarkan konsep (input, processing, output - IPO) dapat

dilihat pada gambar berikut6 :

Gambar 2.2 Konsep Sistem Informasi

2.2 Karakteristik Sistem Informasi

Karakteristik atau sifat-sifat suatu sistem akan membedakan antara

sistem tersebut dengan sistem-sistem yang lainnya, secara garis besar karakteristik

tersebut adalah mempunyai komponen-komponen (components) , batas sistem

(boundary), lingkungan luar sistem (environments), penghubung (interface),

5 Op.Cit., hal 11. 6 Op.Cit., hal 9.

Input

Data Pemrosesan Output

Data

9

masukan (input), keluaran (output), pengolahan (process), dan sasaran

(objectives) atau tujun (goal).7

1. Mempunyai komponen-komponen (components)

Suatu sistem terdiri dari sejumlah komponen atau elemen-elemen

yang saling berinteraksi membentuk sebuah kesatuan. Setiap subsistem

atau elemen sistem memiliki sifat-sifat dari sistem untuk menjalankan

suatu fungsi tertentu dan mempengaruhi proses sistem secara

keseluruhan.

Suatu sistem juga bisa memiliki suatu sistem yang lebih besar yang

di sebut dengan supra system. Ketika sebuah sistem disandingkan dengan

sistem yang lebih besar maka sistem tersebut di sebut subsistem, akan

tetapi jika disandingkan dengan sebuah sistem yang lebih kecil maka

sistem tersebut akan menjadi sebuah supra system.

2. Batas Sistem (boundary)

Batasan Sistem merupakan penggambaran ruang lingkup dari

sistem tersebut sehingga bisa membentuk sebuah kesatuan. Dengan

adanya batas sistem akan bisa dibedakan antara sistem tersebut dengan

sistem yang lainnya atau dengan lingkungan luarnya.

3. Lingkungan Luar Sistem

Lingkungan Luar Sistem adalah segala sesuatu diluar batas sistem

tersebut yang memberikan pengaruh terhadap sistem tersebut.

7 Op.Cit., hal 4.

10

Lingkungan luar bisa menyediakan asumsi, kendala, dan input terhadap

suatu sistem.

4. Penghubung Sistem

Penghubung (interface) merupakan media penghubung antara satu

subsistem dengan subsistem yang lainnya sehingga terjadilah interaksi

yang saling mempengaruhi dan membentuk sebuah kesatuan.

5. Masukan Sistem

Masukan (input) merupakan sumber daya yang dimasukkan ke

dalam sistem, sumber daya tersebut bisa berupa data, bahan baku, energi,

dan peralatan yang akan dikonsumsi dan dimanipulasi oleh suatu sistem.

6. Keluaran Sistem

Keluaran (output) adalah hasil dari proses yang terjadi didalam

sebuah sistem, hasil ini bisa berupa sesuatu yang bermanfaat seperti

informasi, laporan, dokumen, tampilan layar komputer, dan barang jadi

yang bisa dimanfaatkan oleh lingkungan sekitar, ada juga keluaran

(output) yang tidak bisa digunakan oleh lingkungan sekitar atau disebut

dengan sisa pembuangan.

Sebuah keluaran (output) dari suatu sistem bisa menjadi input bagi

sistem yang lebih besar atau supra system.

7. Pengolah Sistem

Pengolah (process) merupakan suatu bagian dari sebuah sistem

yang akan mengubah masukan (input) menjadi keluaran (output), bagian

ini biasa disebut sebagai bagian inti dari sebuah sistem.

11

8. Sasaran Sistem

Adanya tujuan (goal) atau sasaran (objective) dari sebuah sistem

menjadi bukti bahwa sistem tersebut bermanfaat dan memiliki daya guna,

tanpa adanya tujuan atau sasaran maka sebuah sistem tidak layak untuk

dibuat.

Sasaran sistem akan sangat menentukan masukan yang dibutuhkan

sistem dan keluaran yang akan dihasilkan sistem. Suatu sistem dikatakan

berhasil jika mengenai sasaran atau tujuannya.

2.3 Konsep Arsitektur Sistem

Sistem Informasi Peminjaman Berbasis Web ini menggunakan arsitektur

terdistribusi dengan internet sebagai media komunikasi antar komponennya.

Arsitektur terdistribusi dibagi menjadi dua jenis, yaitu :

a) Client-server : sistem dibagi menjadi komponen yang berfungsi

sebagai peminta layanan (client) dan pemberi layanan (server).

b) Peer-to-peer : sistem terdiri dari komponen-komponen yang

fungsinya setara dan dan dapat saling melayani atau meminta

layanan.

Sistem Informasi Ini menggunakan arsitektur Client-server dimana

komunikasi antar komponen umumnya dilakukan berdasarkan prinsip permintaan-

respon (request-response), yaitu satu komponen (seperti browser web)

mengirimkan permintaan kepada komponen lainnya (seperti server web) dan

12

merespon permintaan tersebut melalui saluran komunikasi yang sama atau

serentak, seperti pada gambar berikut : 8

Gambar 2.3 Arsitektur Aplikasi Web

(Sumber : Simarmata, 2009)

Keterangan gambar :

Berikut ini uraian singkat dari masing-masing komponen diatas :

1. Client adalah browser (user agent) yang dikendalikan oleh pengguna

untuk mengoprasikan aplikasi web. Fungsionalitas client dapat

dikembangkan dengan menginstal plug-in dan applet.

2. Firewall merupakan potongan perangkat lunak yang mengatur

komunikasi antar jaringan tak aman (insecure), seperti internet dan

8 Simarmata, Rekayasa Web, Penerbit Andi, Yogyakarta, 2010, hal.87.

Client

Browser

Plug-in Applets

External aplication

Firewall Web-Server

HTML-, XML-,

XSL-Files

(cepat) CGI

SERVLET

CONTAINER

SSI dll.

Proxy

Database-

Server

Application-

Server

Media

Server

Conten

Management

Server

Legacy-

Application

Komponen

Arsitektur Web

Opsional komponen

Arsitektur Web

Siklus

Request/Response

13

jaringan aman (secure) seperti LAN perusahaan, komunikasi ini diatur

oleh aturan-aturan akses.

3. Proxy digunakan untuk menyimpan sementara halaman Web didalam

cache. Cache ini dapat mengasumsikan fungsionalitas lainnya, seperti

mengadaptasi isi untuk pengguna (customization) atau penjajakan

pengguna.

4. Web Server adalah potongan perangkat lunak yang mendukung

berbagai protokol web, seperti HTTP, HTTPS, dan lain-lain untuk

memproses permintaan client.

5. Database server merupakan penyuplai data produksi orgnisasi dalam

bentuk yang terstuktur, seperti didalam tabel.

6. Media Server, komponen ini secara khusus digunakan untuk content

streaming dari data penting yang tidak terstruktur, seperti audio atau

video.

7. Content Management Server. Sama dengan database server, conten

management server menangani konten untuk melayani aplikasi, konten-

konten ini biasanya tersedia dalam bentuk data semiterstruktur, seperti

dokumen XML.

8. Application Server menangani fungsionalitas yang dibutuhkan oleh

beberapa aplikasi, seperti workflow atau customization.

9. Legacy Application (aplikasi warisan) adalah sistem tertua yang

diintregasikan sebagai komponen internal dan eksternal.

14

2.4 Konsep Bagian Kerumahtanggaan

Bagian Kerumahtanggaan merupakan salah satu bagian yang tidak bisa

ditinggalkan diberbagai instansi maupun perusahaan, karena bagian ini memiliki

andil yang cukup besar dalam roda organisasi sebuah instansi ataupun perusahaan.

Bagian ini bertanggung jawab atas pemrosesan persuratan,pengarsipan

dan pengiriman segala dokumen yang menjadi wewenang bagian. Selain hal

tersebut bidang yang harus ditangani kerumahtanggaan adalah bagaimana aktifitas

dan kebutuhan kantor sehari hari yang menyangkut kebersihan,sarana prasarana

dinas,keperluan rumah tangga kantor dan pelayanan trasnportasi kedinasan dan

pemeliharaannya.9

2.5 Konsep Pemodelan Sistem

Konsep pemodelan sistem informasi peminjaman ini menggunakan

beberapa konsep pemodelan sistem yang biasa digunakan, yaitu Unified Modeling

Language, diagram konteks, diagram berjenjang proses, dan diagram alir alir data.

2.5.1 Unified Modeling Language (UML)

Unified Modeling Language (UML) adalah sebuah bahasa yang telah

menjadi standar dalam industri untuk visualisasi, merancang dan

mendokumentasikan sistem piranti lunak .10

9 http://turthtl.auk.uns.ac.id/profil.html, diakses pada : Rabu, 1 Agustus 2012 ; 07:37 WIB

10 Dharwiyanti, Sri, Materi Kuliah Umum IlmuKomputer.com copyright © 2003

IlmuKomputer.com

15

Seperti bahasa-bahasa lainnya, UML mendefinisikan notasi dan

syntax/semantik. Notasi UML merupakan sekumpulan bentuk khusus untuk

menggambarkan berbagai diagram piranti lunak. Setiap bentuk memiliki makna

tertentu, dan UML syntax mendefinisikan bagaimana bentuk-bentuk tersebut

dapat dikombinasikan.

Notasi UML terutama diturunkan dari 3 notasi yang telah ada

sebelumnya: Grady Booch OOD (Object-Oriented Design), Jim Rumbaugh OMT

(Object Modeling Technique), dan Ivar Jacobson OOSE (Object-Oriented

Software Engineering). Sejarah UML sendiri cukup panjang. Sampai era tahun

1990 seperti diketahui puluhan metodologi pemodelan berorientasi objek telah

bermunculan di dunia. Diantaranya adalah: metodologi booch, metodologi coad,

metodologi OOSE, metodologi OMT, metodologi shlaer-mellor, metodologi

wirfs-brock, dsb. Masa itu terkenal dengan masa perang metodologi (method war)

dalam pendesainan berorientasi objek. Masing-masing metodologi membawa

notasi sendiri-sendiri, yang mengakibatkan timbul masalah baru apabila akan

bekerjasama dengan group/perusahaan lain.

Dimulai pada bulan Oktober 1994 Booch, Rumbaugh dan Jacobson, yang

merupakan tiga tokoh yang boleh dikata metodologinya banyak digunakan

mempelopori usaha untuk penyatuan metodologi pendesainan berorientasi objek.

Pada tahun 1995 direlease draft pertama dari UML (versi 0.8). Sejak tahun 1996

pengembangan tersebut dikoordinasikan oleh Object Management Group. Tahun

1997 UML versi 1.1 muncul, dan saat ini versi terbaru adalah versi 2.4.1., Booch,

Rumbaugh dan Jacobson menyusun tiga buku serial tentang UML pada tahun

16

1999. Sejak saat itulah UML telah menjelma menjadi standar bahasa pemodelan

untuk aplikasi berorientasi objek.

UML mendefinisikan model perangkat lunak didalam beberapa diagram-

diagram sebagai berikut:

• use case diagram

• class diagram

• statechart diagram

• activity diagram

• sequence diagram

• collaboration diagram

• component diagram

• deployment diagram

Use case diagram menggambarkan fungsionalitas yang diharapkan dari

sebuah sistem. Yang ditekankan adalah “apa” yang diperbuat sistem, dan bukan

“bagaimana”. Sebuah use case merepresentasikan sebuah interaksi antara aktor

dengan sistem. Use case merupakan sebuah pekerjaan tertentu, misalnya login ke

sistem, meng-create sebuah daftar belanja, dan sebagainya. Seorang/sebuah aktor

adalah sebuah entitas manusia atau mesin yang berinteraksi dengan sistem untuk

melakukan pekerjaan-pekerjaan tertentu.

Activity diagrams menggambarkan berbagai alir aktivitas dalam sistem

yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang

17

mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat

menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.

Class diagram adalah sebuah spesifikasi yang jika diinstansiasi akan

menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain

berorientasi objek. Class menggambarkan keadaan (atribut/properti) suatu sistem,

sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut

(metoda/fungsi).

Sequence diagram menggambarkan interaksi antar objek di dalam dan di

sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang

digambarkan terhadap waktu. Sequence diagram terdiri atar dimensi vertikal

(waktu) dan dimensi horizontal (objek-objek yang terkait).

Sequence diagram biasa digunakan untuk menggambarkan skenario atau

rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event

untuk menghasilkan output tertentu. Diawali dari apa yang men-trigger aktivitas

tersebut, proses dan perubahan apa saja yang terjadi secara internal dan output apa

yang dihasilkan.

2.6 Konsep Basis Data

Konsep basis data yang dipergunakan pada perancangan sistem informasi

peminjaman fasilitas ini adalah konsep E-R Diagram.

2.6.1 E-R Diagram

Entity Relationship atau E-R Diagram merupakan suatu model untuk

menjelaskan hubungan antar data dalam basis data berdasarkan suatu persepsi

18

bahwa real world terdiri dari objek-objek dasar yang mempunyai hubungan atau

relasi antar objek-objek tersebut yang digambarkan dengan simbol-simbol grafis

tertentu.11

Penggambaran ini bertujuan untuk membantuk analis sistem dalam

melakukan perancangan proses yang kelak akan dituangkan dalam bentuk baris-

baris program. Simbol-simbol yang biasa digunakan dalam E-R Diagram adalah

sebagai berikut :

Tabel 2.1 Keterangan Simbol E-R Diagram

Simbol Keterangan

Entity ; sesuatu yang dapat dibedakan didunia nyata

dimana informasi yang berkaitan dengannya

dikumpulkan

Relationship ; hubungan yang terjadi antara satu atau

lebih entity

Atribute ; Karakteristik dari sebuah entity, terbagi

menjadi dua ; identifer (key) diberi garis bawah, dan

deskriptor tanpa garis bawah.

Indicator tipe associative object ; berfungsi sebagai

suatu objek dan suatu relationship.

Indicator tipe Supertipe ; terdiri dari satu objek dan

satu sub kategori atau lebih yang dihubungkan denga

satu relationship yang tidak bernama.

11 Linda Marlinda, Sistem Basis Data, Penerbit Andi, Yogyakarta, 2004, hal.16.

19

Cardinality Ratio :

1 : 1 (One to One)

M : N (One to Many)

M : 1 (Many to One)

M : N (Many to Many)

Batasan jumlah keterhubungan antar entity

Satu entity dengan satu entity

Satu entity dengan banyak entity

Banyak entity dengan satu entity

Banyak entity dengan banyak entity

2.7 Perangkat Lunak yang digunakan

2.7.1 Macromedia Dreamweaver 8

Macromedia Dreamweaver 8 merupakan salah satu software yang

sering digunakan untuk manajemen dan desain situs web dengan tingkat

flesibilitas yang tinggi. Salah satu keunggulan dari Macromedia

Dreamweaver 8 ini adalah sifatnya yang bisa menampilkan langsung hasil

dari pekerjaan yang sedang dikerjakan, atau sering disebut What You See

Is What You Get (WYISWYG).

Gambar 2.4 Tampilan Dreamweaver Macromedia

20

2.7.2 MySQL

MySQL adalah sebuah sistem manajemen database relasi (relational

database management system) yang bersifat terbuka (open source). 12

dengan sifatnya yang terbuka maka setiap orang boleh mengunduh

MySQL dan menggunakannya secara gratis juga bisa memodifikasinya

sesuai dengan kebutuhan yang ada.

MySQL merupakan salah satu server database yang banyak

digunakan, karena selain gratis MySQL juga memiliki kemampuan server

multithread sehingga dapat menangani banyak permintaan (request) secara

bersamaan, dapat berjalan di banyak sistem operasi, memiliki metode

enkripsi yang baik, mampu menangani data yang besar dan banyak, dan

menggunakan autentikasi pengguna dan kata sandi sehingga

menjadikannya lebih aman.

2.7.3 Apache

Apache adalah salah satu web server yang populer dan sering

digunakan saat ini. keunggulan Web Server Apache diantaranya : bersifat

open source, mudah di instal dan dikonfigurasi, dapat digunakan

diberbagai sistem operasi, mampu merespon klien dengan lebih cepat,

mampu menyediakan fitur server virtual, memiliki level keamanan yang

bertingkat-tingkat merespon klien dengan lebih cepat, mampu

menyediakan fitur server virtual, memiliki level keamanan yang

12 Arbie, Manajemen Database dengan MySQL, Penerbit Andi, Yogyakarta, 2004, hal.1.

21

bertingkat-tingkat yang dapat disesuaikan dengan kebutuhayang dapat

disesuaikan dengan kebutuhan.13

2.7.4 Bahasa Pemrograman HTML

Hyper Text MarkUp Language atau yang sering disebut HTML

merupakan bahasa pemrograman internet yang bersifat client-side

scripting dimana proses pengolahan atau penerjemahan baris-baris intruksi

kode terjadi sepenuhnya disisi client atau web browser. HTML bisa

digunakan untuk membuat sebuah web statis dan dengan disisipi PHP

Hypertext Preprocessor barulah akan menjadi sebuah web dinamis. Selain

itu HTML juga mendukung integrasi dengan Cascading Style Sheet (CSS),

java script, dan lain-lain.

2.7.5 Bahasa Pemrograman PHP

PHP Hypertext Preprocessor atau yang sering di sebut PHP

merupakan bahasa pemrograman server side yang populer dan sering

digunakan yang pertama kali di buat oleh Rasmus Lerdford .

Dengan PHP website menjadi lebih menarik dan interaktif, selain itu

PHP juga mendukung penggunaan cookie, memiliki fitur dalam

menangani season, mendukung integrasi dengan database, mendukung

regular expression, dan menyediakan penanganan kesalahan yang dibuat

secara bertingkat.

13 Wahana Komputer, Pengembangan Web di Linux dengan Apache, MySQL, dan PHP(LAMP),

Penerbit Salemba Infotek, Jakarta, 2006, Hal.2.

22

2.7.6 Adobe Photoshop CS

Adobe photoshop merupakan salah satu perangkat lunak untuk

memanipulasi gambar yang menggunakan metode layer atau lapisan.

Sehingga dimungkinkan untuk melakukan olah gambar tanpa merubah

lapisan gambar yang sudah jadi.

Aplikasi ini banyak digunakan karena kemampuannya yang cukup

lengkap dalam proses olah gambar dan juga proses penggunaannya yang

cukup mudah.

Gambar 2.5 Tampilan muka Adobe Photoshop CS

2.7.7 Web Browser

Web browser merupakan perangkat lunak yang digunakan untuk

mengakses website dari sisi client, disini juga terjadi proses pembacaan kode-

kode program dari sebuah web dan ditampilkan dalam bentuk antarmuka kepada

pengguna. Proses pembacaan itu dilakukan oleh web engine yang berbeda-beda

pada masing-masing web browser. Seperti contoh : Mozila Firefox menggunakan

Gecko, Internet Exlorer menggunakan trident, opera menggunakan carakan,

google chrome dan safari menggunakan webkit, dan lain-lain.

23

Gambar 2.6 Contoh tampilan web browser

24

BAB III

ANALISIS DAN PERANCANGAN SISTEM

3.1 Tinjauan Umum

3.1.1 Profil Bagian Kerumahtanggaan STMIK AMIKOM Yogyakarta

Bagian Kerumahtanggaan merupakan salah satu bagian yang

bertanggungjawab menjalankan tugas administrasi kerumahtanggaan di STMIK

AMIKOM Yogyakarta.

Salah satu tugas yang menjadi tanggungjawab bagian kerumahtanggaan

adalah pengelolaan dan perawatan fasilitas dan inventaris yang ada.

3.1.2 Struktur Organsisasi

Demi kelancaran seluruh kegiatan di lingkungan STMIK AMIKOM

Yogyakarta maka disusunlah struktur organisasi sebagai berikut :

Pem. Bid

Akademik

Pem. Bid.

Keuangan & Adm.

Umum

Pem. Bid.

Kemahasiswaan &

Alumni

Yayasan

Ketua

Senat

Akademik

Jurusan

UPT

BAAK

BAU

KRT

PSDM

BPC

Humas

IC

Penjaminan

Mutu

Pasca

Sarjana

Staff

Bagian

Garis Koordinasi

Garis Komando

Laboratorium

P3M

Resource

Center

Koord. Kopertis

Sekretaris Sekolah

Tinggi

Gambar 3.1 Struktur Organisasi STMIK AMIKOM Yogyakarta

(Sumber : Buku Panduan Akademik 2012 - 2013)

25

3.1.3 Sistem yang berjalan saat ini

Saat ini bagian kerumahtanggaan STMIK AMIKOM Yogyakarta sudah

memiliki beberapa sistem informasi yang digunakan dalam pengaturan sirkulasi

barang, akan tetapi belum ada sistem informasi yang khusus menangani proses

peminjaman dan perawatan fasilitas dan inventaris yang ada. Maka sistem yang

baru ini akan difokuskan untuk pengelolaan peminjaman fasilitas dan pendataan

kondisi terkini dari masing-masing inventaris dan fasilitas yang ada.

3.2 Analisis Sistem

Analisis sistem mutlak dibutuhkan sebelum proses pembuatan sebuah

sistem informasi, demikian halnya dengan pembuatan sistem informasi

peminjaman ini yang telah didahuli dengan beberapa analisis.

3.2.1 Identifikasi Masalah

Dari hasil identifikasi masalah dengan teknik wawancara langsung

dengan petugas bagian kerumahtanggaan dan mahasiswa, dapat disimpulkan

permasalahan yang ada sebagai berikut :

A. Permasalahan dari Sisi Mahasiswa

Mahasiswa sebagai subjek yang terlibat langsung dengan proses

peminjaman fasilitas mengeluhkan beberapa permasalahan, yaitu :

1. Proses awal peminjaman agak ribet, perlu berulang kali datang

kebagian kerumahtanggaan.

2. Informasi ketersediaan fasilitas yang kurang akurat karena bisa

berubah setiap saat, contohnya ketika mengambil formulir

26

fasilitas tersebut masih tersedia tetapi setelah kembali lagi untuk

konfirmasi sudah tidak tersedia.

3. Menunggu tanda tangan persetujuan kepala bagian

kerumahtanggaan membutuhkan waktu yang tidak pasti.

4. Kondisi fasilitas yang diberikan tidak selalu optimal, kadang ada

yang tidak bisa digunakan.

B. Permasalahan dari Sisi Bagian Kerumahtanggaan

staf bagian kerumahtanggaan sebagai pengelola fasilitas menemukan

beberapa permasalahan, diantaranya :

1. Data peminjam harus diinputkan secara manual, karena peminjam

hanya mengisi formulir secara manual.

2. Peminjam ada yang tidak mengisi data secara valid.

3. Peminjam ada yang terlambat dalam pengembalian.

4. Peminjam ada yang kurang berhati-hati dalam penggunaan

fasilitas.

3.2.2 Analisis Kebutuhan Sistem

Secara garis besar analisis kebutuhan sistem dibagi menjadi kedalam dua

kategori, yaitu analisis kebutuhan fungsional dan analisis kebutuhan non-

fungsional.

3.2.2.1 Analisis Kebutuhan Fungsional

Kebutuhan fungsional merupakan kebutuhan yang berkenaan langsung

dengan proses yang yang dilakukan oleh sistem. Dengan demikian sistem

diharapkan mampu melakukan fungsi sebagai berikut :

27

1) Bagi Pengguna Biasa (user)

a. Sistem dapat memberikan informasi tentang fasilitas yang

tersedia di bagian kerumahtanggaan STMIK AMIKOM

Yogyakarta melalui menu “fasilitas” dan “agenda”.

b. Sistem dapat memproses peminjaman fasilitas secara on-line

melalui menu “peminjaman”.

c. Sistem dapat menyediakan panduan proses peminjaman fasilitas

di bagian kerumahtanggaan STMIK AMIKOM Yogyakarta

melalui menu “cara peminjaman”.

d. Sistem menyediakan media peminjam untuk menyampaikan

pesan kepada pihak kerumahtanggaan STMIK AMIKOM

Yogyakarta melalui menu “hubungi kami”.

2) Bagi Administrator

a. Sistem dapat menyediakan semua layanan yang disediakan untuk

pengguna biasa melalui menu – menu yang tersedia.

b. Sistem dapat menyimpan data-data yang berkenaan dengan

fasilitas yang ada secara akurat didalam database.

c. Sistem dapat memproses informasi yang ada menjadi sebuah

laporan melalui menu “laporan”.

d. System dapat melakukan proses input, edit, dan hapus data

melalui control panel yang tersedia.

28

3.2.2.2 Analisis Kebutuhan Non-Fungsional

Kebutuhan fungsional merupakan kebutuhan pendukung apa saja yang

harus dimiliki oleh sistem agar dapat berjalan. Analisis non-fungsional bertujuan

untuk mengetahui sistem seperti apa yang cocok diterapkan, perangkat keras dan

perangkat lunak apa saja yang dibutuhkan serta siapa saja yang akan

menggunakan sistem ini.

3.2.2.2.1 Analisis Kebutuhan Perangkat Keras (Hardware)

Analisi kebutuhan perangkat keras bertujun untuk mengetahui secara

tepat perangkat keras yang dibutuhkan untuk merancang sistem informasi

peminjaman ini adalah :

- Laptop Asus Eee PC Flare Series

Tabel 3.1 Spesifikasi Asus Eee PC Flare Series

Spesifikasi Kebutuhan Harga (total)

CPU

Harddisk

RAM

VGA

Intel Atom N2800

160 GB

2 GB (2048 MB)

64 bit

Rp. 2.700.000

3.2.2.2.2 Analisis Kebutuhan Perangkat Lunak (Software)

Analisi kebutuhan perangkat lunak meliputi Sistem Operasi,

Web Server, database server, dan web browser. Spesifikasi yang

dibutuhkan sebagai berikut :

29

Tabel 3.2 Kebutuhan Perangkat Lunak

Spesifikasi Kebutuhan Harga

Sistem Operasi

Web Server

Database Server

Script Engine

Web Browser

Web Editor

Image Editor

Windows 7

Xampp

MySQL

HTML, PHP dan Java

Script

Mozila, Chrome, IE

Macromedia

Dreamweaver 8

Corel Draw X4

Rp. 1.646.000

Versi Free

Versi Free

Free

Free

Rp. 3.445.750

Rp. 3.099.000

(Sumber : http://www.interactive.co.id/softwareori.php, diakses : 27

Juni 2012 20:11 WIB)

3.2.2.2.3 Analisis Kebutuhan Informasi

Informasi merupakan salah satu kebutuhan utama yang diperlukan dalam

sistem ini karena akan menjadi acuan bagi semua pihak dalam pengambilan

keputusan. Adapun informasi yang dibutuhkan adalah informasi terkini dari

seluruh fasilitas dan inventaris yang ada.

3.2.2.2.4 Analisis Kebutuhan Pengguna Sistem

Sistem Informasi Peminjaman Fasilitas ini mengelompokkan penggunanya

kedalam dua level, yaitu pengguna biasa (user) dan staf bagian kerumahtanggaan

(administrator).

30

a. Pengguna Biasa (User)

Pengguna biasa adalah mahasiswa atau dosen STMIK AMIKOM

Yogyakarta yang akan melakukan peminjaman fasilitas untuk sebuah

kegiatan.

b. Staf bagian kerumahatanggaan (Administrator)

Adminstrator adalah operator yang memelihara sistem. dalam hal ini

staf dari bagian kerumahtanggaan STMIK AMIKOM Yogyakarta.

3.2.3 Analisis Kelemahan Sistem

Anlisis Kelemahan Sistem pada penelitian ini dengan menggunakan

metode PIECES, sebagai berikut :

Analisis Kinerja (Performance)

Hasil analisis kinerja dapat dilihat pada tabel berikut :

Faktor/Parameter Hasil

Total waktu proses

peminjaman

Puket II/III

Bag. RT

Peminjam

1. Ambil Formulir

2. Isi Formulir

3. Persetujuan

4. Konfirmasi Ketersediaan

Tersedia?

5

Ya, Fasilitas Bisa dipake

Tidak, Edit Formulir, ulangi langkah 4

NB : Tidak ada Batasan Waktu

Lama Proses Peminjaman

Tabel 3.3 Analisis Kinerja

31

Kualitas Media

Penyipanan

1. Peminjam Menyerahkan Lampiran

Formulir Peminjaman

3. Proses Rekap dilakukan dari

Hardcopy yang ada kedalam Ms. Excel

2. Lampiran Formulir Disimpan

Dalam bentuk hardcopy

Semua Proses dilakukan secara

Langsung oleh petugas yang ada secara acak

Analisis Informasi (Information)

Informasi merupakan salah satu faktor yang penting, sebab informasi

dibutuhkan untuk mendukung proses peminjaman yang cepat dan data yang

akurat.


Akurat

1. Peminjam meminta informasi /

Meminta peruhahan informasi

Proses Rekap dilakukan dari

Hardcopy yang ada kedalam Ms. Excel

2. Petugas Mencari dalam

tumpukan berkas

4. Petugas mengubah rekap

Data di komputer

5. Petugas mengembalikan

Berkas ketempatnya

3. Petugas Memberikan kepada peminjam

Tabel 3.4 Analisis Informasi

32

Analisis Ekonomi (Economic)

Analisis ekonomi digunakan untuk menekan biaya operasional yang

dikeluarkan secara rutin.


Biaya Pencetakan formulir peminjaman membutuhkan

biaya Rp. 80.000 sampai Rp. 100.000 per rim.

Manfaat Dengan biaya yang besar untuk mencetak formulir

peminjaman kurang memberikan manfaat setelah

selesai proses peminjaman.

Analisis Pengendalian (Control)

Analisis control adalah penigkatan terhadap pengendali untuk mendeteksi

dan memperbaiki kesalahan-ksalahan serta kekurangan-kekurangan yang akan

terjadi. Suatu sistem yang terkontrol dengan baik harus dapat mengidentifikasi

Kualitas Informasi

yang diberikan

Masih terjadi perbedaan informasi yang diberikan oleh

petugas yang berbeda

Relevan Masih terjadi kesalahan dalam perekapan data.

Ketersediaan informasi masih sangat terbatas

Tabel 3.5 Analisis Ekonomi

33

penyalahgunaan dan kesalahan sistem serta untuk menjamin keamaanan data

informasi.


Kontrol

Pelayanan

Proses Rekap

Berkas – Berkas Data

Semua Membutuhkan

SDM Yang Banyak

Inventaris

Keamanan

Pelayanan

Proses Rekap


Inventaris

PetugasPeminjam

Control

Via

Telpon

Tabel 3.6 Analisis Pengendalian

34

Analisis Effisiensi (Efficiency)

Analisis effisiensi diarahkan kepada efisiensi operasi, efisiensi berbeda

dengan ekonomi, bila ekonomi berhubungan dengan sumberdaya yang digunakan

maka efisiensi berhubungan dengan bagaimana sumberdaya tersebut dapat diukur

dari output dibagi dengan inputnya. Efisiensi berhubungan dengan bagaimana

sumberdaya itu digunakan agar tidak mengalami pemborosan.


Sumber Daya

Pelayanan

Proses Rekap


Semua Membutuhkan

SDM Yang Banyak

Inventaris

Analisis Pelayanan (Service)

Analisis pelayanan adalah peningkatan terhadap pelayanan yang

dihasilkan oleh sistem,

Tabel 3.7 Analisis Effisiensi

35


Prosese pelayanan terhadap

peminjam

Pelayanan

Proses Rekap


Inventaris

3.2.4 Analisis Kelayakan Sistem

3.2.4.1 Kelayakan Teknologi

Analisis kelayakan teknologi diterapkan agar dapat mengukur apakah

system ini layak atau tidak jika dipandang dari segi perkembangan teknologi.

Sistem Informasi Peminjaman Fasilitas ini dirancang untuk mengikuti

perkembangan teknologi dan informasi. Mengurangi proses yang dilakuan secara

manual oleh manusia dengan proses terkomputerisasi.

3.2.4.2 Kelayakan Hukum

Ditinjau dari segi hukum, aplikasi yang akan dirancang ini tidak

melanggar ketentuan atas hukum yang berlaku. Sebab, sistem informasi

Tabel 3.8 Analisis Pelayanan

36

peminjaman ini dirancang benar – benar bersumber dari ide penulis, tidak

merupakan hasil penjiplakan ataupun plagiat.

Adapun beberapa bagian yang menyesuaikan bentuknya dengan website

www.amikom.ac.id dilakukan untuk mempermudah proses integrasi ke website

tersebut dan sudah mendapatkan izin dari pihak terkait.

3.2.4.3 Kelayakan Operasional

Kelayakan operasional dapat ditinjau dari kemudahan system informasi

peminjaman fasilitas ini untuk diakses, karena berbasis web dan terkoneksi

kedalam jaringan internet. Sistem informasi peminjaman fasilitas ini dirancang

untuk mudah digunakan sesuai dengan kemampuan sumber daya manusia yang

ada.

3.3 Perancangan Sistem dengan Unified Modeling Language (UML)

Perancangan Sistem Informasi Peminjaman Fasilitas ini menggunakan

metode Unified Modeling Language (UML) yang menggunakan sekumpulan

diagram untuk memodelkan sistem. Adapun beberapa diagram yang digunakan

antara lain :

3.3.1 Use Case Diagram

Use Case Diagaram menyajikan interaksi antara Use Case dan actor,

adapun Use Case Diagram pada Sistem Informasi Peminjaman Fasilitas ini adalah

sebagai berikut :

37

Keterangan :

Gambar 3.2 Use Case Diagram

3.3.2 Diagram Activity

3.3.2.1. Activity Diagram Penambahan Data oleh admin

Desain Activity Diagram untuk Penambahan Data Pada Manajemen Petugas,

manajemen inventaris, manajemen peminjaman, dan manajemen costumer

service, seperti pada gambar dibawah ini:

38

Pada Gambar diatas dapat dilihat bagaimana proses untuk melakukan input

data. Aktor yang men-trigger use case ini adalah admin

Activity Diagram Use Case Penambahan Data

SystemAdmin

Memilih Menu

Tambah Data

Menampilkan Form

Untuk

Input Data

Mengisi Data, lalu klik

Simpan untuk selesai

Menerima Inputan dari

admin

Data Sudah

benar ?

Menampilkan Pesan

Sukses dan

memasukkan data ke

dlm database

Menampilkan

Pesan error

Ya

Gambar 3.3 Activity diagram penambahan data oleh admin

39

3.3.2.2 Activity Diagram Edit Data oleh Admin

Desain Activity Diagram untuk Use Case Edit Data dapat dilihat pada

Gambar di bawah ini :

Pada Gambar diatas dapat dilihat bagaimana proses untuk melakukan edit data.

Aktor yang men-trigger use case ini adalah admin

Activity Diagram Use Case Edit Data

SystemAdmin

Memilih data yang

akan dieditMenampilkan Form

Data lama

Mengubah data Dan

menekan tombol Update


admin

Data Sudah

benar ?

Menampilkan Pesan

Sukses dan

mengupdate dlm

database

Menampilkan

Pesan error

Ya

Gambar 3.4 Activity diagram edit data oleh admin

40

3.3.2.3 Activity Diagram Hapus Data oleh Admin

Desain Activity Diagram untuk Use Case Hapus Data dapat dilihat pada

Gambar di bawah ini :

Pada Gambar diatas . dapat dilihat bagaimana proses untuk melakukan

delete data. Aktor yang men-trigger use case ini adalah admin. Sebelum memilih

menu delete data, admin harus memilih manage data terlebih dahulu.

Activity Diagram Use Case Hapus Data

SystemAdmin

Memilih Data yang

akan dihapus

MenampilkanKonfirmasi

apakah benar akan

menghapus data

Yakin Dihapus

?

Menekan

Tombol Yes

Ya

Menekan

Tombol No

Tidak

Menghapus Data

Dalam

Database dan

menampilkan Pesan

Sukses

Gambar 3.5 Activity diatam hapus data oleh admin

41

3.3.2.4 Activity Diagram Pengelolaan Laporan oleh petugas

Desain Activity Diagram untuk mengelola Laporan dapat dilihat pada

Gambar dibawah ini.

Gambar diatas dapat dilihat bagaimana proses melakukan Pengelolaan

Laporan. Aktor yang men-trigger use case ini adalah petugas. Laporan ini akan

menampilkan data mengenai peminjaman secara lengkap berdasarkan rentang

waktu yang diminta.

Pengelolaan Laporan oleh Petugas

SystemAdmin

Menampilkan Laporan-laporan

Yang dipilih dan data lainnya

Pemilihan Menu Manage

Laporan

Gambar 3.6 Activity diagram kelola laporan oleh admin

42

3.3.2.5 Activity Diagram Lihat Data Oleh User

Desain Activity Diagram untuk Melihat data, seperti : Tentang kami,

cara peminjaman, syarat dan ketentuan, cek fasilitas, dan agenda, dapat dilihat

pada Gambar dibawah ini :

Pada gambar ini user bisa melihat data di pada sistem tanpa bisa

melakukan perubahan.

3.3.2.6 Activity Diagram Hubungi Kami

Desain Activity Diagram untuk Hubungi Kami dapat dilihat pada Gambar

di bawah ini :

Lihat Data Oleh User

SystemUser

Menampilkan data yang dipilih

Pemilihan Menu Data

Yang akan dilihat

Gambar 3.7 Activity diagram lihat data oleh user

43

Gambar diatas menunjukkan bagaimana proses untuk melakukan menghubungi

petugas melalui menu hubungi kami. Aktor yang melakukan ini adalah user

Activity Diagram Hubungi kami

SystemUser

Memilih Menu

Hubungi Kami

Menampilkan Form

Untuk

Input Data

Mengisi Data, lalu klik

Simpan untuk selesai


user

Data Sudah

benar ?

Menampilkan Pesan

Sukses dan

memasukkan data ke

dlm database

Menampilkan

Pesan error

Ya

Gambar 3.8 Activity Diagram Hubungi Kami

44

3.2.2.7 Activity Diagram Peminjaman Fasilitas

Desain Activity Diagram untuk Use Case Peminjaman Fasilitas dapat

dilihat pada Gambar di bawah ini :

Gambar 3.9 Activity Diagram Peminjaman Fasilitas

Activity Diagram Peminjaman Fasilitas/Inventaris

SystemUser

Memilih Menu

PeminjamanMenampilkan Formulir

Peminjaman

Mengisi Formulir dan

menekan tombol proses

Memproses waktu mulai dan

waktu selesai, dan menampilkan

fasilitas yang tesedia

Data Sudah

benar ?

Menampilkan Pesan

Sukses dan

memasukkan data ke

dlm database

Menampilkan

Pesan error

Memilih Fasilitas yang mau

dipinjam, dan melengkapi

formulir peminjaman

Memproses data dari

user

Ya

45

Pada Gambar diatas dapat dilihat bagaimana proses untuk melakukan

pemesanan produk. Aktor yang men-trigger use case ini adalah user dan admin.

Formulir peminjaman yang telah di setujui pihak terkait akan di jadikan bukti

peminjaman untuk mengkonfirmasi peminjaman.

3.3.3 Class Diagram

Gambar 3.10 Class Diagram

Pemohon

#Id_Pemohon: varchar+Nama_Pemohon: varchar+Alamat: varchar+Telepon: varchar+Email: varchar

+update()+insert()+save()+delete()

Fasilitas

+Id_Fasilitas: varchar+nama_fasilitas: varchar+Status: varchar+Kondisi: varchar

+update()+insert()+delete()

Petugas

+Id_petugas: varchar+nama_petugas: varchar+alamat: varchar+telepon: varchar+email: varchar

+update()+inset()+delete()

Peminjaman

+Id_Peminjaman: int+tgl_pinjam: varchar+tgl_kembali: varchar+id_Peminjam+id_brg+jumlah

0..*

1

1

1..*

Konfirmasi

+id_brg: varchar+id_petugas: varchar+id_transaksi: varchar

1..*1..*

46

3.3.4 Squence Diagram

Squence Diagram yang ada pada sistem informasi peminjaman ini dapat

dilihat pada diagram konteks berikut :

Gambar 3.11 Squence Diagram

Tombol Review Hasil

Peminjaman Tombol

Proses

1. 1. Tekan Tombol Login 1.2.Simpan

input (Id

dan

Passwd)

1.3. Status

Login

dengan

session

2.1.

Simpan

waktu

mulai dan

selesai

2.3.Simpa

n data

peminja

m dan

fasilitas

yg

dipinjam

2.4.Tampi

lkan data

peminjam

dan

fasilitas

yg

dipinjam

2.5.Simpa

n dan

cetak

data

peminja

m dan

fasilitas

yg

dipinjam

2.5.cetak

hasil

(pdf)

1. Masukan Id dan Passwd

2. Isi Formulir Peminjaman

Proses

Peminj

amanD

an

Proses

cetak

User Tombol

Peminjaman

Form

Peminjaman

Proses

Login

Tombol Cetak

Form Login Tombol Login

47

3.3.5 Data Model

Data model yang digunakan digambarkan dengan metode Entity Relational

Diagram (ERD) sebagai berikut :

Peminjam Fasilitas/InventarisMeminjam

Administrator

(Petugas Bag Krt)

Id_Peminjam

Nama_Peminjam

Alamat_Peminjam

No_HP

email

Id_Pinjam

Keperluan/

Agenda

Waktu_Kembali

Waktu_Pinjam Tempat

Nama_Organisasi

Id_Inventaris

Nama_Inventaris

Kondisi

Id_Petugas

Nama_Petugas

Alamat_Petugas

Status_Konfirm

1 M

1

M

1

M

Id_Inventaris

Deskripsi

Kategori

Gambar 3.12 Entity Relationship Diagram

48

3.3.6 Relasi Antar Tabel

Adapun relasi antar tabel dapat dilihat pada diagram berikut :

Gambar 3.13 Relasi Antar Tabel

3.3.7 Rancangan Struktur Tabel

Struktur tabel yang digunakan pada database :

1. Tabel Users

Tabel 3.9 Tabel Users

Nama Field Tipe Size Keterangan

Id_User Varchar 11 NIM/NIK, PK

Password Varchar 125 Password

Nama Varchar 125 Nama Lengkap

49

Jabatan Varchar 30 Jabatan

Email Varchar 125 Alamat e-mail

No_Hp Varchar 30 No HP/Telp

Alamat Varchar 215 Alamat Jogja

Photo Varchar 125 Photo

2. Tabel Petugas

Tabel 3.10 Tabel Petugas


Id_Petugas Varchar 10 Primary Key

Password Varchar 50 Password

Nama Varchar 125 Nama

Jabatan Varchar 25 Jabatan

Email Varchar 45 Email

No_Hp Varchar 12 HP/Telp

Alamat Varchar 215 Alamat

3. Tabel Inventaris

Tabel 3.11 Tabel Inventaris


Id_Inventaris Int 5 PK

Nama_Inventaris Varchar 30 Nama Inventaris

50

Kategori Varchar 10 Kategori

Deskripsi Varchar 215 Keterangan

Status Varchar 15 Status

Kondisi Varchar 25 Kondisi

Gambar Varchar 100 Nama Gambar

Ket Varchar 50 Tabel tambahan

4. Tabel Pinjam

Tabel 3.12 Tabel Pinjam


Id_Pinjam Int 6 PK

Id_Pemohon Varchar 30 Id/Nama

Organisasi Varchar 30 Organisasi

No_Hp Varchar 15 No Handphone


Kegiatan Varchar 115 Kegiatan

Tempat Varchar 115 Tempat

Waktu_Mulai Date Tanggal Mulai

Waktu_Selesai Date Tanggal Selesai

Jam_Awal Time Jam Mulai

Jam_Akhir Time Jam Selesai

51

5. Tabel Detail Pinjam

Tabel 3.13 Tabel Detail Pinjam


Id_Pinjam Int 6 FK

Id_Inventaris Int 5 FK

Status Varchar 11 Status

6. Tabel Temp

Tabel 3.14 Tabel Temp


Id_Pinjam Int 5 PK

Id_Pemohon Varchar 30 Id/Nama

Organisasi Varchar 30 Organisasi

No_Hp Varchar 12 No Handphone


Kegiatan Varchar 112 Kegiatan

Tempat Varchar 112 Tempat

Waktu_Mulai Date Tanggal Mulai

Waktu_Selesai Date Tanggal Selesai

Jam_Awal Time Jam Mulai

Jam_Akhir Time Jam Selesai

Id_Session Varchar 100 Id Session

52

7. Tabel Hubungi

Tabel 3.15 Tabel Hubungi


Id_Hubungi Int 5 PK


Email Varchar 100 Email

Subjek Varchar 100 Judul Pesan

Pesan Text Isi Pesan

Tanggal Date Tanggal

8. Tabel Halaman Statis

Tabel 3.16 Tabel Halaman Statis


Id_Halaman Int 5 PK

Judul Varchar 100 Judul

Isi_Halaman Text Isi

Tgl_Posting Date Tanggal Posting

Gambar Varchar 100 Nama Gambar

53

9. Tabel YM

Tabel 3.17 Tabel YM


Id Int 10 PK


Username Varchar 125 Username YM

3.3.8 Perancangan Tampilan

Halam perancangan Interface digunakan untuk melihat rancangan yang aka dibuat

untuk mempermudah saat pembuatan website

3.3.7.1. Halaman Admin

1. Halaman Login

Digunakan untuk masuk ke dalam control panel. Dengan menggunaan id dan

password khusus petugas

2. Halaman Home

Disini berisikan tulisan selamat datang, dan beberapa kalimat untuk mengawali

halaman administrator

Gambar 3.14 Halaman Login

GAMBAR ATAS

Footer dan sedikit keterangan

Id Petugas

Password

Login

Login Petugas

54

3. Halaman Password

Digunakan untuk mengganti password jika salah satu Administrator yang telah

login, bertujuan untuk mengganti password jika merasa password yang lama

kurang kurang aman

Gambar 3.17 Halaman Admin

Gambar 3.15 Halaman Utama Admin

Selamat datang Dihalaman Admin

Custome

r Service

Gambar atas

Home

Cara Peminjaman

Peminjaman

Syarat&Ketentuan

Cek Fasilitas

Agenda

Hubungi Kami

Tentang Kami

Log Out

Footer dan beberapa keterangan

Petugas

Control Panel

Fasilitas Peminja

man

Peminjaman

Cepat

Hubungi

Kami

Hal Statis Password

Laporan Log Out

CS

55

4. Halaman Manajemen Petugas

Digunakan untuk menambahkan atau mengubah Petugas yang ada, untuk

disesuaikan dengan kebutuhan.

5. Halaman Peminjaman

Digunakan untuk menambahkan, mengubah atau menghapus data peminjaman

yang sudah dilakuan..

Gambar 3.18 Halaman Password

Gambar 3.19 Halaman Kategori

Gambar 3.18 Halaman Peminjaman

Gambar 3.17 Halaman Petugas

Tambah Petugas

No Id_Petugas Aksi

Tambah

Produk

Gambar 3.16 Halaman Password

Masukan Password Lama

Masukan Password Baru

Masukan Lagi Password Baru

Simpan Batal

Silahkan Untuk Mengganti

Password

No Peminjam Keperlu

an Mulai Selesa

i Inventaris Aksi

56

6. Halaman Fasilitas/Inventaris

Digunakan untuk melaukan perubahan data fasilitas dan inventaris, baik itu

penambahan, pengurangan ataupun edit data.

Gambar 3.20 Halaman Fasilitas

Gambar 3.19 Halaman Detail Pemijaman

ID Nama Inventaris Deskripsi Kategori Status Aksi

Inventaris / Fasilitas

Rp

Simpan Batal

Nama

Keperluan

Tempat

Organisasi

Waktu Mulai

Waktu selesai

Inventaris

Aksi

Keterangan

57

7. Halaman Customer Service

Digunakan untuk menambahkan, mengubah atau menghapus dat customer service

yang menggunakan id yahoo masenger.

Gambar 3.25 Halaman Ongkos Kirim

No Nama Id YM Aksi

Edit

Edit

Hapus

Hapus

Gambar 3.21 Halaman Penambahan Fasilitas

Gambar 3.23 Halaman Tambah Customer Service

Tambah Customer Service

Nama

ID YM

Simpan Batal

Gambar 3.22 Halaman Customer Service

Id_Fasilitas

Nama_Fasilitas

Kategori

Deskripsi

Kondisi

Batal Simpan

58

8. Halaman Halaman Statis

Digunakan untuk melakukan perubahan isi halaman statis yang terdiri dari :

tentang kami, cara peminjaman, syarat dan ketentuan, dengan tampilan :

9. Halam Hubungi Kami

Halaman ini digunakan untuk melihat pesan atau testimoni dari

pengunjung/peminjam.

Halaman Statis

Gambar 3.24 Halaman Manajemen Halaman Statis

Gambar 3.26 Halaman Hubungi Kami

Gambar 3.25 Halaman Edit Hal Statis

Aksi

Tentang Kami

Edit

Syarat dan Ketentuan

Edit

Cara Peminjaman

Edit

Halaman Statis

Hubungi Kami

No Nama Email Subjek Aksi Tanggal

Judul

Silahkan untuk mengubah isi halaman statis ini

Update

59

10. Halaman Laporan

Halaman ini digunakan untuk memproses Laporan

Gambar 3.27 Halaman Proses Laporan

Gambar 3.28 Halaman Laporan

No Nama Inventaris Peminjam Keperlua

n

Tanggal Status

Laporan

Laporan :

Dari Tanggal :

Sampai Tanggal :

Proses

Pilih

Pilih

60

11. Halaman Log Out

Digunakna untuk keluar dari system administrator

Gambar 3.32 Halaman Logout

Setelah Menekan Menu Logout, maka secara otomatis akan keluar dari halaman

Admin, untuk bias masuk kembali, user harus mengisi username dan password

untuk bsa login sebagai Admin

Gambar 3.29 Halaman Logout

Gambar atas

Home

Cara Peminjaman

Peminjaman

Syarat&Ketentuan

Cek Fasilitas

Agenda

Hubungi Kami

Tentang Kami

Log Out

Footer dan beberapa keterangan

Petugas

Control Panel

Fasilitas Peminja

man

Peminjaman

Cepat

Hubungi

Kami

Hal Statis Password

Laporan Log Out

CS

61

3.3.7.2. Halaman User

1. Home

Halaman ini merupakan desain utama yang digunakan untuk menampilkan semua

halaman yang dapat di akses oleh user, yang membedakan hanya pada bagian

konten .

Gambar 3.30 Halaman Home

Menu Atas

Gambar

KONTEN

Footer

Menu Pilihan

Menu Tengah

62

BAB IV

IMPLEMENTASI DAN PEMBAHASAN

4.1 Implementasi

Implementasi merupakan tahapan setelah melakukan analisis dan

perancangan sistem pada siklus rekayasa perangkat lunak dimana aplikasi siap

dioperasikan pada keadaan yang sebenarnya sehingga dari sini akan diketahui

apakah program atau aplikasi atau sistem yang telah dibuat benar-benar dapat

menghasilkan keluaran yang sesuai dengan tujuan yang diinginkan. Program

harus bebas terlebih dahulu dari kesalahan-kesalahan sebelum program diterapkan

dan diimplementasikan. Kesalahaan program yang mungkin terjadi adalah

kesalahan bahasa (syntax), kesalahan pada saat program sedang berjalan (runtime)

atau kesalahan logika. Setelah program bebas dari kesalahan, program diuji

dengan memasukkan data uji untuk diolah.

4.2 Pembuatan Program

4.2.1 Pembuatan Database, Tabel, dan Operasinya

Pembuatan database dilakukan dengan menggunakan aplikasi DBMS

MySQL. Langkah awal yaitu pembuatan database, dan dilanjutkan dengan

pembuatan table serta komponen atributnya.

63

Setelah pembuatan database, langkah selanjutnya adalah pembuatan table, dan

dilanjutkan dengan proses operasi database, baik itu tambah data, ubah data,

maupun hapus data, yang semua operasi itu dijalankan dari file .php. Berikut

beberapa contoh pembuatan tabel dan operasi-operasinya :

1. Membuat tabel petugas

CREATED TABLE `petugas` (

ìd_petugas` varchar (10) NOT_NULL,

`password` varchar (50) NOT_NULL,

Gambar 4.1 Pembuatan Database

Gambar 4.2 Database Telah Dibuat

64

`nama` varchar(125) NOT_NULL,

`jabatan` varchar(25) NOT_NULL,

èmail` varchar (45) NOT_NULL,

`no_hp` varchar (12) NOT_NULL,

àlamat` varchar (215) NOT_NULL,

PRIMARY KEY (ìd_petugas`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1;

2. Menambahkan data kedalam tabel petugas

Penambahan dilakukan melalui file “aksi_petugas.php” yang mengambil

data dari file “petugas.php” dengan metode POST, berikut contohnya :

// Input Petugas

// Jika modul (pada file petugas.php) = petugas, dan aksi =

input, maka dilakukan proses penambahan data

if ($module=='petugas' AND $act=='input'){

// Password disandikan dengan metode MD5

$pass=md5($_POST[password]);

// Perintah untuk tambah data kedalam tabel “petugas”

mysql_query("INSERT INTO petugas(id_petugas,

password,

nama,

jabatan,

email,

no_hp,

alamat)

VALUES('$_POST[username]',

'$pass',

'$_POST[nama_lengkap]',

Gambar 4.3 Tabel Petugas

65

'$_POST[jabatan]',

'$_POST[email]',

'$_POST[no_telp]',

'$_POST[alamat]')");

header('location:../../beranda.php?module='.$module);

}

3. Mengubah data dari tabel.

Untuk operasi mengubah data yang ada pada tabel, sebagai contoh adalah

mengubah data pada tabel petugas diatas, tetap dilakukan melalui file

“aksi_petugas.php” yang mengambil variabel data dari file “petugas.php”

dengan metode POST, berikut contoh programnya :

// Update petugas

// Jika modul (pada file petugas.php) = petugas, dan aksi =

update, maka dilakukan proses pengubahan data

elseif ($module=='petugas' AND $act=='update'){

// Jika mengubah data tanpa mengganti password

if (empty($_POST[password])) {

mysql_query("UPDATE petugas SET nama = '$_POST[nama]',

email = '$_POST[email]',

no_hp = '$_POST[no_telp]',

alamat = '$_POST[alamat]'

WHERE id_petugas = '$_POST[id]'");

}

Gambar 4.4 Tampilan hasil penambahan data petugas

66

// Apabila mengubah data dan password diubah

else{

$pass=md5($_POST[password]);

mysql_query("UPDATE petugas SET password = '$pass',

nama = '$_POST[nama]',

email = '$_POST[email]',

no_hp = '$_POST[no_telp]'

alamat = '$_POST[alamat]'

WHERE id_petugas = '$_POST[id]'");

}


}

4. Menghapus data dari tabel

Operasi lain yang sering dipakai adalah menghapus data dari tabel

database. Sebagai contoh berikut code program pada file

“aksi_petugas.php” yang berfungsi menghapus data dari tabel petugas :

// hapus petugas

// apabila modul (pada file petugas.php) = petugas, dan aksi

= hapus, maka dilakukan proses penghapusan data

elseif ($module=='petugas' AND $act=='hapus'){

mysql_query("DELETE FROM petugas WHERE

id_petugas='$_POST[id]'");


}

Gambar 4.5 Tampilan hasil ubah data petugas

67

4.2.2 Koneksi Database MySQL

Untuk dapat mengakses sebuah database MySQL dalam sebuah aplikasi

berbasis web, memerlukan sebuah file koneksi. Berikut adalah script php untuk

koneksi database (koneksi.php).

<?php

$server = "localhost";

$username = "root";

$password = "";

$database = "SIP";

mysql_connect($server,$username,$password) or die

("Koneksi Gagal");

mysql_select_db($database) or die ("Database tidak

bisa dibuka");

?>

Dari Script diatas dapat diperoleh keterangan sebagai

berikut :

$server = "localhost" : nama host server yang digunakan.

$username = "root" : nama username pada database server

MySQL.

$password = "" : kata sandi atau password.

$database = "SIP" : nama database yang dibuat.

Gambar 4.6 Tampilan hasil hapus data petugas

68

4.3 Pengujian Sistem

Uji coba system dan program dalam pembuatan Sistem Informasi

Peminjaman Fasilitas bagian kerumahtanggaan STMIK AMIKOM Yogyakarta

ini, akan dilakukan dengan pengetesan fungsi dan logika yang telah diberikan

pada masing-masing program atau menu, apakah masih ada kesalahan atau tidak.

Dengan menjalankan program dapat dideteksi kesalahan yang ada dan fungsi-

fungsi yang tidak sesuai. Pesan kesalahan akan muncul di browser ketika ada

sintaks yang tidak benar. Ada dua jenis pengujian system, yaitu :

4.3.1 Black Box Testing

Pengujian Black Box Testing berfokus pada fungsi sistem, tentang

kesalahan interface, fungsi, basis data atau kesalahan kinerja system. Pengujian ini

dilakukan terhadap seluruh menu yang ada, untuk mencari kesalahan, sehingga

apabila ditemukan kesalahan bisa dilakukan perbaikan.

Hasil dari pengujian dapat dilihat pada tabel berikut :

Nama

Pengujian Tujuan Skenario

Hasil yang

diharapkan

Hasil yang

didapat

Kinerja Menu

Samping

Memastikan

semua menu

yang ada

berfungsi

dengan baik

Memilih satu

persatu menu

yang ada

Setiap menu

berfungsi dan

menampilkan

konten sesuai

menunya

OK

Manajemen

Petugas

Memastikan

semua fungsi

pada

manajemen

petugas bisa

digunakan

Mencoba

fungsi tambah

petugas, edit

dan hapus

petugas

Semua fungsi

pada

manajemen

petugas bisa

digunakan

OK

Manajemen Memastikan Mencoba Semua fungsi OK

Tabel 4.1 Laporan black box testing

69

Inventaris semua fungsi

pada

manajemen

inventaris bisa

digunakan

fungsi

tambah, edit

dan hapus

inventaris

pada control

panel

pada

manajemen

inventaris

berfungsi

dengan baik

Manajemen

Peminjaman

Memastikan

semua fungsi

pada

manajemen

peminjaman

bisa berfungsi

dengan baik

Mencoba

fungsi

tambah, edit,

konfirmasi,

dan

peminjaman

cepat

Semua fungsi

pada

manajemen

peminjaman

dapat

digunakan

OK

Manajemen

Hubungi kami

Memastikan

semua fungsi

pada

manajemen

hubungi kami

bisa

digunakan

Mencoba

fungsi hapus

dan balas via

email pada

menu

manajemen

hubungi kami

Semua fungsi

pada

manajemen

hubungi kami

bisa berfungsi

dengan baik

OK

Manajemen

Customer

Service

Memastikan

semua fungsi

pada

manajemen

customer

serviece bisa

digunakan

Mencoba

fungsi

tambah, edit

dan hapus

customer

service

Semua fungsi

pada

manajemen

customer

service dapat

dijalankan

dengan baik

OK

Manajemen

Hal Statis

Memastikan

semua fungsi

pada

manajemen

halaman statis

bisa

digunakan

Mencoba

fungsi

tambah, edit

dan hapus

manajemen

hal statis

Semua fungsi

pada

manajemen

halaman statis

bisa

digunakan

OK

Ganti

Password

Memastikan

setiap petugas

bisa

mengubas

passwordnya

Mencoba

fungsi edit

password

pada control

panel

Setiap petugas

bisa

mengganti

password

pribadinya

OK

Manajemen

Laporan

Memastikan

semua fungsi

pada

manajemen

laporan bisa

digunakan

Mencoba

membuat

laporan

periodik dan

laporan hari

ini.

Laporan bisa

dicetak dalam

bentuk pdf,

baik laporan

hari ini

maupun

dalam periode

OK

70

tertentu

Proses

Peminjaman

Memastikan

semua fungsi

pada proses

peminjaman

bisa

digunakan

Mencoba

melakukan

peminjaman

fasilitas dalam

beberapa

format yang

berbeda

Proses

peminjaman

bisa berjalan

dengan baik

dan benar.

OK

4.3.2 White Box Testing

White box testing berbeda dengan pengujian black box testing, kalau black

box testing adalah pengujian semua logika dan fungsi, sedangkan white box

testing adalah pengujian yang dilakukan terakhir kali sebelum sistem

diimplementasikan.

Strategi ini digunakan untuk melihat mekanisme internal dari suatu produk

perangkat lunak, khususnya untuk mengamati struktur dan logika kode-kode

program yang ditulis. Strategi ini dapat dilakukan dengan cara meninjau langsung

kode program (source code) yang ditulis dalam membangun perangkat lunak.

Termasuk di dalamnya komponen-komponen berupa fungsi (function), prosedur

(procedure) ataupun modul-modul eksternal yang digunakan.

Adapun pengujian yang dilakukan dapat dilaporkan sebagai berikut :

Nama

Pengujian Tujuan Skenario

Hasil yang

diharapkan

Hasil yang

didapat

Koneksi ke

database

Memastikan

system

terkoneksi ke

Mencoba

login, tambah,

edit dan hapus

Sistem

terkoneksi ke

database dan

OK

Tabel 4.2 Laporan Hasil White box testing

71

database

dengan baik

data dari tabel

petugas

semua tabel

dengan baik

Login User Memastikan

login user

berhasil

Memasukkan

id user dan

password

Setiap user

yang terdaftar

bisa login

OK

Login Petugas Memastikan

login petugas

berhasil

Memasukkan

id petugas dan

password

Setiap petugas

yang terdaftar

bisa login

OK

4.4 Pengujian Fungsi

Pengujian fungsi dilakukan setelah sistem diunggah kedalam hosting

dengan tujuan untuk mengetahui apakah semua fungsi yang ada pada sistem

berjalan seperti yang diharapkan atau tidak. Uji sistem melibatkan beberapa

relawan dari calon pengguna sistem.

Dari uji fungsi yang dilakukan dapat dilaporkan sebagai berikut :

Fungsi

yang salah

Fungsi yang

seharusnya

Fungsi

yang

ditemukan

Kendala/Sebab Berhasil

diperbaiki

Login user User login dengan

id user dan

password yang ada

di

www.amikom.ac.id

User harus

login

dengan id

dan

password

yang

didaftarkan

Belu terkoneksi ke

system login pada

www.amikom.ac.id

Belum

WYSIWYG

(What You

See is What

Youg Get)

tidak

berfungsi

WYSIWYG (What

You See is What

Youg Get) bisa

difungsikan pada

setiap text area

yang ada untuk

membantu

manajemen isi

tulisan

WYSIWYG

(What You

See is What

Youg Get)

tidak

berfungsi

pada text

area yang

ada

Belum ditemukan

Berhasil

Tabel 4.3 Hasil Uji Fungsi

72

4.5 Manual Program

Manual program pada laporan ini tidak digambarkan secara rinci satu

persatu, tetapi akan digambarkan secara umum dan kemudian diberi penjelesan

detail pada beberapa bagian inti sistem.

Adapun gambaran umum manual program sistem ini dapat dilihat pada

work flow berikut ini :

4.5.1 Pengunjung atau peminjam

Work flow untuk pengunjung atau peminjam dapat dilihat pada gambar

berikut :

a. Work flow untuk pengunjung :

1. Akses Internet

2. Buka Web SIP

Pilih Menu yang tersedia, yaitu :

1. Home

2. Cara Peminjaman

3. Peminjaman (harus login)

4. Syarat & Ketentuan

5. Cek Fasilitas

6. Agenda

7. Hubungi Kami

8. Tentang Kami

Gambar 4.7 Work Flow Pengunjung

73

b. Work flow untuk peminjam

1. Akses Internet

2. Buka Web SIP

3. Cetak Formulir

Yang sudah terisi

5. Konfirmasi Peminjaman

Ke Bag. Kerumahtanggaan

4. Minta Persetujuan

PUKET II/III

Langkah – Langkah :

1. Login dengan id

dan password yang

ada di

www.amikom.ac.id

2. Pilih Menu

Peminjaman

3. Isi data peminjam,

masukkan waktu

mulai dan waktu

selesai, klik tombol

“proses”.

4. Pilih fasilitas/

inventaris yang akan

dipinjam, klik tombol

“lanjut”.

5. Cetak Formulir

peminjaman.

4.5.2 Petugas

Untuk petugas disediakan control panel yang berfungsi sebagai pusat

pengaturan system, untuk lebih jelas dapat dilihat pada gambar berikut :

Gambar 4.8 Work Flow Peminjam

74

1. Akses Internet

2. Buka Control Panel SIP

Pilih Menu yang tersedia, yaitu :

(Menu Samping) : (Menu Utama) :

1. Home 1. Mnj. Petugas (tambah, ubah, hapus)

2. Cara Peminjaman 2. Mnj. Inventaris (tambah,ubah,hapus)

3. Peminjaman (login) 3. Mnj. Peminjaman (Hapus,

4. Syarat & Ketentuan Konfirmasi, peminjaman cepat)

5. Cek Fasilitas 4. Mnj. Hub. Kami (hapus, balas )

6. Agenda 5. Mnj. CS (tambah, ubah, hapus)

7. Hubungi Kami 6. Mnj. Hal Statis (tmb, ubah, habus)

8. Tentang Kami 7. Ganti Password

9. Log Out 8. Laporan (periodik, hari ini)

9. Log out

Petugas

Fungsi khusus yang ada pada control panel petugas adalah peminjaman

cepat, berikut gambarnya :

1. Akses Internet

2. Buka Web SIP


1. Login dengan id

dan password

khusus petugas

2. Pilih Menu

Peminjaman

3. Isi data peminjam,

masukkan waktu

mulai dan waktu

selesai, klik tombol

“proses”.

4. Pilih fasilitas/

inventaris yang akan

dipinjam, klik tombol

“lanjut”.

5. Cetak Formulir

peminjaman.

3. Sepakati Peminjaman

4. Serahkan yang

dipinjam

Gambar 4.9 Work Flow Petugas

Gambar 4.10 Work Flow Peminjam Cepat

75

Tugas utama bagi petugas adalah mengkonfirmasi dan menyerahkan

inventaris yang dipinjam telah dipinjam secara online, berikut gambarnya :

1. Akses Internet


3. Konfirmasi Peminjaman

Dari peminjam


1. Login dengan id

dan password

khusus petugas

2. Pilih Menu

Peminjaman

3. Pilih peminjaman

sesuai formulir, klik

“detail”

4. Ubah status

peminjaman menjadi

“booked”

5. klik Update4. Serahkan yang

dipinjam

Petugas

Adapun untuk proses pengembalian fasilitas dapat dilihat pada gambar

berikut :

1. Akses Internet



1. Login dengan id

dan password

khusus petugas

2. Pilih Menu

Peminjaman

3. Pilih peminjaman

sesuai formulir, klik

“detail”

4. Periksa kondisi

inventaris

5. Ubah status

peminjaman menjadi

“bebas”

6. klik Update

7. Simpan Inventaris

Kedalam gudang

Petugas

3. Peminjam Mengembalikan

Inventasi yg dipinjam 4. Petugas Memeriksa

Kondisi Inventaris

6. Simpan Inventaris

digudang

5. Petugas mengubah

Status inv jadi bebas

Gambar 4.11 Work Flow konfirmasi peminjaman

Gambar 4.12 Work Flow pengembalian fasilitas

76

4.5.3 Pembahasan Singkat

Dari gambar work flow manual program terdahulu, dapat dijelaskan

beberapa menu utama dari sistem informasi peminjan fasilitas ini sebagai berikut :

1. Halaman Utama Control Panel

Halaman ini adalah halaman utama pada control panel admin sistem

informasi peminjaman fasilitas ini, pada menu kiri terdapat menu yang

sama dengan peminjam, sedangkan dibagian tengah terdapat menu yang

berfungsi untuk mengatur sistem informasi peminjaman ini,

Gambar 4.13 Tampilan Control Panel

77

2. Fasilitas/ Inventaris

Pada menu ini petugas bisa melakukan pengaturan data fasilitas dan

inventaris, baik itu menambah, mengubah maupun menghapus data,

berikut tampilannya :

Gambar 4.14 Tampilan Manajemen Fasilitas

Gambar 4.15 Tampilan Form Tambah Fasilitas

78

Tampilan – tampilan diatas dihasilkan dari code program berikut ini :

<?php

//memuali session

session_start();

// memeriksa sudah login apa belum

if (empty($_SESSION['petugas']) AND

empty($_SESSION['passuser'])){

echo "<link href='style.css' rel='stylesheet'

type='text/css'>

<center>Untuk mengakses modul, Anda harus login <br>";

echo "<a href=../../index.php><b>LOGIN</b></a></center>";

}

// mengatur halaman aksi

else{

$aksi="inventaris/inventaris/aksi_inventaris.php";

switch($_GET[act]){

// Tampilkan data Inventaris

default:

echo "<h2>Inventaris & Fasilitas</h2>

Gambar 4.16 Tampilan Form Edit Fasilitas

79

<p> </p>

<table border='1'>

<tr><th>No</th><th>Nama

Inventaris</th><th>Kategori</th><th>Deskripsi</th><th>Status

</th><th>Kondisi</th><th>Gambar</th><th>aksi</th></tr>";

$p = new Paging;

$batas = 10;

$posisi = $p->cariPosisi($batas);

// Memanggil data dari database

$tampil = mysql_query("SELECT * FROM inventaris ORDER BY

id_inventaris LIMIT $posisi,$batas");

$no = $posisi+1;

while($r=mysql_fetch_array($tampil)){

echo "<tr><td>$no</td>

<td>$r[nama_inventaris]</td>

<td align=center>$r[kategori]</td>

<td>$r[deskripsi]</td>

<td align=center>$r[status]</td>

<td align=center>$r[kondisi]</td>

<td align=center>$r[gambar]</td>

// tombol edit dan hapus

<td><a

href=?module=inv&act=editinventaris&id=$r[id_inventaris]>Edit</a>

| <a

href='$aksi?module=inv&act=hapus&id=$r[id_inventaris]&namafile=$r[

gambar]'>Hapus</a></td></tr>";

$no++;

}

echo "</table>";

$jmldata = mysql_num_rows(mysql_query("SELECT * FROM

inventaris"));

80

$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);

$linkHalaman = $p->navHalaman($_GET[halaman],

$jmlhalaman);

echo "<div id=paging>Hal: $linkHalaman</div><br>

<p> </p>

// menu tambah inventaris

<input type=button value='Tambah Inventaris'

onclick=\"window.location.href='?module=inv&act=tambahinvent

aris';\">";

break;

case "tambahinventaris":

echo "<h2>Tambah Inventaris & Fasilitas </h2>

<form method=POST action='$aksi?module=inv&act=input'

enctype='multipart/form-data'>

<table>

<tr><td width=100>Nama Inventaris</td> <td> : <input

type=text name='nama_inventaris'

size=60></td></tr>

<tr><td>Kategori</td><td> : <select name='kategori'>

<option value=0 selected>- Pilih Kategori -</option>

<option value=fasilitas>Fasilitas</option>

<option value=inventaris>Inventaris</option></select>

</td></tr>

<tr><td>Deskripsi</td><td> <textarea name='deskripsi'

style='width: 400px; height:250px;'></textarea></td></tr>

<tr><td>Status</td> <td> : <select name='status'>

<option value=0 selected>- Pilih Status -</option>

<option value=bebas>Siap Digunakan</option>

<option value=pinjam>Sedang

Dipinjam</option></select></td></tr>

<tr><td>Kondisi</td> <td> : <select name='kondisi'>

<option value=0 selected>- Pilih Kondisi -</option>

<option value=baik>Baik</option>

81

<option value=rusak>Rusak</option></select></td></tr>

<tr><td>Gambar</td> <td> : <input type=file

name='fupload' size=40>

<br>Tipe gambar harus JPG/JPEG dan ukuran lebar maks:

400 px</td></tr>

<tr><td>Ket</td> <td> : <input type=text name='ket'

size=30></td></tr>

// Tombol simpan dan batal

<tr><td colspan=2><input type=submit value=Simpan>

<input type=button value=Batal

onclick=self.history.back()></td></tr>

</table></form>

<b> Catatan : </b> </br>

Inventaris = Peralatan Yang Bisa dipindahkan,

seperti : Proyektor, dll.</br>

Fasilitas = Peralatan yang Siap Pakai dan tidak

bisa dipindahkan, seperti : ruang kelas, dll

";

break;

case "editinventaris":

// memanggil data yang akan diubah

$edit = mysql_query("SELECT * FROM inventaris WHERE

id_inventaris='$_GET[id]'");

$r = mysql_fetch_array($edit);

echo "<h2>Edit Inventaris & Fasilitas </h2>

<form method=POST enctype='multipart/form-data'

action=$aksi?module=inv&act=update>

<input type=hidden name=id value=$r[id_inv]>

<table>

<tr><td width=70>Nama Inventaris</td> <td> :

<input type=text name='nama_inventaris'

size=60 value='$r[nama_inventaris]'></td></tr>

<tr><td>Kategori</td> <td> : <select name='kategori'>

<option value=$r[kategori] selected>- Pilih Kategori -

</option>

<option value=fasilitas>Fasilitas</option>

82

<option value=inventaris>Inventaris</option></select>

</td></tr>

<tr><td>Deskripsi</td> <td> <textarea name='deskripsi'

style='width: 400px; height:

250px;'>$r[deskripsi]</textarea></td></tr>

<tr><td>Status</td> <td> : <input type=text

name='status' value=$r[status] size=30></td></tr>

<tr><td>Kondisi </td> <td> : <select name='kondisi'>

<option value=$r[kondisi] selected>- Pilih Kondisi -

</option>

<option value=baik>Baik</option>

<option value=rusak>Rusak</option></select></td></tr>

<tr><td>Gambar</td> <td> :

<img src='../foto_inv/small_$r[gambar]'></td></tr>

<tr><td>Ganti Gbr</td> <td> : <input type=file

name='fupload' size=30> *)</td></tr>

<tr><td colspan=2>*) Apabila gambar tidak diubah,

dikosongkan saja.</td></tr>

<tr><td>Ket </td> <td> : <input type=text name='ket'

value='$r[ket]' size=30></td></tr>

// tombol update dan batal

<tr><td colspan=2><input type=submit value=Update>

<input type=button value=Batal

onclick=self.history.back()></td></tr>

</table></form>";

break;

}

}

?>

3. Peminjaman

Pada menu ini petugas bisa melakukan pengaturan data peminjaman , baik itu

menambah, mengubah maupun menghapus data, berikut tampilannya :

83

Gambar 4.17 Tampilan Manajemen Peminjaman

Gambar 4.18 Tampilan Tambah/Edit Peminjaman

Gambar 4.19 Tampilan Detail Peminjaman

84

Tampilan diatas dihasilkan dari code program berikut ini :

<?php

// memulai session

session_start();

// memeriksa sudah di login atau belum

if (empty($_SESSION['petugas']) AND



type='text/css'>



}

else{

// menentukan file aksi

$aksi="fasilitas/peminjaman/aksi_peminjaman.php";

switch($_GET[act]){

// Manajemen Peminjaman

default:

echo "<h2>Peminjaman</h2>

<input type=button value='Peminjaman Cepat'

onclick=location.href='?module=pinjam&act=cekpinjam'>

<table>

<tr><th>No</th><th>Id

Pemohon</th><th>Organisasi</th><th>Kegiatan</th><th>Tempat</th>

<th>Waktu Mulai</th><th>Waktu

Kembali</th><th>Detail</th><th>Tindakan</th></tr>";

$p = new Paging;

$batas = 15;

$posisi = $p->cariPosisi($batas);

// memeriksa lever petugas

if ($_SESSION[leveluser]=='Administrator Web' or

$_SESSION[leveluser]=='petugas'){

85

// memilih data dari database

$tampil=mysql_query("SELECT * FROM peminjaman ORDER BY

id_peminjaman DESC LIMIT $posisi,$batas");

}

else{

$tampil=mysql_query("SELECT * FROM peminjaman

WHERE

id_peminjam='$_SESSION[id_user]'

ORDER BY id_peminjaman DESC LIMIT

$posisi,$batas");

}

// menampikan dalam tabel

$no = $posisi+1;

while ($r=mysql_fetch_array($tampil)){

$tgl_mulai = tgl_indo($r[waktu_mulai]);

$tgl_selesai = tgl_indo($r[waktu_selesai]);

echo "<tr><td>$no</td>

<td >$r[id_pemohon]</td>

<td >$r[organisasi]</td>

<td >$r[kegiatan]</td>

<td >$r[tempat]</td>

<td>$tgl_mulai</td>

<td>$tgl_selesai</td>

<td ><a

href=?module=pinjam&act=detailpinjam&id=$r[id_peminjaman]>Detai

l</a></td>

<td><a

href=?module=pinjam&act=editpinjam&id=$r[id_peminjaman]>Edit</a

> |

<a

href=$aksi?module=pinjam&act=hapus&id=$r[id_peminjaman]>Hapus</

a>

</tr>";

$no++;

}

echo "</table>";

86

if ($_SESSION[leveluser]=='Administrator Web' or

$_SESSION[leveluser]=='petugas'){


peminjaman"));

}

else{


peminjaman WHERE id_pemohon='$_SESSION[id_user]'"));

}

$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);

$linkHalaman = $p->navHalaman($_GET[halaman], $jmlhalaman);

echo "<div id=paging>$linkHalaman</div><br>";

break;

//CEK KETERSEDIAAN FASILITAS

case "cekpinjam":

echo"<h2> Formulir Peminjaman </h2>

<form method=POST

action='$aksi?module=pinjam&act=cekpinjam'>

<table>

<tr><td>Pemohon</td> <td> : <input type=text

name='pemohon' value='$_SESSION[petugas] ' disabled > *) Tidak

Bisa Di Ubah</td></tr>

<tr><td>Organisasi/Instansi</td> <td> : <input

type=text name='organisasi' size=95></textarea></td></tr>

<tr><td>No. HP/ No. Telp</td> <td> : <input

type=text name='telp' size=40></td></tr>

<tr><td>E- Mail</td> <td> : <input type=text

name='email' size=40></td></tr>

<tr><td>Kegiatan/Keperluan</td> <td> : <input type=text

name='kegiatan' size=95></td></tr>

<tr><td>Tempat</td> <td> : <input type=text

name='tempat' size=95></td></tr>

<tr><td>Tgl Mulai</td><td> : ";

combotgl(1,31,'tgl_mulai',$tgl_skrg);

87

combonamabln(1,12,'bln_mulai',$bln_sekarang);

combothn(2000,$thn_sekarang,'thn_mulai',$thn_sekarang);

echo" ,Pukul : <select name='jam_mulai'>

<option value=00

selected>Jam</option>

<option value=01>01</option>
























</select>

<select name='menit_mulai'>

<option value=00

selected>Menit</option>



88




</select> WIB

";

echo "</td></tr>

<tr><td>Tgl Selesai</td><td> : ";

combotgl(1,31,'tgl_selesai',$tgl_skrg);

combonamabln(1,12,'bln_selesai',$bln_sekarang);

combothn(2000,$thn_sekarang,'thn_selesai',$thn_sekarang);

echo" ,Pukul : <select name='jam_selesai'>

<option value=00

selected>Jam</option>























89



</select>

<select name='menit_selesai'>

<option value=00

selected>Menit</option>






</select> WIB

";

echo "

<tr></tr>

<tr align=center><td colspan=2> <b>Silahkan tekan

tombol Proses untuk melanjutkan peminjaman</b></br>

</br> <input type=submit value=Proses>

</table></form>";

break;

4. Laporan

Pada menu ini petugas bisa melakukan pencetakan laporan dengan memilih

tanggal untuk rentang waktu laporan yang diinginkannya, berikut tampilannya

Gambar 4.20 Tampilan Pilih Waktu Laporan

90

Tampilan diatas dihasilkan dari kode program berikut ini :

<?php

session_start();

if (empty($_SESSION['username']) AND



type='text/css'>



}

else{

echo "<h2>Laporan</h2>

<input type=button value='Laporan Hari Ini'

onclick=\"window.location.href='fasilitas/laporan/sekarang.php'

;\">

<form method=POST action='fasilitas/laporan/pdf_toko.php'>

<table>

<tr><td colspan=2><b>Laporan Per Periode</b></td></tr>

<tr><td>Dari Tanggal</td><td> : ";

combotgl(1,31,'tgl_mulai',$tgl_skrg);

combonamabln(1,12,'bln_mulai',$bln_sekarang);

Gambar 4.21 Tampilan Laporan dalam pfd

91

combothn(2000,$thn_sekarang,'thn_mulai',$thn_sekarang);

echo "</td></tr>

<tr><td>s/d Tanggal</td><td> : ";

combotgl(1,31,'tgl_selesai',$tgl_skrg);

combonamabln(1,12,'bln_selesai',$bln_sekarang);

combothn(2000,$thn_sekarang,'thn_selesai',$thn_sekarang);

echo "</td></tr>

<tr><td colspan=2><input type=submit value=Proses></td></tr>

</table>

</form>";

}

?>

<?php

error_reporting(0);

session_start();

if (empty($_SESSION['username']) AND



type='text/css'>



}

else{

include "class.ezpdf.php";

include "../../../aturan/koneksi.php";

include "rupiah.php";

$pdf = new Cezpdf();

// Set margin dan font

$pdf->ezSetCmMargins(3, 3, 3, 3);

$pdf->selectFont('fonts/Courier.afm');

92

$all = $pdf->openObject();

// Tampilkan logo

$pdf->setStrokeColor(0, 0, 0, 1);

$pdf->addJpegFromFile('logo.jpg',20,800,69);

// Teks di tengah atas untuk judul header

$pdf->addText(220, 820, 14,'<b>Laporan Peminjaman Fasilitas dan

Inventaris</b>');

$pdf->addText(200, 800, 14,'<b>Bag. Kerumahtanggan STMIK AMIKOM

Yogyakarta</b>');

// Garis atas untuk header

$pdf->line(10, 795, 578, 795);

// Garis bawah untuk footer

$pdf->line(10, 50, 578, 50);

// Teks kiri bawah

$pdf->addText(30,34,8,'Dicetak tgl:' . date( 'd-m-Y, H:i:s'));

$pdf->closeObject();

// Tampilkan object di semua halaman

$pdf->addObject($all, 'all');

// Baca input tanggal yang dikirimkan user

$mulai=$_POST[thn_mulai].'-'.$_POST[bln_mulai].'-

'.$_POST[tgl_mulai];

$selesai=$_POST[thn_selesai].'-'.$_POST[bln_selesai].'-

'.$_POST[tgl_selesai];

// Query untuk merelasikan kedua tabel di filter berdasarkan

tanggal

$sql = mysql_query("SELECT peminjaman.id_peminjaman as

faktur,DATE_FORMAT(waktu_mulai, '%d-%m-%Y') as

tanggal,

organisasi,id_pemohon,id_inventaris

FROM peminjaman

93

WHERE (peminjaman.waktu_mulai BETWEEN

'$mulai' AND '$selesai')");

$jml = mysql_num_rows($sql);

if ($jml > 0){

$i = 1;

while($r = mysql_fetch_array($sql)){

$data[$i]=array('<b>No</b>'=>$i,

'<b>No Peminjaman</b>'=>$r[id_peminjaman],

'<b>Tanggal</b>'=>$r[tanggal],

'<b>Organisasi</b>'=>$r[organisasi],

'<b>Peminjam</b>'=>$r[id_pemohon],

'<b>Inventaris </b>'=>$r[id_inventaris],

'<b>Keterangan</b>'=>$quantityharga);

$total = $total+($r[jumlah]*$r[harga]);

$totqu = $totqu + $r[jumlah];

$i++;

}

$pdf->ezTable($data, '', '', '');

// Penomoran halaman

$pdf->ezStartPageNumbers(320, 15, 8);

$pdf->ezStream();

}

else{

$m=$_POST[tgl_mulai].'-'.$_POST[bln_mulai].'-

'.$_POST[thn_mulai];

$s=$_POST[tgl_selesai].'-'.$_POST[bln_selesai].'-

'.$_POST[thn_selesai];

echo "Tidak ada peminjaman pada Tanggal $m s/d $s";

}

}

?>

94

5. Log Out

Menu ini digunakan untuk keluar dari halaman admin, berikut tampilannya

Pesan diatas didapatkan dati kode program berikut ini :

<?php

session_start();

session_destroy();

echo "<script>alert('Anda telah keluar dari halaman

administrator,

Terima Kasih '); window.location = 'index.php'</script>";

// Apabila setelah logout langsung menuju halaman utama

?>

Gambar 4.22 Tampilan Pesan Logout

95

BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan pada pembahasan yang telah di bahas pada halaman sebelumnya

dan dengan adanya penelitian pada bagian kerumahtanggan STMIK AMIKOM

Yogyakarta dan pembuatan laporan skripsi dengan judul “Analisis dan Perancangan

Sistem Informasi Peminjaman Fasilitas Bagian Kerumahtanggan STMIK

AMIKOM Yogyakarta Berbasis Web” maka dapat ditarik sebuah kesimpulan.

Dalam rangka meningkatkan kualitas pelayanan di bagian kerumahtanggaan

STMIK AMIKOM Yogyakarta maka dilakukanlah penelitian yang diawali dari

identifikasi permasalahan yang ada, kemudian dilakukan analisis dan perancangan

sistem sebagai solusi dari permasalahan yang ada. Selanjutnya dilakukan

implementasi dan uji sistem dari rancangan yang sudah dibuat sebelumnya.

Untuk penelitian dan identifikasi masalah digunakan teknik wawancara, baik

itu dengan staff bagian kerumahtanggan dan juga dengan calon peminjam. Adapun

untuk analisis kelemahan sistem yang ada saat ini digunakan metode PIECES, yang

dilengkapi dengan analisis kebutuhan dan analisis kelayakan.

Dilanjutkan dengan perancangan sistem menggunakan Unified modeling

Language (UML) yang meliputi use case diagram dan activity diagram, kemudian

96

dilengkapi dengan Class Diagram dan Squence Diagram. Adapun perancangan basis

data menggunakan Entity Relational Diagram (ERD). Sebagai penyempurna

perancangan sistem ditutup dengan perancangan tampilan.

Tahap selanjutnya dilakukan implementasi program yang sudah dirancang

dengan menggunakan aplikasi “Dream weaver” sebagai olah program dan “MySql”

sebagai basis data. Adapun langkah-langkahnya diawali dari pembuatan database,

tabel dan olah tabel yang dibutuhkan, kemudian dilanjutkan pembuatan sistem

setahap – demi setahap sesuai perancangan yang sudah ada.

Setelah sistem selesai dibuat, dilakuan uji sistem dengan metode Black Box

Testing, dan White Box Testing. Setelah dilakuan pembenahan dari hasil uji sistem

maka sistem di unggah kedalam hosting untuk kemudian dilakukan uji fungsi, dari uji

fungsi ditemukan kesalahan fungsi yang belum bias diperbaiki dengan alasan yang

dapat dipertanggungjawabkan.

Sebagai langkah akhir dibuatlah manual program atau petunjuk penggunaan

aplikasi dalam beberapa alur kerja atau work flow dan dilengkapi dengan beberapa

penjelasan detail hingga ke kode program pada beberapa bagian inti program.

5.2 Saran

Mengingat tidak ada yang sempurna di dunia ini, disadari sepenuhnya skripsi

ini masih banyak kekurangan sehingga kritik dan saran dari pembaca sangat

97

diharapkan. Kiranya skripsi ini dengan segala kelebihan dan kekurangan dapat

diterima serta member manfaat yang sebesar-besarnya bagi para pembaca.

Berdasarkan kesimpulan di atas, penulis memberikan saran sebagai berikut:

1. Dengan adanya sistem yang baru, pemeliharaan dan perawatan terhadap

perangkat keras, perangkat lunak dan ketersediaan server baik hosting dan

domain harus diperhatikan agar sistem dapat berjalan dengan baik.

2. Pengembangan sistem bisa dilakukan pada menu konfirmasi persetujuan

oleh PUKET II atau PUKET III dimana bisa dikembangankan konfirmasi

by system.

3. pengembangan lain bisa dilakukan dimana input konfirmasi bisa

digunakan barcode sehingga lebih memudahkan petugas.

4. Diharapkan juga adanya pengembangan terhadap sistem informasi yang

lebih luas yang bisa mencakup semua ranah kerja bagian

kerumahtanggaan STMIK AMIKOM Yogyakarta yang diintegrasikan

dengan sistem ini.

Demikian saran yang penulis sampaikan agar dapat diterima sebagai masukan.

Semoga Sistem Informasi Peminjaman Fasilitas ini dapat digunakan sebaik-baiknya

dan mendapatkan manfaat yang maksimal.

98

DAFTAR PUSTAKA

Al Fatta Hanif, 2007, Analisis & Perancangan Sistem Informasi untuk keunggulan

bersaing perusahaan & organisasi modern, Penerbit Andi,

Yogyakarta.

Arbie, 2004, Manajemen Database dengan MySQL, Penerbit Andi, Yogyakarta.

Dharwiyanti Sri, 2003, Materi Kuliah Umum IlmuKomputer.com copyright ©

2003 IlmuKomputer.com, diakses pada : 5 Juli 2012.

Firdaus, 2007, 7 Jam Belajar Interaktif PHP & MySQL dengan dreamweaver,

Penerbit Maxicom, Palembang.

H. Jogiyanto, 1999, Analisis & Disain Sistem Informasi: pendekatan terstruktur

teori dan praktek aplikasi bisnis, Penerbit Andi, Yogyakarta.

Kenneth E. Kendall dan Julie E. Kendall, 2006, Analisis dan Perancangan

Sistem, Penerbit PT. Indeks, Jakarta.

Kusrini, 2007, Strategi Perancangan dan Pengelolaan Basis Data, Penerbit Andi,

Yogyakarta.

Linda Marlinda, 2004, Sistem Basis Data, Penerbit Andi, Yogyakarta.

Sunyot Andi, 2007, Ajax Membangun web dengan teknologi Asyichronouse

JavaScript & XML, Penerbit Andi, Yogyakarta

Simarmata, 2010, Rekayasa Web, Penerbit Andi, Yogyakarta

99

Team Dosen STMIK AMIKOM Yogyakarta, 2012, Pedoman Penyusunan

Proposal dan Laporan Skripsi Jurusan Sistem Informasi & Jurusan

Teknik Informatika STMIK AMIKOM Yogyakarta, Yogyakarta.

Team Penyusun, Buku Panduan Akademik STMIK AMIKOM Yogyakarta Tahun

Ajaran 2012 – 2013, Yogyakarta.

Utami Ema dan Sukrisno, 2005, Konsep Dasar Pengolahan dan Pemrograman

Database dengan SQL Server, Ms. Acces, dan Ms. Visual Basic,

Penerbit Andi, Yogyakarta.

Wahana Komputer, 2006, Pengembangan Web di Linux dengan Apache, MySQL,

dan PHP(LAMP), Penerbit Salemba Infotek, Jakarta.

Documents

ANALYSIS AND DESIGN LEND FACILITY INFORMATION SYSTEM IN HOUSEHOLD DEPARTMENT OF STMIK AMIKOM YOGYAKARTA BASED ON WEB (Analisis Dan Perancangan Sistem Informasi Peminjaman Fasilitas