UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Jenjang Pendidikan Strata 1 Skripsi Sarjana Komputer Semester Ganjil Tahun 2007/2008 PROTOTYPE ANALISIS DAN PERANCANGAN SISTEM BACKUP DATA Faisal Amir 0800783576 Jacky Joewito 0800783292 Kelas / Kelompok 07 PHT / 05 Abstrak Tujuan penelitian adalah merancang sebuah aplikasi backup data yang digunakan untuk menganalisis, meningkatkan kinerja dalam mem-backup data dan memperlancar kegiatan belajar atau bisnis individu atau kelompok yang mengalami kesulitan dalam mem-backup data. Metode penelitian yang dilakukan dengan menggunakan kuisioner, studi lapangan, studi laboratorium dan studi kepustakaan dari buku-buku yang berhubungan dengan skripsi ini. Serta metode perancangan sistem terdiri dari perencanaan dan pemilihan sistem, analisis sistem, desain sistem, serta implementasi dan operasi sistem. Hasil yang dicapai dalam penelitian adalah sebuah aplikasi backup data yang menyediakan backup data dan sistem sharing yang berguna untuk membantu dan memperlancar kegiatan belajar atau bisnis individu atau kelompok sehingga individu atau kelompok dapat melanjutkan pekerjaan mereka jika kehilangan informasi atau data yang krusial. Kesimpulan yang didapatkan adalah dengan adanya aplikasi ini individu atau kelompok dapat dengan mudah membackup data yang bersifat krusial kapan saja dan dimana saja. Kata kunci Perancangan, Backup data, sharing iv
PRAKATA Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas segala rahmat dan karunia-nya yang telah diberikan kepada penulis, sehingga penyusunan skripsi ini dapat diselesaikan tepat pada waktunya Skripsi yang berjudul PROTOTYPE ANALISIS DAN PERANCANGAN SISTEM BACKUP DATA disusun dengan tujuan memenuhi salah satu syarat untuk kelulusan studi Jurusan Teknik Informatika jenjang pendidikan Strata-1 di Universitas Bina Nusantara, Jakarta. Selesainya skripsi ini tidak lepas dari kerja sama banyak pihak. Pada kesempatan ini penulis mengucapkan terima kasih yang sebesar besarnya kepada semua pihak yang telah menyumbangkan waktu, tenaga dan pikiran, serta apa saja yang membantu dalam menyelesaikan penyusunan skripsi ini. Secara khusus ucapan terima kasih ini penulis tujukan kepada para pengarah: 1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Bina Nusantara Jakarta 2. Bapak Ir. Sablin Yusuf, M.Sc., M.comp.Sc. selaku Dekan Fakultas Ilmu Komputer Universitas Bina Nusantara Jakarta. 3. Bapak Fredy Purnomo, S.Kom., M.Kom., selaku Ketua Jurusan Teknik Informatika Fakultas Ilmu Komputer Universitas Bina Nusantara. 4. Ibu Henny Surya Ningsih, S.Kom., MSoftSysEng., selaku Sekretaris Jurusan Teknik Informatika Fakultas Ilmu Komputer Universitas Bina Nusantara. v
5. Bapak Mochamad Yunus, Ir., M.Eng., selaku Dosen Pembimbing yang telah meluangkan waktunya untuk memberikan petunjuk, saran, bimbingan, serta pengarahan yang sangat berharga selama proses penulisan skripsi ini. 6. Para Dosen Bina Nusantara yang selama ini secara langsung maupun tidak langsung telah memberikan ilmu pengetahuan yang berharga sebagai dukungan dalam penulisan skripsi ini. 7. Orang tua dan segenap keluarga yang telah memberikan dukungan materil dan moril kepada penulis dalam menyelesaikan skripsi ini. 8. Rekan-rekan dari penulis yang tidak dapat disebutkan satu per satu yang secara langsung maupun tidak langsung memberikan bantuan dan dukungan yang sangat berguna dalam penyelesaian skripsi ini. Penulis menyadari sepenuhnya bahwa karya tulis ini masih jauh dari kesempurnaan dan tidak terhindar dari segala kekurangan. Oleh sebab itu, penulis berharap akan menerima kritik dan saran yang dapat membantu perbaikan skripsi ini. Jakarta, 21 Januari 2008 Penulis vi
DAFTAR ISI Halaman Judul Luar i Halaman Judul Dalam ii Halaman Persetujuan Hardcover.iii Abstrak... iv Prakata... v Daftar Isi... vii Daftar Tabel... x Daftar Gambar... xii Daftar Lampiran... xvii BAB 1 PENDAHULUAN... 1 1.l Latar Belakang... 1 1.2 Ruang Lingkup... 2 1.3 Tujuan dan Manfaat... 3 1.4 Metodologi... 3 1.5 Sistematika Penulisan... 4 BAB 2 LANDASAN TEORI... 6 2.1 Unified Modeling Language (UML)... 6 2.1.1 Use-case Diagram... 7 2.1.2 Deskripsi Use-case... 8 2.1.3 Activity Diagram... 9 2.1.4 Class Diagram...11 2.1.5 Sequence Diagram.16 vii
2.2 Control Iteration... 18 2.3 Interaksi Manusia dan Komputer... 20 2.4 Aplikasi Web... 22 2.4.1 HTML... 23 2.4.2 Java Server Pages (JSP)... 23 2.4.3 Java Servlet... 25 2.4.4 Top ten mistakes of web design (Jacob Nielsen, 1996)... 26 2.4.5 Perancangan Menu... 27 2.4.6 Perancangan Layar......27 2.5 Internet... 28 2.6 Data 29 2.7 Informasi...30 2.8 Backup Data...30 2.9 Database... 31 2.9.1 Relational Database...32 2.9.2 Teknik Normalisasi... 32 2.9.3 MySQL..33 BAB 3 ANALISIS DAN PERANCANGAN... 35 3.1 Analisis Proses Backup Data Manual... 35 3.1.1 Activity Diagram Backup Data secara Manual... 35 3.1.2 Analisis Permasalahan... 38 3.2 Perancangan Sistem... 39 3.2.1 Model use-case Sistem yang Dirancang 39 viii
3.2.2 Deskripsi use-case Sistem yang Dirancang...42 3.2.3 Class Diagram Sistem yang Dirancang......55 3.2.4 Perancangan Tabel.84 3.2.5 Class Diagram Perancangan Database.92 3.2.6 Perancangan Menu....93 3.2.7 Perancangan Layar....96 BAB 4 IMPLEMENTASI DAN EVALUASI... 120 4.1 Implementasi Sistem... 120 4.1.1 Spesifikasi Sistem... 120 4.1.2 Panduan Melakukan Instalasi Sistem... 122 4.1.3 Panduan Menggunakan Sistem... 122 4.2 Evaluasi Sistem... 159 BAB 5 KESIMPULAN DAN SARAN... 164 5.1 Kesimpulan... 164 5.2 Saran... 164 DAFTAR PUSTAKA... 165 RIWAYAT HIDUP... 166 LAMPIRAN-LAMPIRAN.....L-1 ix
DAFTAR TABEL Tabel 3.1 : Deskripsi use-case melakukan login... 43 Tabel 3.2 : Deskripsi use-case melakukan registrasi... 43 Tabel 3.3 : Deskripsi use-case melakukan registrasi admin baru... 44 Tabel 3.4 : Deskripsi use-case mengubah password... 45 Tabel 3.5 : Deskripsi use-case menghapus user... 46 Tabel 3.6 : Deskripsi use-case membuat folder... 46 Tabel 3.7 : Deskripsi use-case mengedit folder... 47 Tabel 3.8 : Deskripsi use-case men-delete folder... 48 Tabel 3.9 : Deskripsi use-case membuat topik forum... 48 Tabel 3.10 : Deskripsi use-case menghapus topik... 49 Tabel 3.11 : Deskripsi use-case me-reply komentar... 50 Tabel 3.12 : Deskripsi use-case meng-upload file... 51 Tabel 3.13 : Deskripsi use-case menjalankan file... 51 Tabel 3.14 : Deskripsi use-case meng-sharing file... 52 Tabel 3.15 : Deskripsi use-case men-download file... 53 Tabel 3.16 : Deskripsi use-case men-delete file... 54 Tabel 3.17 : Deskripsi use-case melakukan logout... 54 Tabel 3.18 : detailfile... 85 Tabel 3.19 : detailfolder... 85 Tabel 3.20 : login... 87 Tabel 3.21 : msadmin... 87 Tabel 3.22 : mscomment... 88 x
Tabel 3.23 : msfaq... 89 Tabel 3.24 : msfile... 89 Tabel 3.25 : msfolder... 90 Tabel 3.26 : msuser... 91 Tabel 3.27 : tipefile... 91 xi
DAFTAR GAMBAR Gambar 2.1 : Contoh Diagram Model Use-case... 7 Gambar 2.2 : Simbol use-case....7 Gambar 2.3 : Initial State... 9 Gambar 2.4 : State... 9 Gambar 2.5 : Control Flow... 10 Gambar 2.6 : Transition (Fork)... 10 Gambar 2.7 : Transition (join)... 10 Gambar 2.8 : Decision... 11 Gambar 2.9 : Final State... 11 Gambar 2.10 : Contoh dari class diagram... 11 Gambar 2.11 : Class dalam UML... 12 Gambar 2.12 : Attribute dari kelas orang... 13 Gambar 2.13 : Behaviour dari kelas orang... 13 Gambar 2.14 : Hubungan antara class buku dan mahasiswa... 14 Gambar 2.15 : Hubungan generalisasi... 15 Gambar 2.16 : Hubungan aggregrations... 15 Gambar 2.17 : Hubungan composites... 16 Gambar 2.18 : Sequence Diagram... 17 Gambar 2.19 : Object lifeline... 17 Gambar 2.20 : Activation symbol... 18 Gambar 2.21 : Message symbol... 18 Gambar 2.22 : Gambar fase-fase conrol iteration... 20 xii
Gambar 2.23 : Contoh situ-situs yang menggunakan JSP... 24 Gambar 3.1 : Activity Diagram Proses Backup Data Manual... 36 Gambar 3.2 : Use-case Sistem yang Dirancang... 40 Gambar 3.3 : Class Diagram Perancangan Sistem... 56 Gambar 3.4 : Sequence diagram login admin... 59 Gambar 3.5 : Sequence diagram login user... 60 Gambar 3.6 : Sequence diagram men-delete file... 61 Gambar 3.7 : Sequence diagram men-delete folder... 62 Gambar 3.8 : Sequence diagram men-download file... 63 Gambar 3.9 : Sequence diagram meng-edit folder... 64 Gambar 3.10 : Sequence diagram menghapus comment... 65 Gambar 3.11 : Sequence diagram menghapus topik... 66 Gambar 3.12 : Sequence diagram menghapus user... 68 Gambar 3.13 : Sequence diagram membuat folder... 69 Gambar 3.14 : Sequence diagram membuat topik forum... 70 Gambar 3.15 : Sequence diagram logout... 71 Gambar 3.16 : Sequence diagram logout admin... 72 Gambar 3.17 : Sequence diagram view / play... 73 Gambar 3.18 : Sequence diagram register... 74 Gambar 3.19 : Sequence diagram register admin... 75 Gambar 3.20 : Sequence diagram reply comment... 76 Gambar 3.21 : Sequence diagram sharing file... 77 Gambar 3.22 : Sequence diagram mengubah password... 78 Gambar 3.23 : Sequence diagram mengubah password admin... 79 xiii
Gambar 3.24 : Sequence diagram upload file... 80 Gambar 3.25 : Activity Diagram User Login dan Register... 82 Gambar 3.26 : Activity Diagram Manage File... 83 Gambar 3.27 : Activity Diagram Forum... 84 Gambar 3.28 : Class Diagram Perancangan Database... 92 Gambar 3.29 : Menu Login... 93 Gambar 3.30 : Menu Aplikasi Admin... 94 Gambar 3.31 : Menu Aplikasi User... 95 Gambar 3.32 : Perancangan layar login... 98 Gambar 3.33 : Perancangan layar about us... 99 Gambar 3.34 : Perancangan layar home admin... 100 Gambar 3.35 : Perancangan layar daftar member... 101 Gambar 3.36 : Perancangan layar mengubah password... 102 Gambar 3.37 : Perancangan layar FAQ admin... 103 Gambar 3.38 : Perancangan layar mendaftar admin baru... 104 Gambar 3.39 : Perancangan layar home user... 105 Gambar 3.40 : Perancangan layar mendaftar user baru... 107 Gambar 3.41 : Perancangan layar view file... 108 Gambar 3.42 : Perancangan layar view folder... 109 Gambar 3.43 : Perancangan layar FAQ user... 111 Gambar 3.44 : Perancangan layar membuat topik baru FAQ... 112 Gambar 3.45 : Perancangan layar view FAQ... 113 Gambar 3.46 : Perancangan layar me-reply FAQ... 114 Gambar 3.47 : Perancangan layar view picture / movie... 115 xiv
Gambar 3.48 : Perancangan layar upload file... 116 Gambar 3.49 : Perancangan layar rename folder... 118 Gambar 4.1 : Halaman login... 123 Gambar 4.2 : Halaman peringatan login... 124 Gambar 4.3 : Halaman register... 125 Gambar 4.4 : Halaman about us... 126 Gambar 4.5 : Halaman home... 127 Gambar 4.6 : Halaman membuat folder... 128 Gambar 4.7 : Halaman view file kosong... 129 Gambar 4.8 : Halaman view folder... 130 Gambar 4.9 : Halaman upload file... 131 Gambar 4.10 : Halaman success upload file... 132 Gambar 4.11 : Halaman view file ada... 133 Gambar 4.12 : Halaman rename folder... 134 Gambar 4.13 : Halaman setelah rename folder... 135 Gambar 4.14 : Halaman delete folder... 136 Gambar 4.15 : Halaman success delete folder... 137 Gambar 4.16 : Halaman download file... 138 Gambar 4.17 : Halaman status shared file... 139 Gambar 4.18 : Halaman Play Music / Movie... 140 Gambar 4.19 : Halaman view Picture... 141 Gambar 4.20 : Halaman delete file... 142 Gambar 4.21 : Halaman success delete file... 143 Gambar 4.22 : Halaman FAQ... 144 xv
Gambar 4.23 : Halaman view FAQ... 145 Gambar 4.24 : Halaman reply FAQ... 146 Gambar 4.25 : Halaman ganti password... 147 Gambar 4.26 : Halaman sukses ganti password... 148 Gambar 4.27 : Halaman hasil search... 149 Gambar 4.28 : Halaman home admin... 150 Gambar 4.29 : Halaman member list... 151 Gambar 4.30 : Halaman FAQ admin... 152 Gambar 4.31 : Halaman view FAQ... 153 Gambar 4.32 : Halaman reply FAQ... 154 Gambar 4.33 : Halaman ganti password... 155 Gambar 4.34 : Halaman sukses ganti password... 156 Gambar 4.35 : Halaman mendaftar admin baru... 157 Gambar 4.36 : Halaman sukses mendaftar admin baru... 158 Gambar 4.37 : Hasil kuisioner nomor 1... 159 Gambar 4.38 : Hasil kuisioner nomor 2... 160 Gambar 4.39 : Hasil kuisioner nomor 3... 161 Gambar 4.40 : Hasil kuisioner nomor 4... 162 Gambar 4.41 : Hasil kuisioner nomor 5... 163 xvi
DAFTAR LAMPIRAN Lampiran 1 : Kuesioner... L -1 xvii