APLIKASI SINKRONISASI KEGIATAN MULTI USER DALAM AGENDA ONLINE ARIS AL MA ARIF 41509110113 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2012
APLIKASI SINKRONISASI KEGIATAN MULTI USER DALAM AGENDA ONLINE Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer OLEH : ARIS AL MA ARIF 41509110113 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2012
LEMBAR PERNYATAAN Yang bertanda tangan dibawah ini: NIM : 41509110113 Nama : ARIS AL MA ARIF Judul Skripsi : APLIKASI SINKRONISASI KEGIATAN MULTI USER DALAM AGENDA ONLINE. Menyatakan bahwa skripsi tersebut diatas adalah hasil karya saya sendiri dan bukan plagiat. Apabila ternyata ditemukan didalam laporan skripsi saya terdapat unsur plagiat, maka saya siap untuk mendapatkan sanksi akademik yang terkait dengan hal tersebut. Jakarta, Maret 2012 ( Aris Al Ma arif )
LEMBAR PENGESAHAN NIM : 41509110113 Nama : ARIS AL MA ARIF Judul skripsi : APLIKASI SINKRONISASI KEGIATAN MULTI USER DALAM AGENDA ONLINE Skripsi ini telah disidangkan dan disetujui sebagai laporan tugas akhir. Jakarata, Maret 2012
KATA PENGANTAR Bismillahirrahmanirrahim Alhamdulillah segala puji syukur kehadirat Allah SWT, yang telah melimpahkan segala rahmat dan karunia Nya, sehingga laporan tugas akhir ini telah dapat diselesaikan dengan baik. Shalawat serta salam selalu tercurah limpah kepada Nabi Muhammad SAW, keluarga serta sahabat - sahabat beliau. Dengan segala keterbatasan, penulis menyadari pula bahwa laporan tugas akhir ini takkan terwujud tanpa bantuan, bimbingan dan dorongan dari berbagai pihak. Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima kasih kepada : 1. Ibu Devi Fitrianah, S.Kom., MTI selaku Pembimbing Tugas Akhir yang dengan sabar telah membimbing dan mengarahkan penulis dalam menyusun tugas akhir ini serta memberi semangat untuk segera menyelesaikan laporan ini. 2. Bapak Tri Daryanto S.Kom, MT selaku Koordinator Tugas Akhir serta Bapak Anis Cherid MTI selaku pembimbing akademik sekaligus KaProdi Jurusan Teknik Informatika Universitas Mercu Buana. 3. Seluruh dosen pengajar dan staff TU Prodi Teknik Informatika Universitas Mercu Buana. 4. Ayah Abu Syukur, Ibu Wasinah, Istri Mistria Wulandari, Kakak kakak dan adik yang tidak pernah berhenti dalam memberikan doa, semangat, dan materi. 5. Seluruh jajaran perusahaan Better-B dan Yotomo Indonesia yang banyak memberikan toleransi waktu dan dukungan untuk menyelesaikan tugas akhir ini.
6. Teman teman seperjuangan yang menyusun Tugas Akhir, bimbingan Ibu Devi Fitrianah, S.Kom., MTI yang selalu semangat untuk hadir di setiap sabtu pagi. 7. Seluruh pihak yang tidak dapat penulis sebutkan namanya satu persatu, terima kasih atas bantuan, do a, dan dukungannya hingga terselesaikannya penyusun laporan tugas akhir ini. Semoga dengan ini semua Allah SWT membalas kebaikan dan selalu mencurahkan hidayah serta taufik Nya, Aamiin. Jakarta, Maret 2012 Penulis
DAFTAR ISI LEMBAR PERNYATAAN. LEMBAR PERSETUJUAN. KATA PENGANTAR. ABSTRACT. ABSTRAK. i ii iii v vi DAFTAR ISI. vii DAFTAR GAMBAR... x DAFTAR TABEL.. xii BAB I PENDAHULUAN... 1 1.1. Latar Belakang... 1 1.2. Perumusan Masalah 2 1.3. Batasan Masalah... 3 1.4. Tujuan dan Manfaat 3 1.4.1. Manfaat... 3 1.4.2. Tujuan... 4 1.5. Metodologi Penelitian... 4 1.6. Sistematika Penulisan... 4 BAB II LANDASAN TEORI 7 2.1. Model Proses Incremental... 7 2.1.1. Communication...... 8
2.1.2. Planning......... 8 2.1.3. Modeling...... 9 2.1.4. Construction.... 9 2.1.5. Deployment........ 9 2.2. Konsep Pemodelan UML..... 10 2.2.1. Use Case Diagram. 12 2.2.2. Class Diagram... 13 2.2.3. Sequence Diagram.. 13 2.2.4. Deployment Diagram. 14 2.3. Perancangan Basis Data.... 15 2.4. Interaksi Manusia dan Komputer.. 17 2.4.1. Usability. 18 2.4.2. User Experience. 19 2.4.3. User Interface. 19 2.5. PHP,MySQL dan MVC..... 20 2.5.1. PHP... 20 2.5.2. MySQL.. 21 2.5.1. MVC.. 21 2.6. Algoritma Sinkronisasi... 22 2.6.1. Algoritma... 22 2.6.2. Sinkronisasi... 23 BAB III ANALISA DAN PERANCANGAN. 24
3.1. Model Pelaksanaan... 24 3.1.1. Bahasa Pemrograman.... 24 3.1.2. Model Register.. 24 3.1.3. Model Sinkronisasi Agenda... 25 3.2. Diagram Use Case.. 27 3.3. Perancangan Database... 30 3.3.1. Skema Relasi... 30 3.3.2. Domain Constraint.... 32 3.4. Perancangan Class Diagram..... 36 3.5. Perancangan Sequence Diagram... 38 3.6. Perancangan User Interface.... 42 BAB IV IMPLEMENTASI DAN PENGUJIAN.. 50 4.1. Implementasi... 50 4.2. Pengujian.... 55 4.2.1. Skenario Pengujian........ 55 4.2.2. Hasil Pengujian......... 57 4.2.2. Analisa Hasil Pengujian......... 66 BAB V KESIMPULAN DAN SARAN 67 5.1. Kesimpulan........... 67 5.1. Saran............. 67 DAFTAR PUSTAKA.. 68 LAMPIRAN.. 69
DAFTAR GAMBAR Gambar 2. 1 Incremental Process (Craig Larman, Victor R. Basili (June 2003))...8 Gambar 2. 2 Model 4+1 view (Kruchten, Philippe (November 1995))...11 Gambar 2. 3 Use Case Diagram (Schulz, Joseph D., 2003)...12 Gambar 2. 4 Actor (Schulz, Joseph D., 2003)..13 Gambar 2. 5 Class Diagram (Schulz, Joseph D., 2003) 13 Gambar 2. 6 Sequence Diagram (Schulz, Joseph D., 2003).14 Gambar 2. 7 Deployment Diagram (Schulz, Joseph D., 2003).15 Gambar 3.1.2 Registrasi proses agenda online..25 Gambar 3.2 Use Case Primary... 26 Gambar 3.3.1 Data Model Note....30 Gambar 3.3.2 Data Model User dan Note. 31 Gambar 3.3.3 Data Model Sistem..31 Gambar 3.4.1 Class diagram register. 36 Gambar 3.4.2 Class diagram login. 36 Gambar 3.4.3 Class diagram member....37 Gambar 3.5.1 Sequence diagram register.. 38 Gambar 3.5.2 Sequence diagram login.39 Gambar 3.5.3 Sequence diagram agenda 40 Gambar 3.5.4 Sequence diagram sinkronisasi 41 Gambar 3.6.1 User interface register. 42 Gambar 3.6.2 User interface login 43
Gambar 3.6.3 User interface beranda. 44 Gambar 3.6.4 User interface create agenda....45 Gambar 3.6.5 User interface edit agenda..46 Gambar 3.6.6 User interface daftar agenda..47 Gambar 3.6.7 User interface daftar agenda group 48 Gambar 3.6.8 User interface daftar user/anggota 49 Gambar 4.1.1 Form Registrasi...51 Gambar 4.1.2 Form Isi Agenda..52 Gambar 4.1.3 Hasil Sinkronisasi...53 Gambar 4.1.4 Hasil Undangan...54 Gambar 4.1.5 Notifikasi Email...54 Gambar 4.2.2.1 Registrasi berhasil 58 Gambar 4.2.2.2 Registrasi gagal..59 Gambar 4.2.2.3 Hasil Proses Isi Agenda 61 Gambar 4.2.2.4 Isi Agenda Error.. 62 Gambar 4.2.2.5 Hasil sinkronisasi.. 63 Gambar 4.2.2.6 Undangan Ya. 65 Gambar 4.2.2.7 Undangan Tidak.. 65
DAFTAR TABLE Tabel 3.1.3 Algoritma sinkronisasi agenda...26 Tabel 3.2.1 Aktor dan kegiatan pada proses Isi Agenda 28 Tabel 3.2.2 Aktor dan kegiatan pada proses sinkronisasi agenda..28 Tabel 3.2.3 Aktor dan kegiatan pada proses undangan agenda. 28 Tabel 3.2.4 Aktor dan kegiatan pada proses notifikasi agenda.. 29 Tabel 3.3.2.1 Table Users..32 Tabel 3.3.2.2 Table Notes.. 33 Tabel 3.3.2.3 Table MapNotes..34 Tabel 3.3.2.4 Table Ci_Sessions....35 Tabel 3.3.2.5 Table Emails...35 Tabel 3.4.2 Spesifikasi class diagram register...36 Tabel 3.4.2 Spesifikasi class diagram login...36 Tabel 3.4.3 Spesifikasi class diagram member...37 Tabel 3.5.1 Spesifikasi sequence diagram register....38 Tabel 3.5.2 Spesifikasi sequence diagram login....39 Tabel 3.5.3 Spesifikasi sequence diagram agenda 40 Tabel 3.5.4 Spesifikasi sequence diagram sinkronisasi...41 Tabel 4.2.1.1 Skenario pengujian proses registrasi...55 Tabel 4.2.1.2 Skenario pengujian proses isi agenda..55 Tabel 4.2.1.2 Skenario pengujian proses sinkronisasi...56
Tabel 4.2.1.3 Skenario pengujian proses undangan...56 Tabel 4.2.1.4 Skenario pengujian proses registrasi...56 Tabel 4.2.2.1 Hasil pengujian registrasi.57 Tabel 4.2.2.2 Hasil pengujian isi agenda..60 Tabel 4.2.2.3 Hasil pengujian sinkronisasi...62 Tabel 4.2.2.4 Hasil pengujian undangan... 64 Tabel 4.2.2.5 Hasil pengujian undangan... 66