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.
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).
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
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 Login
Actor Administrator
Purpose Login System
Overview Administrator akan memasukkan nama dan password untuk masuk kedalam system.
22
Tabel 3.2.2-2. Use Case Description insertMailAddress
Use Case insertMailAddress
Actor Administrator
Purpose Menambahkan alamat email yang digunakan dalam pelaporan.
Overview 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 editMailAddress
Actor 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.
23
Tabel 3.2.2-4. Use Case Description deleteMailAddress
Use Case deleteMailAddress
Actor Administrator
Purpose Menghapus alamat email yang sudah tersimpan di database sebelumnya.
Overview 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 insertWord
Actor Administrator
Purpose Menambahkan kata yang digunakan untuk proses Word Scan.
Overview 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.
24
Tabel 3.2.2-6. Use Case Description editWord
Use Case editWord
Actor Administrator
Purpose Merubah kata yang sudah tersimpan di database sebelumnya.
Overview 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 deleteWord
Actor Administrator
Purpose Menghapus kata yang sudah tersimpan di database sebelumnya.
Overview Administrator akan memilih kalimat dari list word, lalu administrator menghapus kalimat tersebut dari database.
25 2. Use Case Browser History and Report
Gambar 3.2.2-2. Browser History Report Use Case Diagram
26
Tabel 3.2.2-8. Use Case Description captureUrl
Use Case captureUrl
Actor Browser Monitoring Engine
Purpose Mencatat dan menyimpan semua url yang ada di address bar dari browser yang digunakan.
Overview 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 scanUrl
Actor Browser Report Engine
Purpose 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.
27
Tabel 3.2.2-10. Use Case Description generateReport
Use Case generateReport
Actor 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 displayReport
Actor Administrator
Purpose Menampilkan url informasi dari site yang pernah di kunjungi.
Overview Administrator akan memilih menu laporan. Sistem kemudian akan menampilkan data harian yang berisi tentang url informasi.
28 3.2.3 ACTIVITY DIAGRAM
1. Insert Mail Address
Gambar 3.2.3-1. InsertMail Address Activity Diagram
29 2. Edit Mail Address
Gambar 3.2.3-2. editMailAddress Activity Diagram
30 3. Delete Mail Address
Gambar 3.2.3-3. deleteMailAddress Activity Diagram
31 4. Insert Word
Gambar 3.2.3-4. insertWord Activity Diagram
32 5. Edit Word
Gambar 3.2.3-5. editWord Activity Diagram
33 6. Delete Word
Gambar 3.2.3-6. deleteWord Activity Diagram
34 7. Capture Url
Gambar 3.2.3-7. captureUrl Activity Diagram
35 8. Scan Url
Gambar 3.2.3-8. scanUrl Activity Diagram
36 9. Generate Report
Gambar 3.2.3-9. generateReport Activity Diagram
37 10. Display Report
Gambar 3.2.3-10. displayReport Activity Diagram
38 3.2.4 SEQUENCE DIAGRAM
1. Setup paramater
a. insertMailAddress Sequence Diagram
Gambar 3.2.4-1. insertMailaddress Sequence Diagram
39 b. editMailAddress Sequence Diagram
Gambar 3.2.4-2. editMailAddress Sequence Diagram
40 c. deleteMailAddress Sequence Diagram
Gambar 3.2.4-3. deleteMailAddress Sequence Diagram
41 d. insertWord Sequence Diagram
Gambar 3.2.4-4. insertWord Sequence Diagram
42 e. editWord Sequence Diagram
Gambar 3.2.4-5. editWord Sequence Diagram
43 f. deleteWord Sequence Diagram
Gambar 3.2.4-6. deleteWord Sequence Diagram
44 2. Browser History and Report
a. captureUrl Sequence Diagram
Gambar 3.2.4-7. captureUrl Sequence Diagram
45 b. scanUrl Sequence Diagram
Gambar 3.2.4-8. scanUrl Sequence Diagram
46 b. generateReport Sequence Diagram
Gambar 3.2.4-9. generatReport Sequence Diagram
47 c. displayReport Sequence Diagram
Gambar 3.2.4-10. displayReport Sequence Diagram
48 3.2.5 CLASS DIAGRAM
Gambar 3.2.5 Browser History Report And Analysis Class Diagram
49
MENU UTAMA
SETUP LAPORAN
MAIL WORD WEB HISTORY INFO
3.2.6 HIRARKI MENU
Gambar 3.2.6. Hirarki Main Menu
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
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
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.
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
Admin Menu Setup Report Email
Word
Web History Info
53
Analysis. Untuk Proses capture browser history, proses berjalan secara background sehingga tidak memerlukan tampilan layar.
Gambar 3.2.8-2. Rancangan Form Mail
Tabel 3.2.8-1. Form Mail Object
Nama Objek Fungsi
Textbox Mail Input data mail address.
List Mail Address Menampilkan semua data mail address.
Tombol Simpan Simpan data baru.
Tombol Edit Ubah data sebelumnya.
Tombol Delete Hapus data sebelumnya.
Mail X
List Mail Address [email protected]
[email protected] [email protected]
Save Gambar
: Antar Muka Menu Utama
Delete Gambar
: Antar Muka Menu Utama Edit
Gambar : Antar
Muka Menu Utama
Cari Mail Address
54
Gambar 3.2.8-3. Rancangan Form Word
Tabel 3.2.8-2. Form Word Object
Nama Objek Fungsi
Textbox Word Input data word.
Textbox Mail Input data mail address.
List Word Menampilkan semua data word yang
dipasangkan dengan data mail address.
Tombol Simpan Simpan data baru.
Tombol Edit Ubah data sebelumnya.
Tombol Delete Hapus data sebelumnya.
Word X
Mail to Word
Sains [email protected]
Sexy [email protected]
Word Mail
55 Web History Info Report
Process Tanggal
Gambar 3.2.8-4. Rancangan Form Report
Tabel 3.2.8-3. Form Report Object
Nama Objek Fungsi
Textbox Tanggal Input tanggal proses capture browsing activity.
Tombol Process Menampilkan laporan di layar.
56
Gambar 3.2.8-5. Rancangan Laporan Web History Info Tanggal : 28 - 06 - 2014
User : Harto
Date Hour Url History Word User Name