Jurnal Teknik dan Ilmu Komputer
SISTEM INFORMASI LABORATORIUM KOMPUTER UKRIDA (The Information System of Ukrida Computer Laboratory)
Andy Septianto, Florensa Rosani Purba* Fakultas Teknik dan Ilmu Komputer Jurusan Sistem Informasi Universitas Kristen Krida Wacana – Jakarta *
[email protected]
Abstrak Dalam rangka meningkatkan pelayanan pengguna laboratorium, dibutuhkan suatu sistem yang dapat bekerja secara cepat dan efisien, dimana selama ini masih dilakukan secara manual. Sistem informasi laboratorium merupakan salah satu aplikasi yang dapat digunakan untuk mempermudah pengelolaan di laboratorium khususnya admin. Sistem ini juga dapat diakses melalui jaringan sehingga proses pelayanan dapat dilakukan dengan mudah dan cepat oleh pengguna. Kata Kunci: sistem informasi, PHP, website Abstract In order to improve the laboratory user services, a system that can work quickly and efficiently is needed. The laboratory information system is one that can be used to simplify the laboratory management. The system can also be accessed via network so that the service can be done easily and quickly by the user. Keywords: information system, PHP, website
1.
PENDAHULUAN
1.1
Latar Belakang
Saat ini Laboratorium Komputer telah berkembang cukup pesat. Hal ini dapat dilihat pada perubahan yang terjadi dari waktu ke waktu. Beberapa tahun yang lalu Laboratorium Komputer hanya digunakan sebagai tempat pelatihan komputer dan sarana praktikum untuk mahasiswa yang berada di Fakultas Teknik dan Ilmu Komputer, namun pada saat ini Laboratorium Komputer telah menjadi ruang kelas hampir untuk seluruh fakultas, baik Fakultas Kedokteran, Fakultas Ekonomi, Fakultas Teknik dan Ilmu Komputer, maupun Fakultas Psikologi. Selain itu, saat ini berkembang metode pembelajaran multimedia interaktif yang mampu membantu peningkatan pemahaman mahasiswa terhadap suatu materi. Saat ini pengajar tidak lagi diposisikan sebagai posisi sentral dalam proses pembelajaran, mahasiswa dapat mengeksplorasi pengetahuan dengan mempelajari langsung dari sumber-sumber yang lain, salah satunya dengan menggunakan komputer yang diisi dengan materi pembelajaran multimedia interaktif dan terhubung dengan jaringan. Mempertimbangkan perlu adanya sistem informasi dalam pengelolaan Laboratorium Komputer ini, maka dalam paper ini dibahas perancangan sistem informasi
316
Vol. 01 No. 03, Jul – Sep 2012
laboratorium untuk dapat melihat spesifikasi komputer dan jadwal mata kuliah pada setiap ruangan di Laboratorium Komputer.
1.2
Tujuan dan Manfaat
Adapun tujuan yang ingin diperoleh dalam perancangan sistem informasi di Laboratorium Komputer Ukrida adalah: Admin dapat mengatur jadwal mata kuliah pada setiap ruangan dengan mudah. Dengan adanya informasi spesifikasi komputer pada setiap ruangan dapat mempermudah admin dalam menjalankan tugasnya. Adanya fitur yang dapat membantu dosen untuk mengajukan jadwal mata kuliah. Manfaat yang yang ingin diperoleh dalam perancangan sistem informasi di Laboratorium Komputer Ukrida adalah: Memperlancar komunikasi antara dosen dengan admin. Waktu yang diperlukan untuk maintenance laboratorium dapat dipersingkat.
1.3
1.4
Ruang Lingkup Ruang lingkup pembahasan dalam paper ini adalah: Subjek di dalam paper ini hanya dosen dan admin. Aplikasi yang digunakan adalah Dreamweaver CS3 versi 9.0, Xampp 1.7.4 Sistem informasi ini dirancang dengan bahasa pemrograman PHP v5.3.1. Sistem informasi ini mencakup fitur login, pengaturan dan pengajuan jadwal mata kuliah, dan pengaturan hak akses sistem informasi tersebut .
Metodologi Penelitian Metode yang digunakan dalam penelitian ini adalah sebagai berikut: Studi kepustakaan (library research) Metode penelitian yang dilakukan dengan mengumpulkan artikel di internet dan sumber-sumber tertulis lainnya guna memperoleh teori-teori serta pengetahuan ilmiah dan pendapat dari pihak-pihak tertentu yang mendukung proses penelitian yang sedang dilakukan. Studi lapangan (field research) Studi Lapangan dilaksanakan dengan melakukan observasi terhadap komputer yang ada di Laboratorium Ukrida.
2
KONSEP DASAR
2.1
Pengertian Sistem Informasi
Sistem Informasi terdiri dari dua kata, yaitu sistem dan informasi. Sistem sendiri berarti gabungan dari beberapa subsistem yang bertujuan untuk mencapai satu tujuan. Informasi berarti sesuatu yang mudah dipahami oleh si penerima. Sistem informasi memiliki makna sistem yang bertujuan menampilkan informasi. Sistem informasi adalah kegiatan dari suatu prosedur-prosedur yang diorganisasikan bilamana dieksekusi akan menyediakan informasi untuk mendukukung pengambilan keputusan dan pengendalian di dalam organisasi [1]. Sistem informasi adalah suatu kombinasi dari orang-orang, fasilitas teknologi, media, prosedur-prosedur, pengendalian ditujukan untuk mendapatkan jalur komunikasi penting, memproses tipe transaksi rutin tertentu, memberi sinyal kepada manajemen dan yang lainnya terhadap
317
Sistem Informasi Laboratorium...
kejadian-kejadian internal maupun eksternal yang penting, serta menyediakan suatu dasar untuk pengambilan keputusannya yang cerdik. Sistem informasi memiliki tiga unsur atau kegiatan utama, yaitu [2]: 1) Input: Menerima data sebagai masukan. Masukan berperan di dalam pengumpulan bahan mentah (raw data), baik yang diperoleh dari dalam maupun dari lingkungan sekitar organisasi. 2) Proses: Memproses data dengan melakukan perhitungan, penggabungan unsur data, pemutakhiran perkiraan, dan lain-lain. Pemrosesan berperan untuk mengkonversi bahan mentah menjadi bentuk yang lebih memiliki arti. 3) Output: Memperoleh informasi sebagai keluaran. Prinsip ini berlaku baik untuk sistem informasi manual, elektromekanis maupun komputer. Sebuah sistem informasi menerima data sebagai masukan dan selanjutnya memproses data, kemudian mengubahnya menjadi informasi sebagai keluaran.
2.2
Network
Jaringan atau network saat ini menjadi istilah yang sangat penting dalam dunia pengolahan data dan informasi. Pengertian sederhana dari jaringan komputer adalah sekumpulan perangkat yang dapat digunakan untuk menyimpan dan memanipulasi data elektronis dan pesan-pesan, saling terkait satu dengan lainnya dimana dengan cara tersebut pengguna dapat menyimpan, menggali, dan saling berbagi terhadap informasi yang tersedia [3]. Istilah “Network” mengacu pada perangkat keras dan lunak yang digunakan untuk menghubungkan antara komputer satu dengan komputer lainnya, sehingga memungkinkan untuk berkomunikasi satu sama lain. Sistem jaringan tidak lagi hanya melayani sebuah mesin besar saja. Sebaliknya, jaringan-jaringan akan merupakan sarana bantu yang memungkinkan sebuah organisasi besar untuk melakukan penyesuaian, antara kebutuhan informasi dengan besarnya aplikasi, serta investasi perangkat keras dan lunaknya.
2.3
Web Server
Web server adalah sebuah bentuk server yang khusus digunakan untuk menyimpan halaman website atau homepage [2]. Komputer dapat dikatakan web server jika komputer tersebut memiliki suatu program server yang disebut Personal Web Server (PWS). Macam-macam web server, antara lain: Apache (Open Source) Xitami IIs PWS (Personal web Server) Website (Situs Web) merupakan alamat web yang berfungsi sebagai tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu situs atau web. Website dapat dikategorikan menjadi 2, yaitu [4]: Web statis, yaitu web yang berisi atau menampilkan informasi-informasi yang sifatnya statis (tetap). Web dinamis, yaitu web yang menampilkan informasi serta dapat berinteraksi dengan user yang bersifat dinamis.
2.4
HTTP
HTTP (Hypertext Transfer Protocol) merupakan protocol yang digunakan untuk mendistribusikan sistem informasi yang berbasis hypertext. Protokol ini merupakan protokol standar yang digunakan untuk mengakses HTML [5]. HTTP diprakarsai
318
Vol. 01 No. 03, Jul – Sep 2012
oleh World Wide Web sistem informasi yang menyeluruh sejak tahun 1990. Apabila pada penjelajahan web dan pada alamat tertulis http://www.google.com; ini merupakan salah satu penggunaan protokol HTTP dalam web.
2.5
PHP
PHP adalah salah satu server side yang dirancang khusus untuk aplikasi web. PHP disisipkan di antara bahasa HTML. Oleh karena PHP merupakan bahasa server side, maka bahasa PHP akan dieksekusi di server, sehingga yang dikirimkan ke browser adalah hasil jadi dalam bentuk HTML [6]. Karena itu, kode PHP tidak akan terlihat. PHP termasuk Open Source Product. Jadi, dapat diubah source code dan mendistribusikannya secara bebas. Untuk menjalankan sistem PHP dibutuhkan tiga komponen, yaitu: Web server Program PHP Database Server Adapun kelebihan-kelebihan dari PHP, yaitu: PHP mudah dibuat dan kecepatan akses tinggi. PHP dapat berjalan dalam web server yang berbeda dalam sistem operasi yang berbeda. PHP diterbitkan secara gratis. PHP merupakan bahasa yang dapat diletakkan dalam tag HTML. Sistem database yang didukung PHP cukup banyak. PHP termasuk server side programming.
2.6
MySQL
MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses databasenya. MySQL termasuk jenis RDBMS (Relational Database Management System). Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom. Untuk mengelola database MySQL terdapat beberapa cara, yaitu melalui prompt DOS (tool command line) dan dapat juga menggunakan program utility, seperti: 1) PHP MyAdmin 2) MySQLGUI 3) MySQL Manager Java Based 4) MySQL Administrator for windows.
3
PERANCANGAN
Proses perancangan Sistem Informasi Laboratorium dimulai dengan pembuatan diagram hirarki, perancangan menu utama yang terdiri dari menu admin dan menu pengguna. Antara menu admin dan menu pengguna terdapat perbedaan dalam hal hak akses dimana admin dapat melakukan input, edit, delete, sedangkan dalam pengguna hanya dapat melihat tampilan saja.
3.1
Diagram Hirarki Sistem Informasi Laboratorium
Pada menu utama terdiri dari tampilan admin dan tampilan pengguna. Dalam tampilan admin terbagi menjadi 4 tampilan, yaitu galeri admin, ruangan admin, jadwal
319
Sistem Informasi Laboratorium...
admin, dan kontrol admin. Pada galeri admin, pengaksesan dapat dilanjutkan ke perbesaran galeri admin. Pada ruangan admin, pengaksesan dapat dilanjutkan ke detil ruangan admin, dalam detil ruangan admin terdapat pilihan ke edit ruangan admin. Pada jadwal admin, pengaksesan dapat dilanjutkan ke detil jadwal admin, dalam detil jadwal admin terdapat pilihan ke edit jadwal admin. Pada kontrol admin terdapat 3 pilihan akses, yaitu tambah pengguna, edit pengguna, dan hapus pengguna [7]. Dalam tampilan pengguna terbagi menjadi 4 tampilan, yaitu galeri pengguna, ruangan pengguna, jadwal pengguna, dan ganti sandi pengguna. Pada galeri pengguna, pengaksesan dapat dilanjutkan ke perbesaran galeri pengguna. Pada ruangan pengguna, pengaksesan dapat dilanjutkan ke detil ruangan pengguna. Pada jadwal pengguna, pengaksesan dapat dilanjutkan ke detil jadwal pengguna [8]. Menu Utama
Admin
Pengguna
Galeri Admin
Ruangan Admin
Jadwal Admin
Perbesaran Galeri Admin
Detail Ruangan Admin
Detail Jadwal Admin
Edit Ruangan Admin
Edit Jadwal Admin
Kontrol Admin
Tambah Pengguna
Edit pengguna
Hapus pengguna
Galeri Pengguna
Ruangan Pengguna
Jadwal Pengguna
Perbesaran Galeri Pengguna
Detail Ruangan Pengguna
Detail Jadwal Pengguna
Ganti Password Pengguna
Gambar 1. Hirarki sistem informasi laboratorium Ukrida
3.2
Perancangan Tampilan
Perancangan sistem informasi ini menggunakan software Adobe Dreamweaver CS3 dengan bahasa pemrograman PHP, Java Script untuk mendesain sistem informasi, dan Xampp 1.7.3 yang merupakan tool yang menyediakan sistem manajemen database dengan menggunakan MySQL dan PhpMyAdmin untuk mengelola database dalam MySQL [9]. Dalam perancangan ini dibagi menjadi 2 bagian menurut hak aksesnya, yaitu perancangan tampilan admin dan perancangan tampilan pengguna biasa. Berikut ini adalah tampilan awal dari pengguna yang mengakses Sistem Informasi Laboratorium Ukrida. 1) Rancangan tampilan awal Gambar Latar belakang
Gambar Flash
Gambar Flash
Input Nama pengguna
xxxxxxxxx
Input Sandi pengguna
xxxxxxxxx
Gambar
Tombol Masuk
Gambar 2. Rancangan tampilan awal
320
Vol. 01 No. 03, Jul – Sep 2012
2) Rancangan tampilan awal admin Gambar Latar belakang
Gambar Flash
Judul
Tombol keluar
Tombol Beranda Tombol Galeri Tombol Ruangan Tombol Jadwal Tombol Kontrol
Teks Tata Tertib Asisten Laboratorium Komputer Ukrida
Gambar 3. Rancangan tampilan awal admin
3) Rancangan tampilan galeri admin Gambar Latar belakang
Gambar Flash
Judul
Tombol keluar
Tombol Beranda Tombol Galeri Judul Gambar
xxxxxx
Input Gambar
xxxxxx
Tombol Ruangan Tombol Jadwal
Cari Gambar
Tombol simpan
Tombol Hapus Gambar
Tombol Kontrol
Gambar
Gambar 4. Rancangan tampilan galeri admin
321
Sistem Informasi Laboratorium...
4) Rancangan tampilan awal pengguna
Gambar Flash
Judul
Tombol keluar
Tombol Beranda
Tombol Ganti Password
Tombol Galeri Tombol Ruangan Tombol Jadwal Teks Prosedur Penggunaan Laboratorium Komputer Ukrida
Gambar 5. Rancangan tampilan awal pengguna
5) Rancangan ganti sandi pengguna
Gambar Flash
Tombol Beranda Tombol Galeri Tombol Ruangan Tombol Jadwal
Judul
Masukkan sandi lama pengguna
xxxxxxx
Masukkan sandi baru pengguna
xxxxxxx
Masukkan konfirmasi sandi baru pengguna
xxxxxxx
Tombol Kontrol Tombol OK
Gambar 6. Rancangan tampilan ganti sandi pengguna
322
Vol. 01 No. 03, Jul – Sep 2012
6) Rancangan galeri pengguna Gambar Latar belakang
Gambar Flash
Tombol Beranda
Judul
Tombol keluar
Tombol Ganti Password
Tombol Galeri Tombol Ruangan Tombol Jadwal
Gambar
Gambar 7. Rancangan tampilan ganti sandi pengguna
4
HASIL IMPLEMENTASI SISTEM
4.1
Kebutuhan Perangkat Keras dan Perangkat Lunak Sistem Informasi
Perangkat keras komputer (hardware) adalah semua bagian fisik komputer dan dibedakan dengan data yang berada di dalamnya atau yang beroperasi di dalamnya. Perangkat keras juga dibedakan dengan perangkat lunak (software) yang menyediakan instruksi untuk perangkat keras dalam menyelesaikan tugasnya. Pada perancangan sistem informasi ini membutuhkan sarana pendukung berupa hardware dan software. Adapun spesifikasinya adalah sebagai berikut: Spesifikasi Hardware: Notebook (Laptop) dengan processor Intel Core2Duo P7370 dan resolusinya 1280x800 pixel. Processor dengan kecepatan 2,00 GHz. Memory (RAM) DDR2 1,00GB. VGA SiS Mirage 3 Graphics SiS672 series dengan kapasitas 256 MB. Hard disk dengan kapasitas 320GB (minimum 40 GB). Mouse. Speaker. Spesifikasi Software: Sistem operasi: Microsoft Windows XP professional SP3. Adobe Dreamweaver CS3. Adobe Photoshop CS3. Adobe Fireworks CS3. Xampp 1.7.3.
323
Sistem Informasi Laboratorium...
4.2
Implementasi Sistem informasi
Dalam implementasi ini, pengguna yang ingin mengakses ke Sistem Informasi Laboratorium Ukrida dibagi menjadi 2 bagian menurut hak aksesnya, yaitu tampilan halaman admin dan tampilan halaman pengguna biasa. Berikut ini akan dijelaskan tampilan awal dari implementasi Sistem Informasi Laboratorium Ukrida. Gambar 8 adalah tampilan halaman awal pada sistem informasi ini. Pada halaman ini terdapat gambar flash yang menampilkan logo Ukrida dan Welcome to Ukrida’s Computer Laboratory, foto – foto yang menampilkan setiap ruangan yang ada di Laboratorium Ukrida, jam digital yang menunjukkan tanggal dan waktu sekarang, text field user id yang digunakan untuk meng-input identitas pengguna yang akan divalidasi dengan data yang terdapat di basis data, text field password yang digunakan untuk menginput sandi yang akan divalidasi dengan data yang terdapat di basis data. Tombol Masuk yang digunakan untuk memproses id pengguna dan sandi yang telah di input pada text field.
Gambar 8. Tampilan awal
4.2.1 Tampilan Halaman Admin Gambar 9 adalah tampilan halaman utama admin pada sistem informasi ini. Pada halaman ini terdapat text field yang berisi tata tertib asisten Laboratorium Komputer Ukrida. Tombol keluar yang digunakan untuk keluar dan berhenti mengakses sistem informasi. Tombol beranda yang digunakan untuk kembali ke halaman utama admin. Tombol galeri yang digunakan untuk mengakses halaman galeri admin dimana pada halaman ini, admin dapat menambahkan dan menghapus foto foto galeri laboratorium Ukrida. Tombol ruangan yang digunakan untuk mengakses halaman ruangan admin dimana halaman ini berisi nama - nama ruangan laboratorium komputer beserta jumlah dan spesifikasi komputer di dalam masing - masing ruangan tersebut. Tombol jadwal yang digunakan untuk mengakses halaman jadwal admin dimana pada halaman ini, admin dapat melihat dan meng-edit jadwal penggunaan laboratorium. Tombol kontrol digunakan untuk mengakses halaman kontrol admin dimana pada halaman ini admin dapat menambahkan, meng-edit, dan menghapus hak akses pengguna lainnya.
324
Vol. 01 No. 03, Jul – Sep 2012
Gambar 9. Tampilan halaman admin
4.2.2
Tampilan Halaman Ganti Password Pengguna
Gambar 10 adalah tampilan halaman ganti password pada sistem informasi ini. Pada halaman ini terdapat text field yang di-input password lama, password baru, konfirmasi password baru. Tombol ok untuk memproses penggantian password lama ke password baru dalam basis data. Tombol keluar digunakan untuk keluar dan berhenti mengakses sistem informasi. Tombol beranda digunakan untuk kembali ke halaman utama pengguna biasa. Tombol galeri digunakan untuk mengakses halaman galeri pengguna biasa dimana pada halaman ini, pengguna biasa dapat melihat foto foto galeri laboratorium Ukrida. Tombol ruangan digunakan untuk mengakses halaman ruangan pengguna biasa, dimana halaman ini berisi nama - nama ruangan laboratorium komputer beserta jumlah dan spesifikasi komputer di dalam masing - masing ruangan tersebut. Tombol jadwal yang digunakan untuk mengakses halaman jadwal pengguna biasa, dimana pada halaman ini pengguna biasa dapat melihat jadwal laboratorium.
Gambar 10. Tampilan halaman ganti password pengguna
325
Sistem Informasi Laboratorium...
5
KESIMPULAN
Setelah sistem informasi diimplementasikan, dapat diambil kesimpulan sebagai berikut: Sistem ini sangat membantu admin dalam mengatur jadwal mata kuliah pada setiap ruangan dengan mudah. Admin dapat dengan mudah mengetahui spesifikasi komputer sehingga memudahkan dalam proses pemeliharaan secara berkala. Admin dapat dengan cepat memproses bila terjadi perubahan jadwal penggunaan ruang laboratorium.
REFERENSI [1]. [2].
[3]. [4]. [5]. [6]. [7].
[8].
[9].
Henry C. Lucas Jr, “Analisis, Desain, dan Implementasi Sistem Informasi”, Erlangga, 1993. Universitas Sumetera Utara, “Computer Based Information System”, diakses dari http://repository.usu.ac.id/bitstream/123456789/16955/4/Chapter%20II.pdf, 19 Maret 2012. Hawryszkiewycz, Igor, “Introduction to System Analysis and Design”, Prentice Hall, 1998. Kendall, Kenneth E. & Julie E. Kendall, “Analisis dan Perancangan Sistem”, Indeks, 2006. Sunarfrihantono, Bimo, “PHP dan MySQL untuk Web”, Andi, 2002. Sutarman, “Membangun Aplikasi Web dengan PHP dan MySQL”, Graha Ilmu, 2007. Mustaphaawan, “Pengertian dan Fungsi Laboratorium”, diakses dari http://wanmustafa.wordpress.com/2011/06/12/pengertian-dan-fungsi-laboratorium/, 9 Maret 2012. Universitas Kristen Petra, “Sistem Informasi Pariwisata”, diakses dari http://digilib.petra.ac.id/viewer.php?page=1&submit.x=0&submit.y=0&qual=high &fname=/jiunkpe/s1/tmi/2009/jiunkpe-ns-s1-2009-25405092-12233-wisata_sbychapter2.pdf, 19 Maret 2012. Ibunumada, “Ruang Kerja Dreamweaver”, diakses dari http://ibnumada.wordpress.com/2010/04/10/ruang-kerja-dreamweaver/, 20 Maret 2012.
326
