Sistem informasi inventaris dan pemeliharaan pendingin ruangan Universitas Sanata Dharma Yogyakarta berbasis web dengan mengkolaborasikan teknologi SVG, JPS, Javascript dan database MySQL - USD Repository

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  

SISTEM INFORMASI INVENTARIS DAN PEMELIHARAAN

PENDINGIN RUANGAN UNIVERSITAS SANATA DHARMA

YOGYAKARTA BERBASIS WEB DENGAN

MENGKOLABORASIKAN TEKNOLOGI SVG, JSP, JAVASCRIPT

DAN DATABASE MYSQL

  SKRIPSI Diajukan untuk memenuhi salah satu syarat

Memperoleh Gelar Sarjana Komputer

Program Studi Teknik Informatika

  Oleh: Fransiscus Anggit Dwi Suhendro

NIM : 065314022

JURUSAN TEKNIK INFORMATIKA

  

FAKULTAS SAINS dan TEKNOLOGI

UNIVERSITAS SANATA DHARMA

  

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

WEB BASED INFORMATION SYSTEM OF INVENTORY AND MAINTENANCE OF SANATA DHARMA UNIVERSITY'S AIR CONDITIONING USING COLABORATION OF SVG, JSP, JAVASCRIPT AND MYSQL DATABASE TECHNOLOGIES A THESIS Presented as Partial Fulfillment of the Requirements To Obtain the Sarjana Komputer Degree In Informatics Engineering Department By: Fransiscus Anggit Dwi Suhendro NIM : 065314022 DEPARTMENT OF INFORMATICS ENGINEERING FACULTY OF SCIENCE AND TECHNOLOGY SANATA DHARMA UNIVERSITY YOGYAKARTA

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

HALAMAN MOTTO

  

“SESUATU MUNGKIN MENDATANGI MEREKA

YANG MAU MENUNGGU, NAMUN HANYA

DIDAPATKAN OLEH MEREKA YANG

BERSEMANGAT MENGEJARNYA”

  (Abraham Lincoln)

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

ABSTRAK

  Hasil pencatatan data inventaris serta perawatan pendingin ruangan disajikan dalam bentuk tabel. Penyajian informasi dalam bentuk tabel ini dirasakan kurang efektif. Ketidakefektifan tersebut terletak pada kualitas informasi yang disajikan, yaitu tidak memberikan gambaran nyata tentang lokasi pendingin ruangan. Selain itu penyajian informasi dalam bentuk tabel akan menyulitkan staff teknisi dalam memonitor jadwal perawatan rutin pendingin ruangan serta laporan pengaduan kerusakan pendingin ruangan. Kepala BSP juga mengalami kesulitan untuk memantau pengelolaan dan pemeliharaan inventaris pendingin ruangan. Dari latar belakang tersebut, dibuat sistem yang diharapkan dapat membantu pihak Biro Sarana Prasarana dalam pengelolaan pendingin ruangan sehingga mampu meningkatkan kualitas penyajian informasi pendingin ruangan.

  Sistem berbasis web ini dibangun dengan mengkolaborasikan teknologi svg, jsp, javascript dan database mysql sehingga dapat menyajikan visualisasi lokasi pendingin ruangan dalam denah.

  Hasil yang diperoleh adalah Sistem Informasi Inventaris dan Pemeliharaan Pendingin Ruangan Universitas Sanata Dharma Yogyakarta Berbasis Web yang dapat mempercepat proses pengaduan kerusakan pendingin ruangan, membantu staff teknisi dalam memonitor jadwal perawatan rutin serta laporan aduan kerusakuan serta membantu Kepala BSP dalam memantau inventaris pendingin ruangan secara keseluruhan. Secara umum sistem yang dibangun membantu pihak BSP dalam pengelolaan dan pemeliharaan inventaris pendingin ruangan. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

ABSTRACT

  The results of the inventory data recording and maintenance of air conditioning is presented in tabular form. Presentation of information in tabular form is felt less effective. Ineffectiveness lies in the quality of the information presented, that does not give a vivid description of the location of air conditioning. Besides the presentation of information in tabular form will be difficult for staff of technicians in a routine maintenance schedule to monitor air conditioners and air conditioning damage complaint. Head of the BSP is also difficult to monitor inventory management and maintenance of air conditioning. From this background, created a system that is expected to help the Bureau of Infrastructure in the management of air conditioning so as to improve the quality of the presentation of information air conditioning.

  This web-based system built with the technology to collaborate svg, jsp, javascript and mysql databases so it can present the visualization of the location of air conditioning in the plan.

  The results obtained are the Inventory Information System and Maintenance Air Conditioning Sanata Dharma University Yogyakarta-based Web that can accelerate damage to the complaints process air conditioning, assist staff engineers in routine maintenance schedule to monitor and report complaints and assist the Head of BSP kerusakuan in monitoring the overall inventory of air conditioning. In general, a system built to help the BSP in the inventory management and maintenance of air conditioning. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

KATA PENGANTAR

  Puji syukur kepada Tuhan Yang Maha Esa karena atas segala berkat dan rahmat-Nya penulis dapat menyelesaikan skripsi dengan judul “Sistem Informasi Inventaris dan Pemeliharaan Pendingin Ruangan Universitas Sanata Dharma Yogyakarta Berbasis Web Dengan Mengkolaborasikan Teknologi SVG, JSP, JavaScript dan Database MySQL”.

  Penulisan skripsi ini diajukan untuk memenuhi salah satu syarat memperoleh gelar Sarjana Komputer Program Studi Teknik informatika Universitas Sanata Dharma Yogyakarta.

  Dengan terselesaikannya penulisan skripsi ini, penulis mengucapkan terima kasih kepada pihak-pihak yang telah membantu memberikan dukungan baik berupa masukan ataupun berupa saran. Ucapan terima kasih sebanyak- banyaknya ditujukan kepada :

  1. Bapak dan Ibu yang telah memberi dukungan kepada penulis baik moral, spiritual maupun material selama masa studi.

  2. Ibu Agnes Maria Polina, S.Kom.,M.Sc. selaku dosen pembimbing yang telah memberikan dukungan, bantuan dan dorongan kepada penulis selama mengikuti proses perkuliahan sampai dengan penyelesaian skripsi ini.

  3. Bapak Yosef Agung Cahyanta, S.T.,M.T. selaku Dekan Fakultas Sains dan Teknologi Universitas Sanata Dharma Yogyakarta.

  4. Bapak Puspaningtyas Sanjaya Adi, S.T.,M.T. selaku Ketua Jurusan Teknik Informatika Fakultas Sains dan Teknologi Universitas Sanata Dharma Yogyakarta.

  5. Ibu Ir. Maria Goretti Wara Kushartini, M.T. dan seluruh staff BSP (Biro Sarana dan Prasarana) Univ. Sanata Dharma atas semua sarana, fasilitas dan semua informasi yang telah diberikan.

  6. Kakak dan Adik tersayang atas doa dan dukungannya.

  7. Henky Adlin Shan, Stefanus Tulus Wardoyo, Estu Karunianingtyas, Elis Renatal Samosir, dan semua teman-teman Teknik Informatika angkatan

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  2006, terima kasih atas semangat dan bantuan yang sangat berarti sehingga akhirnya skripsi ini dapat terselesaikan. Dalam penulisan skripsi ini, pastilah masih banyak kekurangan dan hal yang perlu diperbaiki. Oleh karena itu saran dan kritik dari pembaca yang sekiranya dapat membangun sangat penulis harapkan.

  Akhir kata, semoga penulisan skripsi ini berguna untuk menambah wawasan ataupun menjadi referensi bagi para pembaca sekalian khususnya pada mahasiswa Teknik Informatika.

  Yogyakarta, 3 Juli 2011 Penulis

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

DAFTAR ISI

  HALAMAN JUDUL (BAHASA INDONESIA) ................................................... i HALAMAN JUDUL (BAHASA INGGRIS)........................................................ ii HALAMAN PERSETUJUAN PEMBIMBING .... Error! Bookmark not defined.

  HALAMAN PENGESAHAN .............................. Error! Bookmark not defined. HALAMAN MOTTO .......................................................................................... v PERNYATAAN KEASLIAN KARYA ............... Error! Bookmark not defined.

  PERNYATAAN PERSETUJUAN ....................... Error! Bookmark not defined. ABSTRAK ....................................................................................................... viii ABSTRACT ....................................................................................................... ix KATA PENGANTAR ......................................................................................... x DAFTAR ISI ..................................................................................................... xii DAFTAR TABEL ............................................................................................. xv DAFTAR GAMBAR ...................................................................................... xviii

  BAB I .................................................................................................................. 1 PENDAHULUAN ............................................................................................... 1

  1.1 Latar Belakang ....................................................................................... 1

  1.2 Rumusan Masalah .................................................................................. 3

  1.3 Batasan Masalah .................................................................................... 4

  1.4 Tujuan Penelitian ................................................................................... 4

  1.5 Metodologi Penelitian ............................................................................ 5

  1.6 Sistematika Penulisan ............................................................................. 6

  BAB II ................................................................................................................. 8 LANDASAN TEORI ........................................................................................... 8

  2.1 Sistem Informasi .................................................................................... 8

  2.2 Sistem Informasi Berbasis Web .............................................................. 8

  2.3 Metodologi FAST .................................................................................. 8

  2.4 Scalable Vector Graphics (SVG) .......................................................... 14

  2.4.1Struktur SVG ................................................................................ 15

  BAB III.............................................................................................................. 20 ANALISIS DAN PERANCANGAN SISTEM ................................................... 20

  3.2.2.1.1 Entity Relational Diagram .................................................... 96

  5.3 Form Kuesioner...................................................................................... 209

  5.2 Sasaran Penyebaran Kuesioner ............................................................... 209

  5.1 Pengumpulan data .................................................................................. 208

  BAB V ............................................................................................................. 208 ANALISIS HASIL .......................................................................................... 208

  4.2 Implementasi Use Case .......................................................................... 137

  4.1 Implementasi Basisdata ......................................................................... 131

  BAB IV ........................................................................................................... 131 IMPLEMENTASI ............................................................................................ 131

  3.2.2.2 Perancangan Subsistem Dialog .................................................. 101

  3.2.2.1.2 Logical Database Design ....................................................... 98

  3.2.2.1 Subsistem Manajemen Data ......................................................... 96

  3.1 Analisis Sistem ......................................................................................... 20

  3.2.2 Fase Desail Fisikal (Physical Design Phase) ...................................... 96

  3.2.1.1 Subsistem Manajemen Proses ...................................................... 85

  3.2.1 Fase Desain Logikal (Logical Design Phase) ..................................... 85

  3.2 Perancangan Sistem.................................................................................. 85

  3.1.3.1 Analisis Kebutuhan Pengguna...................................................... 27

  3.1.3 Fase Analisis Kebutuhan (Requirements Analysis Phase) .......................... 27

  3.1.2.2 Gambaran Sistem yang Akan Dikembangkan .............................. 25

  3.1.2.1 Analisis Sebab Akibat .................................................................. 23

  3.1.2 Fase Analisis Masalah (Problem Analysis Phase) .............................. 23

  3.1.1 Fase Definisi Ruang Lingkup (Scope Definition Phase) ..................... 20

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  BAB VI ........................................................................................................... 214 PENUTUP ....................................................................................................... 214

  6.1 Kesimpulan ............................................................................................ 214

  6.2 Saran .................................................................................................. 215 Daftar Pustaka ................................................................................................. 216 LAMPIRAN .................................................................................................... 217 .

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

DAFTAR TABEL

Tabel 3.1 Problem statement .............................................................................. 22Tabel 3.2 Analisi Sebab Akibat .......................................................................... 23Tabel 3.3 Deskripsi Pengguna ............................................................................ 28Tabel 3.4 Narasi use case proses Melakukan Login ............................................ 33Tabel 3.5 Narasi use case proses Menambah data pengguna............................... 34Tabel 3.6 Narasi use case proses Menghapus data pengguna ............................. 35Tabel 3.7 Narasi use case proses Mengubah data pengguna ............................... 36Tabel 3.8 Narasi use case proses Menambah data merek pendingin ruangan ...... 37Tabel 3.9 Narasi use case proses Menghapus data merek pendingin ruangan..... 38Tabel 3.10 Narasi use case proses Mengubah data merek pendingin ruangan ..... 39Tabel 3.11 Narasi use case proses Menambah data jenis pendingin ruangan ....... 40Tabel 3.12 Narasi use case proses Menghapus data jenis pendingin ruangan ...... 41Tabel 3.13 Narasi use case proses Mengubah data jenis pendingin ruangan ....... 43Tabel 3.14 Narasi use case proses Menambah data gejala kerusakan pendingin ruangan ....................................................................................................... 44Tabel 3.15 Narasi use case proses Menghapus data gejala kerusakan pendingin ruangan ....................................................................................................... 45Tabel 3.16 Narasi use case proses Mengubah data gejala kerusakan pendingin ruangan ....................................................................................................... 46Tabel 3.17 Narasi use case proses Menambah data kampus................................ 48Tabel 3.18 Narasi use case proses Menghapus data kampus ............................... 49Tabel 3.19 Narasi use case proses Mengubah data kampus ................................ 50Tabel 3.20 Narasi use case proses Menambah data unit gedung ......................... 51Tabel 3.21 Narasi use case proses Menghapus data unit gedung ......................... 52Tabel 3.22 Narasi use case proses Mengubah data unit gedung .......................... 53Tabel 3.23 Narasi use case proses Menambah data lantai ................................... 54Tabel 3.24 Narasi use case proses Menghapus data lantai .................................. 55

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Tabel 3.26 Narasi use case proses Menambah data ruang ................................... 57Tabel 3.27 Narasi use case proses Menghapus data ruang .................................. 58Tabel 3.28 Narasi use case proses Mengubah data ruang .................................... 59Tabel 3.29 Narasi use case proses Menambah data pendingin ruangan ............... 60Tabel 3.30 Narasi use case proses Menghapus data pendingin ruangan ............. 61Tabel 3.31 Narasi use case proses Mengubah data pendingin ruangan ................ 63Tabel 3.32 Narasi use case proses Mengubah lokasi pendingin ruangan ............. 64Tabel 3.33 Narasi use case proses Mengubah gambar pendingin ruangan........... 65Tabel 3.34 Narasi use case proses Mengubah data jadwal perawatan pendingin ruangan ....................................................................................................... 67Tabel 3.35 Narasi use case proses Menambah data penanggung jawab unit ........ 69Tabel 3.36 Narasi use case proses Menghapus data penanggung jawab unit ....... 70Tabel 3.37 Narasi use case proses Mengubah data penanggung jawab unit......... 71Tabel 3.38 Narasi use case proses Melakukan Logout ........................................ 72Tabel 3.39 Narasi use case proses Melakukan Login .......................................... 73Tabel 3.40 Narasi use case proses Melihat informasi pendingin ruangan ........... 74Tabel 3.41 Narasi use case proses Melihat informasi pendingin ruangan dalam bentuk pie chart ........................................................................................... 75Tabel 3.42 Narasi use case proses Melakukan Logout ........................................ 76Tabel 3.43 Narasi use case proses Melakukan Login .......................................... 76Tabel 3.44 Narasi use case proses Memasukan data perawatan pendingin ruangan

  .................................................................................................................... 77

Tabel 3.45 Narasi use case proses Memasukan data penanganan kerusakan pendingin ruangan ....................................................................................... 79Tabel 3.46 Narasi use case proses Mengubah data perawatan pendingin ruangan80Tabel 3.47 Narasi use case proses Melakukan Logout ........................................ 81Tabel 3.48 Narasi use case proses Memasukkan aduan kerusakan ...................... 82Tabel 3.49 Narasi use case proses Melihat riwayat aduan kerusakan .................. 83Tabel 3.50 Physical Database Design ................................................................ 98Tabel 5.51 Hasil kuesioner pengguna umum pernyataan 1 ............................... 209

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Tabel 5.53 Hasil kuesioner pengguna umum pernyataan 3 ............................... 210Tabel 5.54 Hasil kuesioner pengguna umum pernyataan 4 ............................... 211Tabel 5.55 Hasil kuesioner staff teknisi pernyataan 1 ....................................... 211Tabel 5.56 Hasil kuesioner staff teknisi pernyataan 2 ....................................... 212Tabel 5.57 Hasil kuesioner Kepala BSP ........................................................... 212Tabel 5.58 Hasil kuesioner Administrator ........................................................ 213

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

DAFTAR GAMBAR

Gambar 3.1 Use case diagram Administrator (bagian 1) .................................... 30Gambar 3.2 Use case diagram Administrator (bagian 2) .................................... 31Gambar 3.3 Use case diagram Kepala BSP, Staff Teknisi dan Pengguna Umum 32Gambar 3.4 Diagram konteks ............................................................................. 85Gambar 3.5 Diagram Berjenjang ........................................................................ 86Gambar 3.6 DAD Level 1 sisi Administrator...................................................... 87Gambar 3.7 DAD Level 1 Sisi Kepala BSP ........................................................ 88Gambar 3.8 DAD Level 1 Sisi Staff Teknisi....................................................... 89Gambar 3.9 DAD Level 1 Sisi Pengguna Umum ................................................ 90Gambar 3.10 DAD Level 2 Sisi Administrator Proses Kelola Data Pengguna .... 90Gambar 3.11 DAD Level 2 Sisi Administrator Proses Kelola Data Kampus ....... 91Gambar 3.12 DAD Level 2 Sisi Administrator Proses Kelola Data Unit Gedung 91Gambar 3.13 DAD Level 2 Sisi Administrator Proses Kelola Data Lantai .......... 92Gambar 3.14 DAD Level 2 Sisi Administrator Proses Kelola Data Ruang.......... 92Gambar 3.15 DAD Level 2 Sisi Administrator Proses Kelola Data Pendingin

  Ruangan ...................................................................................................... 93

Gambar 3.16 DAD Level 2 Sisi Administrator Proses Kelola Data Merek.......... 94Gambar 3.17 DAD Level 2 Sisi Administrator Proses Kelola Data Jenis Pendingin

  Ruangan ...................................................................................................... 94

Gambar 3.18 DAD Level 2 Sisi Administrator Proses Kelola Data Gejala

  Kerusakan ................................................................................................... 95

Gambar 3.19 DAD Level 2 Sisi Administrator Proses Kelola Data Jadwal

  Perawatan Pendingin Ruangan ..................................................................... 95

Gambar 3.20 DAD Level 2 Sisi Administrator Proses Kelola Data Penanggung

  Jawab Unit .................................................................................................. 96

Gambar 3.21 Entity Relational Diagram ............................................................ 97Gambar 3.22 Logical Database Design .............................................................. 98Gambar 3.23 interface halaman login ............................................................... 101

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Gambar 3.25 interface halaman ubah user ........................................................ 103Gambar 3.26 interface halaman tambah gejala kerusakan................................. 103Gambar 3.27 interface halaman ubah gejala kerusakan .................................... 104Gambar 3.28 interface halaman tambah merek pendingin ruangan ................. 105Gambar 3.29 interface halaman ubah merek pendingin ruangan ....................... 106Gambar 3.30 interface halaman tambah jenis pendingin ruangan ..................... 106Gambar 3.31 interface halaman ubah jenis pendingin ruangan ......................... 107Gambar 3.32 interface halaman tambah kampus .............................................. 108Gambar 3.33 interface halaman ubah kampus .................................................. 108Gambar 3.34 interface halaman tambah unit gedung ........................................ 109Gambar 3.35 interface halaman ubah unit gedung ............................................ 110Gambar 3.36 interface halaman tambah lantai .................................................. 110Gambar 3.37 interface halaman upload denah lantai ........................................ 111Gambar 3.38 interface halaman tambah data ruang .......................................... 112Gambar 3.39 interface halaman edit data ruang ................................................ 112Gambar 3.40 interface halaman tambah lantai .................................................. 113Gambar 3.41 interface halaman edit penanggung jawab unit ............................ 114Gambar 3.42 interface halaman tambah pendingin ruangan.............................. 114Gambar 3.43 interface halaman penentuan lokasi pendingin ruangan ............... 115Gambar 3.44 interface halaman upload gambar pendingin ruangan .................. 116Gambar 3.45 interface halaman pilih pendingin ruangan .................................. 116Gambar 3.46 interface halaman pilih pendingin ruangan pada denah ............... 117Gambar 3.47 interface halaman menu kelola pendingin ruangan ...................... 117Gambar 3.48 interface halaman menu ubah lokasi pendingin ruangan .............. 118Gambar 3.49 interface halaman edit pendingin ruangan ................................... 118Gambar 3.50 interface halaman ubah gambar pendingin ruangan ..................... 119Gambar 3.51 interface halaman ubah jadwal perawatan pendingin ruangan ..... 119Gambar 3.52 interface halaman login Kepala BSP ........................................... 120Gambar 3.53 interface halaman pilih lokasi pendingin ruangan ........................ 121Gambar 3.54 interface halaman lokasi pendingin ruangan ............................... 121

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Gambar 3.56 interface halaman pie chart pendingin ruangan............................ 122Gambar 3.57 interface halaman login ............................................................... 123Gambar 3.58 interface halaman notifikasi ........................................................ 123Gambar 3.59 interface halaman detail notifikasi............................................... 124Gambar 3.60 interface halaman form isian data servis ...................................... 125Gambar 3.61 interface halaman form isian data servis aduan ........................... 125Gambar 3.62 interface halaman pilih tanggal servis ......................................... 126Gambar 3.63 interface halaman pilih data servis .............................................. 126Gambar 3.64 interface halaman ubah data servis .............................................. 127Gambar 3.65 print-preview daftar aduan atau perawatan pendingin ruangan .... 127Gambar 3.66 print-preview surat tugas penanganan aduan kerusakan ............... 128Gambar 3.67 print-preview surat tugas perawatan rutin .................................... 128Gambar 3.68 interface halaman pilih lokasi pendingin ruangan ........................ 129Gambar 3.69 interface halaman lokasi pendingin ruangan ................................ 129Gambar 3.70 interface halaman form isian aduan kerusakan yang dilengkapi tampilan riwayat aduan kerusakan disebelah kanan halaman ...................... 130Gambar 4.71 Database sistem .......................................................................... 132Gambar 4.72 detail tabel admin ........................................................................ 132Gambar 4.73 detail tabel user ........................................................................... 133Gambar 4.74 detail tabel kampus ..................................................................... 133Gambar 4.75 detail tabel unit ........................................................................... 133Gambar 4.76 detail tabel lantai ......................................................................... 134Gambar 4.77 detail tabel ruang ........................................................................ 134Gambar 4.78 detail tabel ac .............................................................................. 134Gambar 4.79 detail tabel jenis .......................................................................... 135Gambar 4.80 detail tabel merek ........................................................................ 135Gambar 4.81 detail tabel gejala ........................................................................ 135Gambar 4.82 detail tabel jadwal ....................................................................... 136Gambar 4.83 detail tabel aduan ........................................................................ 136Gambar 4.84 detail tabel penanggung_jawab ................................................... 136

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Gambar 4.86 halaman status login sukses......................................................... 137Gambar 4.87 halaman form tambah user .......................................................... 138Gambar 4.88 halaman proses tambah user sukses ............................................. 138Gambar 4.89 halaman form ubah user .............................................................. 139Gambar 4.90 halaman proses ubah user sukses................................................. 139Gambar 4.91 halaman proses menghapus data pengguna ................................. 140Gambar 4.92 halaman konfirmasi proses hapus ............................................... 141Gambar 4.93 window dialog proses hapus....................................................... 141Gambar 4.94 halaman proses tambah kampus ................................................. 142Gambar 4.95 halaman konfirmasi proses tambah kampus................................ 142Gambar 4.96 halaman proses ubah data kampus .............................................. 143Gambar 4.97 halaman konfirmasi proses ubah data kampus ............................ 143Gambar 4.98 halaman proses menghapus data kampus .................................... 144Gambar 4.99 halaman konfirmasi proses menghapus data pengguna ............... 144

  Gambar 4.100 halaman window dialog proses hapus kampus ......................... 145 Gambar 4.101 halaman proses menambah data unit ........................................ 145 Gambar 4.102 halaman konfirmasi proses tambah unit .................................... 146 Gambar 4.103 halaman proses mengubah data unit ......................................... 147 Gambar 4.104 halaman konfirmasi proses menambah data unit ....................... 147 Gambar 4.105 halaman proses menghapus data unit ........................................ 148 Gambar 4.106 halaman konfirmasi proses menghapus data unit ...................... 149 Gambar 4.107 halaman window dialog menghapus data pengguna .................. 149 Gambar 4.108 halaman proses menambah data lantai ...................................... 150 Gambar 4.109 halaman proses upload gambar denah lantai ............................ 150 Gambar 4.110 halaman konfirmasi proses menambah data lantai .................... 151 Gambar 4.111 halaman proses mengubah data lantai ...................................... 154 Gambar 4.112 halaman konfirmasi proses mengubah data lantai ..................... 155 Gambar 4.113 halaman proses menghapus data lantai ..................................... 156 Gambar 4.114 halaman konfirmasi proses menghapus data lantai.................... 156 Gambar 4.115 halaman window dialog proses menghapus data lantai ............. 157

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  Gambar 4.117 halaman konfirmasi proses menambah data ruang .................... 158 Gambar 4.118 halaman proses mengubah data ruang ...................................... 159 Gambar 4.119 halaman konfirmasi proses mengubah data ruang ..................... 159 Gambar 4.120 halaman proses menghapus data ruang ..................................... 160 Gambar 4.121 halaman konfirmasi proses menghapus data ruang ................... 161 Gambar 4.122 halaman window dialog proses menghapus data ruang ............. 161 Gambar 4.123 halaman proses menambah data pendingin ruangan .................. 162 Gambar 4.124 halaman pilih lokasi pendingin ruangan ................................... 163 Gambar 4.125 halaman upload foto pendingin ruangan ................................... 163 Gambar 4.126 halaman konfirmasi proses tambah pendingin ruangan ............. 164 Gambar 4.127 halaman memilih lokasi pendingin ruangan .............................. 166 Gambar 4.128 halaman pendingin ruangan pada denah ................................... 167 Gambar 4.129 halaman detail pendingin ruangan dan menu kelola pendingin ruangan ..................................................................................................... 167 Gambar 4.130 halaman edit pendingin ruangan ............................................... 168 Gambar 4.131 halaman konfirmasi ubah data pendingin ruangan .................... 168 Gambar 4.132 halaman menu kelola pendingin ruangan .................................. 169 Gambar 4.133 halaman drag and drop untuk memilih lokasi ........................... 170 Gambar 4.134 halaman konfirmasi ubah lokasi pendingin ruangan ................. 170 Gambar 4.135 halaman kelola pendingin ruangan ........................................... 171 Gambar 4.136 halaman pilih direktori gambar pendingin ruangan ................... 171 Gambar 4.137 halaman konfirmasi ubah gambar pendingin ruangan ............... 172 Gambar 4.138 halaman kelola pendingin ruangan ........................................... 173 Gambar 4.139 halaman konfirmasi hapus pendingin ruangan .......................... 173 Gambar 4.140 halaman window dialog hapus pendingin ruangan .................... 174 Gambar 4.141 halaman tambah data merek ..................................................... 174 Gambar 4.142 halaman konfirmasi tambah merek ........................................... 175 Gambar 4.143 halaman ubah data merek ......................................................... 175 Gambar 4.144 halaman konfirmasi ubah merek ............................................... 176 Gambar 4.145 halaman proses hapus merek .................................................... 177

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  Gambar 4.147 halaman window dialog hapus merek ....................................... 178 Gambar 4.148 halaman proses tambah jenis .................................................... 178 Gambar 4.149 halaman konfirmasi tambah jenis ............................................. 179 Gambar 4.150 halaman proses ubah jenis ........................................................ 179 Gambar 4.151 halaman konfirmasi ubah jenis ................................................. 180 Gambar 4.152 halaman proses hapus jenis ...................................................... 181 Gambar 4.153 halaman konfirmasi hapus jenis................................................ 181 Gambar 4.154 halaman window dialog hapus jenis ......................................... 182 Gambar 4.155 halaman proses tambah gejala .................................................. 182 Gambar 4.156 halaman konfirmasi tambah gejala ........................................... 183 Gambar 4.157 halaman proses ubah gejala ...................................................... 183 Gambar 4.158 halaman konfirmasi ubah gejala ............................................... 184 Gambar 4.159 halaman proses hapus gejala .................................................... 185 Gambar 4.160 halaman konfirmasi hapus gejala .............................................. 185 Gambar 4.161 halaman window dialog hapus gejala ....................................... 186 Gambar 4.162 halaman kelola pendingin ruangan ........................................... 186 Gambar 4.163 halaman proses ubah jadwal perawatan .................................... 187 Gambar 4.164 halaman konfirmasi ubah jadwal perawatan ............................. 187 Gambar 4.165 halaman tambah gejala ............................................................. 188 Gambar 4.166 halaman ubah data penanggung jawab unit ............................... 189 Gambar 4.167 halaman hapus data penanggung jawab unit ............................. 189 Gambar 4.168 halaman logout administrator ................................................... 190 Gambar 4.169 halaman login Kepala BSP ....................................................... 191 Gambar 4.170 halaman utama Kepala BSP ..................................................... 191 Gambar 4.171 halaman pilih lokasi pendingin ruangan ................................... 192 Gambar 4.172 halaman pilih pendingin ruangan .............................................. 192 Gambar 4.173 halaman detail pendingin ruangan ............................................ 193 Gambar 4.174 informasi prosentase kerusakan pendingin ruangan .................. 194 Gambar 4.170 halaman logout Kepala BSP ..................................................... 194 Gambar 4.171 halaman login Staff Teknisi ..................................................... 195

  PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  Gambar 4.178 halaman detail notifikasi jadwal perawatan .............................. 196 Gambar 4.179 halaman form isian data perawatan .......................................... 196 Gambar 4.180 halaman konfirmasi tambah data detail perawatan .................... 197 Gambar 4.181 halaman detail notifikasi aduan kerusakan ................................ 198 Gambar 4.182 halaman form isian data servis aduan kerusakan ....................... 198 Gambar 4.183 halaman konfirmasi tambah data servis aduan .......................... 199 Gambar 4.184 halaman pilih tanggal perawatan .............................................. 199 Gambar 4.185 halaman detail data servis sesuai tanggal yang dipilih .............. 200 Gambar 4.186 halaman ubah data perawatan ................................................... 200 Gambar 4.187 halaman konfirmasi ubah data perawatan ................................. 201 Gambar 4.188 halaman menu cetak daftar perawatan perawatan ..................... 202 Gambar 4.189 halaman print preview daftar perawatan ................................... 202 Gambar 4.190 halaman cetak surat tugas pelaksanaan perawatan .................... 203 Gambar 4.191 halaman print preview surat tugas pelaksanaan perawatan ........ 203 Gambar 4.192 halaman logout Staff Teknisi.................................................... 204 Gambar 4.193 halaman pilih lokasi pendingin ruangan ................................... 205 Gambar 4.194 halaman pilih pendingin ruangan .............................................. 205 Gambar 4.195 halaman form isian aduan kerusakan ........................................ 206 Gambar 4.196 halaman konfirmasi tamabah data aduan kerusakan .................. 206 Gambar 4.197 halaman riwayat aduan kerusakan ............................................ 207

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

BAB I PENDAHULUAN

1.1 Latar Belakang

  Aktivitas kehidupan di gedung-gedung dengan tingkat kesibukan yang tinggi dewasa ini bagi sebagian orang tidak dapat lepas dari keberadaan alat pendingin ruangan. Pendingin ruangan akan membuat orang merasa lebih nyaman karena kemampuan alat tersebut yang mampu mengubah suhu (temperatur) udara dan kelembaban sesuai yang dikehendaki. Hampir di semua gedung perkantoran bahkan sekolah-sekolah telah dilengkapi dengan pendingin ruangan, tidak terkecuali kampus Universitas Sanata Dharma Yogyakarta.

  Berdasarkan Laporan Daftar Inventaris AC di Universitas Sanata Dharma Tahun 2010, terdapat 415 buah pendingin ruangan yang tersebar di Kampus III Paingan, Kampus I dan Kampus II Mrican. Tanggung jawab dalam pengadaan hingga perawatan seluruh pendingin ruangan tersebut dilaksanakan oleh Biro Sarana Prasarana Universitas Sanata Dharma Yogyakarta. Sebagai bentuk tanggung jawabnya, Biro Sarana Prasarana Universitas Sanata Dharma Yogyakarta secara rutin melakukan pencatatan data inventaris serta perawatan pendingin ruangan. Melalui pencatatan ini, diharapkan dapat mempermudah pengelolaan pendingin ruangan.

  Hasil pencatatan data inventaris serta perawatan pendingin ruangan

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  informasi dalam bentuk tabel ini dirasakan kurang efektif oleh pihak Biro Sarana Prasarana Universitas Sanata Dharma Yogyakarta. Ketidakefektifan tersebut terletak pada kualitas informasi yang disajikan. Tabel hasil pencatatan tersebut menyajikan daftar pendingin ruangan untuk tiap-tiap kampus dan riwayat perawatan yang telah dilakukan dalam bentuk teks saja. Hal ini mempunyai keterbatasan antara lain yaitu tidak memberikan gambaran nyata tentang lokasi pendingin ruangan. Selain itu penyajian informasi dalam bentuk tabel akan menyulitkan staff teknisi dalam memonitor jadwal perawatan rutin pendingin ruangan serta laporan pengaduan kerusakan pendingin ruangan. Hal ini akan mengakibatkan sulitnya Kepala BSP unutk memantau pengelolaan dan pemeliharaan inventaris pendingin ruangan. Hasil pencatatan yang masih disimpan dalam bentuk file secara offline juga dirasakan kurang prkatis dalam hal aksesnya. Idealnya data tersebut harus tersedia kapan pun dan dimana pun saat data tersebut dibutuhkan. Namun kenyataannya data disimpan dalam bentuk file secara offline, sehingga ketika dibutuhkan data harus dipindahkan ke media penyimpanan lain (flashdisk) atau dicetak. Hal ini yang menyebabkan akses data hasil pencatatan inventaris dan perawatan pendingin ruangan dirasa kurang praktis oleh pihak Biro Sarana Prasarana Universitas Sanata Dharma Yogyakarta.

  Dengan adanya dukungan kepemilikan gambar denah gedung Universitas Sanata Dharma Yogyakarta serta perkembangan teknologi internet dan berdasarkan latar belakang di atas, penulis tertarik untuk membuat sebuah Sistem Informasi Inventaris Dan Perawatan Pendingin Ruangan Berbasis Web Dengan

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  (JSP), Javascript Dan Database Mysql untuk menyajikan visualisasi denah lokasi pendingin ruangan yang tersebar di Universitas Sanata Dharma Yogyakarta.

  Melalui sistem ini diharapkan informasi inventaris dan perawatan pendingin ruangan dapat disajikan secara lebih efektif dan lebih praktis dalam proses aksesnya.

1.2 Rumusan Masalah

  Berdasarkan latar belakang yang telah dipaparkan, didapatkan rumusan masalah, yaitu :  Bagaimana membuat sebuah sistem informasi inventaris dan perawatan pendingin ruangan berbasis web sehingga informasi inventaris dan pemeliharaan pendingin ruangan dapat diakses kapan pun dan dimana pun secara online.

   Bagaimana mengkolaborasikan teknologi Scalable Vector Graphic (SVG), Java Server Pages (JSP), Javascript dan database MySQL dalam sebuah sistem informasi berbasis web sehingga dapat menyajikan gambaran nyata lokasi pendingin ruangan.

   Sejauh mana sistem yang akan dibangun dapat membantu dalam proses pengaduan kerusakan.

   Sejauh mana sistem yang akan dibangun dapat membantu staff teknisi dalam memonitor jadwal perawatan rutin serta laporan kerusakan pendingin ruangan.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

   Sejauh mana sistem yang akan dibangun dapat membantu Kepala BSP dalam memantau pengelolaan serta pemeliharaan inventaris pendingin ruangan.

  1.3 Batasan Masalah

  Dalam Sistem Informasi Inventaris Dan Pemeliharaan Pendingin Ruangan Universitas Sanata Dharma Yogyakarta Berbasis Web ini, diberikan beberapa batasan yaitu :

  1. Sistem ini tidak menangani keamanan jaringan.

  2. Sistem ini tidak menangani proses keuangan perihal penggantian barang saat dilakukan perwaeatan rutin ataupun penanganan aduan kerusakan.

  1.4 Tujuan Penelitian

  Tugas Akhir ini bertujuan untuk membuat sebuah sistem informasi inventaris dan perawatan pendingin ruangan berbasis web dengan mengkolaborasikan teknologi Scalable Vector Graphic (SVG), Java Server Pages (JSP), Javascript dan database MySQL sehingga dapat mempercepat proses pengaduan kerusakan pendingin ruangan, membantu staff teknisi dalam memonitor jadwal perawatan rutin dan laporan kerusakan pendingin ruangan, membantu Kepala BSP dalam memantau inventaris pendingin ruangan serta menyajikan informasi inventaris pendingin ruangan dengan gambaran nyata lokasi pendingin ruangan.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

1.5 Metodologi Penelitian

  Metodologi penelitian yang digunakan adalah

  1. Wawancara Wawancara dilakukan terhadap pihak BSP Universitas Sanata Dharma untuk memperoleh informasi mengenai pengelolaan pendingin udara yang dilakukan saat ini.

  2. Studi literatur

  a. Mempelajari Scalable Vector Graphic (SVG)

  b. Mempelajari teknologi Java Server Pages (JSP)

  3. Metode pengembangan perangkat lunak yang digunakan adalah metode

  FAST (Framework for the Application of Sistems Thinking) yang meliputi :

  a. Scope Definiton. Hal yang dilakukan pada tahap ini adalah mendefinisikan ruang lingkup dengan cara menganalisa sistem pengelolaan dan pemeliharaan pendingin ruangan yang ada di BSP sekarang melalui wawancara dan observasi.

  b. Problem Analysis. Hal yang dilakukan pada tahap ini adalah analisa masalah yang ada pada sistem pengelolaan dan pemeliharaan pendingin ruangan yang ada di BSP sekarang dengan merumuskannya dalam tabel sebab akibat sehingga diperoleh gambaran sistem baru yang akan dibangun.

  c. Requirements Analysis. Pada tahap ini dilakukan analisa kebutuhan.

  Hal yang diperhitungkan adalah apa saja yang dibutuhkan user dari sistem yang akan dibuat. Dimulai dengan mendeskripsikan calon

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  pengguna sistem pengelolaan dan pemeliharaan pendingin ruangan kemudian memodelkannya dalam diagram use case.