1
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
Hardy.fuera@gmail.com
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 pra ctical 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.
Keywords: Teaching, Bootstrap, Sip.
PENDAHULUAN
Perkembangan informasi teknologi saat ini telah berkembang dengan pesat. Penggunaan 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
2
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 sistem berbasis web untuk membantu dalam kemudahan mencari info jadwal praktikum ?
b. Bagaimana menyimpan data pengumpulan laporan secara efesien ?
BATASAN MASALAH
Dalam perancangan dan pembuatan aplikasi ini mencakup banyak hal. Agar permasalahan tidak meluas maka perlu adanya batasan masalah yang akan dibahas adalah antara lain:
a. Tidak ada penghitungan otomatis penilaian di lakukan manual, dan hasil nilai di inputkan ke system.
b. Sistem ini hanya mencakup fakultas Teknik (Teknik Informatika D3, S1 Informatika, Teknik Industri, Teknik Elektro dan Teknik Mesin).
TUJUAN
Tujuan dari perancangan dan pembuatan system informasi praktikum ini adalah:
a) Membuat sistem informasi praktikum berbasis web untuk membantu dalam kemudahan mengetahui kapan jadwal praktikum dilaksanakan.
b) Memberikan kemudahan waktu pengumpulan praktikum dan bukti penyerahan praktikum dapat di cetak
masing-masing mahasiswa. Penyimpanan data praktikum dalam jangka waktu yang lama, mengetahui telat dan tepatnya pengumpulan Laporan 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 Terdahulu
Perkembangan web saat ini sudah
sangat berkembang pesat, banyak peneliti melakukan penelitian tentang web. Salah satunya dilakukan oleh ( Zulkarnain Ali A,
2013). Pada penelitian ini dilatar belakangi
3
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 media WEB dan SMS GATEWAY untuk penyampaian jadwal praktikum.
Pada penelitian kali ini mencoba mengembangkan tentang sebuah system infomasi praktikum berbasis web dengan pengembangan HTML5 dan didukung 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 Praktikum
Praktikum berasal dari kata "praktik",
artinya 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 (praktikum). Dalam beajar melalui pengalaman langsung siswa tidak sekedar mengamati secara langsung tetapi ia harus menghayati, terlibat langsung dalam perbuatan dan bertanggung jawab terhadap hasilnya.
Pemrograman Web
4
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 menampilkannya 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. Mempublikasikan dokumen secara online sehingga bisa di akses dari seluruh dunia.
3. Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.
4. Menambahkan object-object seperti image, audio, video dan juga java applet dalam dokumen HTML. ( Abdul Kadir, 2002 )
Didalam Bahasa Pemrograman html terdapat tag-tag untuk 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, 2002 )
PHP adalah bahasa pemrograman web yang akhir-akhir ini banyak digunakan. 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. Memasukkan data ke database 3. Menampilkan data dari database 4. Menghapus 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 direkomendasikan 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 )
5
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 umum, puluhan HTML kustom dan komponen CSS, dan plugin jQuery mengagumkan.
System Informasi Praktikum (SIP.UMSIDA.AC.ID)
System informasi praktikum (sip.umsida.ac.id) adalah sebuah 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 integrated laboratory pada perguruan tinggi, sangat membantu mahasiswa untuk melihat jadwal, nilai, absensi dan pemgumpulan laporan sewaktu-waktu jika diperlukan. Dengan adanya model sistem informasi praktikum berbasis web kegiatan penilaian, pengumpulan laporan, dan absensi tidak dengan manual lagi dan bisa di akses dimana pun asalkan tersambung koneksi internet pada smartphone, tablet dan pc anda.
METODE PENELITIAN
Lokasi Penelitian
Dalam menyelesaikan penelitian ini, melakukan penelitian dan pengumpulan data pada Fakultas Teknik Universitas Muhammadiyah Sidoarjo.
Waktu Penelitian
Penelitian dilaksanakan 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 : Pentium® Core™ i3
Merupakan software utama dalam pembuatan aplikasi ini. Software ini adalah software aplikasi yang digunakan untuk membuat dan merancang aplikasi sistem informasi ini.
ii. MySQL
Merupakan software yang digunakan untuk membuat database dari data mahasiswa.
Tahap Pengumpulan Data
6
1. Pengamatan (Observasi).
Pengumpulan data dengan mengadakan pengamatan sebelum pada proses pelaksanaan praktikum dan pengumpulan laporan untuk mengetahui permasalahan yang ada.
2. Wawancara (Interview).
Melakukan tanya jawab secara langsung dengan memberikan beberapa pertanyaan kepada mahasiswa, asisten, dan kepala lab dengan permasalahan seputar obyek penelitian untuk memperoleh keterangan yang relevan.
Flowchart User Mahasiswa
Gambar 1 : Flowchart Sistem Mahasiswa
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
7
Flowchart User AdminGambar 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
Setelah melakukan tahap – tahapan dalam praktikum meliputi jadwal praktikum, absensi, pengumpulan laporan dan nilai praktikum. Aplikasi sip.umsida.ac.id terdiri dari 4 halaman, yaitu halaman login mahasiswa, halaman asisten, dan halaman dosen dan admin.
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.
8
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. Menghindari kehilangan data absensi
dan bukti laporan penerimaan praktikum sewaktu-waktu di butuhkan. c. Dimungkinkan 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 WEB Database Dengan PHP dan 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."Responsive CSS Framework Comparison".
Url : http://responsive.vermilion.com/compare.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.