e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 703 PEMBUATAN APLIKASI PENGELOLAAN ASET LABORATORIUM PADA FAKULTAS ILMU TERAPAN Naufal Eka Sulaeman1, Wahyu Hidayat2, Fitri Susanti3 1 Program Studi D3 Manajemen Informatika, 2Fakultas Ilmu Terapan, 3Universitas Telkom 1 opaleka16@gmail.com, 2wahyuhidayat@telkomuniversity.ac.id, 3 fitrisusanti@telkomuniversity.ac.id ABSTRAK Pengelolaan laboratorium di Fakultas Ilmu Terapan Universitas Telkom seperti pengelolaan data laboratorium, perangkat laboratorium, peminjaman ruangan laboratorium, pendataan perangkat dilakukan dengan cara manual. Melihat permasalahan tersebut muncul gagasan membangun suatu aplikasi berbasis web di dalamnya mampu mengelola kegiatan-kegiatan pengelolaan aset laboratorium Fakultas Ilmu Terapan Universitas Telkom. Metodologi digunakan dalam pembuatan aplikasi ini adalah metode Waterfall. Bahasa pemrograman digunakan adalah PHP dengan framework Codeigniter. Untuk tampilan menggunakan Londinium Bootstrap, CSS3 Jquery. Database digunakan adalah MySQL 5.6.16 serta editor digunakan adalah XAMPP v3.2.1, Sublime Text serta Notepad++. Aplikasi ini digunakan oleh 5 pengguna yaitu Asisten,, Pembina laboratorium, Kaur Peminjam Ruangan. Dengan menggunakan aplikasi ini diharapkan mampu menangani kegiatankegiatan praktikum sehingga dapat membantu proses pelaksanaan praktikum. Kata Kunci : Aplikasi WEB,, Inventaris, Maintenance. ABSTRACT The management of the laboratory in the Faculty of Applied Sciences University of Telkom as inventory data management laboratory, laboratory equipment, borrowing the laboratory, and data collection devices are done manually. Seeing this problem, the idea emerged to build a web-based application that is in it is able to manage the activities of the laboratory asset management Faculty of Applied Sciences University of Telkom. The methodology used in the making of this application is the Waterfall method. The programming language used is PHP CodeIgniter framework. To view using Londinium Bootstrap, CSS3 and Jquery. The database used is MySQL 5.6.16 as well as the editor used is XAMPP v3.2.1, Sublime Text and Notepad ++. This application is used by 5 users, namely Laboratory Assistant, Head of Laboratory, Chief Laboratory Affair and student or teacher who wish to use the laboratory. By using this application is expected to handle lab activities that can help the process of practical implementation. Keyword: WEB Applications, Laboratory, Inventory, Maintenance.
e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 704 mampu 1. Pendahuluan menangani pembuatan laporan laboratorium, 1.1 Latar Belakang keterlambatan data perangkat komputer adalah tempat laboratorium mampu merekap data riset ilmiah, eksperimen, pengukuran atau pelatihan berhubungan dilaporkan langsung kepada. dengan komputer. Di setiap laboratorium Aplikasi dibuat mampu mengelola terdapat sejumlah aset mencakup peminjaman ruangan laboratorium, perangkat mengelola ilmiah laboratorium laboratorium itu ruangan sendiri dipergunakan mendukung kegiatan praktikum. Seperti halnya pada Fakultas Ilmu Terapan Universitas Telkom, dalam pengelolaan laboratorium merupakan salah satu komponen dinilai sangat penting mendukung proses laboratorium jadwal jaga dapat admin laboratorium. 1.2 Metode Pengerjaan Dalam pembuatan aplikasi ini digunakan metode Software Development Life Cycle (SDLC) dengan metode Waterfall. Adapun proses dalam model waterfall ini antara lain : akademik. Pengelolaan laboratorium di Fakultas Ilmu Terapan Universitas Telkom seperti pengelolaan data laboratorium, perangkat laboratorium, Gambar 1 peminjaman ruangan laboratorium, Pendekatan Waterfall [1] pendataan perangkat laboratorium kertas, Waterfall atau SDLC Air Terjun sering juga disebut model linier (Sequent Linier) dilakukan oleh memerlukan atau alur hidup klasik (classical life waktu sekitar 2 minggu. Pengelolaan cycle). Waterfall Model menyediakan jadwal jaga admin laboratorium antar pendekatan alur hidup perangkat lunak asisten belum secara sekuensial atau terurut mulai dari sehingga analisis, desain, pengujian, tahapan terkag menimbulkan tidak teraturnya pendukung (support) [2]. Gambar 1 jadwal menunjukan pendekatan waterfall pada masih menggunakan sehingga proses rekapitulasi laboratorium terkoordinasi jaga media dengan di masih baik, ruangan admin umumnya laboratorium. langkah berikut Dari uraian diusulkan latar pembuatan belakang aplikasi diatas, melibatkan : beberapa
a. e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 705 Analisis Sistem e. Dokumentasi Pada tahap ini dilakukan proses analisis Dalam tahap ini dilakukan penulisan kebutuhan dokumentasi data dimulai dari identifikasi masalah serta pengumpulan aplikasi, data pengujian, melalui wawancara studi dengan literatur mendapatkan data sebagai acuan dalam pembuatan proyek akhir ini. b. dari desain analisis sistem, sampai kebutuhan pengkodean, aplikasi di implementasi. f. Maintenance Ini merupakan tahap terakhir dalam Desain Sistem model waterfall. Software Dalam tahapan ini dilakukan desain jadi sistem dengan pendekatan UML pemeliharaan. meliputi Flowmap sebagai rancang model dalam memperbaiki kesalahan tidak proses bisnis kegiatan pada pengelolaan ditemukan pada langkah sebelumnya. laboratorium, Use Case Diagram sebagai Perbaikan implementasi unitsistem rancang model interaksi pengguna dengan peningkatan aplikasi. Dalam perancangan basisdata kebutuhan baru. dijalankan serta dilakukan Pemeliharaan jasa sudah termasuk sistem sebagai digunakan Entity Relational Diagram (ERD) sebagai rancang model serta pembuatan mockup desain interaksi pengguna sebagai rancang model user interface. c. Tinjauan Pustaka a. Aset Aset adalah barang atau benda memiliki nilai tukar [3]. Aset terdiri dari Pengkodean Setelah tahap desain sistem selesai, maka dilakukan transformasi dari desain telah dirancang ke bahasa dikenal oleh komputer (coding) yaitu dengan menggunakan bahasa pemrograman PHP framework ci serta MySQL sebagai bahasa pemrograman basisdata. d. 2. benda tidak bergerak benda bergerak tercakup dalam aktiva atau kekayaan. Pada Fakultas Ilmu Terapan Telkom University memiliki beberapa laboratorium komputer didalamnya terdapat aset laboratorium seperti ruangan laboratorium itu sendiri, seperangkat komputer, AC, meja, kursi, infokus, Pengujian Program Pada tahap ini dilakukan pengujian aplikasi dengan metode Blackbox Testing. switch hub, dsb. b. Inventaris Pengujian bertujuan memastikan Inventaris adalah daftar barang semua memuat semua barang dimiliki oleh fungsionalitas disusun bekerja dengan benar sesuai proses sebuah bisnis kegiatan pengelolaan laboratorium. sekolah, instansi seperti perusahaan, digunakan
e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 706 mendukung proses bekerja atau proses Dari pengertian di atas dapat disimpulkan belajar mengajar [3]. bahwa laboratorium komputer adalah tempat c. Maintenance meliputi Proses pengetesan, memiliki beberapa komputer dalam satu ruangan terhubung dalam satu pengukuran, jaringan. penggantian, penyesuaian, perbaikan [3]. f. Data adalah suatu kebenaran merupakan ciri atau karakteristik utama dalam kebenaran data. Pengolahan Data merupakan proses Flowmap Flowmap d. Pengelolaan Data manipulasi atau transformasi dari kegiatan perubahan data menjadi sebuah informasi dengan cara tertentu sesuai dengan keperluan terhadap informasi dihasilkan [4]. eksperimen, berhubungan dengan ilmu komputer bertujuan menjaga peralatan dalam terbaik. ilmiah, pengukuran atau pelatihan ilmiah Maintenance adalah segala kegiatan kondisi riset merupakan diagram menggambarkan aliran dokumen pada suatu prosedur kerja di organisasi memperlihatkan diagram alir menunjukkan arus dari dokumen, aliran data fisik, entitas entitas sistem informasi kegiatan operasi berhubungan dengan sistem informasi. Penggambaran biasanya diawali dengan mengamati dokumen apa menjadi media data Pengelolaan data adalah segala cara atau informasi. Selanjutnya ditelusuri membuat data lebih berarti atau dengan bagaimana dokumen tersebut terbentuk, kata lain pengelolaan dilakukan ke bagian atau entitas mana dokumen dengan sistem komputer menggunakan tersebut mengalir, perubahan apa dua macam operasi meliputi operasi terjadi pada dokumen tersebut, proses apa aritmatika operasi logika [4]. terjadi terhadap dokumen tersebut, seterusnya [2]. e. Komputer adalah tempat atau ruangan g. Entity Relationship Diagram (ERD) tertentu dilengkapi dengan peralatan Entity merupakan pemodelan basisdata mengadakan percobaan atau penyelidikan [3]. Komputer alat elektronik otomatis yg dapat menghitung atau mengolah data secara cermat menurut yg diinstruksikan, memberikan hasil pengolahan, serta dapat menjalankan sistem multimedia [3]. Relationship Diagram (ERD) paling sering gunakan dalam analisis basisdata. ERD dikembangkan berdasarkan teori himpunan dalam big metematika. ERD digunakan pemodelan basisdata relasional [2]. 1. Entitas
e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 707 Entitas adalah suatu obyek dapat sebuah sistem berinteraksi dengan dunia diidentifikasi dalam lingkungan pemakai, luar. Use Case Diagram dapat digunakan sesuatu penting bagi pemakai dalam dalam proses analisis merangkap konteks sistem akan dibuat. requirment system memahami 2. Atribut cara kerja sebuah sistem [5]. Atribut berfungsi mendeskripsikan karakter entitas. Entitas dapat berhubungan satu sama lain. Hubungan ini dinamakan relationships (relasi). alur kerja (workflow) sebuah proses bisnis urutan aktifitas dalam sebuah proses. Diagram ini sangat mirip dengan sebuah flowchart karena kita dapat memodelkan 4. Alur atau Garis memiliki fungsi menghubungkan atribut dengan entitas entitas dengan relasi berbentuk garis. alur suatu proses dari suatu aktivitas ke aktivitas lainnya atau suatu aktivitas ke dalam keadaan sesaat [5]. k. Bahasa Pemrograman PHP 5. Kardinalitas PHP Kardinalitas Entitas adalah penentuan merupakan berapa banyak relasi suatu entitas antara scripting mampu berjalan di dalam entitas satu dengan lainnya. sebuah server mampu membuat web UML merupakan sistem arsitektur bekerja dalam Object Oriented Analys and Design (OOAD) dengan satu bahasa konstan visualisasi, menentukan mengonstruksi, (PHP Hypertext bahasa Prepocessor) pemrograman menjadi interaktif dinamis. PHP juga h. Unified Modeling Language (UML) mampu mengolah data dari komputer client serta mampu mengolah data dari server sehingga mudah disajikan dalam browser [6]. Melihat perkembangan teknologi website, PHP digunakan oleh developer website terdapat dalam system software. UML hampir diseluruh dunia karena bahasa merupakan salah satu pemodelan sistem pemrograman PHP bersifat Open Source paling populer [5]. serta lebih dinamis mampu berjalan mendokumentasikan i. Activity Diagram Activity Diagram memodelkan sebuah 3. Relasi Alur j. artifact Use Case Diagram Use Case Diagram menjelaskan manfaat pada sistem operasi apapun. Hal inilah menyebabkan bahasa pemrograman sistem jika dilihat menurut pangan PHP berkembang dengan pesat. Jadi orang berada diluar sistem (Aktor). dapat Diagram ini menunjukan fungsionalitas merupakan bahsa pemrograman website suatu sistem atau kelas bagaimana dapat digunakan desain disimpulkan bahwa PHP
e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 708 sebuah l. web menjadi interaktif controller. View berfungsi dinamis serta mampu dijalankan dengan menerima merepresentasikan data kecepatan tinggi dalam sebuah server. kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model. CodeIgniter CodeIgniter merupakan aplikasi open source berupa framework dengan model MVC membangun website dinamis menggunakan PHP. CodeIgniter memudahkan developer website unutk membuat aplikasi website dengan cepat mudah dibandingkan dengan membuatnya dari awal [7]. cukup popular dalam pembangunan aplikasi web. Berawal dari bahasa pemrograman Small Talk, MVC memisahkan pengembangan berdasarkan komponen membangun sebuah Controller merupakan bagian mengatur hubungan antara bagian model bagian view, controller berfungsi menerima request data dari user kemudian menentukan apa akan diproses oleh aplikasi. m. Aplikasi Web Model View Controller merupakan suatu konsep 3. Controller aplikasi utama aplikasi seperti manipulasi data, user interface, bagian menjadi kontrol aplikasi. [8] Komponen MVC antara lain: Aplikasi Web adalah sutau aplikasi diakses menggunakan browser melalui suatu jaringan seperti internet atau intranet. Dalam hal ini terdapat 3 komponen menjalankan aplikasi web, yaitu web client, web server, jaringan. Aplikasi web merupakan aplikasi menggunakan arsitektur client-server yaitu dimana program client (web browser) terhubung pada sebuah server agar dapat mengakses sumber daya disediakan oleh browser [9]. 1. Model Biasanya berhubungan langsung dengan database (insert, update, memanipulasi delete, n. XAMPP data XAMPP adalah sebuah paket software search), web terdiri dari Apache, MySql, menangani validasi dari bagian controller, namun tidak dapat merupakan software open source berhubungan langsung dengan bagian bisa di konfigurasi secara otomatis [6]. view. XAMPP 2. View mudah digunakan, gratis mendukung View merupakan bagian menangani instalasi di Linux maupun Windows. presentation logic. Pada suatu aplikasi Keuntungan web bagian ini biasanya berupa file menginstal template Apache Web Server, MySQL Database HTML diatur oleh PHP phpmyadmin. merupakan lainnya XAMPP software yaitu cuma satu kali sudah tersedia
e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 709 Server, PHP (PHP 4 PHP 5) beberapa module lainnya. 3. ANALISIS DAN PERANCANGAN 3.1 Analisis Sistem Yang Seg Berjalan 3.2.1 o. MySQL Proses Meng Perangkat MySQL adalah salah satu jenis database Seg server sangat terkenal. MySQL Berjalan menggunakan bahasa SQL mengakses database. Lisensi MySQL Proses Meng Perangkat (Sistem seg berjalan) Asisten Kaur adalah FOSS License Exception ada juga versi komersialnya. Tag MySQL adalah The World s most popular open source database [10]. Data Inventaris Laporan hasil perangkat laboratorium Meng Perangkat Rekap data kedalam Microsoft Excel p. Blackbox Testing Blackbox Testing adalah pengujian berfokus pada persyaratan fungsional perangkat lunak. blackbox Dengan testing demikian, memungkinkan perekayasa perangkat lunak mendapatkan serangkaian kondisi sepenuhnya menggunakan persyaratan fungsional Laporan hasil perangkat laboratorium input Laporan hasil perangkat laboratorium Laporan hasil perangkat laboratorium semua suatu program [11]. Blackbox Testing berusaha menemukan kesalahan dalam kategori sebagai berikut: 1. Fungsi-fungsi tidak benar atau salah. 2. Kesalahan interface. 3. Kesalahan dalam struktur data atau database eksternal. 4. Kesalahan kinerja. 5. Instalasi kesalahan terminasi Gambar 2 Proses Kegiatan Meng Perangkat
e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 710 3.2.2 Proses Membuat Laporan 3.2.4 Proses Peminjaman Ruangan Maintenance Perangkat Seg Seg Berjalan Berjalan Proses Membuat Laporan Maintenance Perangkat (Sistem seg berjalan) Asisten Kaur Proses Peminjaman Ruangan (Sistem Berjalan) Peminjam Tidak Catat data laboratorium Laporan hasil Pembina Ruang Asisten Ruang Jika Disetujui Ya Ruang Tanda Tangan Ruang Laporan hasil Tidak Jika Disetujui Laporan hasil Rekap data kedalam Microsoft Excel Ya Tanda Tangan Ruang Laporan hasil setelah di rekap Ruang Gambar 3 Proses Kegiatan Membuat Laporan Maintenance Perangkat 3.2.3 Proses Input Jadwal Piket Asisten Seg Berjalan Input Jadwal Piket Asisten (Sistem seg berjalan) Asisten Gambar 5 Proses Peminjaman Ruangan 3.2 Analisis Kebutuhan Sistem Diusulkan 3.2.1 Proses Meng Perangkat Diusulkan Proses Meng Perangkat (Sistem diusulkan) Asisten Kaur Input data baru Jadwal Kuliah Asisten Data Jadwal Jaga Admin Laboratorum Form Data Inventaris Input Jadwal Piket Jaga Admin Validasi Jadwal Input data hasil Ambil data hasil Data Jadwal Jaga Admin Laboratorum Laporan hasil Laporan hasil Tidak Ya Gambar 4 Proses Kegiatan Input Jadwal Piket Asisten Gambar 6 Proses Kegiatan Meng Perangkat
e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 711 3.2.2 Proses Membuat Laporan 3.2.4 Proses Peminjaman Ruangan Maintenance Perangkat Diusulkan Yang Diusulkan Proses Peminjaman Ruangan (Sistem diusulkan) Peminjam Proses Membuat Laporan Maintenance Perangkat (Sistem diusulkan) Asisten Kaur Data Inventaris Form Mengisi Form Peminjaman Data Peminjaman Ruangan Ambil data Ambil laporan hasil Data Hasil Maintenance Ruangan Jika Distujui Ya Menyimpan Konfirmasi Peminjaman Ruangan Input laporan hasil Pembina Tidak Notifikasi Peminjaman disetujui Notifikasi Peminjaman tidak disetujui Laporan Laporan Notifikasi Peminjaman disetujui atau tidak disetujui Gambar 7 Proses Kegiatan Membuat Laporan Maintenance Perangkat 3.2.3 Proses Input Jadwal Piket Asisten Gambar 9 Proses Peminjaman Ruangan 3.3 Perancangan Sistem 3.3.1 Use Case Diagram Diusulkan Input Jadwal Piket Asisten (Sistem diusulkan) Asisten Input Jadwal Piket Jaga Form Input Jadwal Piket Jaga Menyimpan hasil input jadwal jaga Admin Data Jadwal Piket Admin Konfirmasi Disetujui Ambil data ladwal piket jaga Admin Jaga Piket Dikonfirmasi Form Input Jadwal Piket Jaga Jaga Piket Ditolak Ya Jika Disetujui Tidak Ambil data jadwal piket jaga Admin Laporan Jadwal Piket Jaga Admin Gambar 8 Proses Kegiatan Plotting Jadwal Piket Asisten Gambar 10 Use Case Diagram dari Aplikasi Akan Dibuat
e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 712 3.4 Perancangan Basis Data dengan melakukan pengelolaan pada 3.4.1 Entity Relationship Diagram (ERD),, pengelolaan data user, data laboratorium, data ruangan, data jadwal peminjaman. 3.5.1 Halaman Login Gambar 12 Halaman Login 3.5.2 Halaman Dashboard Gambar 13 Halaman Dashboard 3.5.3 Halaman Data User Gambar 11 Entity Relationship Diagram 3.5 Implementasi Aplikasi Pengelolaan Aset Fakultas Ilmu Terapan ini dibangun sebagai aplikasi dibuat mengelola data aset pada laboratorium Fakultas Ilmu Terapan. Pada tahap implementsi, penulis mencoba mengimplementasikan aplikasi ini Gambar 14 Halaman Data User
e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 713 3.5.4 Halaman Data Gambar 15 Halaman Data 3.5.5 Halaman Data Ruangan 3.5.7 Halaman Detail Data Inventaris Gambar 18 Halaman Detail Data Inventaris 3.5.8 Halaman Maintenance Inventaris Gambar 16 Halaman Data Ruangan 3.5.6 Halaman Data Inventaris Gambar 19 Halaman Maintenance Inventaris 3.5.9 Halaman Data Peminjaman Gambar 17 Halaman Data Inventaris Gambar 20 Halaman Data Peminjaman
e-proceeding of Applied Science : Vol.3, No.2 Agustus 2017 Page 714 3.5.10 Halaman Data Jadwal [5] Suhendar.S.Si Hariman Gunadi.S.Si., Visual Modeling Menggunakan Rational Rose, Bandung: Informatika, 2001. [6] MADCOMS, Menguasai XHTML, CSS, PHP MySql melalui Dreamwaever, Yogyakarta: Andi, 2009. Gambar 21 Halaman Data Jadwal 3.5.11 Halaman Detail Peminjaman [7] Saputro A., Trik Kolaborasi Codeigniter & Jquery, Yogyakarta: Lokomedia, 2011. [8] Welling L., PHP and MySQL Development, 2th ed., Sam Publishing, 2003. [9] Komputindo P. E. M., Pemorgraman Web Aplikatif dengan Java, 1st ed., P. E. Komputindo M., Ed., Jakarta: PT Elex Media Komputindo, 2011. [10] Riyanto, Membuat Sendiri Sistem Informasi Penjualan dengan PHP MySql, Yogyakarta, Indonesia: Gava Media, 2010. Gambar 22 Halaman Detail Peminjaman Daftar Pustaka [1] Roger P. Pressman S., Software Enginering a practitioners approach, 5th ed., B. Jones, Ed., McGraw-Hill series in computer science, 2001. [2] Rossa. D. Salahudin M., Modul Pembelajaran Rekayasa Perangkat Lunak, Bandung: Modula, 2011. [3] Kamus Besar Bahasa Indonesia (KBBI), Januari 2015. [Online]. Available: http://kbbi.web.id. [4] Ronny Kountur S. M. M., DASARDASAR SISTEM INFORMASI MANAJEMEN, Jakarta: DINASTINDO, 1996. [11] Presman, Rekayasa Perangkat Lunak, Yogyakarta: Andi, 2002.