SISTEM INFORMASI LABORATORIUM KOMPUTER UKRIDA

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
*frpnop@yahoo.com

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

Gambar

Input Nama
pengguna

xxxxxxxxx

Input Sandi
pengguna

xxxxxxxxx

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