ABSTRAK Media di internet yang menyediakan fasilitas tukar (sharing) informasi dan media penyimpanan (storage) saat ini mulai diminati banyak orang, karena penggunaannya yang sangat praktis. Namun masih banyak media tukar informasi dan media penyimpanan yang belum terkelola secara baik serta kebutuhan seseorang akan informasi yang tepat guna belum terpenuhi. Oleh karena itu dibutuhkan suatu website yang sudah ada dengan fitur yang bertujuan untuk saling sharing dokumen setiap user dan media penyimpanan yang tepat guna. Web ini dapat melakukan sharing dan menyimpan dokumen-dokumen yg telah di upload terlebih dahulu oleh salah satu user, yang kemudian akan dicari oleh user yang lainnya untuk memilih dokumen yang sesuai dengan kebutuhan. Metode pengembangan sistem yang akan digunakan untuk merancang sistem ini adalah metode RUP(Rational Unified Process). Pada tahap implementasi, sistem yang akan dibangun ini menggunakan bahasa pemrograman PHP 5.3.3 dengan framework CodeIgniter dan Javascript. Database yang digunakan adalah MySql dengan menggunakan phpmyadmin sebagai database managernya. Untuk text editor menggunakan NetBeans 6.9. Sedangkan server yang digunakan adalah Apache Server.
DAFTAR ISI HALAMAN JUDUL... i HALAMAN PENGESAHAN PEMBIMBING... ii ABSTRAK... iii KATA PENGANTAR...iv DAFTAR ISI...vi DAFTAR GAMBAR... i DAFTAR TABEL... x DAFTAR MODUL PROGRAM...xi BAB I PENDAHULUAN... 1 1.1 Latar Belakang Masalah... 1 1.2 Rumusan Masalah... 1 1.3 Batasan Masalah... 2 1.4 Tujuan Penelitian... 2 1.5 Manfaat Penelitian... 2 1.6 Metodologi Penelitian... 2 1.7 Sistematika Penulisan... 3 BAB II LANDASAN TEORI... 5 2.1 Aplikasi... 6 2.2 Cloud Storage... 6 2.3 Document... 6 2.4 Sharing... 6 2.5 Website... 7 2.6 Metode Rational Unified Process (RUP)... 7 2.6.1 Karakteristik RUP... 7 2.6.2 Fase Pengembangan Sistem... 8 2.7 Unifield Modelling Language (UML)... 12 2.8 Pemrograman Berorientasi Objek... 20 2.9 Basis Data... 21 2.10 Apache Server... 21 2.11 Mysql... 21 2.12 PhpMyAdmin... 22 2.13 Internet... 22 2.14 World Wide Web... 23 2.15 Domain... 23 2.16 HTML... 24 2.16.1 HTML5... 24 2.17 Javascript... 24 2.18 Ajax... 24
2.19 CSS (Cascading Style Sheets)... 25 2.20 PHP... 26 2.21 Codeigniter... 27 2.22 Studi Pustaka... 28 BAB III ANALISIS DAN PERANCANGAN... 29 3.1 Fase Inception... 29 3.1.1 Kebutuhan Fungsional... 29 3.1.2 Kebutuhan non-fungsional... 30 3.2 Fase Elaboration... 30 3.2.1 Analisis... 30 3.2.1.1 Diagram Use Case... 31 3.2.1.2 Diagram Class... 32 3.2.1.3 Diagram Sequence... 35 3.2.1.4 Activity Diagram... 49 3.2.2 Desain... 59 3.2.2.1 Arsitektur Sistem... 59 3.2.2.2 Perancangan Basis Data... 60 3.2.2.2.1 Perancangan Tabel... 60 3.2.2.2.2 Rancangan Model Objek... 62 3.2.2.3 Rancangan Menu dan Antarmuka... 62 3.2.2.3.1 Perancangan Antarmukan Guest... 64 3.2.2.3.2 Perancangan Antarmukan Admin... 68 3.2.2.3.3 Perancangan Antarmukan Member... 72 BAB IV IMPLEMENTASI... 77 4.1 Perangkat lunak yang digunakan... 77 4.2 Perangkat keras yang digunakan... 77 4.3 Implementasi halaman Guest... 78 4.3.1 Implementasi halaman Home... 78 4.3.2 Implementasi Halaman Category... 80 4.3.3 Implementasi halaman About... 81 4.3.4 Implementasi Halaman Register... 82 4.4 Implementasi halaman member... 84 4.4.1 Implementasi halaman Login... 85 4.4.2 Implementasi halaman member home... 87 4.4.3 Implementasi halaman category... 88
4.4.4 Implementasi halaman lihat document... 90 4.4.5 Implementasi halaman my document... 91 4.4.6 Implementasi halaman add document... 93 4.4.7 Implementasi halaman profile... 94 4.5 Implementasi halaman Admin... 97 4.5.1 Implementasi halaman admin login... 97 4.5.2 Implementasi halaman category... 101 4.5.3 Implementasi halaman tambah category... 103 4.5.4 Implementasi halaman edit category... 105 4.5.5 Implementasi halaman list member... 107 4.5.6 Implementasi halaman detail member... 109 4.5.7 Implementasi halaman my account... 111 BAB V PENUTUP... 114 5.1 Kesimpulan... 114 5.2 Saran... 114
DAFTAR GAMBAR Gambar 2.1 Arsitektur RUP/UP... 9 Gambar 2.2 Contoh Diagram Use Case... 15 Gambar 2.3 Contoh Diagram Class... 18 Gambar 2.4 Contoh Diagram Sequence... 20 Gambar 2.5 Arsitektur model-view-controller... 28 Gambar 3.1 Diagram Use Case... 32 Gambar 3.2 Diagram Class... 34 Gambar 3.3 Diagram Sequence Lihat halaman about (guest)... 35 Gambar 3.4 Diagram Sequence Lihat halaman about (admin)... 36 Gambar 3.5 Diagram Sequence Lihat halaman about (member)... 36 Gambar 3.6 Diagram Sequence Lihat halaman home (guest)... 37 Gambar 3.7 Diagram Sequence Lihat halaman home (admin)... 37 Gambar 3.8 Diagram Sequence Lihat halaman home (member)... 38 Gambar 3.9 Diagram Sequence Lihat halaman category... 39 Gambar 3.10 Diagram Sequence Guest Registrasi... 40 Gambar 3.11 Diagram Sequence Login member... 40 Gambar 3.12 Diagram Sequence Member lihat category... 41 Gambar 3.13 Diagram Sequence Member lihat profile... 41 Gambar 3.14 Diagram Sequence Member edit profile... 42 Gambar 3.15 Diagram Sequence Member upload document... 42 Gambar 3.16 Diagram Sequence Member download document... 43 Gambar 3.17 Diagram Sequence Member edit document... 44 Gambar 3.18 Diagram Sequence Member delete document... 44 Gambar 3.19 Diagram Sequence Admin login... 45 Gambar 3.20 Diagram Sequence Admin tambah category... 46 Gambar 3.21 Diagram Sequence Admin lihat category... 46 Gambar 3.22 Diagram Sequence Admin edit category... 47 Gambar 3.23 Diagram Sequence Admin cari member... 47 Gambar 3.24 Diagram Sequence Admin lihat member... 48 Gambar 3.25 Diagram Sequence Admin hapus member... 48 Gambar 3.26 Activity diagram Lihat halaman about... 49 Gambar 3.27 Activity diagram Lihat halaman home... 50
Gambar 3.28 Activity diagram Lihat halaman category... 50 Gambar 3.29 Activity diagram Registrasi... 51 Gambar 3.30 Activity diagram Tambah category... 52 Gambar 3.31 Activity diagram Edit category... 52 Gambar 3.32 Activity diagram Hapus category... 53 Gambar 3.33 Activity diagram Lihat member... 54 Gambar 3.34 Activity diagram Hapus member... 54 Gambar 3.35 Activity diagram Cari member... 55 Gambar 3.36 Activity diagram Lihat profile... 55 Gambar 3.37 Activity diagram Edit profile... 56 Gambar 3.38 Activity diagram Login... 56 Gambar 3.39 Activity diagram Download document... 57 Gambar 3.40 Activity diagram Upload document... 57 Gambar 3.41 Activity diagram Edit document... 58 Gambar 3.42 Activity diagram Delete document... 58 Gambar 3.43 Arsitektur Sistem... 59 Gambar 3.44 Rancangan Model Objek... 62 Gambar 3.45 Struktur menu sistem... 63 Gambar 3.46 Rancangan antarmuka homepage... 64 Gambar 3.47 Antarmuka halaman About... 65 Gambar 3.48 Antarmuka halaman Category... 65 Gambar 3.49 Antarmuka halaman Registrasi... 66 Gambar 3.50 Antarmuka halaman Login member... 66 Gambar 3.51 Antarmuka halaman Forgot password member... 67 Gambar 3.52 Antarmuka halaman login admin... 67 Gambar 3.53 Rancangan Antarmuka halaman Forgot password admin... 68 Gambar 3.54 Rancangan antarmuka Admin home... 69 Gambar 3.55 Rancangan antarmuka Category... 69 Gambar 3.56 Rancangan antarmuka tambah category... 70 Gambar 3.57 Rancangan antarmuka Edit category... 70 Gambar 3.58 Rancangan antarmuka Delete member... 71 Gambar 3.59 Rancangan antarmuka Detail member... 71 Gambar 3.60 Rancangan antarmuka My profile... 71 Gambar 3.61 Rancangan antarmuka Ganti password... 72
Gambar 3.62 Rancangan antarmuka Member home... 73 Gambar 3.63 Rancangan antarmuka Category... 73 Gambar 3.64 Rancangan antarmuka My document... 74 Gambar 3.65 Rancangan antarmuka Upload... 74 Gambar 3.66 Rancangan antarmuka Download... 75 Gambar 3.67 Rancangan antarmuka Profile... 76 Gambar 3.68 Rancangan antarmuka Ganti password... 76 Gambar 4.1 Tampilan halaman Home... 78 Gambar 4.2 Tampilan halaman category... 80 Gambar 4.3 Tampilan halaman About... 81 Gambar 4.4 Tampilan halaman registrasi... 83 Gambar 4.5 Tampilan halaman login member... 85 Gambar 4.6 Tampilah halaman member home... 87 Gambar 4.7 Tampilan halaman category... 82 Gambar 4.8 Tampilan halaman lihat document... 90 Gambar 4.9 Tampilan halaman my document... 92 Gambar 4.10 Tampilan halaman add document... 93 Gambar 4.11 tampilan halaman profile... 95 Gambar 4.12 Tampilan halaman admin login... 98 Gambar 4.13 Tampilan halaman category... 101 Gambar 4.14 Tampilan halaman tambah category... 104 Gambar 4.15 Tampilan halaman edit category... 105 Gambar 4.16 Tampilan halaman list member... 107 Gambar 4.17 tampilan halaman detail member... 109 Gambar 4.18 tampilan halaman my account... 111
DAFTAR TABEL Tabel 2.1 Notasi Diagram Use Case... 12 Tabel 2.2 Lanjutan Notasi Diagram Use Case... 13 Tabel 2.3 Notasi Diagram Class... 15 Tabel 2.4 Lanjutan Notasi Diagram Class... 16 Tabel 2.5 Diagram Sequence... 18 Tabel 2.6 Lanjutan Diagram Sequence... 19 Tabel 2.7 Notasi Diagram Activity... 20 Tabel 3.1 Tabel daftar kelas dan deskripsinya... 33 Tabel 3.2 Tabel Tadmin... 60 Tabel 3.3 Tabel Tmember... 60 Tabel 3.4 Tabel Lanjutan Tmember... 61 Table 3.5 Tabel Tcategory... 61 Tabel 3.6 Tabel Tdocument... 61 Tabel 3.7 Tabel TAdditionalpage... 61 Tabel 4.1 Perangkat lunak yang digunakan... 76 Tabel 4.2 Perangkat keras yang digunakan... 77