ILTEK,Volume 7, Nomor 13, April 2012

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.2 Rumusan Masalah
1. Bagaimana merancang sistem informasi jurnal ilmu
1.1 Latar Belakang teknik dalam bentuk website?
World wide web saat ini berkembang dengan 2. Bagaimana cara akses informasi sehingga informasi
pesatnya pada berbagai bidang kehidupan manusia. yang dihasilkan tepat dan akurat?
Terutama penggunaan Internet sangat dirasakan
manfaatnya baik dalam bidang Aplikasi 1.3 .Batasan Masalah
sosial,militer serta teknologi dan bisnis besar Pembatasan masalah ini bukan saja untuk
ataupun kecil. Tantangan baru teknologi informasi menyederhanakan persolaan yang di hadapi, tetapi juga
khususnya untuk para penyedia informasi adalah untuk mengarahkan permasalahan tersebut supaya
bagaimana menyalurkan informasi dengan cepat, tidak menyimpan dari yang diinginkan. Batasan dari
tepat dan global. Rancang bangun sistem informasi penelitian ini adalah:
jurnal ilmu teknik sebagai salah satu penyedia 1. Wujud perancangan adalah website on-line jurnal
informasi yang keberadaannya sangat penting di ilmu teknik untuk informasi ilmu teknik secara on-
dunia informasi maupun pendidikan, mau tidak mau line.
harus memikirkan kembali bentuk yang tepat untuk 2. Penelitian dilakukan pada script PHP dan HTML
menjawab tantangan ini. yang menangani basis data serta bagaimana
Keberhasilan persaingan di internet keduanya dapat berintraksi.
bergantung pada banyak tanggapan masyarakat
pengguna internet yang dapat diajak untuk 1.4. Tujuan Penelitian
membuat suatu interaksi. Dua hal penting dalam Penelitian dilakukan dengan tujuan :
dunia internet adalah homepage untuk pemajangan 1. Menampilkan web page informasi jurnal ilmu
data-data produk, informasi serta pelayanan dan e- teknik yang dinamis menggunakan script HTML.
mail untuk melakukan interaksi tersebut. 2. Menampilkan integrasi HTML dan PHP sehingga
Untuk menghadapi tuntutan persaingan dapat memberikan informasi dengan baik.
khususnya di bidang informasi tentang ilmu teknik
yang dikembangkan melalui jurnal – jurnal ilmu METODOLOGI PENELITIAN
teknik harus mengikuti perekembangan jaman
dengan memberikan informasi tentang ilmu teknik 2.1 Jenis Data
pada internet. Memberikan informasi ilmu teknik Data primer adalah data yang diperoleh dari
berarti telah membantu masyarakat dan peserta observasi dan wawancara langsung dengan pihak yang
didik memberikan informasi tentang ilmu teknik. terkait, biasanya menggunakan daftar pertanyaan.
Dengan adanya sistem informasi jurnal ilmu teknik Peneliti dalam penelitiannya menggunakan
secara on-line semua informasi tentang ilmu teknik perpustakaan untuk mendapatkan data sebagai
dapat diperoleh secara langsung beberapa saat masukan dan referensi dalam pembuatan sistem
setelah suatu kejadian tersebut terjadi dan dapat informasi jurnal ilmu teknik berbasis web Universitas
diakses di setiap tempat. Islam Makassar.
938

Sistem Operasi Windows XP Professional kuantitatif. Hak cipta disertai tahun UIM. website pemrograman HTML.. maka data dan informasi yang keunggulan tampilan yang lebih menarik dan lebih disediakan oleh website ini dapat diakses atau hidup. bunyi.3 Desain Web informasi tentang Jurnal ilmu teknik. merupakan Judul web. Nomor 13. merupakan tempat informasi yang akan ditampilkan dan bagian bawah (footer) merupakan tempat penulisan 2.2. bagian isi (content) yang mengamati sistem kerja redaksi ILTEK UIM. informasi dengan topik tertentu sebuah website harus dapat memberikan kemudahan bagi pengguna dalam 3. Dengan Dengan desain berbasis flash yang memiliki adanya website ini. ANALISA DAN PEMBAHASAN dimana web flash desain digunakan sebagai tampilan awal atau halaman pembuka yang berisi informasi 3. Paint. 939 . web dengan Script HTML dibuat untuk menjadi animasi. yang di antara Halaman khusus untuk Jurnal Ilmu Teknik yang berisi data tersebut saling berhubungan satu sama lainnya. Penelitian ini dilaksanakan pada redaksi ILTEK UIM. yaitu sebagai berikut : Dari yang terlihat pada gambar 6.2 Waktu Dan Tempat Penelitian NotePad (Script Editor). Pengumpulan data melalui beberapa bagian yaitu bagian atas (header) yang wawancara redaksi ILTEK UIM. Hardisk 89 GB menyampaikannya menjadi suatu pernyataan (statement). HTML Site atau Halaman menampilkan data berupa teks.ILTEK.1 Perangkat Lunak (Software) Flash pembuka / HOME website ILTEK UIM yang Adapun kebutuhan perangkat lunak atau software merupakan tampilan awal yang berisi ucapan selamat yang digunakan dalam perancangan dan pembuatan datang dari redaksi.3. berbagai informasi tentang jurnal ilmu teknik. dalam perancangan dan pembuatan website Jurnal ILTEK UIM ini adalah : 2. RAM minimal 512 MB memberikan penjelasan tentang objek penelitian serta d.1. menampilkan 3. Flash Pembuka / HOME menjadi 2 (dua).5 Metode Analisis pesan dibagian bawah suatu website biasanya terdiri Melalui pengumpulan data Jurnal Ilmu Teknik dari Nama Domain. MS Penelitian ini berlangsung selama satu bulan yaitu Office Picture Manager. 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.2 Perangkat Keras (Hardware) dapat mendapatkan informasi tentang Jurnal Ilmu Spesifikasi minimal komputer yang digunakan Teknik. Jurnal Ilmu Teknik yang berbasis Web melalui bahasa Berbeda dengan Website pada umumnya. 3.4 Metode Penelitian kita buat. April 2012 Adobe/Macromedia Flash. karya Website merupakan tempat penyimpanan data dan ilmiah dan fasilitas download data jurnal ilmu teknik. Intel Pentium 4 Penelitian yang dilakukan adalah penelitian b.1 Analisis Website secara umum tentang Ilmu Teknik di FT-UIM dan Website adalah fasilitas hypertext untuk Jurnal Ilmu Teknik UIM. 2. Macromedia Dreamweaver. Selain itu juga ditampilkan data tentang redaksi ILTEK dan hal-hal yang berkaitan dengan ILTEK UIM. diperoleh dengan mudah dan cepat. PHP dan Web Flash.1 Desain Flash Site ILTEK UIM mencari sebuah informasi. gambar. dan Observasi. Penelitian kuantitatif adalah penelitian yang c. Disini peneliti akan menyampaikan 3.2 Analisis Kebutuhan Analisis kebutuhan dalam perancangan dan pembuatan website Jurnal ILTEK UIM ini dibagi Gambar 6.Volume 7. Jurnal ILTEK UIM ini dibuat dengan 2 (dua) desain web yakni Flash Template Site dan HTML Site. Firefox). maka dapat dibuat desain Sistem Informasi pembuatan.2. Desain web merupakan konsep tampilan atau perencanaan mengenai tampilan dan isi web yang akan 2. dan Web Browser (Mozilla dari tanggal 20 Juni sampai dengan 20 Juli 2011. dan data multimedia lainnya.3.3 Jenis Penelitian a. peneliti dan pengenalan tentang website Jurnal ILTEK UIM antara lain website ILTEK UIM. Pada umumnya halaman web terbagi atas Teknik Wawancara. penulis karya ilmiah dan bagian lain dimana kami 3. Adobe Photoshop. Website Jurnal 3.1 Flash pembuka / HOME ILTEK UIM ini merupakan website yang berfungsi sebagai antar muka atau perkenalan. seperti alumni.

Gambar 8. Flash Download 3.1.2 Flash Ilmu Teknik / ILTEK Dari yang terlihat pada gambar 9. Flash Ilmu Teknik / ILTEK Dari yang terlihat pada gambar 7.1. 3. Flash Galeri Foto 940 . video dan audio. Jurnal Ilmu Teknik disertai link ke Junal Ilmu Teknik Site dan informasi tentang karya ilmiah. 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.2.1. Flash Kontak Dari yang terlihat pada gambar 10. menampilkan flash download dari website ILTEK UIM yang 3.1. Dengan desain flash membuat tampilan web lebih menarik dan lebih hidup terutama dalam menampilkan gambar. Nomor 13.1 Halaman Kategori Jurnal merupakan tampilan ketiga yang berisi fasilitas Halaman kategori jurnal menampilkan isi jurnal download dan penjelasan cara mendapatkan data jurnal ilmu teknik UIM berdasarkan edisi jurnalnya.3.4 Flash Galeri Foto Gambar 11. menampilkan flash Komtak dari website ILTEK UIM yang merupakan tampilan terakhir dari 5 tampilan yang ada di website ILTEK UIM. April 2012 3.Volume 7.5 Flash Kontak Gambar 7. yang berfungsi menampilkan informasi kontak Redaksi ILTEK berupa alamat. 3.2 Desain HTML Site Jurnal Ilmu Teknik Dari yang terlihat pada gambar 8. ilmu teknik.php yang memungkinkan pengunjung dapat mengirim pesan ke redaksi ILTEK baik berupa kritik maupun saran dari pengunjung. Seperti yang terlihat ada beberapa link yang disediakan untuk memudahkan pengunjung mendownload informasi jurnal ilmu teknik.3. 3.3 Flash Download Gambar 10.3.3. Halaman Kategori Jurnal Gambar 9.3. Di bagian inilah terdapat 1 fungsi pemprograman PHP yang bernama mail. nomor telepon dan E-Mail yang bisa dihubungi.ILTEK.3. menampilkan flash ilmu teknik / ILTEK website ILTEK UIM yang merupakan tampilan kedua yang berisi gambaran umum Ilmu Teknik.

Nomor 13.3. Gambar 12.Volume 7.3. Halaman Kategori Jurusan 3. Selamat datang Admin 3.4 Halaman Kategori Penulis Halama Home untuk Admin menampilkan ucapan Halaman kategori penulis menampilkan isi jurnal selamat datang kepada admin web ILTEK UIM.2.ILTEK. Login Administrator Gambar 13. Halaman Kategori Tahun 3. Gambar 16. dan menghapus informasi di halaman Jurnal ILTEK UIM. informasi tentang ilmu teknik.2 Jurnal Halaman ini berisi fasilitas untuk menambah.2. mengupdate. Halaman Kategori Artikel Gambar 15. Halaman Kategori Penulis 941 .3 Halaman Adminstrator Hal kategori tahun menampilkan isi jurnal ilmu Halaman ini merupakan halaman untuk admin web teknik UIM berdasarkan tahun terbit jurnal ilmu teknik ILTEK UIM untuk menambah dan mangupdate UIM.2.2 Halaman Kategori Artikel Halaman kategori artikel menampilkan isi jurnal 3.5 Halaman Kategori Prodi ilmu teknik UIM berdasarkan artikel yang ada di dalam Halaman kategori jurusan menampilkan isi jurnal jurnal ilmu teknik UIM. ilmu teknik UIM berdasarkan jurusan atau prodi dari penulis artikel yang ada di dalam jurnal ilmu teknik UIM.3. ilmu teknik UIM berdasarkan penulis yang ada di dalam jurnal ilmu teknik UIM.3.1 Home 3.3. April 2012 3.2. Gambar 17.3. Gambar 14.3.3.3.3 Halaman Kategori Tahun 3.

3.Volume 7. mengupdate. dan menghapus informasi di sidebar Pengumuman ILTEK UIM. Data Link 3.5 Prodi Halaman ini berisi fasilitas untuk menambah. mengupdate.7 Link mengupdate. Gambar 17. Data Prodi Halaman ini berisi fasilitas untuk menambah. dan menghapus informasi di Sidebar link ILTEK UIM.3. 3.3.3. Nomor 13.4 Penulis Halaman ini berisi fasilitas untuk menambah. Data Pengumuman 3.3.3. penulis ILTEK UIM. dan menghapus informasi di halaman 3.3.8 User mengupdate.3.3.6 Pengumuman artikel ILTEK UIM. mengubah user administrator ILTEK UIM. April 2012 Gambar 17. Data Artikel Gambar 19.3.3.3 Artikel Gambar 18. Data Penulis Gambar 20.3. mengupdate. 3.ILTEK. Halaman ini berisi fasilitas untuk menambah. Gambar 18. dan menghapus informasi di halaman Halaman ini berisi fasilitas untuk menambah. dan menghapus informasi di halaman Halaman ini berisi fasilitas untuk menambah dan Prodi ILTEK UIM. 942 . Data Jurnal 3.

diakses 30 Mei Hakim. Hasta Dewa.wikipedia.2 Saran Berdasarkan kesimpulan di atas pada saat penyusunan penelitian dan perancangan sistem ada beberapa hal yang perlu disarankan seperti uraian berikut ini: 1.ILTEK. Nomor 13. Yogyak arta.web. Pemrograman Web dengan PHP.net/regulasi/jurnal/jur4. DAFTAR PUSTAKA Bahtiar Agus.wikipedia. 2004. 2. Berdasarkan dari hasil penelitian dan pembahasan Bandung. dinamis dan menggunakan skrip HTML sehingga PENERBIT ANDI. Jakarta Gambar 21.3.com/. Fasilitas ini untuk keluar dari halaman admin. dan berdasarkan uji sistem yang telah dilakukan website tersebut mudah diakses serta hasilnya tepat dan akurat. Website yg telah dirancang tersebut menampilkan integrasi HTML dan PHP sehingga dapat memberikan informasi dengan baik. www. Lukmanul. Log Out Andi. Perancangan Sistem PENUTUP Informasi dan Aplikasinya. Yogyakarta Putranta. 2007 . diakses 31 Mei 2011 hhttp://id.go. Kesimpulan Sidik. diakses 30 Mei 2011 Mulyana.3. HTML.org. 4. diakses 30 Mei 2011 http://forumphp.ilmuwebsite. Y.id/pusdatin/admin/RB/Program ming/PHP.asp. Tuntunan Praktis PHP-GTK. yang telah diuraikan maka dapat ditarik kesimpulan Tim Divisi Penelitian dan Pengembangan sebagai berikut: MADCOMS. Aplikasi Web Database 1. informasi-informasi yang ditemukan pengguna Williams & Sawyer. Elex Media Komputindo. Gambar 20. diakses 3 Juni 2011 http://www.org/wiki/Adobe_Flash. diakses 3 Juni 3. Pengertian PHP. 2003. 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.9 Log Out http://www. 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. Ir. Data User http://www. cetakanpertama. www.ditpertais. Madiun 2008. B. Penerbit Informatika. Sistem informasi Jurnal Ilmu Teknik yg telah menggunakan Adobe Dreamweaver CS3 & dirancang dalam bentuk website sudah bersifat Pemrograman PHP + MySQL. 2004.1. Gaya Media 4.id/.Volume 7.deptan.wikipedia. Hendaknya dosen memperhatikan pengadaan materi-materi mata kuliah seperti pembuatan web yang menggunakan berbagai macam bahasa 943 . April 2012 pemrograman seperti PHP. Pengertian internet. 150 Rahasia dan Trik Menguasai PHP. 2003. My SQL serta penggunaan Adobe Flash. Beta. mudah dilihat dan diunduh. 3. diakses 3 Juni 2.org.