Sistem Informasi Praktikum dengan Pengembangan
Bootstrap v 3.2.0 (Studi Kasus Fakultas Teknik
Universitas Muhammadiyah Sidoarjo)
Practical information with Bootstrap Development v. 3.2.0
(A Case Study Of Faculty Of Engineering University Of
Muhammadiyah Sidoarjo)
Mochamad Hardi Risdyanto (111080200085)1, Arif Senja Fitroni, S.Kom.2
1,2 Jurusan Teknik Informatika Universitas Muhammadiyah Sidoarjo
1
ABSTRAK
Sistem praktikum yang berjalan selama ini belum efektif dan efisien dalam memberikan informasi jadwal, nilai praktikum, karena masih selembaran kertas yang di tempelkan di mading kampus dan juga pengumpulan laporan yang di catat di buku laporan secara manual. Pada penelitian kali ini mencoba mengembangkan tentang sebuah sistem informasi praktikum berbasis web dengan pengembangan HTML5 dan didukung Bootstrap v.3.20 . Sistem (sip.umsida.ac.id) ini di buat untuk mempermudah mahasiswa. Sebuah sistem informasi yang sesuai dengan perangkat lunak smartphone, tablet, dekstop yang bisa diakses kapan pun, dimana pun oleh mahasiswa guna mencari informasi tentang praktikum.
Kata Kunci : Praktikum, Bootstrap, Sip.
ABSTRACT
Practical systems that run as long as it has not been effective and efficient in providing information schedule, practical value, because it is still posting paper selembaran in mading campus and also the reports collection in noted in book reports manually. On the research this time tried to develop on a practical web-based information systems with the development of HTML5 and supported the Bootstrap v3.2.0. System (sip. umsida. ac.id) is made to facilitate students. An appropriate information system with software smartphones, tablets, desktop that can be accessed anytime, anywhere by students seeking information about practical.
PENDAHULUAN website dalam menyampaikan informasi sangatlah
membantu dan bermanfaat bagi lembaga-lembaga atau perusahaan. Penyampaian informasi dengan website ini tidak membutuhkan waktu yang lama
dan dapat
dilakukan darimana saja. Tidak dibatasi oleh tempat, waktu dan biaya. Proses
mendapatkan informasi dari website juga lebih efisien. Informasi ditampilkan dan disajikan dapat berubah seiring jalannya waktu sehingga
informasi terupdate. Kemudahan ini membuat website sebagai sarana informasi yang digemari user saat ini dan juga
di dukung
pengembangan Bootstrap v3.20
menjadikan aplikasi web dapat di akses di tablet,
smartphone, dekstop.
Aplikasi System Informasi Praktikum dengan pengembangan Bootstrap v3.20
yang akan
dibahas dalam penelitian ini adalah
pembuatan System Informasi Praktikum dengan Pengembangan Bootstrap v.3.20 atau bisa di sebut “sip.umsida.ac.id ” studi kasus Fakultas Teknik ‘Universitas Muhammadiyah Sidoarjo’. Pembuatan sip.umsida.ac.id merupakan media interaktif
komunikatif berbasis web yang dikhususkan untuk membantu info praktikum bagi mahasiswa. System
praktikum yang berjalan selama ini belum efektif dan efisien dalam memberikan informasi jadwal, nilai praktikum, karena masih selembaran kertas
yang di
tempelkan di madding kampus
dan juga
pengumpulan laporan yang di catat di buku laporan secara manual, maka
dengan ini
system
(sip.umsida.ac.id) ini di buat untuk mempermudah mahasiswa. Sebuah system informasi yang compitible dengan perangkat lunak
smartphone, tablet, dekstop yang bisa diakses
kapan pun,
dimana pun oleh mahasiswa guna mencari
informasi tentang praktikum.
RUMUSAN MASALAH
Berdasarkan latar belakang masalah diatas
maka dapat
dirumuskan beberapa permasalahan yaitu:
a. Bagaimana membuat mencari info
jadwal praktikum ? b. Bagaimana
menyimpan data pengumpula n laporan secara efesien ?
BATASAN MASALAH
Dalam perancangan dan pembuatan aplikasi ini mencakup banyak hal. Agar permasalahan tidak meluas
maka perlu
pembuatan system informasi praktikum ini adalah:
a) Membuat sistem kapan jadwal praktikum dilaksanakan .
b) Memberikan kemudahan
dapat di
cetak dalam jangka waktu yang praktikum.
MANFAAT
Mahasiswa
Manfaat dengan dibuatnya aplikasi sistem informasi
praktikum (sip.umsida.ac.id)
ini bagi
mahasiswa agar Mahasiswa yang
akan menghadapi praktikum diharapkan mengetahui info jadwal sebelum praktikum berlangsung. Serta diberi kemudahan saat mengumpulkan laporan
praktikum dan melihat nilai hasil Praktikum dengan cepat
serta bukti
absensi kehadiran praktikum. Dengan kemudahan tersebut, diharapkan Mahasiswa dapat memperoleh informasi jadwal, nilai, laporan,
tanda bukti
laporan sesuai dengan yang di harapkan.
Universitas
Diharapkan dengan dibuatnya system informasi praktikum dengan pengembangan Bootsrap v.3.20 bagi Universitas Muhammadiyah Sidoarjo dapat membuat proses praktikum menjadi lebih efektif dan efisien waktu,
penyimpanan laporan. Tidak memerlukan madding untuk media informasi
Penelitian penelitian tentang
web. Salah
satunya
dilakukan oleh
( Zulkarnain Ali A, 2013). Pada penelitian ini dilatar belakangi untuk membantu pembelajaran bagi mahasiswa melalui
pemberian soal –
soal uji
kompetensi sebelum menghadapi praktikum dengan tujuan untuk membantu dalam
kemudahan saat praktikum di laksanakan dan melakukan penilaian secara langsung dari
hasil tes.
Penelitian ini menggunakan metode pembelajaran berbasis web dan penyimpanan datanya menggunakan Mysql. Hasil dari penelitian ini di harapkan agar mahasiswa yang akan mengikuti praktikum lebih siap serta dapat mengetahui dasar – dasar materi praktikum untuk memperoleh hasil nilai semaksimal mungkin sesuai
dengan yang di harapkan. Penelitian
yang kedua
dilakukan oleh
(Yuliani, 2013).
Jadwal praktikum sangat penting di ketahui oleh mahasiswa, mengingat jadwal praktikum yang tidak menentu , sering berubah –
ubah dan
menggunakan media lembaran – lembaran kertas
yang di
tempelkan di madding. Maka di rancangkan system informasi jadwal praktikum berbasis web dan SMS GATEWAY dengan tujuan agar mahasiswa dapat informasi jadwal praktikum yang dibutuhkan cukup dengan
SMS untuk
memperoleh pemyajian data yang terupdate, sehingga
mahasiswa tidak akan ketinggalan informasi-informasi seputar penjadwalan praktikum. Penelitian ini menggunakan praktikum. Pada penelitian kali ini mencoba
system infomasi
Bootstrap v.3.20 . Dibutuhkan data
yang telah
terdaftar.
Didalam database mahasiswa yang sudah terdaftar bisa langsung
login untuk
masuk sistem kemudian bisa langsung
melakukan mengecekan jadwal praktikum yang
berlangsung, melihat nilai dan absensi
praktikum yang pernah di ikuti, melihat data pengumpulan laporan, data
dosen, data
asisten, data lab, serta dengan di dukung Bootstrap v.320 membuat tampilan system
ini menjadi
responsive.
Tabel 1. Matrik Penelitian Terdahuluan.
Terdapat 2 penelitian terdahulu
yang telah
melakukan penelitian mengenai praktikum.
DASAR TEORI
Pengertian
melakukan suatu kegiatan secara
nyata dan
berdasarkan pada teori yang sudah dipelajari
sebelumnya. Praktikum merupakan kegiatan yang dilakukan untuk memecahkan atau membuktikan suatu teori, yang meliputi,
mengamati, mengukur sehingga diperole
data yang
kemudian dipergunakan untuk menarik kesimpulan.
Sedangkan menurut KBBI
(2001) praktikum
adalah bagian dari pengajaran yang bertujuan
agar siswa
mendapat kesempatan untu
menguji dan
melaksanakan dikeadaan nyara,
apa yang
diperoleh dari
teori dan
pelajaran praktik. Menurut
Arsyad (2000),
belajar yang
paling baik
adalah melalui pengalaman langsung siswa tidak sekedar mengamati secara langsung tetapi ia harus
menghayati, terlibat langsung dalam perbuatan dan bertanggung jawab terhadap hasilnya.
Pemrograman Web
Pemrogram an web diambil dari 2 suku kata yaitu
pemrograman
dan web.
Pemrograman adalah proses, cara,
pembuatan. Orang banyak mengenal web dengan istilah WWW (world
wide web),
WWW adalah
halaman-halaman website
yang dapat
saling
terkoneksi satu dengan lainnya. Halaman Web merupakan file teks murni yang berisi sintaks-sintaks HTML
yang dapat
dibuka, dilihat, diterjemahkan dengan Internet
Browser .
Sintaks HTML mampu memuat konten text, gambar, audio,
video dan
animasi. Banyak keuntungan yang diberikan oleh aplikasi berbasis Web
dari pada
aplikasi berbasis desktop, yaitu Akses informasi mudah, setup bebas platform, informasi dapat di sajikan oleh browser web pada sistem operasi mana
saja karena
adanya standar dokumen berbagai tipe
data dapat
disajikan. ( Abdul Kadir, 2002 ).
HTML, untuk mempermudah pengaturan tampilan dapat digunakan CSS dan agar dapat interaktif maka perlu membuat suatu
pemrograman
agar dapat
berinteraksi antara
pengunjung dan situs tersebut,
ada banyak
bahasa yang dapat digunakan seperti
javascript dan PHP.
Pemrograman database seperti MySQL juga digunakan untuk menyimpan data suatu website. ( Budi
Raharjo,2011 ).
HyperText Markup Language (HTML)
Dalam sebuah halaman website html sebagai
penyusunnya merupakan file teks atau file
ASCII yang
berisi
instruksi/script
kepada web
browser untuk menampilkan suatu tampilan grafis. Didalam
file HTML
terdapat
beberapa "tag" atau kode-kode yang dimengerti
oleh web
browser dan dapat
menampilkanny a di layar monitor.
Salah satu kelebihan file HTML adalah cross platform, artinya file HTML dapat ditampilkan di beberapa Operating System (OS) yang berbeda dan memiliki tampilan yang sama walaupun saat
pembuatannya menggunakan satu OS tertentu saja. (Betha Sidik,2009 )
Yang bisa dilakukan dengan HTML yaitu: 1. Mengontrol
tampilan dari halaman web dan isinya. 2. Mempublik
asikan seluruh dunia. 3. Membuat
online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online. 4. Menambahk
an object-applet dalam dokumen HTML. ( Abdul Kadir, 2002 ) memanggil
file-file CSS,
Javascript dan PHP.
Hypertext Preprocessor (PHP)
PHP merupakan script yang menyatu dengan HTML dan berada pada server (server
side HTML
embedded scripting. Dengan PHP, kita dapat membuat
beragam aplikasi berbasis web,
mulai dari
halaman web yang sederhana sampai aplikasi komplek yang membutuhkan
koneksi ke
database. Kode program PHP selalu diawali dengan tag “<?” atau “<?php” dan ditutup dengan tag “?>”. File yang berisi tag HTML dalam
kode PHP ini diberi
ekstensi.php atau ekstensi lainnya yang ditetapkan pada apache/web server.
Berdasarkan ekstensi ini, pada saat file diakses, server akan tahu bahwa file ini mengandung kode PHP. Server akan
menerjemahkan kode ini dan menghasilkan output dalam
bentuk tag
HTML yang akan
dikirim ke
browser client yang mengakses file tersebut.
(Abdul Kadir,
Dengan PHP
kita dapat
membuat sebuah website dinamis dengan koneksi data ke database. Beberapa
perintah dasar
yang sering
digunakan dalam
PHP untuk
mengakses database yaitu:
1. Koneksi ke database 2. Memasu
kkan data ke database 3. Menamp
data dari database 4. Mengha
pus data dari database 5. Merubah data dari database Sebagian besar
programmer PHP pasti pernah membuat aplikasi
yang harus
berinteraksi dengan database. Sampai pada PHP versi 5.1, pilihan yang direkomendasika
n adalah
menggunakan native drivers seperti Mysql Extensions. PDO (PHP Data Object), yang
diperkenalkan sejak PHP versi 5.1, menyediakan antarmuka untuk berinteraksi dengan berbagai jenis database secara seragam. Bisa digunakan untuk mengakses database
MySQL,
Firebird, atau IBM dengan syntax yang sama.
( Muhammad Miftakul Amin, 2010 ).
My Structured Query Language (MySql)
MySQL merupakan server
basis data yang menggunakan teknik relasional untuk
menghubungkan antara tabel-tabel dalam basis data. MySQL
dikeluarkan secara gratis dibawah lisensi GNU General Public License (GPL) seperti halnya PHP, sehingga tepatlah kiranya bila MySQL
dijodohkan
dengan PHP
untuk merancang halaman web yang gratis namun handal.
MySQL juga
menyediakan source programnya secara terbuka (open source) sehingga orang
lain dapat
mengubah atau menambah kemampuan dari MySQL untuk keperluan khusus secara pribadi.
(Bimo
Sunarfrihantono , 200 )
Dalam bahasa SQL pada umumnya informasi tersimpan dalam table-tabel yang secara logic merupakan struktur dua dimensi terdiri dari baris (row atau record) dan kolom (column atau field). Sedangkan dalam
sebuah database dapat terdiri dari beberapa table.
(Rahmat Priyanto, 2007).
Bootstrap
Bootstrap adalah HTML,
CSS, dan
kerangka JS
paling populer untuk
mengembangkan responsif, mobile di web. Satu kerangka, setiap perangkat. Bootstrap mudah dan efisien untuk skala situs dan aplikasi dengan
basis kode
tunggal, dari ponsel ke tablet untuk desktop dengan
pertanyaan media
CSS. fitur
Bootstrap, Anda mendapatkan dokumentasi yang luas dan
indah untuk
elemen HTML
System Informasi Praktikum (SIP.UMSIDA.A
system yang
memberikan informasi tentang praktikum
sebelum praktikum maupun sesudah praktikum. System ini sangat efisien bisa di akses di mana pun, tujuannya untuk
menyimpan dan memberikan informasi data praktikum yang falid dan efesian
yang dapat
diakses dari mana saja dan dari platform apa saja dimana di dalam
system ini
meliputi : data
nilai, data
absensi, data jadwal, data
dosen, data
asisten, data pindah jadwal,
dan data
mahasiswa. mengukur sejauh mana
pemahaman dan kemampuan mahasiswa sebelum praktikum. System ini juga di dukung HTML 5 dan Bootsrap V.3.2.0 dimana membuat
tampilan system bisa
menyesuaikan ( Responsive ) platform yang mengaksesnya
seperti :
Smartphone, tablet, desktop. Dengan pengembangan model sistem informasi
perguruan tinggi, sangat membantu mahasiswa untuk melihat jadwal, nilai, absensi dan pemgumpulan laporan
sewaktu-waktu jika
diperlukan. Dengan adanya model sistem laporan, dan absensi tidak dengan manual lagi dan bisa di akses dimana pun asalkan
tersambung koneksi internet pada smartphone, tablet dan pc
data pada
Fakultas Teknik Universitas
mulai bulan
Januari sampai bulan Agustus tahun 2014.
Bahan dan Alat Penelitian
Adapun bahan dan alat
yang akan
digunakan dalam penelitian ini adalah sebagai berikut :
Bahan Penelitian
Bahan – bahan yang akan digunakan dalam penelitian ini antara lain jadwal praktikum dan data laporan praktikum sampai saat ini yang telah
berlangsung.
Alat Penelitian
Alat yang digunakan dalam penelitian ini adalah sebagai berikut:
a. Hardware :
Seperangkat Komputer dengan spesifikasi :
Processor GB (Seageat) OS
: Windows 7 32 Bi
b. Software i. Sublime
Text. an untuk membua
ii. MySQL
Merupak an software yang digunak an untuk membua t database dari data mahasis data penunjang serta teori pelengkap dalam penyusunan skripsi ini, maka diperlukan beberapa teknik pengumpulan data, adapun beberapa teknik
yang digunakan antara lain :
1. Pengamata n
(Observasi).
Pengumpula pada proses pelaksanaan
2. Wawancar
a
(Interview).
Melakukan tanya jawab secara
Mahasiswa melakukan login jika tidak berhasil berarti data mahasiswa di database tidak ada dan harus mendaftarkan diri ke admin praktikum, jika login sukses akan tampil informasi
praktikum, dan praktikum sesuai dengan jadwal
yang telah
ditentukan. Kemudian akan mendapat informasi tentang jadwal
praktikum, jika tidak maka user melakukan logout atau keluar dari aplikasi.
Flowchart User Mahasiswa Gambar 2 : Flowchart Sistem Asisten
Asisten praktikum melakukan login dan jika tidak berhasil maka harus
mendaftarkan ke administrator, setelah login akan tampil menu utama. Asisten dapat
menginputkan absensi, laporan
dan nilai
berdasarkan praktikum yang sesuai jadwal yang ditentukan.
Flowchart User Dosen
Gambar 3 :
Flowchart Sistem Dosen
Dosen praktikum melakukan login dan jika tidak berhasil maka harus
mendaftarkan ke administrator, setelah login akan tampil menu utama.
Flowchart User Admin
Gambar 4 :
Flowchart Sistem Admin
Admin melakukan login untuk bisa masuk aplikasi, setelah masuk
maka dapat
melakukan input diantaranya
menginputkan nilai dengan pencarian data mahasiswa, input asisten, input dosen, input kelompok mahasiswa, input praktikum, input asisten
praktikum, input jadwal
praktikum.
Data Flow Diagram (DFD) Gambar 5 :
DFD Level 0
HASIL DAN
PEMBAHASAN
Pengujian Sistem
Sebelum mahasiswa mengetahui jadwal praktikum, mahasiswa di haruskan
melakukan login dengan
menggunakan nim nya masing-masing.
kemudian akan
masuk ke
beranda sistem yang terdapat
menu utama
diantaranya Absensi, Asisten, Dosen, Jadwal, Laporan
(Pengumpulan Praktikum), Nilai dan Privasi.
Setelah itu
mahasiswa bisa melihat jadwal
praktikum, kapan praktikum akan dilaksanakan.
Setelah mengikuti praktikum maka data absensi akan di isi oleh asisten praktikum tersebut.
Mahasiwa bisa melihat bukti absensi
praktikum. Simbol x berarti tidak hadir, dan v berati hadir praktikum.
Waktu mengerjakan laporan
praktikum hanya 2 minggu setelah pratikum, maka
setelah itu
mahasiswa wajib mengumpulkan laporan setalah mendapat acc dari asisten, dosen dan kepala lab. Asisten akan menginputkan laporan di form laporan.
Data laporan setiap mahasiswa akan di simpan di
sistem guna
untuk di perlukan
setiap di
butuhkan. Mahasiswa juga bisa cetak tanda bukti laporan sewaktu mereka inginkan.
PENUTUP DAN
SARAN
Kesimpulan
Sesuai dengan hasil pembahasan
yang sudah
dilakukan maka dapat di simpulkan bahwa : a. Dengan
adanya system informasi praktikum (sip.umsida. ac.id) maka pelaksanaan dan
informasi praktikum menjadi lebih mudah dan efisien. b. Menghindar
i kehilangan data absensi dan bukti laporan penerimaan praktikum sewaktu-waktu di butuhkan. c. Dimungkink
an bisa
diterapkan di semua praktikum di fakultas teknik.
Saran
Skripsi yang penulis kerjakan tentu masih banyak kekurangan baik
dari segi
penulisan, sistem dan teori yang digunakan. Bagi para pembaca, semoga hasil sistem ini bermanfaat dan sangat
dimungkinkan untuk dapat dikembangkan
dalam base
android,
mengingat masih
bisa di
kembangkan untuk menjadi system yang efisien.
DAFTAR PUSTAKA
Arief Ramadhan.
2006. Pemrograman
MySQL. Jakarta : Elex Media.
Hakim, Lukmanul.
2009. Trik Rahasia
Master PHP Terbongkar Lagi. Yogyakarta : Lokomedia.
Hermita , P. 2010. Panduan Praktis Menguasai
Pemrograman WEB Dengan
Java Script.
Semarang :
Wahana Komputer.
Kadir, Abdul. 2002. Pemrograman Web Mencakup
HTML, CSS, Javascript dan
PHP. Yogyakarta
: Andi.
Sunarfrihantono,
Bimo. 2002.
Pemodelan PHP dan
MySQL untuk
Web. Yogyakarta
: Andi .
Vermilion."Responsi
ve CSS Framework Comparison".
Url :
http://responsive. vermilion.com/co mpare.php. Diakses tanggal Desember 12, 2014.
Wiswakarma, Komang. 2011. Teknik Cepat
Menguasai CSS3.
Yogyakarta : Lokomedia .
Yuliani. 2013.
Informasi Penjadwalan Praktikum
Berbasis WEB
dan SMS
GATEWAY.
Sidoarjo :
Universitas Muhammadiyah Sidoarjo.
Zulkarnain, Ali. 2013. Sistem Informasi Pretest
Dan Posttest Praktikum.
Sidoarjo :
Universitas Muhammadiyah
