18 BAB III ANALISIS DAN PERANCANGAN 3.1 ANALISIS 3.1.1 Browser History Browser history adalah salah satu fasilitas dari sekian banyak fasilitas yang dimiliki oleh aplikasi browser. Fungsi dari browser history adalah sebagai berikut a. Mencatat dan menyimpan url link dari situs yang telah kita kunjungi. b. Mencatat dan menyimpan deskripsi dari situs yang telah kita kunjungi. c. Mencatat dan menyimpan judul maupun sub judul dari situs yang telah kita kunjungi. d. Mencatat dan menyimpan kata pencari atau kalimat pencari yang telah digunakan pada situs yang bertugas sebagai search engine seperti Google.com, Yahoo.com, Bing.com dan lain lain. e. Mencatat dan menyimpan judul dari tayangan video yang telah diputar melalui situs pemutar video seperti Youtube,com, Dailymotion.com. f. Mencatat dan menyimpan nama file audio yang kita dengar secara streaming. g. Mencatat dan menyimpan nama file gambar yang kita lihat secara online. Tiap aplikasi browser memiliki atribut yang berbeda beda dalam hal menampilkan informasi yang diperoleh dari browser history. Tetapi secara garis besar atribut pada browser history adalah sebagai berikut : a. Tanggal Berisikan informasi tanggal kunjungan situs. b. Jam Berisikan informasi waktu kunjungan situs. c. Nama Berisikan deskripsi, judul, nama file,nama domain dari suatu situs yang dikunjungi. 18
19 d. Lokasi Berisikan informasi url dari suatu situs. Keberadaan fitur browser history pada aplikasi browser tidak mutlak, hal ini disebabkan karena aplikasi browser memberikan kebebasan kepada penggunanya untuk mengaktifkan fitur tersebut atau tidak menggunakannya. Selain itu aplikasi browser mengijinkan pengguna untuk mengapus daftar history mereka. 3.1.2 Identifikasi Masalah Pemanfaatan browser history didalam hal pengawasan aktifitas surfing di dunia maya akan tidak maksimal jika mengalami kendala sebagai berikut : a. History yang tercatat tidak lengkap. b. Kesulitan didalam memantau suatu topik yang sedang di awasi secara khusus di link utama maupun pada sub link secara real time. c. Kesulitan didalam memantau suatu topik yang sedang di awasi secara otomatis dari segi pengawasan dan pelaporan. 3.1.3 Penyebab Masalah Dari identifikasi masalah diatas maka ditemukan penyebab masalah dalam hal tidak maksimalnya pemanfaatan browser history yaitu: a. Keberadaan fitur url history di aplikasi browser tidak mutlak. b. Aplikasi browser hanya memberikan daftar url history. c. Aplikasi browser mengijinkan pengguna untuk menghapus url history tersebut. Tidak adanya laporan secara otomatis jika kata atau topik yang sedang kita awasi ditemukan ketika pengguna sedang surfing di internet. 3.2 PERANCANGAN Metode didalam perancangan piranti lunak untuk aplikasi Browser History Report and Analysis adalah menggunakan metode perancangan berorientasi objek dengan notasi Unified Modelling Language (UML). 19
20 Tahapan proses dalam analisa dan desain berorientasi objek adalah sebagai berikut : 1. Menjabarkan Bussines Process. 2. Mendefinisikan Use Case Diagram. 3. Mendefinisikan Activity Diagram. 4. Mendefinisikan Sequence Diagram. 5. Mendefinisikan Class Diagram Beberapa diagram tambahan diluar penggunaan diagram UML. a. Hirarki Menu b. Navigation Diagram c. Perancangan Layar 3.2.1 BUSSINES PROCESS Proses yang berjalan pada aplikasi Browser History Report and Analysis adalah sebagai berikut : a. Menyimpan url history pada address bar yang berasal dari browser. b. Melakukan web scanning untuk memperoleh informasi dari setiap situs berdasarkan url history. c. Melakukan word scanning pada setiap situs berdasarkan url history. d. Melaporkan hasil dari word scanning kepada user admin secara mail report dan laporan yang bisa diakses langsung melalui aplikasi. 3.2.2 USE CASE DIAGRAM Use case diagram dari aplikasi Browser History Report and Analysis adalah 20
21 1. Use Case Setup Parameter Gambar 3.2.2-1. Setup Parameter Use Case Diagram Tabel 3.2.2-1. Use Case Login Use Case Actor Purpose Overview Login Administrator Login System Administrator akan memasukkan nama dan password untuk masuk kedalam system. 21
22 Tabel 3.2.2-2. Use Case Description insertmailaddress Use Case Actor Purpose Overview insertmailaddress Administrator Menambahkan alamat email yang digunakan dalam pelaporan. Administrator akan memasukkan alamat email lalu sistem akan mengecek apakah alamat email tersebut valid. Jika valid maka alamat email tersebut akan tersimpan di dalam database. Tabel 3.2.2-3. Use Case Description editmailaddress Use Case Actor editmailaddress Administrator Purpose Merubah alamat email yang sudah tersimpan di database sebelumnya. Overview Administrator akan memilih alamat email dari list email, lalu administrator merubah alamat email tersebut dan menyimpan perubahan tersebut di dalam database. 22
23 Tabel 3.2.2-4. Use Case Description deletemailaddress Use Case Actor Purpose Overview deletemailaddress Administrator Menghapus alamat email yang sudah tersimpan di database sebelumnya. Administrator akan memilih alamat email dari list email, lalu menghapus alamat email tersebut dari database. Tabel 3.2.2-5. Use Case Description insertword Use Case Actor Purpose Overview insertword Administrator Menambahkan kata yang digunakan untuk proses Word Scan. Administrator memasukkan kata lalu sistem akan mengecek apakah kata tersebut sudah ada sebelumya, jika belum ada maka kata tersebut akan di simpan ke dalam database. 23
24 Tabel 3.2.2-6. Use Case Description editword Use Case Actor Purpose Overview editword Administrator Merubah kata yang sudah tersimpan di database sebelumnya. Administrator akan memilih kata dari list kata, lalu administrator mengubah kata tersebut, lalu system akan menyimpan kata yang telah berubah tersebut didalam database. Tabel 3.2.2-7. Use Case Description deleteword Use Case Actor Purpose Overview deleteword Administrator Menghapus kata yang sudah tersimpan di database sebelumnya. Administrator akan memilih kalimat dari list word, lalu administrator menghapus kalimat tersebut dari database. 24
25 2. Use Case Browser History and Report Gambar 3.2.2-2. Browser History Report Use Case Diagram 25
26 Tabel 3.2.2-8. Use Case Description captureurl Use Case Actor Purpose Overview captureurl Browser Monitoring Engine Mencatat dan menyimpan semua url yang ada di address bar dari browser yang digunakan. Browser Monitoring Engine secara otomatis mencatat semua url yang ada di address bar dari browser yang digunakan, lalu data tersebut disimpan ke dalam database. Tabel 3.2.2-9. Use Case Description scanurl Use Case Actor Purpose scanurl Browser Report Engine Melakukan scan untuk memperoleh informasi dari url yang telah tersimpan. Overview Browser Report Engine secara otomatis akan menarik data url yang telah tersimpan sebelumnya, lalu melakukan scan untuk pencarian informasi yang berupa site info, site description, site domain. 26
27 Tabel 3.2.2-10. Use Case Description generatereport Use Case Actor generatereport Browser Report Engine Purpose Menampilkan informasi url dan mengirimkan laporan email sesuai dengan settingan yang ada di word list. Overview Browser Report Engine secara otomatis akan melakukan pengecekkan url info terhadap word list dan juga melaporkan informasi tersebut ke alamat email administrator. Tabel 3.2.2-11. Use Case Description displayreport Use Case Actor Purpose Overview displayreport Administrator Menampilkan url informasi dari site yang pernah di kunjungi. Administrator akan memilih menu laporan. Sistem kemudian akan menampilkan data harian yang berisi tentang url informasi. 27
28 3.2.3 ACTIVITY DIAGRAM 1. Insert Mail Address Gambar 3.2.3-1. InsertMail Address Activity Diagram 28
29 2. Edit Mail Address Gambar 3.2.3-2. editmailaddress Activity Diagram 29
30 3. Delete Mail Address Gambar 3.2.3-3. deletemailaddress Activity Diagram 30
31 4. Insert Word Gambar 3.2.3-4. insertword Activity Diagram 31
32 5. Edit Word Gambar 3.2.3-5. editword Activity Diagram 32
33 6. Delete Word Gambar 3.2.3-6. deleteword Activity Diagram 33
34 7. Capture Url Gambar 3.2.3-7. captureurl Activity Diagram 34
35 8. Scan Url Gambar 3.2.3-8. scanurl Activity Diagram 35
36 9. Generate Report Gambar 3.2.3-9. generatereport Activity Diagram 36
37 10. Display Report Gambar 3.2.3-10. displayreport Activity Diagram 37
38 3.2.4 SEQUENCE DIAGRAM 1. Setup paramater a. insertmailaddress Sequence Diagram Gambar 3.2.4-1. insertmailaddress Sequence Diagram 38
39 b. editmailaddress Sequence Diagram Gambar 3.2.4-2. editmailaddress Sequence Diagram 39
40 c. deletemailaddress Sequence Diagram Gambar 3.2.4-3. deletemailaddress Sequence Diagram 40
41 d. insertword Sequence Diagram Gambar 3.2.4-4. insertword Sequence Diagram 41
42 e. editword Sequence Diagram Gambar 3.2.4-5. editword Sequence Diagram 42
43 f. deleteword Sequence Diagram Gambar 3.2.4-6. deleteword Sequence Diagram 43
44 2. Browser History and Report a. captureurl Sequence Diagram Gambar 3.2.4-7. captureurl Sequence Diagram 44
45 b. scanurl Sequence Diagram Gambar 3.2.4-8. scanurl Sequence Diagram 45
46 b. generatereport Sequence Diagram Gambar 3.2.4-9. generatreport Sequence Diagram 46
47 c. displayreport Sequence Diagram Gambar 3.2.4-10. displayreport Sequence Diagram 47
48 3.2.5 CLASS DIAGRAM Gambar 3.2.5 Browser History Report And Analysis Class Diagram 48
49 3.2.6 HIRARKI MENU MENU UTAMA SETUP LAPORAN MAIL WORD WEB HISTORY INFO Gambar 3.2.6. Hirarki Main Menu 49
50 3.2.7 NAVIGATION DIAGRAM 1. Navigation Diagram untuk Menu Utama Aplikasi Browser History Report And Analysis. Gambar 3.2.7-1. Navigation Diagram Menu Utama 50
51 2. Navigation Diagram untuk Menu Setup. Gambar 3.2.7-2. Navigation Diagram Menu Setup 3. Navigation Diagram untuk Menu Laporan. Gambar 3.2.7-3. Navigation Diagram Menu Laporan 51
52 3.2.8 PERANCANGAN LAYAR Aplikasi Browser History Report And Analysis memiliki 3 proses utama., yaitu : 1. Setup Parameter. 2. Capture Browser History. 3. Display Report. Ketiga proses diatas memiliki tampilan layar yang berbeda-beda. Masing - masing layar dapat diakses meleluai menu yang terdapat pada layar Menu Utama. Admin Menu Setup Email Report Web History Info Word Gambar 3.2.8-1. Rancangan Menu Utama Menu Utama hanya bisa dari akses oleh user admin, pada layar Menu Utama terdapat 2 menu yaitu menu Setup dan menu Report. Pada menu Setup terdapat 2 sub menu yaitu Mail dan Word. Sub menu Mail digunakan untuk memanggil form Mail yang berfungsi untuk pengaturan email address yang diperlukan untuk pelaporan otomatis melalui layanan mail service. Sub menu Word digunakan untuk memanggil form Word yang berfungsi untuk pengaturan terhadap kata atau kalimat yang akan dipantau secara khusus didalam kegiatan surfing di internet. Pada menu Report terdapat sub menu Web History Info. Sub menu Web History Info digunakan untuk memanggil form Web History Info yang berfungsi untuk menampilkan laporan hasil dari aktivitas program Browser History Report and 52
53 Analysis. Untuk Proses capture browser history, proses berjalan secara background sehingga tidak memerlukan tampilan layar. Mail X Mail Address Cari List Mail Address dino@yahoo.com cakil@yahoo.com toni@yahoo.com Save Edit Delete Gambar 3.2.8-2. Rancangan Form Mail Tabel 3.2.8-1. Form Mail Object Nama Objek Fungsi Textbox Mail List Mail Address Tombol Simpan Tombol Edit Tombol Delete Input data mail address. Menampilkan semua data mail address. Simpan data baru. Ubah data sebelumnya. Hapus data sebelumnya. 53
54 Word X Word Mail Sains Sexy Yks Word Mail to dino@yahoo.com dino@yahoo.com cakil@yahoo.com Gambar 3.2.8-3. Rancangan Form Word Tabel 3.2.8-2. Form Word Object Nama Objek Fungsi Textbox Word Textbox Mail List Word Tombol Simpan Tombol Edit Tombol Delete Input data word. Input data mail address. Menampilkan semua data word yang dipasangkan dengan data mail address. Simpan data baru. Ubah data sebelumnya. Hapus data sebelumnya. 54
55 Web History Info Report Tanggal Process Gambar 3.2.8-4. Rancangan Form Report Tabel 3.2.8-3. Form Report Object Textbox Tanggal Tombol Process Nama Objek Fungsi Input tanggal proses capture browsing activity. Menampilkan laporan di layar. 55
56 Tanggal : 28-06 - 2014 User : Harto Date Hour Url History Word User Name Gambar 3.2.8-5. Rancangan Laporan Web History Info 56