Sistem Informasi Praktikum dengan Pengem
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
[email protected]
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.
Keywords: Teaching, Bootstrap, Sip.
1
PENDAHULUAN
Perkembang
an
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
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
sistem
berbasis
web untuk
membantu
dalam
kemudahan
mencari info
b.
jadwal
praktikum ?
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
adanya batasan
masalah
yang
akan
dibahas
adalah
antara
lain:
a. Tidak
ada
penghitunga
n 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
2
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
pengumpula
n praktikum
dan
bukti
penyerahan
praktikum
dapat
di
cetak
masingmasing
mahasiswa.
Penyimpana
n
data
praktikum
dalam jangka
waktu yang
lama,
mengetahui
telat
dan
tepatnya
pengumpula
n
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
Perkembang
an 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
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
informasiinformasi seputar
penjadwalan
praktikum.
Penelitian
ini
menggunakan
media WEB dan
SMS GATEWAY
untuk
penyampaian
jadwal
praktikum.
Pada
penelitian kali ini
mencoba
mengembangkan
tentang
sebuah
3
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
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
halamanhalaman website
yang
dapat
saling
terkoneksi satu
dengan lainnya.
Halaman Web
merupakan file
teks murni yang
berisi sintakssintaks 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
server
lebih
mudah,
informasi
mudah
didistribusikan,
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 ).
Website
dibuat dengan
suatu
bahasa
pengkodean
4
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
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. Menambahk
an objectobject
seperti
image,
audio,
video dan
juga java
applet
dalam
dokumen
HTML. (
Abdul
Kadir, 2002
)
Didalam
Bahasa
Pemrograman
html
terdapat
tag-tag
untuk
memanggil filefile
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 “”. 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 akhirakhir 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. Memasu
kkan
data ke
database
3. Menamp
ilkan
5
data dari
database
Mengha
pus data
dari
database
Merubah
data dari
database
4.
5.
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
umum, puluhan
HTML kustom
dan
komponen
CSS, dan plugin
jQuery
mengagumkan.
System
Informasi
Praktikum
(SIP.UMSIDA.A
C.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
6
perguruan tinggi,
sangat membantu
mahasiswa untuk
melihat jadwal,
nilai, absensi dan
pemgumpulan
laporan sewaktuwaktu
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.
Bahan dan Alat
Penelitian
Adapun
bahan dan alat
yang
akan
digunakan dalam
penelitian
ini
adalah
sebagai
berikut :
software
utama
dalam
pembuat
an
aplikasi
ini.
Software
ini
adalah
software
aplikasi
yang
digunak
an untuk
membua
t
dan
meranca
ng
aplikasi
sistem
informas
i ini.
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:
ii.
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.
a. Hardware :
Seperangkat
Komputer dengan
spesifikasi :
Processor
: Pentium®
Core™
i3
CPU M 330
@2.13GHz
Memory
: 2 GB
Motherboard
: HP
Harddisk
:
320
GB (Seageat)
OS
: Windows 7
32 Bi
b. Software
i.
Sublime
Text.
Merupak
an
MySQL
Merupak
an
software
yang
digunak
an untuk
membua
t
database
dari data
mahasis
wa.
Tahap
Pengumpulan
Data
Untuk
mendapatkan
informasi, data –
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
n
data
dengan
mengadakan
pengamatan
sebelum
pada proses
pelaksanaan
praktikum
dan
pengumpula
n
laporan
untuk
mengetahui
permasalaha
n yang ada.
2. Wawancar
a
(Interview).
Melakukan
tanya jawab
secara
langsung
dengan
memberikan
beberapa
pertanyaan
kepada
mahasiswa,
asisten, dan
kepala lab
dengan
permasalaha
n
seputar
obyek
penelitian
untuk
memperoleh
keterangan
yang
relevan.
Flowchart User
Mahasiswa
Gambar 1 :
Flowchart Sistem
Mahasiswa
7
Flowchart User
Mahasiswa
Gambar 2 :
Flowchart Sistem
Asisten
menginputkan
nilai
dengan
pencarian
data
mahasiswa, input
asisten,
input
dosen,
input
kelompok
mahasiswa, input
praktikum, input
asisten
praktikum, input
jadwal
praktikum.
Dosen
praktikum
melakukan login
dan jika tidak
berhasil
maka
harus
mendaftarkan ke
administrator,
setelah login akan
tampil
menu
utama.
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.
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.
Gambar 3 :
Flowchart Sistem
Dosen
Diagram (DFD)
Gambar 5 :
DFD Level 0
Flowchart User
Admin
Gambar
4
:
Flowchart Sistem
Admin
Flowchart User
Dosen
Data Flow
Admin
melakukan login
untuk
bisa
masuk aplikasi,
setelah
masuk
maka
dapat
melakukan input
diantaranya
HASIL
PEMBAHASAN
DAN
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.
8
Pengujian
Sistem
Sebelum
mahasiswa
mengetahui
jadwal
praktikum,
mahasiswa
di
haruskan
melakukan login
dengan
menggunakan
nim nya masingmasing.
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.
b.
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
SARAN
DAN
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
c.
informasi
praktikum
menjadi
lebih mudah
dan efisien.
Menghindar
i kehilangan
data absensi
dan
bukti
laporan
penerimaan
praktikum
sewaktuwaktu
di
butuhkan.
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
WEB
Database
Dengan PHP dan
9
MySQL. Jakarta :
Elex Media.
Hakim, Lukmanul.
2009. Trik Rahasia
Master PHP
Terbongkar Lagi.
Yogyakarta
:
Lokomedia.
Dan
Posttest
Praktikum.
Sidoarjo
:
Universitas
Muhammadiyah
Sidoarjo.
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
10
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
[email protected]
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.
Keywords: Teaching, Bootstrap, Sip.
1
PENDAHULUAN
Perkembang
an
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
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
sistem
berbasis
web untuk
membantu
dalam
kemudahan
mencari info
b.
jadwal
praktikum ?
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
adanya batasan
masalah
yang
akan
dibahas
adalah
antara
lain:
a. Tidak
ada
penghitunga
n 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
2
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
pengumpula
n praktikum
dan
bukti
penyerahan
praktikum
dapat
di
cetak
masingmasing
mahasiswa.
Penyimpana
n
data
praktikum
dalam jangka
waktu yang
lama,
mengetahui
telat
dan
tepatnya
pengumpula
n
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
Perkembang
an 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
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
informasiinformasi seputar
penjadwalan
praktikum.
Penelitian
ini
menggunakan
media WEB dan
SMS GATEWAY
untuk
penyampaian
jadwal
praktikum.
Pada
penelitian kali ini
mencoba
mengembangkan
tentang
sebuah
3
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
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
halamanhalaman website
yang
dapat
saling
terkoneksi satu
dengan lainnya.
Halaman Web
merupakan file
teks murni yang
berisi sintakssintaks 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
server
lebih
mudah,
informasi
mudah
didistribusikan,
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 ).
Website
dibuat dengan
suatu
bahasa
pengkodean
4
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
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. Menambahk
an objectobject
seperti
image,
audio,
video dan
juga java
applet
dalam
dokumen
HTML. (
Abdul
Kadir, 2002
)
Didalam
Bahasa
Pemrograman
html
terdapat
tag-tag
untuk
memanggil filefile
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 “”. 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 akhirakhir 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. Memasu
kkan
data ke
database
3. Menamp
ilkan
5
data dari
database
Mengha
pus data
dari
database
Merubah
data dari
database
4.
5.
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
umum, puluhan
HTML kustom
dan
komponen
CSS, dan plugin
jQuery
mengagumkan.
System
Informasi
Praktikum
(SIP.UMSIDA.A
C.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
6
perguruan tinggi,
sangat membantu
mahasiswa untuk
melihat jadwal,
nilai, absensi dan
pemgumpulan
laporan sewaktuwaktu
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.
Bahan dan Alat
Penelitian
Adapun
bahan dan alat
yang
akan
digunakan dalam
penelitian
ini
adalah
sebagai
berikut :
software
utama
dalam
pembuat
an
aplikasi
ini.
Software
ini
adalah
software
aplikasi
yang
digunak
an untuk
membua
t
dan
meranca
ng
aplikasi
sistem
informas
i ini.
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:
ii.
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.
a. Hardware :
Seperangkat
Komputer dengan
spesifikasi :
Processor
: Pentium®
Core™
i3
CPU M 330
@2.13GHz
Memory
: 2 GB
Motherboard
: HP
Harddisk
:
320
GB (Seageat)
OS
: Windows 7
32 Bi
b. Software
i.
Sublime
Text.
Merupak
an
MySQL
Merupak
an
software
yang
digunak
an untuk
membua
t
database
dari data
mahasis
wa.
Tahap
Pengumpulan
Data
Untuk
mendapatkan
informasi, data –
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
n
data
dengan
mengadakan
pengamatan
sebelum
pada proses
pelaksanaan
praktikum
dan
pengumpula
n
laporan
untuk
mengetahui
permasalaha
n yang ada.
2. Wawancar
a
(Interview).
Melakukan
tanya jawab
secara
langsung
dengan
memberikan
beberapa
pertanyaan
kepada
mahasiswa,
asisten, dan
kepala lab
dengan
permasalaha
n
seputar
obyek
penelitian
untuk
memperoleh
keterangan
yang
relevan.
Flowchart User
Mahasiswa
Gambar 1 :
Flowchart Sistem
Mahasiswa
7
Flowchart User
Mahasiswa
Gambar 2 :
Flowchart Sistem
Asisten
menginputkan
nilai
dengan
pencarian
data
mahasiswa, input
asisten,
input
dosen,
input
kelompok
mahasiswa, input
praktikum, input
asisten
praktikum, input
jadwal
praktikum.
Dosen
praktikum
melakukan login
dan jika tidak
berhasil
maka
harus
mendaftarkan ke
administrator,
setelah login akan
tampil
menu
utama.
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.
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.
Gambar 3 :
Flowchart Sistem
Dosen
Diagram (DFD)
Gambar 5 :
DFD Level 0
Flowchart User
Admin
Gambar
4
:
Flowchart Sistem
Admin
Flowchart User
Dosen
Data Flow
Admin
melakukan login
untuk
bisa
masuk aplikasi,
setelah
masuk
maka
dapat
melakukan input
diantaranya
HASIL
PEMBAHASAN
DAN
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.
8
Pengujian
Sistem
Sebelum
mahasiswa
mengetahui
jadwal
praktikum,
mahasiswa
di
haruskan
melakukan login
dengan
menggunakan
nim nya masingmasing.
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.
b.
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
SARAN
DAN
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
c.
informasi
praktikum
menjadi
lebih mudah
dan efisien.
Menghindar
i kehilangan
data absensi
dan
bukti
laporan
penerimaan
praktikum
sewaktuwaktu
di
butuhkan.
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
WEB
Database
Dengan PHP dan
9
MySQL. Jakarta :
Elex Media.
Hakim, Lukmanul.
2009. Trik Rahasia
Master PHP
Terbongkar Lagi.
Yogyakarta
:
Lokomedia.
Dan
Posttest
Praktikum.
Sidoarjo
:
Universitas
Muhammadiyah
Sidoarjo.
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
10