BAB III ANALISA DAN PERANCANGAN

BAB III ANALISA DAN PERANCANGAN Bab ini berisi penjelasan tentang analisa, identifikasi masalah, perancangan sistem, kerangka pemikiran, struktur tabel basis data dan perancangan antarmuka aplikasi. Dalam subbab analisa berisi analisa-analisa yang meliputi analisa pembuatan sistem, analisa pengguna, analisa kebutuhan, dan spesifikasi kebutuhan sistem. Dalam subbab perancangan sistem berisi diagram-diagram yang digunakan untuk merancang aplikasi. Pada subbab struktur tabel basis data menjelaskan tabel-tabel yang terlibat dalam aplikasi. Subbab terakhir pada menu ini yaitu perancangan antarmuka aplikasi, dimana perancangan antarmuka aplikasi berisi model atau bentuk awal antarmuka aplikasi yang akan diterapkan. 3.1. Analisa 3.1.1. Analisa Pembuatan Sistem Sistem yang dibangun menggunakan sistem server gateway, dimana server adalah lokasi aplikasi tersintall dan client adalah area user dalam menggunakan internet. Sebagai alternatif server, digunakan notebook untuk menggantikan implementasi dan pengujian pada aplikasi ini. Server yang digunakan bertindak sebagai server gateway sekaligus sebagai web server. 3.1.2. Analisa Pengguna Analisa pengguna menerangkan tipe-tipe level user yang akan digunakan dalam aplikasi. Berikut adalah tabel analisa pengguna dari aplikasi yang akan dibuat, Table 3.1 : Analisa Pengguna Aplikasi No Pengguna Deskripsi 1 Administrator Merupakan level user yang memiliki akses penuh terhadap semua fitur yang dimiliki aplikasi. Pada pelaksanaannya, level user ini dapat diterapkan untuk jabatan manajer atau kepala divisi. 2 Guest Merupakan level user yang hanya dapat mengakses beberapa fitur yang dimiliki aplikasi, atau sesuai dengan hak akses yang ditentukan oleh user level administrator. Pada pelaksanaannya, level user ini dapat diterapkan untuk jabatan staff sistem administrator. 19

20 3.1.3. Analisa Kebutuhan Dalam membangun Aplikasi Packet Filter Firewall Berbasis Web Menggunakan IPTables dilakukan beberapa tahap analisa kebutuhan yaitu : 1. Melihat kebutuhan akan kepraktisan penggunaan aplikasi firewall IPTables pada sistem operasi Linux. 2. Menyediakan aplikasi yang dapat menjadi media keamanan jaringan untuk memfilter packet yang masuk dari jaringan luar ke jaringan lokasi dan dari jaringan lokal ke luar. 3. Menyediakan aplikasi yang dapat melakukan pengaturan kebijakan firewall tanpa harus memahami perintah command line dari aplikasi firewall. 3.1.4. Spesifikasi Kebutuhan Sistem Spesifikasi sistem merupakan detail kebutuhan yang harus dipenuhi dalam membangun sistem, sehingga tercapainya tujuan dari aplikasi tersebut. Spesifikasi kebutuhan tersebut mencangkup 4 kategori, yaitu spesifikasi server, spesifikasi client, spesifikasi aplikasi dan aplikasi development. a. Spesifikasi Server Spesifikasi server adalah analisa spesifikasi kebutuhan dari sistem yang akan digunakan sebagai server. Spesifikasi server meliputi sistem operasi, perangkat keras, dan peramba web atau browser sebagai media penunjang berjalannya antarmuka. Berikut detail spesifikasi server yang dibutuhkan: Sistem Operasi : CentOS Linux versi update terakhir. Memory : min. 512 MB, max. 3 TB. Disk space : min. 20 GB. Aplikasi Firewall : iptables. Web Server : Apache. Library PHP : php 5. 1. 6 atau versi diatasnya. Database : MariaDB 5. 0 atau versi diatasnya. Interface Database : phpmyadmin. Browser : Internet Explorer 10 atau versi diatasnya, Firefox 31 atau versi diatasnya, Chrome 31 atau versi diatasnya, Safari 7 atau versi diatasnya, Opera 28 atau versi diatasnya.

21 b. Spesifikasi Client Client digunakan untuk mengakses/diakses jaringan internet melalui server. Dibutuhkan koneksi interface agar client dapat terhubung ke server. Berikut adalah spesifikasi client agar dapat menjadi client: Connectivity : Wi-Fi 802. 11b/g/n c. Spesifikasi Aplikasi Spesifikasi aplikasi berkaitan dengan kebutuhan pembangunan aplikasi pada sisi pemrograman. Berikut detail spesifikasi aplikasi yang digunakan : PHP Framework : CodeIgniter 2. 2. 0. Client Side Framework : Bootstrap sb-admin 2. 0. d. Aplikasi Development Aplikasi development adalah aplikasi yang digunakan sebagai media pengkodean dengan menggunakan bahasa pemrograman sehingga menjadi sebuah aplikasi siap pakai. NetBeans IDE 8. 0. 2 3.2. Skenario Implementasi Aplikasi Implementasi aplikasi diterapkan menggunakan sistem server gateway dengan memanfaatkan 2 network interface pada notebook (interface usb ethernet dan wireless ethernet). Untuk lebih detailnya dapat dilihat pada gambar dibawah ini, Gambar 3.1 : Skenario Implementasi Aplikasi Gambar 3.1 merupakan perancangan dari sistem aplikasi firewall yang bekerja pada sistem server gateway dimana pada sisi server akan diinstall aplikasi firewall yang mengatur perijinan hak akses client ke jaringan internet. Client yang digunakan adalah notebook atau smartphone yang

22 memiliki koneksi wireless untuk dapat terhubung dengan wireless notebook server. Untuk dapat menjadi client, notebook atau smartphone harus terkoneksi ke hotspot wireless milik notebook. Untuk skenario akses jaringan dari lokal ke luar (internet) yaitu permintaan akses dari client ke jaringan internet akan diproses terlebih dahulu oleh aplikasi firewall. Jika permintaan akses memenuhi aturan firewall maka koneksi akan dilanjutkan ke jaringan internet melalui usb ethernet. Untuk skenario akses jaringan dari luar (internet) ke lokal yaitu permintaan akses dari internet ke jaringan lokal akan diproses terlebih dahulu oleh aplikasi firewall. Jika permintaan akses memenuhi aturan firewall maka koneksi akan dilanjutkan (forwarding) ke jaringan lokal melalui wireless hotspot. 3.3. Perancangan Sistem Sebelum memulai tahap implementasi, perlu dilakukan perancangan yang dapat menggambarkan bagaimana suatu sistem dibentuk dan mendefinisikan kebutuhan-kebutuhan fungsional dari aplikasi yang akan dibuat. Dibutuhkan model diagram UML (Unified Modeling Language) untuk dapat membantu dalam tahap perancangan ini. Diagram-diagram UML yang dimaksud adalah Class Diagram, Use-case Diagram, Activity Diagram, dan Sequence Diagram. 3.3.1. Pemodelan Diagram Class Pemodelan diagram class ini digunakan untuk membantu dalam merencanakan, mengatur, mengontrol, dan mengevaluasi pembangunan database pada aplikasi dengan disertai relasi antar tabel database. Berikut adalah pemodelan diagram class yang digunakan,

23 Gambar 3.2 : Diagram Class Aplikasi 3.3.2. Pemodelan Diagram Use Case Diagram use-case ini digunakan untuk melakukan pemodelan kebutuhan sistem. Diagram use case juga menunjukan fungsionalitas suatu sistem. Untuk lebih jelasnya, dapat dilihat pada gambar dibawah ini.

24 Gambar 3.3 : Diagram Use Ca I se Aplikasi 3.3.1.1. Skenario Use Case Table 3.2 : Deskripsi Use Case Login User Nama Use Case : Login User Aktor : Administrator Deskripsi : Administrator melakukan login ke Aplikasi Table 3.3 : Deskripsi Use Case Edit Password Nama Use Case : Edit Password Aktor : Administrator Deskripsi : Administrator merubah password yang digunakan

25 Table 3.4 : Deskripsi Use Case Tambah Data User Nama Use Case : Tambah Data User Aktor : Administrator Deskripsi : Administrator menambah user account Table 3.5 : Deskripsi Use Case Edit Data User Nama Use Case : Edit Data User Aktor : Administrator Deskripsi : Administrator merubah user account Table 3.6 : Deskripsi Use Case Hapus Data User Nama Use Case : Hapus Data User Aktor : Administrator Deskripsi : Administrator menghapus user account Table 3.7 : Deskripsi Use Case Tambah Data Module Nama Use Case : Tambah Data Module Aktor : Administrator Deskripsi : Administrator menambah data module Table 3.8 : Deskripsi Use Case Edit Data Module Nama Use Case : Edit Data Module Aktor : Administrator Deskripsi : Administrator merubah data module Table 3.9 : Deskripsi Use Case Previleges Data Module Nama Use Case : Previleges Data Module Aktor : Administrator Deskripsi : Administrator merubah hak akses module Table 3.10 : Deskripsi Use Case Hapus Data Module Nama Use Case : Hapus Data Module Aktor : Administrator Deskripsi : Administrator menghapus data module

26 Table 3.11 : Deskripsi Use Case Lihat Table Firewall Nama Use Case : Lihat Table Firewall Aktor : Administrator Deskripsi : Administrator melihat table firewall Table 3.12 : Deskripsi Use Case Setup Firewall Nama Use Case : Setup Firewall Aktor : Administrator Deskripsi : Administrator memiliki 2 pilihan pengaturan yaitu: by case dan show all. Pada pengaturan by case, Administrator melakukan pengaturan berdasarkan kasus penggunaan firewall yang umum digunakan. Pada pengaturan show all, Administrator melakukan pengaturan berdasarkan paramterparameter yang ditentukan sendiri. Table 3.13 : Deskripsi Use Case Lihat History Setup Firewall Nama Use Case : History Setup Firewall Aktor : Administrator Deskripsi : Administrator melihat history pengaturan firewall Table 3.14 : Deskripsi Use Case Clear History Setup Firewall Nama Use Case : Clear History Setup Firewall Aktor : Administrator Deskripsi : Administrator mengkosongkan history pengaturan firewall

27 3.3.3. Pemodelan Diagram Activity 3.3.2.1. Diagram Activity Login User Gambar 3.4 : Diagram Activity Login User Table 3.15 : Deskripsi Diagram Activity Login User Nama Activity : Diagram Activity Login User Aktor : User Deskripsi : User entry username dan password Pra Kondisi : - Tindakan : User entry username dan password Pasca Kondisi : User menampilkan halaman utama. Jika login gagal maka user harus login kembali

28 3.3.2.2. Diagram Activity Edit Password Gambar 3.5 : Diagram Activity Edit Password Table 3.16 : Deskripsi Diagram Activity Edit Password Nama Activity : Diagram Activity Edit Password Aktor : User Deskripsi : User merubah password dari account miliknya Pra Kondisi : Password masih sesuai dengan perubahan terakhir Tindakan : Mengisi password perubahan Pasca Kondisi : Password berubah sesuai dengan yang diisikan pada form. Setelah sukses merubah password, maka otomatis logout dan menampilkan halaman login

29 3.3.2.3. Diagram Activity Tambah Data User Gambar 3.6 : Diagram Activity Tambah Data User Table 3.17 : Deskripsi Diagram Activity Tambah Data User Nama Activity : Diagram Activity Tambah Data User Aktor : User Deskripsi : Menambah user baru Pra Kondisi : Jumlah data user dalam database belum bertambah

30 Tindakan : Mengisikan data user yang ditambahkan Pasca Kondisi : User pada database bertambah dan user tersebut dapat mengakses aplikasi sesuai user password yang ditentukan. 3.3.2.4. Diagram Activity Edit Data User Gambar 3.7 : Diagram Activity Edit Data User Table 3.18 : Deskripsi Diagram Activity Edit Data User Nama Activity : Diagram Activity Edit Data User Aktor : User Deskripsi : Merubah data user Pra Kondisi : Data user masih sesuai dengan perubahan terakhir

31 Tindakan : Mengisi data user perubahan Pasca Kondisi : Data user berubah sesuai dengan yang diisikan pada form edit. 3.3.2.5. Diagram Activity Hapus Data User Gambar 3.8 : Diagram Activity Hapus Data User Table 3.19 : Deskripsi Diagram Activity Hapus Data User Nama Activity : Diagram Activity Hapus Data User Aktor : User Deskripsi : Menghapus data user Pra Kondisi : Jumlah data user dalam database belum berkurang Tindakan : Memilih dan menghapus data user Pasca Kondisi : Data user yang dipilih telah dihapus dari database sehingga sudah tidak dapat lagi login menggunakan account tersebut.

32 3.3.2.6. Diagram Activity Tambah Data Module Gambar 3.9 : Diagram Activity Tambah Data Module Table 3.20 : Deskripsi Diagram Activity Tambah Data Module Nama Activity : Diagram Activity Tambah Data Module Aktor : User Deskripsi : Menambah module baru Pra Kondisi : Jumlah data module dalam database belum bertambah Tindakan : Mengisikan data module yang ditambahkan Pasca Kondisi : Data module pada database bertambah dan menu aplikasi bertambah sesuai dengan level user yang ditentukan.

33 3.3.2.7. Diagram Activity Edit Data Module Gambar 3.10 : Diagram Activity Edit Data Module Table 3.21 : Deskripsi Diagram Activity Edit Data Module Nama Activity : Diagram Activity Edit Data Module Aktor : User Deskripsi : Merubah data module Pra Kondisi : Data module masih sesuai dengan perubahan terakhir Tindakan : Mengisi data module perubahan Pasca Kondisi : Data module berubah sesuai dengan yang diisikan pada form edit.

34 3.3.2.8. Diagram Activity Previleges Data Module Gambar 3.11 : Diagram Activity Previleges Data Module Table 3.22 : Deskripsi Diagram Activity Previleges Data Module Nama Activity : Diagram Activity Previleges Data Module Aktor : User Deskripsi : Merubah hak akses module Pra Kondisi : Previleges module masih sesuai dengan perubahan terakhir Tindakan : Memilih hak akses pada level user module Pasca Kondisi : Hak akses module level user disimpan dan module dapat dilihat pada halaman menu.

35 3.3.2.9. Diagram Activity Hapus Data Module Gambar 3.12 : Diagram Activity Hapus Data Module Table 3.23 : Deskripsi Diagram Activity Hapus Data Module Nama Activity : Diagram Activity Hapus Data Module Aktor : User Deskripsi : Menghapus data module Pra Kondisi : Jumlah data module dalam database belum berkurang Tindakan : Memilih dan menghapus data module Pasca Kondisi : Data module yang dipilih telah dihapus dari database dan tidak lagi tampil pada menu aplikasi.

36 3.3.2.10. Diagram Activity Lihat Tabel Firewall Gambar 3.13 : Diagram Activity Lihat Tabel Firewall Table 3.24 : Deskripsi Diagram Activity Lihat Tabel Firewall Nama Activity : Diagram Activity Lihat Tabel Firewall Aktor : User Deskripsi : Melihat Tabel Firewall IPTables Pra Kondisi : - Tindakan : Memilih tabel firewall yang akan dilihat. Sebelum tabel yang dipilih ditampilkan, user sebelumnya harus mengisikan user password server

37 Pasca Kondisi : Menampilkan tabel firewall yang dipilih 3.3.2.11. Diagram Activity Setup Firewall Gambar 3.14 : Diagram Activity Setup Firewall

38 Table 3.25 : Deskripsi Diagram Activity Setup Firewall Nama Activity : Diagram Activity Setup Firewall Aktor : User Deskripsi : Melakukan setup firewall Pra Kondisi : Rule firewall masih sama dengan pengaturan terakhir Tindakan : Memilih metode pengaturan firewall dan mengisikan paramter yang berkaitan dengan kebutuhan Pasca Kondisi : Rule firewall bertambah dan telah diterapkan 3.3.2.12. Diagram Activity Lihat History Setup Firewall Gambar 3.15 : Diagram Activity Lihat History Setup Firewall Table 3.26 : Deskripsi Diagram Activity Lihat History Setup Firewall Nama Activity : Diagram Activity Lihat History Setup Firewall Aktor : User Deskripsi : Melihat history pengaturan firewall yang telah dieksekusi Pra Kondisi : - Tindakan : Menampilkan history firewall IPTables Pasca Kondisi : Semua history ditampilkan

39 3.3.2.13. Diagram Activity Clear History Setup Firewall Gambar 3.16 : Diagram Activity Clear History Setup Firewall Table 3.27 : Deskripsi Diagram Activity Clear History Setup Firewall Nama Activity : Diagram Activity Clear History Setup Firewall Aktor : User Deskripsi : Membersihkan history pengaturan firewall Pra Kondisi : History masih tersimpan dalam database Tindakan : Membersihkan history pengaturan firewall Pasca Kondisi : History pengaturan firewall sudah dibersihkan dari database

40 3.3.4. Pemodelan Diagram Sequence 3.3.3.1. Diagram Sequence Login User Gambar 3.17 : Diagram Sequence Login User Gambar 3.17 diatas menggambarkan skenario login user. Pada halaman login, user diminta mengisikan username dan password. Jika username dan password valid maka user akan ditampilkan halaman dashboard, tetapi jika username dan password tidak valid maka user akan kembali diminta mengisikan username dan password pada halaman login.

41 3.3.3.2. Diagram Sequence Edit Password Gambar 3.18 : Diagram Sequence Edit Password Pada gambar 3.18 diatas menggambarkan skenario edit password. Pada halaman edit password, user hanya dapat merubah password dari account miliknya. Jika password yang diisikan valid (memiliki kombinasi huruf besar, kecil, angka, symbol dan minimal 8 karakter) maka password perubahan akan disimpan ke database dan user akan logout otomatis lalu kembali ke halaman login. Jika password tidak valid maka tampilan akan tetap pada halaman edit password.

42 3.3.3.3. Diagram Sequence Tambah Data User Gambar 3.19 : Diagram Sequence Tambah Data User Pada gambar 3.19 diatas menggambarkan skenario tambah data user. Untuk masuk ke halaman add data user, harus melalui halaman data user. Pada halaman add data user, user melakukan input data user. Pada kolom password dilakukan validasi kombinasi karakter yang digunakan. Jika valid maka data user akan disimpan ke dalam database dan kembali pada halaman data user, jika tidak maka user akan tetap berada pada halaman add data user atau user akan kembali pada halaman data user jika proses dibatalkan.

43 3.3.3.4. Diagram Sequence Edit Data User Gambar 3.20 : Diagram Sequence Edit Data User Pada gambar 3.20 diatas menggambarkan skenario edit data user. Untuk masuk ke halaman edit data user, harus melalui halaman data user lalu memilih user yang akan dirubah. Pada halaman edit data user, user input perubahan data. Pada kolom password dilakukan validasi kombinasi karakter yang digunakan. Jika yang dirubah adalah password maka akan di validasi. Jika valid maka data user akan disimpan ke dalam database dan kembali pada halaman data user, jika tidak maka user akan tetap berada pada halaman edit data user atau user akan kembali pada halaman data user jika proses dibatalkan.

44 3.3.3.5. Diagram Sequence Hapus Data User Gambar 3.21 : Diagram Sequence Hapus Data User Pada gambar 3.21 diatas menggambarkan skenario hapus data user. User masuk ke halaman data user dan memilih user yang akan dihapus lalu akan muncul pop-up konfirmasi delete. Jika user melanjutkan proses delete maka data akan dihapus dalam database dan kembali ke halaman data user, jika proses dibatalkan maka user akan kembali pada halaman data user tanpa menghapus user.

45 3.3.3.6. Diagram Sequence Tambah Data Module Gambar 3.22 : Diagram Sequence Tambah Data Module Pada gambar 3.22 diatas menggambarkan skenario tambah data module. Untuk masuk ke halaman add data module, harus melalui halaman data module. Pada halaman add data module, user melakukan input data module. Jika valid maka data module akan disimpan ke dalam database dan kembali pada halaman data module, jika tidak maka user akan tetap berada pada halaman add data module atau user akan kembali pada halaman data user jika proses dibatalkan.

46 3.3.3.7. Diagram Sequence Edit Data Module Gambar 3.23 : Diagram Sequence Edit Data Module Pada gambar 3.23 diatas menggambarkan skenario edit data modoule. Untuk masuk ke halaman edit data module, harus melalui halaman data module lalu memilih module yang akan dirubah. Pada halaman edit data module, user input perubahan data. Jika valid maka data module akan disimpan ke dalam database dan kembali pada halaman data module, jika tidak maka user akan tetap berada pada halaman edit data module atau user akan kembali pada halaman data module jika proses dibatalkan.

47 3.3.3.8. Diagram Sequence Previleges Data Module Gambar 3.24 : Diagram Sequence Previleges Data Module Pada gambar 3.24 diatas menggambarkan skenario edit hak akses modoule. Untuk masuk ke halaman previleges data module, harus melalui halaman data module lalu memilih module yang akan dirubah hak aksesnya. Pada halaman previleges data module, user memilih hak akses. Jika proses dilanjutkan maka data previleges module akan disimpan, atau jika proses dibatalkan maka user akan kembali pada halaman data module.

48 3.3.3.9. Diagram Sequence Hapus Data Module Gambar 3.25 : Diagram Sequence Hapus Data Module Pada gambar 3.25 diatas menggambarkan skenario hapus data module. User masuk ke halaman data module dan memilih module yang akan dihapus lalu akan muncul pop-up konfirmasi delete. Jika user melanjutkan proses delete maka data akan dihapus dalam database dan kembali ke halaman data module, jika proses dibatalkan maka user akan kembali pada halaman data module tanpa menghapus data module.

49 3.3.3.10. Diagram Sequence Lihat Tabel Firewall Gambar 3.26 : Diagram Sequence Lihat Tabel Firewall Pada gambar 3.26 diatas menggambarkan skenario lihat table firewall. User memilih table firewall yang akan dilihat pada halaman view packet filter. Sebelum tabel yang dipilih ditampilkan, tampil pop-up login user. Jika user dan password yang diisikan valid maka tabel yang dipilih ditampilkan pada halaman view packet filter, jika tidak maka tabel yang dipilih tidak tampil.

50 3.3.3.11. Diagram Sequence Setup Firewall Gambar 3.27 : Diagram Sequence Setup Firewall Pada gambar 3.27 diatas menggambarkan skenario setup firewall. User masuk menu setup packet filter dan memilih metode setup. Pada halaman setup packet filter akan menampilkan dan memilih parameter setup firewall sesuai dengan metode setup yang dipilih. Lalu muncul pop-up login server, lalu mengisikan username dan password server. Jika user dan password yang diisikan valid maka pengaturan firewall dieksekusi pada sistem, jika tidak maka pengaturan firewall dibatalkan.

51 3.3.3.12. Diagram Sequence Lihat History Setup Firewall Gambar 3.28 : Diagram Sequence Lihat History Setup Firewall Pada gambar 3.28 diatas menggambarkan skenario lihat history setup firewall. User masuk pada menu history packet filter untuk menampilkan halaman history setup firewall. 3.3.3.13. Diagram Sequence Clear History Setup Firewall Gambar 3.29 : Diagram Sequence Clear History Setup Firewall

52 Pada gambar 3.29 diatas menggambarkan skenario clear history setup firewall. User masuk pada menu history packet filter untuk menampilkan halaman history setup firewall. Pada halaman history setup firewall, user memilih clear history dan lalu halaman dimuat luang. 3.4. Kerangka Pemikiran Latar Belakang Melihat kebutuhan akan kepraktisan penggunaan aplikasi firewall IPTables pada sistem operasi Linux. Masalah Pengoperasian aplikasi IPTables pada linux hanya dapat dilakukan melalui command line interface Pengumpulan Data Studi Literatur dan Observasi Metode Pengembangan Sistem Metode Waterfall Analisa Perancangan Implementasi Pengujian Hasil Pengaturan Firewall dapat menggunakan aplikasi IPTables yang berbasis GUI (Grafic User Interface) Gambar 3.30 : Kerangka Pemikiran Pembangunan Aplikasi

53 3.5. Perancangan Basis Data Untuk memenuhi kebutuhan dalam pengelolaan data, maka diperlukan media yang dapat menyimpan data-data aplikasi sehingga memudahkan aplikasi dalam proses penyimpanan, perubahan, dan penghapusan data-data tersebut. Perancangan Basis Data pada subbab ini mendeskripsikan mengenai penjelasan dari tabel, field, tipe data, dan ukuran data. Tabel-tabel yang digunakan untuk membangun aplikasi ini yaitu sebagai berikut : 3.5.1. Rancangan Tabel User Tabel User digunakan untuk menyimpan data user. Tabel ini terdiri dari id_user, fullname, username, password, level. Untuk lebih jelasnya, dapat dilihat pada tabel 3.28 dibawah ini. Table 3.28 : Rancangan Tabel User Nama Field Tipe Data Panjang Keterangan id_user int 11 PRIMARY KEY, AUTO_INCREMENT fullname varchar 50 username varchar 25 password varchar 50 level enum 'guest', 'administrator' 3.5.2. Rancangan Tabel Level Tabel Level digunakan menyimpan data level akses aplikasi. Tabel ini terdiri dari id_level dan level. Untuk lebih jelasnya, dapat dilihat pada tabel 3.29 dibawah ini. Table 3.29 : Rancangan Tabel Level Nama Field Tipe Data Panjang Keterangan id_level int 11 PRIMARY KEY, AUTO_INCREMENT level varchar 25 3.5.3. Rancangan Tabel Module

54 Tabel Module digunakan untuk menyimpan data modul-modul aplikasi. Tabel ini terdiri dari id_module, name, module, position, icon, id_parent, visible, created, createdby, modified, dan modifiedby. Untuk lebih jelasnya, dapat dilihat pada tabel 3.30 dibawah ini. Table 3.30 : Rancangan Tabel Module Nama Field Tipe Data Panjang Keterangan id_module int 11 PRIMARY KEY name varchar 50 module varchar 50 position int 11 icon varchar 50 id_parent int 11 visible int 11 created datetime DEFAULT '0000-00-00 00:00:00' createdby varchar 25 modified datetime DEFAULT '0000-00-00 00:00:00' modifiedby varchar 25 3.5.4. Rancangan Tabel User Level Tabel User Level digunakan untuk menyimpan data hak akses modul pada setiap level user. Tabel ini terdiri dari id_user_level, id_ta_level, id_ta_module, dan enable. Untuk lebih jelasnya, dapat dilihat pada tabel 3.31 dibawah ini. Table 3.31 : Rancangan Tabel User Level Nama Field Tipe Data Panjang Keterangan id_user_level int 11 PRIMARY KEY, AUTO_INCREMENT id_ta_level int 11 id_ta_module int 11 enable int 1 3.5.5. Rancangan Tabel IPTables Table Tabel IPTables Table digunakan untuk menyimpan parameter table pada command line IPTables. Tabel ini terdiri dari id, name, command, dan desc. Untuk lebih jelasnya, dapat dilihat pada tabel 3.32 dibawah ini.

55 Table 3.32 : Rancangan Tabel IPTables Table Nama Field Tipe Data Panjang Keterangan id int 11 PRIMARY KEY, AUTO_INCREMENT name varchar 25 command varchar 10 desc varchar 250 3.5.6. Rancangan Tabel IPTables Command Tabel IPTables Command digunakan untuk menyimpan parameter command pada command line IPTables. Tabel ini terdiri dari id, name, command, alt, dan desc. Untuk lebih jelasnya, dapat dilihat pada tabel 3.33 dibawah ini. Table 3.33 : Rancangan Tabel IPTables Command Nama Field Tipe Data Panjang Keterangan id int 11 PRIMARY KEY, AUTO_INCREMENT name varchar 25 command varchar 25 alt varchar 25 desc text 3.5.7. Rancangan Tabel IPTables Chain Tabel IPTables Chain digunakan untuk menyimpan parameter chain pada command line IPTables. Tabel ini terdiri dari id, name, dan command. Untuk lebih jelasnya, dapat dilihat pada tabel 3.34 dibawah ini. Table 3.34 : Rancangan Tabel IPTables Chain Nama Field Tipe Data Panjang Keterangan id int 11 PRIMARY KEY, AUTO_INCREMENT name varchar 25 command varchar 25 3.5.8. Rancangan Tabel IPTables Option

56 Tabel IPTables Option digunakan untuk menyimpan parameter option pada command line IPTables. Tabel ini terdiri dari id, name, command, alt, dan desc. Untuk lebih jelasnya, dapat dilihat pada tabel 3.35 dibawah ini. Table 3.35 : Rancangan Tabel IPTables Option Nama Field Tipe Data Panjang Keterangan id int 11 PRIMARY KEY, AUTO_INCREMENT name varchar 25 command varchar 25 alt varchar 25 desc text 3.5.9. Rancangan Tabel IPTables Match Generic Tabel IPTables Match Generic digunakan untuk menyimpan parameter match generic pada command line IPTables. Tabel ini terdiri dari id, name, command, alt, dan desc. Untuk lebih jelasnya, dapat dilihat pada tabel 3.36 dibawah ini. Table 3.36 : Rancangan Tabel IPTables Match Generic Nama Field Tipe Data Panjang Keterangan id int 11 PRIMARY KEY, AUTO_INCREMENT name varchar 25 command varchar 25 alt varchar 25 desc text 3.5.10. Rancangan Tabel IPTables Match Implicit Tabel IPTables Match Implicit digunakan untuk menyimpan parameter match implicit pada command line IPTables. Tabel ini terdiri dari id, name, protocol, command, alt, dan desc. Untuk lebih jelasnya, dapat dilihat pada tabel 3.37 dibawah ini. Table 3.37 : Rancangan Tabel IPTables Match Implicit Nama Field Tipe Data Panjang Keterangan id int 11 PRIMARY KEY, AUTO_INCREMENT name varchar 25

57 Nama Field Tipe Data Panjang Keterangan protocol varchar 5 command varchar 25 alt varchar 25 desc text 3.5.11. Rancangan Tabel IPTables Match Explicit Tabel IPTables Match Explicit digunakan untuk menyimpan parameter match explicit pada command line IPTables. Tabel ini terdiri dari id, name, command, dan desc. Untuk lebih jelasnya, dapat dilihat pada tabel 3.38 dibawah ini. Table 3.38 : Rancangan Tabel IPTables Match Explicit Nama Field Tipe Data Panjang Keterangan id int 11 PRIMARY KEY, AUTO_INCREMENT name varchar 25 command varchar 50 desc text 3.5.12. Rancangan Tabel IPTables Target Tabel IPTables Target digunakan untuk menyimpan parameter target pada command line IPTables. Tabel ini terdiri dari id, name, command, alt, dan desc. Untuk lebih jelasnya, dapat dilihat pada tabel 3.39 dibawah ini. Table 3.39 : Rancangan Tabel IPTables Target Nama Field Tipe Data Panjang Keterangan id int 11 PRIMARY KEY, AUTO_INCREMENT name varchar 25 command varchar 25 alt varchar 25 desc text 3.5.13. Rancangan Tabel History

58 Tabel History digunakan untuk menyimpan history pengaturan firewall yang telah dilakukan. Tabel ini terdiri dari id, name, command, alt, dan desc. Untuk lebih jelasnya, dapat dilihat pada tabel 3.40 dibawah ini. Table 3.40 : Rancangan Tabel History Nama Field Tipe Data Panjang Keterangan id int 11 PRIMARY KEY, AUTO_INCREMENT command varchar 250 created Datetime DEFAULT '0000-00-00 00:00:00' createdby varchar 25 3.5.14. Rancangan Tabel Port Tabel Port digunakan untuk menyimpan data unkown-list port atau port-port yang sering digunakan. Tabel ini terdiri dari port, protocol, service, dan desc. Untuk lebih jelasnya, dapat dilihat pada tabel 3.41 dibawah ini. Table 3.41 : Rancangan Tabel Port Nama Field Tipe Data Panjang Keterangan id int 11 PRIMARY KEY, AUTO_INCREMENT port int 11 protocol varchar 3 service varchar 25 desc varchar 100 3.6. Perancangan Antarmuka Aplikasi Perancangan antarmuka menjelaskan perancangan interaksi antara user dan aplikasi. Interaksi yang dimaksud melibatkan komponen-komponen html untuk memudahkan user dalam menggunakan fitur-fitur yang disediakan aplikasi. 3.6.1. Rancangan Halaman Login Pada halaman ini menggunakan textbox yang masing-masing berfungsi untuk input username dan password. Tampilan Halaman Login dapat dilihat pada gambar 3.31 dibawah ini.

59 Gambar 3.31 : Rancangan Halaman Login 3.6.2. Rancangan Halaman Dashboard Pada halaman ini dilengkapi 3 buah tombol untuk mengakses fitur utama aplikasi. Tombol dibuat lebih besar dan dilengkapi label dan icon yang menggambarkan fitur yang dimilikinya. Tampilan halaman dashboard dapat dilihat pada gambar 3.32 dibawah ini. Gambar 3.32 : Rancangan Halaman Dashboard 3.6.3. Rancangan Antarmuka Menu Login Menu login diletakan pada pojok kanan atas template dan menggunakan tombol dropdown yang berisi tombol change password dan logout. Pada tombol dropdown berisi nama yang disesuaikan dengan user yang login. Tampilan menu login dapat dilihat pada gambar 3.33 dibawah ini.

60 Gambar 3.33 : Rancangan Menu Login 3.6.4. Rancangan Halaman Change Password Pada halaman ini menggunakan textbox yang masing-masing berfungsi untuk merubah data fullname dan password. Untuk textbox username akan didisable. Tampilan halaman change password dapat dilihat pada gambar 3.34 dibawah ini. Gambar 3.34 : Rancangan Halaman Change Password 3.6.5. Rancangan Halaman Data Module Pada halaman data module berisi tabel data module yang menampilkan semua data module yang ada dalam basis data. Pada bagian atas tabel terdapat tombol tambah data modul untuk masuk ke halaman tambah data module. Setiap data yang ditampilkan memiliki tombol edit untuk masuk ke halaman edit dan tombol delete untuk menghapus data module dipilih. Data module yang ditampilkan

61 menggunakan fitur tambahan seperti pagination, dan tombol searching. Tampilan halaman tabel data module dapat dilihat pada gambar 3.35 dibawah ini. Gambar 3.35 : Rancangan Halaman Tabel Data Module 3.6.6. Rancangan Halaman Input Data Module Pada halaman ini menggunakan textbox yang masing-masing berfungsi untuk input data name, module, position, icon, ID parent, dan visible. Tampilan halaman input data module dapat dilihat pada gambar 3.36 dibawah ini.

62 Gambar 3.36 : Rancangan Halaman Input Data Module 3.6.7. Rancangan Halaman Previleges Data Module Pada halaman ini menggunakan check box yang mewakili setiap leve user yang ada. Tampilan halaman previleges data module dapat dilihat pada gambar 3.37 dibawah ini. Gambar 3.37 : Rancangan Halaman Previleges Data Module 3.6.8. Rancangan Halaman Data User Account

63 Pada halaman data user account berisi tabel user account yang menampilkan semua data user account yang ada dalam basis data. Pada bagian atas tabel terdapat tombol tambah data user account untuk masuk ke halaman tambah data user account. Setiap data yang ditampilkan memiliki tombol edit untuk masuk ke halaman edit dan tombol delete untuk menghapus data user account dipilih. Data user account yang ditampilkan menggunakan fitur tambahan seperti pagination, dan tombol searching. Tampilan halaman tabel data user account dapat dilihat pada gambar 3.38 dibawah ini. Gambar 3.38 : Rancangan Halaman Tabel User Account 3.6.9. Rancangan Halaman Input User Account Pada halaman ini menggunakan textbox yang masing-masing berfungsi untuk input data fullname, username, dan password. Selain textbox, komponen html lain yang digunakan adalah radio button yang berfungsi untuk memilih level akses dari user account. Tampilan halaman input user account dapat dilihat pada gambar 3.39 dibawah ini.

64 Gambar 3.39 : Rancangan Halaman Input User Account 3.6.10. Rancangan Halaman View Packet Filter Pada halaman ini menggunakan tombol dropdown dan button yang digunakan untuk menampilkan pilihan tabel firewall. Hasil keluaran ditampilkan di kolom bagian bawah tombol dropdown. Tampilan halaman view table firewall dapat dilihat pada gambar 3.40 dibawah ini. Gambar 3.40 : Rancangan Halaman View Packet Filter

65 3.6.11. Rancangan Halaman Setup Packet Filter (By Case) Halaman setup packet filter memiliki 2 kondisi. Salah satu kondisi itu adalah pengaturan packet filter berdasarkan kasus tertentu yang ditampilkan melalui tombol by case. Setelah masuk pada halaman by case, kasus pengaturan firewall dipilih menggunakan tombol dropdown dan button. Hasil pemilihan pengaturan akan menampilkan beberapa parameter tertentu yang melibatkan komponen dropdown dan input box. Tampilan halaman setup packet filter (by case) dapat dilihat pada gambar 3.41 dibawah ini. Gambar 3.41 : Rancangan Halaman Setup Packet Filter (By Case) 3.6.12. Rancangan Halaman Setup Packet Filter (Show All) Halaman ini adalah satu kondisi lain dari halaman setup packet filter. Pada halaman ini menampilkan semua parameter yang dimiliki oleh aplikasi IPTables. Parameter yang ditampilkan melibatkan komponen dropdown dan input box. Tampilan halaman setup packet filter (show all) dapat dilihat pada gambar 3.42 dibawah ini.

66 Gambar 3.42. : Rancangan Halaman Setup Packet Filter (Show All) 3.6.13. Rancangan Halaman History Packet Filter Pada halaman history packet filter memiliki tabel yang menampilkan seluruh command yang tersimpan dalam basis data. Pada bagian atas tabel terdapat tombol clear history untuk menghapus semua history yang tersimpan. Data history packet filter yang ditampilkan menggunakan fitur tambahan seperti pagination, dan tombol searching. Tampilan halaman tabel data user account dapat dilihat pada gambar 3.43 dibawah ini. Gambar 3.43 : Rancangan Halaman History Packet Filter

67 3.6.14. Rancangan Halaman Help Command Pada halaman help command memiliki tabel yang menampilkan seluruh command beserta penjelasan singkat yang tersimpan dalam basis data. Data help command yang ditampilkan menggunakan fitur tambahan seperti pagination, dan tombol searching. Tampilan halaman tabel data user account dapat dilihat pada gambar 3.44 dibawah ini. Gambar 3.44 : Rancangan Halaman Help Command 3.6.15. Rancangan Halaman Help Port List Pada halaman help port list memiliki tabel yang menampilkan seluruh port beserta penjelasan singkat yang tersimpan dalam basis data. Data help port list yang ditampilkan menggunakan fitur tambahan seperti pagination, dan tombol searching. Tampilan halaman tabel data user account dapat dilihat pada gambar 3.45 dibawah ini.

68 Gambar 3.45 : Rancangan Halaman Help Port List