RANCANGAN SISTEM INFORMASI JURNAL ... - Jurnal …. SYARIFUDDIN BACO (6).pdf · ILTEK,Volume 7,...
Transcript of RANCANGAN SISTEM INFORMASI JURNAL ... - Jurnal …. SYARIFUDDIN BACO (6).pdf · ILTEK,Volume 7,...
ILTEK,Volume 7, Nomor 13, April 2012
938
RANCANGAN SISTEM INFORMASI JURNAL ILMU TEKNIK BERBASIS
WEB UNIVERSITAS ISLAM MAKASSAR
1)Syarifuddin Baco,
2) Muh. Swandi,
3) A. Rahman Amal
1)Dosen Program Studi Teknik Informatika Universitas Islam Makassar
2,3) Mahasiswa Program Studi Teknik Informatika Universitas Islam Makassar
ABSTRAK
Untuk menghadapi tuntutan persaingan khususnya di bidang informasi tentang ilmu teknik yang
dikembangkan melalui jurnal – jurnal ilmu teknik harus mengikuti perekembangan jaman dengan memberikan
informasi tentang ilmu teknik pada internet. Memberikan informasi ilmu teknik berarti telah membantu
masyarakat dan peserta didik memberikan informasi tentang ilmu teknik. Dengan adanya sistem informasi
jurnal ilmu teknik secara on-line semua informasi tentang ilmu teknik dapat diperoleh secara langsung beberapa
saat setelah suatu kejadian tersebut terjadi dan dapat diakses di setiap tempat. Dari hasil peleitian diperoleh
sistem informasi Jurnal Ilmu Teknik yg telah dirancang dalam bentuk website sudah bersifat dinamis dan menggunakan
skrip HTML sehingga informasi-informasi yang ditemukan pengguna mudah dilihat dan diunduh. Website yg telah
dirancang tersebut menampilkan integrasi HTML dan PHP sehingga dapat memberikan informasi dengan baik, dan
berdasarkan uji sistem yang telah dilakukan website tersebut mudah diakses serta hasilnya tepat dan akurat.
Kata Kunci : Sistem Informasi, Website, Adobe/Macromedia Flash, Macromedia Dreamweaver
PENDAHULUAN
1.1 Latar Belakang
World wide web saat ini berkembang dengan
pesatnya pada berbagai bidang kehidupan manusia.
Terutama penggunaan Internet sangat dirasakan
manfaatnya baik dalam bidang Aplikasi
sosial,militer serta teknologi dan bisnis besar
ataupun kecil. Tantangan baru teknologi informasi
khususnya untuk para penyedia informasi adalah
bagaimana menyalurkan informasi dengan cepat,
tepat dan global. Rancang bangun sistem informasi
jurnal ilmu teknik sebagai salah satu penyedia
informasi yang keberadaannya sangat penting di
dunia informasi maupun pendidikan, mau tidak mau
harus memikirkan kembali bentuk yang tepat untuk
menjawab tantangan ini.
Keberhasilan persaingan di internet
bergantung pada banyak tanggapan masyarakat
pengguna internet yang dapat diajak untuk
membuat suatu interaksi. Dua hal penting dalam
dunia internet adalah homepage untuk pemajangan
data-data produk, informasi serta pelayanan dan e-
mail untuk melakukan interaksi tersebut.
Untuk menghadapi tuntutan persaingan
khususnya di bidang informasi tentang ilmu teknik
yang dikembangkan melalui jurnal – jurnal ilmu
teknik harus mengikuti perekembangan jaman
dengan memberikan informasi tentang ilmu teknik
pada internet. Memberikan informasi ilmu teknik
berarti telah membantu masyarakat dan peserta
didik memberikan informasi tentang ilmu teknik.
Dengan adanya sistem informasi jurnal ilmu teknik
secara on-line semua informasi tentang ilmu teknik
dapat diperoleh secara langsung beberapa saat
setelah suatu kejadian tersebut terjadi dan dapat
diakses di setiap tempat.
1.2 Rumusan Masalah
1. Bagaimana merancang sistem informasi jurnal ilmu
teknik dalam bentuk website?
2. Bagaimana cara akses informasi sehingga informasi
yang dihasilkan tepat dan akurat?
1.3 .Batasan Masalah
Pembatasan masalah ini bukan saja untuk
menyederhanakan persolaan yang di hadapi, tetapi juga
untuk mengarahkan permasalahan tersebut supaya
tidak menyimpan dari yang diinginkan. Batasan dari
penelitian ini adalah:
1. Wujud perancangan adalah website on-line jurnal
ilmu teknik untuk informasi ilmu teknik secara on-
line.
2. Penelitian dilakukan pada script PHP dan HTML
yang menangani basis data serta bagaimana
keduanya dapat berintraksi.
1.4. Tujuan Penelitian
Penelitian dilakukan dengan tujuan :
1. Menampilkan web page informasi jurnal ilmu
teknik yang dinamis menggunakan script HTML.
2. Menampilkan integrasi HTML dan PHP sehingga
dapat memberikan informasi dengan baik.
METODOLOGI PENELITIAN
2.1 Jenis Data
Data primer adalah data yang diperoleh dari
observasi dan wawancara langsung dengan pihak yang
terkait, biasanya menggunakan daftar pertanyaan.
Peneliti dalam penelitiannya menggunakan
perpustakaan untuk mendapatkan data sebagai
masukan dan referensi dalam pembuatan sistem
informasi jurnal ilmu teknik berbasis web Universitas
Islam Makassar.
ILTEK,Volume 7, Nomor 13, April 2012
939
2.2 Waktu Dan Tempat Penelitian
Penelitian ini berlangsung selama satu bulan yaitu
dari tanggal 20 Juni sampai dengan 20 Juli 2011.
Penelitian ini dilaksanakan pada redaksi ILTEK UIM,
penulis karya ilmiah dan bagian lain dimana kami
dapat mendapatkan informasi tentang Jurnal Ilmu
Teknik.
2.3 Jenis Penelitian
Penelitian yang dilakukan adalah penelitian
kuantitatif. Penelitian kuantitatif adalah penelitian yang
memberikan penjelasan tentang objek penelitian serta
menyampaikannya menjadi suatu pernyataan
(statement). Disini peneliti akan menyampaikan
informasi tentang Jurnal ilmu teknik.
2.4 Metode Penelitian
Teknik Wawancara, Pengumpulan data melalui
wawancara redaksi ILTEK UIM., dan Observasi,
mengamati sistem kerja redaksi ILTEK UIM.
2.5 Metode Analisis
Melalui pengumpulan data Jurnal Ilmu Teknik
UIM, maka dapat dibuat desain Sistem Informasi
Jurnal Ilmu Teknik yang berbasis Web melalui bahasa
pemrograman HTML, PHP dan Web Flash.
ANALISA DAN PEMBAHASAN
3.1 Analisis Website
Website adalah fasilitas hypertext untuk
menampilkan data berupa teks, gambar, bunyi,
animasi, dan data multimedia lainnya, yang di antara
data tersebut saling berhubungan satu sama lainnya.
Website merupakan tempat penyimpanan data dan
informasi dengan topik tertentu sebuah website harus
dapat memberikan kemudahan bagi pengguna dalam
mencari sebuah informasi, seperti alumni. Dengan
adanya website ini, maka data dan informasi yang
disediakan oleh website ini dapat diakses atau
diperoleh dengan mudah dan cepat. Website Jurnal
ILTEK UIM ini merupakan website yang berfungsi
sebagai antar muka atau perkenalan. Website Jurnal
ILTEK UIM juga menyediakan data dan informasi
yang berkaitan dengan Jurnal ILTEK di Fakultas Ilmu
Teknik UIM itu sendiri dan karya ilmiah yang telah
disusun oleh para penulis yang tergabung di ILTEK
UIM. Selain itu juga ditampilkan data tentang redaksi
ILTEK dan hal-hal yang berkaitan dengan ILTEK
UIM.
3.2 Analisis Kebutuhan
Analisis kebutuhan dalam perancangan dan
pembuatan website Jurnal ILTEK UIM ini dibagi
menjadi 2 (dua), yaitu sebagai berikut :
3.2.1 Perangkat Lunak (Software)
Adapun kebutuhan perangkat lunak atau software
yang digunakan dalam perancangan dan pembuatan
website Jurnal ILTEK UIM antara lain
Adobe/Macromedia Flash, Macromedia Dreamweaver,
NotePad (Script Editor), Adobe Photoshop, Paint, MS
Office Picture Manager, dan Web Browser (Mozilla
Firefox).
3.2.2 Perangkat Keras (Hardware)
Spesifikasi minimal komputer yang digunakan
dalam perancangan dan pembuatan website Jurnal
ILTEK UIM ini adalah :
a. Intel Pentium 4
b. Sistem Operasi Windows XP Professional
c. RAM minimal 512 MB
d. Hardisk 89 GB
3.3 Desain Web
Desain web merupakan konsep tampilan atau
perencanaan mengenai tampilan dan isi web yang akan
kita buat. Pada umumnya halaman web terbagi atas
beberapa bagian yaitu bagian atas (header) yang
merupakan Judul web, bagian isi (content) yang
merupakan tempat informasi yang akan ditampilkan
dan bagian bawah (footer) merupakan tempat penulisan
pesan dibagian bawah suatu website biasanya terdiri
dari Nama Domain, Hak cipta disertai tahun
pembuatan.
Berbeda dengan Website pada umumnya, website
Jurnal ILTEK UIM ini dibuat dengan 2 (dua) desain
web yakni Flash Template Site dan HTML Site,
dimana web flash desain digunakan sebagai tampilan
awal atau halaman pembuka yang berisi informasi
secara umum tentang Ilmu Teknik di FT-UIM dan
Jurnal Ilmu Teknik UIM. HTML Site atau Halaman
web dengan Script HTML dibuat untuk menjadi
Halaman khusus untuk Jurnal Ilmu Teknik yang berisi
berbagai informasi tentang jurnal ilmu teknik, karya
ilmiah dan fasilitas download data jurnal ilmu teknik.
3.3.1 Desain Flash Site ILTEK UIM
Dengan desain berbasis flash yang memiliki
keunggulan tampilan yang lebih menarik dan lebih
hidup.
3.3.1.1 Flash pembuka / HOME
Gambar 6. Flash Pembuka / HOME
Dari yang terlihat pada gambar 6, menampilkan
Flash pembuka / HOME website ILTEK UIM yang
merupakan tampilan awal yang berisi ucapan selamat
datang dari redaksi, peneliti dan pengenalan tentang
website ILTEK UIM.
ILTEK,Volume 7, Nomor 13, April 2012
940
3.3.1.2 Flash Ilmu Teknik / ILTEK
Gambar 7. Flash Ilmu Teknik / ILTEK
Dari yang terlihat pada gambar 7, menampilkan
flash ilmu teknik / ILTEK website ILTEK UIM yang
merupakan tampilan kedua yang berisi gambaran
umum Ilmu Teknik, Jurnal Ilmu Teknik disertai link ke
Junal Ilmu Teknik Site dan informasi tentang karya
ilmiah.
3.3.1.3 Flash Download
Gambar 8. Flash Download
Dari yang terlihat pada gambar 8, menampilkan
flash download dari website ILTEK UIM yang
merupakan tampilan ketiga yang berisi fasilitas
download dan penjelasan cara mendapatkan data jurnal
ilmu teknik. Seperti yang terlihat ada beberapa link
yang disediakan untuk memudahkan pengunjung
mendownload informasi jurnal ilmu teknik.
3.3.1.4 Flash Galeri Foto
Gambar 9. Flash Galeri Foto
Dari yang terlihat pada gambar 9, menampilkan
flash galeri foto dari website ILTEK UIM yang
merupakan tampilan keempat yang merupakan bagian
yang menampilkan foto galeri yang bisa slideshow
dengan meng-klik tombol play. Dengan desain flash
membuat tampilan web lebih menarik dan lebih hidup
terutama dalam menampilkan gambar, video dan audio.
3.3.1.5 Flash Kontak
Gambar 10. Flash Kontak
Dari yang terlihat pada gambar 10, menampilkan
flash Komtak dari website ILTEK UIM yang
merupakan tampilan terakhir dari 5 tampilan yang ada
di website ILTEK UIM, yang berfungsi menampilkan
informasi kontak Redaksi ILTEK berupa alamat,
nomor telepon dan E-Mail yang bisa dihubungi. Di
bagian inilah terdapat 1 fungsi pemprograman PHP
yang bernama mail.php yang memungkinkan
pengunjung dapat mengirim pesan ke redaksi ILTEK
baik berupa kritik maupun saran dari pengunjung.
3.3.2 Desain HTML Site Jurnal Ilmu Teknik
3.3.2.1 Halaman Kategori Jurnal
Halaman kategori jurnal menampilkan isi jurnal
ilmu teknik UIM berdasarkan edisi jurnalnya.
Gambar 11. Halaman Kategori Jurnal
ILTEK,Volume 7, Nomor 13, April 2012
941
3.3.2.2 Halaman Kategori Artikel
Halaman kategori artikel menampilkan isi jurnal
ilmu teknik UIM berdasarkan artikel yang ada di dalam
jurnal ilmu teknik UIM.
Gambar 12. Halaman Kategori Artikel
3.3.2.3 Halaman Kategori Tahun
Hal kategori tahun menampilkan isi jurnal ilmu
teknik UIM berdasarkan tahun terbit jurnal ilmu teknik
UIM.
Gambar 13. Halaman Kategori Tahun
3.3.2.4 Halaman Kategori Penulis
Halaman kategori penulis menampilkan isi jurnal
ilmu teknik UIM berdasarkan penulis yang ada di
dalam jurnal ilmu teknik UIM.
Gambar 14. Halaman Kategori Penulis
3.3.2.5 Halaman Kategori Prodi
Halaman kategori jurusan menampilkan isi jurnal
ilmu teknik UIM berdasarkan jurusan atau prodi dari
penulis artikel yang ada di dalam jurnal ilmu teknik
UIM.
Gambar 15. Halaman Kategori Jurusan
3.3.3 Halaman Adminstrator
Halaman ini merupakan halaman untuk admin web
ILTEK UIM untuk menambah dan mangupdate
informasi tentang ilmu teknik.
Gambar 16. Login Administrator
3.3.3.1 Home
Halama Home untuk Admin menampilkan ucapan
selamat datang kepada admin web ILTEK UIM.
Gambar 17. Selamat datang Admin
3.3.3.2 Jurnal
Halaman ini berisi fasilitas untuk menambah,
mengupdate, dan menghapus informasi di halaman
Jurnal ILTEK UIM.
ILTEK,Volume 7, Nomor 13, April 2012
942
Gambar 17. Data Jurnal
3.3.3.3 Artikel
Halaman ini berisi fasilitas untuk menambah,
mengupdate, dan menghapus informasi di halaman
artikel ILTEK UIM.
Gambar 18. Data Artikel
3.3.3.4 Penulis
Halaman ini berisi fasilitas untuk menambah,
mengupdate, dan menghapus informasi di halaman
penulis ILTEK UIM.
Gambar 17. Data Penulis
3.3.3.5 Prodi
Halaman ini berisi fasilitas untuk menambah,
mengupdate, dan menghapus informasi di halaman
Prodi ILTEK UIM.
Gambar 18. Data Prodi
3.3.3.6 Pengumuman
Halaman ini berisi fasilitas untuk menambah,
mengupdate, dan menghapus informasi di sidebar
Pengumuman ILTEK UIM.
Gambar 19. Data Pengumuman
3.3.3.7 Link
Halaman ini berisi fasilitas untuk menambah,
mengupdate, dan menghapus informasi di Sidebar link
ILTEK UIM.
Gambar 20. Data Link
3.3.3.8 User
Halaman ini berisi fasilitas untuk menambah dan
mengubah user administrator ILTEK UIM.
ILTEK,Volume 7, Nomor 13, April 2012
943
Gambar 21. Data User
3.3.3.9 Log Out
Fasilitas ini untuk keluar dari halaman admin.
Gambar 20. Log Out
PENUTUP
4.1. Kesimpulan
Berdasarkan dari hasil penelitian dan pembahasan
yang telah diuraikan maka dapat ditarik kesimpulan
sebagai berikut:
1. Sistem informasi Jurnal Ilmu Teknik yg telah
dirancang dalam bentuk website sudah bersifat
dinamis dan menggunakan skrip HTML sehingga
informasi-informasi yang ditemukan pengguna
mudah dilihat dan diunduh.
2. Website yg telah dirancang tersebut menampilkan
integrasi HTML dan PHP sehingga dapat
memberikan informasi dengan baik, dan
berdasarkan uji sistem yang telah dilakukan website
tersebut mudah diakses serta hasilnya tepat dan
akurat.
4.2 Saran
Berdasarkan kesimpulan di atas pada saat
penyusunan penelitian dan perancangan sistem ada
beberapa hal yang perlu disarankan seperti uraian
berikut ini:
1. Dengan adanya sistem informasi jurnal ilmu teknik
yang berbasis web ini dapat dijadikan landasan
pengembangan teknologi informasi di masa
mendatang di Universitas Islam Makassar pada
umumnya dan Fakultas Teknik serta Jurusan
Teknik Informatika pada khususnya.
2. Hendaknya dosen memperhatikan pengadaan
materi-materi mata kuliah seperti pembuatan web
yang menggunakan berbagai macam bahasa
pemrograman seperti PHP, HTML, My SQL serta
penggunaan Adobe Flash.
3. Hendaknya sistem informasi jurnal ilmu teknik
yang berbasis web ini dapat digunakn sebagaimana
mestinya dan dapat digunakan seterusnya serta tim
redaksi harus memperhatikan penggunaanya agar
sistem web ini selalu berjalan lancar dan berlanjut.
DAFTAR PUSTAKA
Bahtiar Agus, Pengertian PHP, www.wikipedia.org,
diakses 30 Mei
Hakim, Lukmanul. 2003. 150 Rahasia dan Trik
Menguasai PHP. Elex Media
Komputindo. Jakarta
http://www.deptan.go.id/pusdatin/admin/RB/Program
ming/PHP, diakses 3 Juni
http://www.ditpertais.net/regulasi/jurnal/jur4.asp,
diakses 30 Mei 2011
http://forumphp.web.id/, diakses 31 Mei 2011
hhttp://id.wikipedia.org/wiki/Adobe_Flash, diakses 3
Juni 2011
http://www.ilmuwebsite.com/, diakses 30 Mei 2011
Mulyana, Y. B. 2004. Tuntunan Praktis PHP-GTK,
Andi, Yogyakarta
Putranta, Hasta Dewa. 2003. Perancangan Sistem
Informasi dan Aplikasinya.
Yogyak arta, Gaya Media
Sidik, Ir. Beta. 2004. Pemrograman Web dengan PHP.
Penerbit Informatika.
Bandung.
Tim Divisi Penelitian dan Pengembangan
MADCOMS, Aplikasi Web Database
menggunakan Adobe Dreamweaver CS3 &
Pemrograman PHP + MySQL, cetakanpertama,
PENERBIT ANDI, Madiun 2008.
Williams & Sawyer, 2007 , Pengertian internet,
www.wikipedia.org, diakses 3 Juni