PEMBUATAN APLIKASI JURNAL ONLINE BERBASIS WEBSITE TUGAS AKHIR Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika Disusun Oleh : MUHAMMAD RUSDI NIM. M3110104 PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2013 i
HALAMAN PERSETUJUAN PEMBUATAN APLIKASI JURNAL ONLINE BERBASIS WEBSITE Disusun Oleh : MUHAMMAD RUSDI NIM. M3110104 Tugas Akhir ini telah disetujui untuk dipertahankan di hadapan dewan penguji pada tanggal 27 Juni 2013 Pembimbing Didiek Sri Wiyono, S.T.,M.T. NIP. 19750331 200501 1 001 ii
iii
ABSTRACT MUHAMMAD RUSDI, 2013, JOURNAL ONLINE APPLICATION BASED WEBSITE. Diploma Program Information Engineering Faculty of Mathematics and Natural Sciences University of March Surakarta. It is a media Editor PERFORMA scientific, which aims to accommodate and published scientific ideas in the field techniques and industrial management as scientific research, the survey, study libraries, the opinions and technical paper, published 2 times per year (in March and in September). Online journal editorial PERFORMA reserved for writer (author) to upload (upload) writing (paper) research results, making it easier for the publication of scientific journals. In accordance with the research objectives, the research method used in this study is the preparation phase, the analysis and design phase, implementation phase, and report writing stage. This research is a case study Journal Online Application Development Based Website This Information System Online Journal can be used as a medium information to the public about reputed journals what stored and published by Editor PERFORMA. Kata kunci : PHP, MySQL, PERFORMA, Information systems. iv
ABSTRAK MUHAMMAD RUSDI, 2013, PEMBUATAN APLIKASI JURNAL ONLINE BERBASIS WEBSITE. Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. Redaksi PERFORMA merupakan media ilmiah yang bertujuan untuk menampung dan mempublikasikan ide-ide ilmiah pada bidang teknik dan manajemen industri berupa penelitian ilmiah, survey, kajian pustaka, opini dan makalah teknis yang terbit 2 kali per tahun (bulan Maret dan bulan September). Jurnal online redaksi PERFORMA diperuntukkan bagi para penulis (author) untuk mengunggah (upload) tulisan (paper) hasil penelitiannya, sehingga lebih memudahkan untuk publikasi jurnal ilmiah. Sesuai dengan tujuan penelitian, penelitian ini menggunakan metode penelitian yaitu tahap persiapan, tahap analisa dan desain, tahap implementasi, dan tahap penulisan laporan. Studi kasus penelitian ini adalah Pembuatan Aplikasi Jurnal Online Berbasis Website. Sistem Informasi Jurnal Online ini dapat dijadikan sarana informasi kepada masyarakat umum mengenai jurnal-jurnal apa yang ditampung dan dipublikasikan oleh Redaksi PERFORMA. Kata kunci : PHP, MySQL, PERFORMA, Sistem Informasi v
MOTTO Jadilah berani, mengikuti mimpi, mengatakan tak peduli kepada semua cacian orang dan berjuang untuk apa yang Saya percaya (Penulis) Aku bukanlah orang yang hebat, tapi aku mau belajar dari orang-orang yang hebat. Aku adalah orang biasa,tapi aku ingin menjadi orang yang luar biasa. Dan aku bukanlah orang yang istimewa, tapi aku ingin membuat seseorang menjadi istimewa (Anonymose) vi
HALAMAN PERSEMBAHAN Sebuah karya tulis ini saya persembahkan untuk : 1. Allah SWT atas limpahan rahmat dan karunia-nya sehingga terselesainya karya tulis ini dengan baik. 2. Bapak, Ibu serta keluargaku yang sangat saya cintai, terima kasih atas do a dan semangat yang telah diberikan kepada penulis. 3. Kakakku Fitriah Dian K dan Rodhiyah Retno K, terima kasih atas do a dan semangat yang telah diberikan kepada penulis. 4. Keluarga besar DIII TI B angkatan 2010. 5. Fendy, Febry, Fikqi, Galang, Mail, Arep, Mamed, Pandu, Haikal terima kasih atas dorongan moral dan softskill yang telah diberikan. vii
KATA PENGANTAR Puji syukur ke hadirat Tuhan YME yang telah melimpahkan rahmat dan barokahnya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul Pembuatan Aplikasi Jurnal Online Berbasis Website. Laporan Tugas Akhir ini disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Amd.) pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret. Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis mengucapkan terima kasih yang tak terhingga kepada: 1. Allah SWT yang telah memberikan rahmat, hidayah dan inayahnya. senantiasa memberikan kelancaran dalam pembuatan laporan ini. 2. Drs. YS. Palgunadi, M.Sc selaku Ketua Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang memberikan izin kepada penulis untuk belajar. 3. Didiek Sri Wiyono, S.T.,M.T. selaku dosen pembimbing yang telah dengan penuh kesabaran dan ketulusan memberikan ilmu dan bimbingan terbaik kepada penulis. 4. Para Karyawan/wati Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah membantu penulis dalam proses belajar. 5. Rekan-rekan Teknik Informatika 2010 terima kasih atas segala support dan bantuan kalian. Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini masih jauh dari sempurna. Untuk itu, semua jenis saran, kritik dan masukan yang bersifat membangun sangat penulis harapkan. Akhir kata, semoga tulisan ini dapat memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan khususnya bagi penulis sendiri. viii
DAFTAR ISI HALAMAN JUDUL... i HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii HALAMAN ABSTRACT... iv HALAMAN ABSTRAK... v HALAMAN MOTTO... vi HALAMAN PERSEMBAHAN... vii KATA PENGANTAR... viii DAFTAR ISI... ix DAFTAR TABEL... xiv DAFTAR GAMBAR... xv BAB I PENDAHULUAN... 1 1.1. Latar Belakang... 1 1.2. Perumusan Masalah... 2 1.3. Batasan Masalah... 2 1.4. Tujuan dan Manfaat Penelitian... 3 1. Tujuan... 3 2. Manfaat... 3 a. Bagi Penulis... 3 b. Bagi Instansi... 3 1.5. Metodologi Penelitian... 3 1.6. Sistematika Penulisan... 5 BAB II LANDASAN TEORI... 7 2.1. PHP... 7 2.2 MySQL... 7 2.3. CSS... 8 2.4. JQuery... 8 2.5. HTML... 9 ix
2.6 Javascript... 10 2.7. Apache... 11 2.8 Adobe Dreamweaver... 12 2.9 Notepad ++... 12 2.10 Adobe Photoshop... 13 2.11 Sistem Informasi... 14 2.12 Jurnal... 14 2.13 DFD... 16 2.14 Context Diagram... 17 2.15 Entity Relationship Diagram... 18 BAB III DESAIN DAN PERANCANGAN... 21 A. Piranti yang diperlukan... 21 1. Analisa Kebutuhan Hardware... 21 2. Analisa Kebutuhan Software... 21 B. Perancangan Sistem... 22 1. Context Diagram (CD)... 25 2. Data Flow Diagram... 27 a. Data Flow Diagram (DFD) level 0 Sistem Informasi... 27 b. DFD level 1 Proses Menejemen User... 29 c. DFD level 1 Proses Menejemen Jurnal... 30 d. DFD level 1 Proses Menejemen Review... 31 e. DFD level 1 Proses Menejemen Publish Jurnal... 32 f. DFD level 1 Proses Menejemen Publish Info... 33 C. Perancangan Basis Data... 34 a. ERD... 34 b. Relationship Diagram... 35 D. Perancangan Tabel... 36 1. Tabel user... 36 2. Tabel pendaftaran... 37 3. Tabel review... 38 x
4. Tabel edisi... 39 5. Tabel vol... 39 6. Tabel pesan... 40 7. Tabel informasi... 40 8. Tabel citation... 40 E. Perancangan Antar Muka... 42 1. Desain Halaman Pengunjung... 42 2. Desain Halaman User... 43 BAB IV IMPLEMENTASI DAN ANALISA... 44 A. Implementasi Sistem... 44 1. Halaman Utama Pengujung... 44 2. Halaman New Vol... 45 3. Halaman Article Populer... 46 4. Halaman Editorial Board... 46 5. Halaman Contact Infornation... 47 6. Halaman Informaiton... 47 7. Halaman Registrasi... 48 8. Halaman Login... 48 9. Halaman Tampil Jurnal... 49 10. Halaman Input Jurnal Author... 50 11. Halaman Menejemen Jurnal Author... 50 12. Halaman Review Jurnal Author... 51 13. Halaman Status Jurnal Author... 52 14. Halaman Review Jurnal Reviewer... 52 15. Halaman Form Review... 52 16. Halaman Balasan Review... 53 17. Halaman Lihat Jurnal Editor... 53 18. Halaman Pemilihan Reviewer... 54 19. Halaman Surat Pernyataan... 55 20. Halaman Editing Jurnal commit Editor to user... 56 xi
21. Halaman Final Editing... 57 22. Halaman Form Final Editing... 57 23. Halaman Publish Jurnal... 58 24. Halaman Form Publish Jurnal... 58 25. Halaman Menejemen Jurnal Chief... 58 26. Halaman Menejemen Edisi... 59 27. Halaman Tambah Edisi... 60 28. Halaman Menejemen Informasi... 60 29. Halaman Form Informasi... 61 30. Halaman Menejemen User... 61 31. Halaman Tambah User... 62 32. Halaman Edit User... 63 33. Halaman Lihat Profil... 63 34. Halaman Edit Profil... 64 35. Halaman Edit Password... 64 36. Halaman Download Jurnal Terbaru... 65 37. Halaman Download Jurnal Terpopuler... 65 38. Halaman Download Jurnal Detail User... 66 39. Halaman Download Informasi... 67 B. Analisa Sistem... 68 1. Analisa Sistem Diagram Alir Pendaftaran Jurnal... 68 2. Analisa Sistem Percobaan... 69 a. Memasukkan Data Paper... 69 b. Mengecek Arsip Paper... 70 c. Menentukan Reviewer Paper... 71 d. Melakukan Review Paper... 72 e. Mengirimkan Review Paper... 73 f. Melihat Hasil Review Paper... 74 g. Melakukan Revisi Paper... 74 h. Melakukan Pengecekan commit Revisi to Paper user... 76 xii
i. Melakukan Editing Paper... 76 j. Melakukan Final Editing Paper... 78 k. Menentukan Edisi Jurnal... 79 l. Distribusi Jurnal Ilmiah... 80 BAB IV PENUTUP... 82 A. Kesimpulan... 82 B. Saran... 82 DAFTAR PUSTAKA... 83 xiii
DAFTAR TABEL Halaman 1. Tabel 2.1 Simbol Komponen DFD... 16 2. Tabel 2.2. Simbol Komponen ERD... 18 3. Tabel 3.1.Tabel User... 36 4. Tabel 3.2.Tabel pendaftaran... 37 5. Tabel 3.3.Tabel reviewer... 38 6. Tabel 3.4.Tabel edisi... 39 7. Tabel 3.5.Tabel vol... 39 8. Tabel 3.6.Tabel pesan... 40 9. Tabel 3.7.Tabel informasi... 40 10. Tabel 3.8.Tabel citation... 41 11. Tabel 4.1.Tabel Diagram Alir Pendaftaran Jurnal... 68 12. Tabel 4.2.Tabel Memasukkan Data Paper... 70 13. Tabel 4.3.Tabel Menentukan Review Paper... 71 14. Tabel 4.4.Tabel Melakukan Review Paper... 73 15. Tabel 4.5.Tabel Mengirimkan Review Paper... 74 16. Tabel 4.6.Tabel Melakukan Revisi Paper... 75 17. Tabel 4.7.Tabel Melakukan Editing Paper... 77 18. Tabel 4.8.Tabel Melakukan Final Editing Paper... 79 19. Tabel 4.9.Tabel Menentukan Edisi Jurnal... 80 xiv
DAFTAR GAMBAR Halaman 1. Gambar 1.1 Bagan metode penelitian... 4 2. Gambar 3.1 Use Case Diagram... 22 3. Gambar 3.2 Context Diagram... 25 4. Gambar 3.3 DFD Level 0 Sistem Informasi... 28 5. Gambar 3.4.DFD level 1 Proses Menejemen User... 29 6. Gambar 3.5.DFD level 1 Poses Menejemen Jurnal... 30 7. Gambar 3.6.DFD level 1 Proses Manage Review... 31 8. Gambar 3.7.DFD level 1 Proses Menejemen publish jurnal... 32 9. Gambar 3.8.DFD level 1 Proses Menejemen publish info... 33 10. Gambar 3.9 ERD... 34 11. Gambar 3.10.Relationship Table... 35 12. Gambar 3.11.Desain Halaman Pengunjung... 42 13. Gambar 3.12.Desain Halaman User... 43 14. Gambar 4.1.Halaman Utama Pengunjung... 45 15. Gambar 4.2.Halaman New Vol... 45 16. Gambar 4.3.Halaman Aritcle Populer... 46 17. Gambar 4.4.Halaman Editorial Board... 46 18. Gambar 4.5.Halaman Contact Information... 47 19. Gambar 4.6.Halaman Information... 47 20. Gambar 4.7.Halaman Registrasi... 48 21. Gambar 4.8.Halaman Login... 49 22. Gambar 4.9.Halaman Tampil Jurnal... 49 23. Gambar 4.10.Halaman Input Jurnal Author... 50 24. Gambar 4.11.Halaman Menejemen Jurnal Author... 51 25. Gambar 4.12.Halaman Review Jurnal Author... 51 26. Gambar 4.13.Halaman Status Jurnal Author... 52 27. Gambar 4.14.Halaman Review Jurnal Author... 52 28. Gambar 4.15.Halaman Form Jurnal Author... 53 xv
29. Gambar 4.16.Halaman Balasan Review... 53 30. Gambar 4.17.Halaman Lihat Jurnal Editor... 54 31. Gambar 4.18.Halaman Pemilihan Editor... 54 32. Gambar 4.19.Halaman Surat Pernyataan... 55 33. Gambar 4.20.Halaman Editing Jurnal Editor... 56 34. Gambar 4.21.Halaman Final Editing... 57 35. Gambar 4.22.Halaman Form Final Editing... 57 36. Gambar 4.23.Halaman Publish Jurnal... 58 37. Gambar 4.24.Halaman Form Publish Jurnal... 58 38. Gambar 4.25.Halaman Menejemen Jurnal Chief... 59 39. Gambar 4.26.Halaman Menejemen Edisi... 59 40. Gambar 4.27.Halaman Tambah Edisi... 60 41. Gambar 4.28.Halaman Menejemen Informasi... 60 42. Gambar 4.29.Halaman Form Informasi... 61 43. Gambar 4.30.Halaman Menejemen User.... 62 44. Gambar 4.31.Halaman Tambah User... 62 45. Gambar 4.32.Halaman Edit User... 63 46. Gambar 4.33.Halaman Lihat Profil... 63 47. Gambar 4.34.Halaman Edit Profil... 64 48. Gambar 4.35.Halaman Edit Password... 64 49. Gambar 4.36.Halaman Download Jurnal Terbaru... 65 50. Gambar 4.37.Halaman Download Jurnal Terpopuler... 65 51. Gambar 4.38.Halaman Download Jurnal Detail User... 66 52. Gambar 4.39.Halaman Download Informasi... 67 53. Gambar 4.40.Memasukkan Data Paper... 69 54. Gambar 4.41.Mengecek Arsip Paper... 70 55. Gambar 4.42.Menentukan Review Paper... 71 56. Gambar 4.43.Melakukan Review Paper... 72 57. Gambar 4.44.Mengirimkan Review Paper... 73 58. Gambar 4.45.Mengirimkan Hasil Review Paper... 74 59. Gambar 4.46.Melakukan Revisi commit Paper to... user 75 xvi
60. Gambar 4.47.Melakukan Pengecekan Revisi Paper... 76 61. Gambar 4.48.Melakukan Editing Paper... 77 62. Gambar 4.49.Melakukan Final Editing Paper... 78 63. Gambar 4.50.Menentukan Edisi Jurnal... 80 64. Gambar 4.51.Distribusi Jurnal Ilmiah 1... 81 65. Gambar 4.52.Distribusi Jurnal Ilmiah 2... 81 xvii